.font1{
    font-family: 'Abel', sans-serif !important;
}
.font2{
font-family: 'Barlow Condensed', sans-serif;
}
.font3{
font-family: 'Bebas Neue', sans-serif;
}
.font4{
font-family: 'Noto Sans', sans-serif;
}
.font5{
font-family: 'Open Sans', sans-serif;
}
.font6{
font-family: 'Oswald', sans-serif;
}
.font7{
    font-family: 'Oswald', sans-serif !important;
   
}

.dashstyle1{
    background-color: red;color: #fff;padding: 8px;border-radius: 10px;padding-left: 15px;padding-right: 15px;
}
.dashstyle1:hover{
    background-color: #000;color: #fff;padding: 8px;border-radius: 10px;padding-left: 15px;padding-right: 15px;
}


.topdash{
    cursor: pointer;
}
.topdash:hover{
    cursor: pointer;
    color: red;
}

.headerfont{
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    font-size: 12px !important;
    color: #4d4d4d !important;
}

.navfont17{
    font-size: 17px !important;
}

.headerfonttop{
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 17px !important;
    color: #fff !important;
}

.topicon{
    padding: 18px;
  
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
}


.border0{
    border: 0px;
}

body{
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
}

a {
    font-family: 'Inter', sans-serif;
   
    font-size: 12px !important;
}

p {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    line-height: 1.6;
    font-size: 13px !important;
}

h4 {
    font-family: 'Inter', sans-serif;
    font-size: 12px !important;
    text-transform: uppercase;
}

.font13{
    font-size: 12px !important;
}

.bgcol1{
    /*
    
      background-color: whitesmoke;
       background-color: #f3f3f3 !important;
     */
    
     background-color: #f3f3f3 !important;
 }
 
 .head1{
     padding-top: 0px;
     background-color: #fff !important;;
     height: 39px;
     border-top-style: solid;
     border-top-width: 1px;
     border-top-color: #fff;
 }
 
 .top1{
     font-size: 12px;
     text-transform: uppercase;
     padding: 26px;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-right: 12px;
     padding-left: 12px;
 }
 
 .leftsidenav{
    top: 53px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #c2c3c4;
    z-index: 999999999;
    left: 2px;
    width: 258px;
    max-width: 258px;
    background-color: #fff;
 }
 
 .talert{
     position: fixed;
     top: 0px;
     left: 270px;
     z-index: 99999;
     padding: 5px;
     margin: 11px;
     font-weight: 700;
     font-size: 14px;
     padding-left: 20px;
     padding-right: 20px;
 }

 .talert1{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
    padding: 5px;
    margin: 11px;
    font-weight: 700;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 0px;
    background-color: red;
    color: #fff;
    width: 500px;
    padding-top: 0px;
    padding-bottom: 0px;
}
 
 .mt0{
     margin-top: 0px !important;
 }

 .login1{
    font-size: 12px;
    width: 100%;
    background-color: whitesmoke;
    padding: 10px;
 }

 .bt1{
    font-size: 11px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #a4a1a1;
    margin-top: 10px;
 }

 .icon1{
    float: left;
    color: #6b6868;
    padding: 2px;
    padding-right: 7px;
    padding-left: 0px;
}

.floatright{
    float: right;
}

.floatleft{
    float: left;
}
 
.but1{
    padding: 10px;
    text-align: right;
    background-color: #005279;
    border: 0px;
    font-size: 12px;
    font-weight: 500;
}


.pleft0{
    padding-left: 0px;
}

.pleft5{
    padding-left: 5px;
}

.pleft10{
    padding-left: 10px;
}

.pright10{
    padding-right: 10px;
}

.marginright10{
    margin-right: 10px !important;
}

.pright5{
    padding-right: 5px;
}

.errormsg{
    color: #fff !important;
    background-color: red !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}

.nodisplay{
    display: none !important;
}

.leftbar1{
    display: block;
    top: 53px;
    z-index: 9999;
    background-color: #f8f8f8;
}

.headerbut1{
    font-family: 'Inter', sans-serif;
    font-size: 12px !important;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    border: 0px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #6b6868;
    height: 38px;
    padding-top: 9px;
}

.headerbut1:hover{
    font-family: 'Inter', sans-serif;
    font-size: 12px !important;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #6b6868;
    height: 38px;
    padding-top: 9px;
}

