body {
   font-family: 'Open Sans';
      /* background-color:  #ffffff !important; */
   min-height: 100%;
   display: flex;
   /* flex-direction: column; */
}

/*---------------------------- width classes ---------------------*/

.w-10 {
   width: 10%;
}

.w-15 {
   width: 13% !important;
}

.w-16 {
   width: 16% !important;
}

.w-20 {
   width: 20%;
}

.w-28 {
   width: 28% !important;
}

.w-30 {
   width: 30% !important;
}

.w-35 {
   width: 35% !important;
}

.w-33 {
   width: 32% !important;
}

.w-40 {
   width: 40% !important;
}

.w-43 {
   width: 43% !important;
}

.w-52 {
   width: 52% !important;
}

.w-58 {
   width: 58% !important;
}

.w-60 {
   width: 60% !important;
}

.w-70 {
   width: 70% !important;
}

.w-80 {
   width: 80%;
}

.w-90 {
   width: 90%;
}

/*---------------------------- height classes ---------------------*/
.h-10 {
   width: 10%;
}

.h-20 {
   width: 20%;
}

.h-30 {
   width: 30%;
}

.h-40 {
   width: 40%;
}

.h-60 {
   width: 60% !important;
}

.h-70 {
   width: 70%;
}

.h-80 {
   width: 80%;
}

.h-90 {
   width: 90%;
}

.h-100 {
   height: 100% !important;
}
.h60w150px{
   height: 50px;
   width: 150px;
}
.container{
   padding-left: 0px !important;
   padding-right: 0px !important;
}
.logoimage {
   width: 150px;
}
.logoimage4{
   width: 250px;
}

.perimagewidth{
   width: 162px;
   height: 169px;
}
.logoimage2{
   width: 150px;
}
.logoimagefotter {
   width: 120px;
}
.emaillogowidth{
   width: 120px;
}

.mt150px {
   margin-top: 150px;
}

