:root {
    --blue: rgb(160, 174, 225);
    --blue1: rgb(218, 238, 255);
    --blue2: rgb(185, 205, 221);
    --white: rgb(255, 255, 255);
    --font-color1: #6b88a7;
}

/* BG CONTENT */

/* BORDER-BOTTOM */
.bb-1{
    border-bottom: 1px solid rgb(240, 238, 238);
}
.bb-2{
    border-bottom: 3px solid #999;
}

/* FONTS */

/* FONT COLOR */
.fc-1{
    /* color:#26527a !important; */
    color:#466354
}
.fc-2{
    color:#466354 !important;
}
.fc-3{
    color:#50566d !important;
}
.fc-4{
    color:#75b1b1 !important;
}
.fc-5{
    color:#ee6c4d !important;
}
.fc-w{
    color:#fff !important;
}

/* FONT FAMILY */
.ff-1{
    font-family: 'Roboto', sans-serif;  
}
.ff-2{
    font-family: 'Raleway', sans-serif;
}
.ff-3{
    font-family: 'Open Sans', sans-serif;
}
.ff-4{
    font-family: 'Pacifico', cursive;
}


/* FONT WEIGHT */
.fw-3{
    font-weight: 300;
}
.fw-4{
    font-weight: 400;
}
.fw-5{
    font-weight: 500;
}
.fw-6{
    font-weight: 600;
}
.fw-7{
    font-weight: 700;
}
.fw-8{
    font-weight: 800;
}
.fw-9{
    font-weight: 900;
}
/* FONT SIZE */
.fs-sm{
    font-size: 11px;
}

.fs-md{
    font-size: 13px;
}

.fs-md{
    font-size: 15px;
}
.fs-dtitle{
    font-size: 14px;
}



.btn-back{
    margin-top:-10px
}

.btn-dd{
    padding: 0px 10px 0px 10px;
}


.btn-compress0{
    height:38px;
    padding-top:2px;
    width: 50px;
    padding:0px;
}
.btn-compress{
    height:48px;
    padding-top:2px;
    width: 80px;
    padding:0px;
}
.btn-compress1{
    height:28px;
    padding-top:2px;
    width: 100px
}
.btn-compress2{
    height:28px;
    padding-top:2px;
    width: 130px
}
.btn-compress3{
    height:28px;
    padding-top:2px;
    min-width: 170px
}

/* FLOAT LEFT */
.fl{
    float: left;
}


/* SEARCH DIV */
.search-div{
    margin-top: -10px;
    margin-bottom: 5px;
}


.searchcss{
    border-radius: 5px;
    padding-left: 15px;
}

.br-25{
    border-radius: 25px;
}
.br-10{
    border-radius: 10px;
}


/* COPYRIGHT */
.copyright{
    position: fixed;
    bottom: 70px;
    left: -50px;
    z-index: 99999;
    color:#fafafa !important;
    transform:rotate(270deg)
}
.bcrumbs{
    position: fixed;
    bottom: -11px;
    right: 10px;
    z-index: 99999;
    color:#596e8b !important;
}
/*PADDING */
.pr-10{
    padding-right: 50px;
}
/* LAYOUT */
.in{
    display:inline-block;
}
.input{
    background-color: rgb(203, 213, 225);

}

input:placeholder-shown {
    border-color: teal;
    color: rgb(255, 245, 245);
    font-style: italic;
  }

/* BUTTON DESIGN */
.btn-c1{
    border-radius: 0px;
    color:#2c2f3e !important;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;  
}

.btn-c2{
    border-radius: 0px;
    border-bottom: 3px solid rgb(96, 97, 96);
    color:#2c2f3e !important;
    font-size: 10px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;  
}



.btn-c3{
    border-radius:3px;
    border:1px solid #e4e4e4;
    color:#000000 !important;
    /* color:#fff !important; */
    font-size: 13px;
    background-color: rgb(143, 214, 208);
    /* background:linear-gradient(to top, #0a2445 0%,var(--blue) 100%); */

}

.btn-c4{
    border-radius: 25px;
    border:1px solid #e2e2e2;
    color:#fff !important;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;  
    /* background:linear-gradient(to top,var(--blue) 0%,var(--blue1) 100%) !important; */
    background-color: var(--blue2);

}

.btn-c5{
    border-radius:3px;
    border:1px solid #e4e4e4;
    color:#898585 !important;
    color:#fff !important;
    font-size: 10px;
    background-color: rgb(72, 126, 241);
    padding: 2px 4px 2px 4px;
    /* background:linear-gradient(to top, #0a2445 0%,var(--blue) 100%); */

}






/* SELECT2 DROPDOWNS */
.select2-container--default .select2-selection--single{
    /* background:linear-gradient(to top,var(--blue) 0%,var(--blue1) 100%) !important; */
    background-color: rgb(203, 213, 225);
    border-radius: 5px;
    padding-left:5px;
    color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--blue);
    color: white;
}