.loader1{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #cff0ff;
    z-index: 99999;
    opacity: 0.5;
    display: none;
}

.loaderclose{
    float: right;background-color: #fff;padding: 10px;width: 50px;color: red;
    cursor: pointer;
}

.loaderclose:hover{
    float: right;background-color: red;padding: 10px;width: 50px;color: #fff !important;
    cursor: pointer;
}

.dashfont{
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    color: #444 !important;
    padding-top: 10px;
    font-size: 12px !important;
}

.heading1{
    background-color: #e6e7e8 !important;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 12px !important;
   
}

.pr10icon{
    padding-right: 10px;
}

.alttable1{
    background-color: #f6f6f6 !important;
}

.cardbody1{
    padding: 10px;
}

.link1{
    padding: 10px;
    font-size: 16px;
    background-color: #eaeaea;
    border-left-style: solid;
    border-left-width: 10px;
    border-left-color: white;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: #fff;
    cursor: pointer;
}


.link1:hover{
    padding: 10px;
    font-size: 16px;
    background-color: #c7dbe9;
    border-left-style: solid;
    border-left-width: 10px;
    border-left-color: white;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: #fff;
    cursor: pointer;
}

.buildtemptable1{
    background-color: #ececec !important;
    border-right-style: solid;
    border-right-width: 5px !important;
    border-right-color: #f3f3f3 !important;
    padding: 10px !important;
    border-bottom-style: solid !important;
    border-bottom-width: 5px !important;
    border-bottom-color: #f3f3f3 !important;
    white-space: nowrap;
}

.buildtemptable2{
    background-color: #f0f0f0 !important;
    border-right-style: solid;
    border-right-width: 5px !important;
    border-right-color: #f3f3f3 !important;
    border-bottom-style: solid !important;
    border-bottom-width: 5px !important;
    border-bottom-color: #f3f3f3 !important;
    padding: 10px !important;
    white-space: nowrap;
}


.thstyle1{
    background-color: #eff1ff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
   color :#000  !important;
}


.tdclass1{
    line-height: 0 !important;
    font-size: 13px !important;
   
    letter-spacing: 0px !important;
    padding: 10px !important;
    color :#000  !important;
}


.thstyle1A{
    background-color: #ededed !important;
    font-family: 'Hind Madurai', sans-serif;
   padding: 10px;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
   
}


.tdclass1A{
    font-family: 'Hind Madurai', sans-serif;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
    padding: 10px !important;
}

.btn-secondary {
    font-size: 12px !important;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
    text-transform: uppercase;
    background-color: #eff1ff;
    border: 0px !important;
    margin-right: 8px !important;
}

.btn-secondary:hover {
    font-size: 13px !important;
    padding: 6px;
    padding-left: 10px;
    padding-right: 5px;
    background-color: #000000;
    color: #fff;
    text-transform: uppercase;
   
}

.newformmodal{
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 99999;
    right: 0px;
    width: 50%;
}

.backmodal{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #ffdada;
    z-index: 9999;
    opacity: 0.5;
}

.headmodal1{
    border-radius: 0px;
    background-color: red !important;
    color: #fff;
}

.formlabel{
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 8px !important;
    margin-top: 15px !important;
    font-size: 14px;
}

.form1{
    padding: 10px;
    background-color: #f8f8f8;
    border: 0px;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #e4e4e4;
    font-size: 16px;
}

.icon6{
    float: right;
    padding: 2px;
    font-size: 17px;
    cursor: pointer;
}

.icon6:hover{
    float: right;
    padding: 2px;
    font-size: 17px;
    cursor: pointer;
    color:#a4a1a1;
}

.icon7{
   padding: 2px;
   cursor: pointer;
}