.mt140px {
   margin-top: 140px;
}
.pt13px{
   padding-top: 13px;
}
.mt80px {
   margin-top: 80px;
}
.mt100px{
   margin-top: 100px;
}
.mt120px{
   margin-top: 120px;
}
.mt40px{
   margin-top: 40px;
}
.mt70px {
   margin-top: 70px;
}
.mt50px{
   margin-top: 30px;
}
.fs41px{
   font-size: 41px;
}
.fs24px {
   font-size: 24px;
}
.fs15px{
   font-size: 15px;
}
.fs16px{
   font-size: 16px;
}
.fs17px{
   font-size: 17px;
}
.fs18px{
   font-size: 18px;
}
.fs19px{
   font-size: 19px;
}
.fs20px{
   font-size: 20px;
}
.fs22px{
   font-size: 22px;
}
.fs11px {
   font-size: 13px;
}
.fs14px{
   font-size: 14px;
}
.fs10px{
   font-size: 10px;
}
.fs17px{
   font-size: 17px;
}
.fsbtn15px{
   font-size: 15px;
}
.fsbtn18px{
   font-size: 18px;
}
.fsbtn22px{
   font-size: 22px;
}
.fsbtn20px{
   font-size: 20px;
}
.linehe1{
   line-height: 1.3;
}
.text-black1 {
   color: #000000;
}
.text-orange2{
   color: #e6661c;
}
.text-blue1 {
   color: #004685;
}
.text-blue2{
   color: #006394;
}
.text-orange1{
   color: #fd7e14;
}
.text-gray4{
   color: #dbdbdb;
}
.text-gray9{
   color: #595959;
}
.text-gray17{
   color: #59595952;
}
.text-gray6{
   color: #c7c7c7;
}
.text-gray7{
   color: #c8c7c7 !important;
}
.text-gray12{
   color: #828282;
}
.text-green{
   color: #1bbc9b;
}
.text-red1{
   color: #bd0000;
}
.text-red2{
   color: #e30413;
}
.bg-gray1{
   background-color: #f2f2f2;
}
.bg-gray2{
   background-color: #efecec;
}
.bg-green2{
   background-color: #9ce2b8;
}
.btn-blue {
   background-color: #006394;
}
.btn-gray1{
   background-color: #afafaf;
}
.btn-gray2{
   background-color: #dbdbdb;
}
.btn-gray3{
   background-color: #c8c7c7;
}
.btn-gray4{
   background-color: #f2f2f2;
}
.btn-gray6{
   background-color: #828282;
}
.btn-red1{
   background-color: #bd0000;
}
.bg-black1{
   background-color: #000000;
}
.bg-blue2{
   background-color: #006394;
}
.bg-green1{
   background-color: #20c997;
}
.bg-gray3{
   background-color: #c9c9c9;
}
.bg-blue1{
   background-color: #2d4b8a;
}
.bg-orange1 {
    background-color: #EEAF61 !important;
}
.text-gray2{
   color: #858585;
}
.text-gray3{
   color: #e3e3e3;
}
.text-gray10{
   color: #cccccc;
}
.text-gray11{
   color: #c9c9c9;
}
.bgcolorchange:checked{
   background-color: #004685 !important;
   border-color: #004685 !important;
}
.btn-green1{
   background-color: #20c997;
}
.h20px{
   height: 5px !important;
}
.borderred{
   border-color: #ffbfbf !important;
}
.bordergray{
   border-color: #cccccc !important;

}
.wautoindex6{
   margin-left: 5% !important;
   margin-right: 5% !important;
}
.h100pxw100{
   height: 100px;
   width: 100%;
}.widthpdf{
   height: 450px;
    width: 100%;
}
@media only screen and (max-width: 2700px) {
   .wautoindex {
      margin-left: 25% !important;
      margin-right: 25% !important;
   }

   .wautoindex2 {
      margin-left: 15% !important;
      margin-right: 15% !important;
   }
   .wautoindex3{
      margin-left: 10% !important;
      margin-right: 10% !important;
   }
   .wautoindex4{
      margin-left: 15% !important;
      margin-right: 15% !important;
   }
   .wautoemail{
      margin-left: 25% !important;
      margin-right: 25% !important;
   }
   .wautoindex5{
      margin-left: 25%;
      margin-right: 25%;
   }
   .wautoindex6{
      margin-left: 25% !important;
      margin-right: 25% !important;
   }
   .wautoindex7{
      margin-left: 25% !important;
      margin-right: 25% !important;
   }
   .wautoindex8{
      margin-left: 25% !important;
      margin-right: 25% !important;
   }
   

}

@media only screen and (max-width: 800px) {
   .wautoindex {
      margin-left: 15% !important;
      margin-right: 15% !important;
   }
   .wautoindex2 {
      margin-left: 10% !important;
      margin-right: 10% !important;
   }
   .wautoindex4{
      margin-left: 7% !important;
      margin-right: 7% !important;
   }
   .wautoindex3{
      margin-left: 0% !important;
      margin-right: 0% !important;
   }
   .wautoemail{
      margin-left: 9% !important;
      margin-right: 15% !important;
   }
   .wautoindex5{
      margin-left: 8%;
      margin-right: 8%;
   }
   .wautoindex6{
      margin-left: 5% !important;
      margin-right: 5% !important;
   }
   .wautoindex7{
      margin-left: 7% !important;
      margin-right: 7% !important;
   }
   .wautoindex8{
      margin-left: 12% !important;
      margin-right: 12% !important;
   }

}


.custom-file-button input[type=file] {
   margin-left: -2px !important;
 }
 
 .custom-file-button input[type=file]::-webkit-file-upload-button {
   display: none;
 }
 
 .custom-file-button input[type=file]::file-selector-button {
   display: none;
 }
 
 .custom-file-button:hover label {
   background-color: #dde0e3;
   cursor: pointer;
 }

.validation-message{
    font-size: 13px !important;
}