.select2-search{
    /* background:linear-gradient(to top,var(--blue) 0%,var(--blue1) 100%) !important; */
    background-color: var(--blue2);
}

.select2-search__field{
    background-color:#fff;
    outline-width: 0;
}

.select2-results { 
    background-color:#fff;
}


/* BACKGROUND COLOR */
.bg-1{
    /* background-color: #41d4a3 !important; */
    background-color: rgba(231, 236, 241, 0.7) !important;
}

.bg-2{
    /* background-color: #41d4a3 !important; */
    background-color: #596e8b !important;
}
.bg-3{
    background-color: rgb(204, 214, 223) !important;
}
.bg-white{
    background-color: #ffffff !important;
}

.bg-4{
    background-color: #f5ff99 !important;
}
.bg-5{
    background-color: #baffb8 !important;
}
.i-bg{
    background-color: rgb(203, 213, 225) !important;
}
.b-orange{
    background-color: rgb(255, 180, 50) !important;
}
.b-yellow{
    background-color: rgb(255, 241, 117) !important;
}
.b-gray{
    background-color: rgb(197, 197, 197) !important;
}
.b-blue{
    background-color: rgb(91, 212, 242) !important;
}

.b-purple{
    background-color: rgb(253, 145, 241) !important;
}
.b-black{
    background-color: rgb(197, 197, 197) !important;
}
.b-pink{
    background-color: rgb(255, 181, 188) !important;
}
.b-green{
    background-color: rgb(174, 253, 135) !important;
}

.b-darkblue{
    background-color: #073650 !important;
}

.b-khaki{
    background-color: #f59d56 !important;
}




/* BORDER RADIUS 0PX */
.br-0{
    border-radius: 0px;
}

.width100{
    width: 100%;
}

/* TABLE */
.table-c th{
    padding: 5px;
    text-align: center;
}

.bor-1{
    border:.4px solid rgb(230, 235, 236);
    padding: 8px 5px 5px 10px;
}


.cell-bg-1{
    background-color:rgb(187, 229, 245) !important;
}
.cell-bg-2{
    background-color: rgb(255, 187, 79) !important;
}

.cell-bg-3{
    background-color: #f7aea9 !important;
}

.cell-bg-4{
    background-color: #fff67c !important;
}


/* LEGEND BOX */
.legend-box{
    width: 15px;
    height: 15px;;
    border:.5px solid rgb(211, 207, 207);
    margin-bottom:-3px;
}


.num-1{
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
    color:rgb(2, 146, 0);
    text-align: right;
}

.var-1{
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
    color:#2d3134;
    text-align: center;
    font-size: 11px;
}
.var-l1{
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
    color:#2d3134;
    text-align: left;
    font-size: 11px;
}
.var-2{
    font-family: 'Roboto', sans-serif; 
    font-weight: bold;
    color:#5c6267;
    text-align: center;
    font-size: 10.6px;
}
.var-3{
    font-family: 'Roboto', sans-serif; 
    color:#505152;
    text-align: center;
    font-size: 10.6px;
}
.var-red{
    font-family: 'Roboto', sans-serif; 
    color:#ff1111;
    text-align: center;
    font-size: 11px;
}
.btn-grid{
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
    color:rgb(35, 144, 247);
    font-size: 10.6px;
    text-align: center;
    padding: 0px;
}
.btn-grid1{
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
    color:rgb(35, 144, 247) !important;
    font-size: 10.6px;
    text-align: center;
    background-color: rgb(255, 255, 255) !important;
}

.ucase{
    text-transform: uppercase;
}

.ag-theme-balham .ag-header-cell{
    background-color: rgb(204, 214, 223);
}

.ag-theme-balham .ag-header-cell-label{
    color:#3d5a80;
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
}

.ag-theme-balham  div.ag-row{
    font-family: 'Roboto', sans-serif; 
    font-weight: 500;
}

.br-1{
    border-right: .5px solid rgb(237, 237, 237);
}

.input:disabled {
    background-color: rgb(246, 246, 255);
    color:#555
 }

/* ORBOOKLET */
.legend-box{
    padding: 0px 0px 15px 0px;
    margin: 0px;

}

.filterDiv{
    padding:0px;
    border: .5px solid rgb(217, 218, 221);
    border-radius: 0px;
    margin-top: 5px;
    margin-left: 3px;
    margin-right: 3px;
    background-color:rgb(236, 239, 245);
    height:65px;
}

#myTab>.nav-item{
    font-weight: bolder;

}

#myTab>.nav-item>.nav-link{
    font-weight: 500;
}
#myTab>.nav-item>.active{
    border-top:2px solid rgb(101, 169, 224)

}


.pl-content{
    margin-top:70px;
    background-color: rgb(235, 245, 243);
    border-radius: 8px;
    border: .5px solid rgb(224, 224, 224)
}



    #loading{
        z-index: 99;
        text-align: center;
        background:rgba(255, 255, 255, 1);
        position:absolute;
        top:50px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top: 300px;
        display: none;
        z-index: 9999;
        
    }