.icon7:hover{
    padding: 2px;
    color: red;
    cursor: pointer;
 }

 .insideleft{
    background-color: #ffffff;
    border-right-style: solid;
    border-right-width: 15px;
    border-right-color: #f3f3f3;
    height: 400px;
    overflow: scroll;
    padding: 0px;
 }


 .insideright{
    background-color: #ffffff;
    height: 500px;
 }

 .bordbottom2{
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: #f3f3f3;
    padding: 10px;
 }

 .insidetd1{
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f3f3f3;
 }

 .insidetd1top{
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f3f3f3;
    cursor: pointer;
 }

 .insidetd1top:hover{
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f3f3f3;
    cursor: pointer;
    background-color: #f2f1f1;
 }

 .navbar5{
    background-color: red;
    /*
    background-color: #d0d0d0;
    */
 }

 .leftborder{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ff7676;
 }
 
 .intable1{
    background-color: #f1f5f9 !important;
    padding: 10px;
    margin: 0px;
    padding-left: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    text-transform: uppercase;
    font-size: 12px;
    border-right-style: solid;
    border-right-width: 2px !important;
    border-right-color: #dcdfe8 !important;
    border-top-style: solid;
    border-top-width: 1px !important;
    border-top-color: #4663ac !important;
 }

 .intable1td{
    padding: 10px !important;
    font-size: 13px;
 }
 
 .colour1{
    color: #000;
 }

 .colourwhite{
    color: #fff !important;
 }

 .navbghover{
    cursor: pointer;
    color:#fff !important;
 }

 .navbghover:hover{
    cursor: pointer;
    background-color: #fff;
    color:#000 !important;
 }

 .newtabletd {
    font-size: 12px !important;
    text-transform: uppercase;
    padding-left: 10px !important;
    background-color: #eff1ff !important;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #e6e7e8 !important;
}


.newtabletdnobord {
    font-size: 12px !important;
    text-transform: uppercase;
    padding-left: 10px !important;
    background-color: #eff1ff !important;
}


.in1 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px !important;
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ededed;
    letter-spacing: unset;
}

.icon20{
    float: right;
    padding: 4px;
    font-size: 15px;
    cursor: pointer;
}


.icon20:hover{
    float: right;
    padding: 4px;
    font-size: 15px;
    color:red;
    cursor: pointer
}

.icon21{
    float: right;
    font-size: 13px;
    padding: 5px;
    color: #757575;
    padding-right: 0px;
    cursor: pointer;
}


.icon21:hover{
    float: right;
    font-size: 13px;
    padding: 5px;
    color: red;
    padding-right: 0px;
    cursor: pointer;
}


.icon22{
    float: right;
    font-size: 13px;
    padding: 8px;
    color: #e1dede;
    padding-right: 0px;
    cursor: pointer;
    padding-left: 20px;
}


.icon22:hover{
    float: right;
    font-size: 13px;
    padding: 8px;
    color: #000;
    padding-right: 0px;
    cursor: pointer;
    padding-left: 20px;
}

.icon23{
    float: right;
    padding: 4px;
    color: #808686;
    cursor: pointer;
}

.icon23:hover{
    float: right;
    padding: 4px;
    color: red;
    cursor: pointer;
}

.in1bg {
    font-family: 'Oswald', sans-serif;
    font-size: 14px !important;
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ededed;
    color: #000;
    letter-spacing: unset;
    cursor: pointer;
}

.in1bg:hover{
    background-color: #4663ac !important;
    color:#fff !important;
    cursor: pointer !important;
}

.in1a {
    font-size: 15px !important;
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ededed;
    letter-spacing: unset;
}

.in2{
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 13px;
    border-bottom-color: #ededed;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0b9ffa;
}

.inright1{
    background-color: #fff;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #0b9ffa;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-bottom-color: #ededed;
}

.topblueborder{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #4663ac;
}

.bgf{
    padding: 10px;
    background-color: #f1f5f9;
}

.bgfgrey{
    padding: 10px;
    background-color: #f3f3f3;
}

.bgf1{
    padding: 10px;
    min-height: 50px;
    padding-left: 0px;
    background-color: #fff;
    padding-left: 10px;
}


.btd1{
    padding: 10px;
    font-size: 13px;
    padding-left: 10px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #ededed;
    padding-top: 7px;
    padding-bottom: 7px;
}

.newtabletd1 {
    font-family: 'Inter', sans-serif;
    font-size: 13px !important;
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-right-color: #cecece !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #cecece !important;
    padding-left: 10px !important;
    padding: 5px;
    
}


.newtabletd2 {
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;
  padding: 5px;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #cecece !important;
}

.dashp{
    cursor: pointer;
    background-color: red;
    width: 134px;padding: 7px;color: #fff;border-radius: 14px;font-size: 12px !important;font-weight: 500;text-align: center;
}

.dashp:hover{
    cursor: pointer;
    background-color: #000;
    width: 134px;padding: 7px;color: #fff;border-radius: 14px;font-size: 12px !important;font-weight: 500;text-align: center;
}