*{
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
}
/**** This is Header **********/
 .main-header {
     background: #163858;
}
 .head-ct h2 {
     font-family: 'Mulish', sans-serif;
     text-align: center;
     color: #ffffff;
     font-size: 55px;
     font-weight: 700;
}
 .tot-r {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .right_nav p{
     font-family: 'Mulish', sans-serif;
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     margin: 10px;
}
 img.rounded-circle {
     width: 70px;
     height: 70px;
     object-fit: cover;
     margin: auto !important;
}
 .divider{
     background-color: #163858;
     width:100%;
     height:30px;
}
 .mt-3 {
     margin-top: 2rem!important;
}
 .form-select{
     width:15%;
}
 .select_form{
     margin-top: 18px;
}
 .select_form select{
     border-radius: 0px;
     margin-right:15px;
     font-family: 'Mulish', sans-serif;
     font-size: 16px;
     color: #8c8c8c;
     font-weight: 400;
}
 .form-control::placeholder{
     font-size: 20px;
     color: #dbdbdb;
     font-weight: 400;
     font-family: 'Mulish', sans-serif;
}
 .form-control{
     border-radius: 0px;
}
 .btn-primary{
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
     width: 165px;
     height: 40px;
     background-color: #74a566;
     border: none;
     border-radius: 0px;
}
 .head_form {
     margin: 0 auto;
     margin-bottom: 20px;
     margin-top: 37px;
}
/***************** This is Containt ***************/
 .col-md-4 {
     padding: 0px;
}
 .btn-success{
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
     width: 195px;
     height: 40px;
     background-color: #74a566;
     border: none;
     border-radius: 0px;
}
 .td-btn .btn-success {
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
     width: 100%;
     height: 40px;
     background-color: #74a566;
     border: none;
     border-radius: 0px;
}

.td-btn .btn-danger{
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Mulish', sans-serif;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 0px;
}
.site-color{
    color:#163858 !important;
}
.bg-site-color{
    background-color:#163858 !important;
}
.active-link{
    color:#163858 !important;
    background-color: #fff !important;
    font-weight: bold !important;
}
.perv-img{
    width:30px !important;
    height:30px !important;
    border-radius: 50%;
}
ul > li a , .navbar-brand{
    /* color:#163858 !important; */
    color: #fff !important;
}
a,.page-link{
    color:#163858 !important;
}
.active > .page-link{
    color:#fff !important;
    background-color: #163858 !important;
}
.custom-min-height {
    min-height: 50vh;
  }
 .undo {
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
     width:115px;
     background-color: #74a566;
     border: none;
     border-radius: 0px;
     font-size: 14px;
     width: 115px;
     margin-right: 5px;
}
 img.print {
     padding-right: 10px;
     float: left;
}
 .main_bg {
     background-color: #f6f9fd;
     padding-top: 50px;
     padding-bottom: 35px;
}
 .main_bg hr {
     background: #000;
     height: 1px;
     opacity: 5;
     max-width: 1137px;
     margin: 0 auto;
     margin-bottom: -63px;
}
 .back_col{
     background-color: #e8edf4;
}
 .wht-ct h3 {
     background-color: #e8edf4;
     line-height: 46px;
     text-align: center;
     font-size: 16px;
     color: #39364c;
     font-weight: 700;
     font-family: "Mulish";
     margin: 0px;
}
 .wht-ct {
     background-color: #e8edf4;
     line-height: 10px;
     text-align: center;
     font-size: 16px;
     color: #39364c;
     font-weight: 700;
     font-family: "Mulish";
}
 .wht-ct h2 {
     background-color: #e8edf4;
     line-height: 46px;
     text-align: center;
     font-size: 16px;
     color: #39364c;
     font-weight: 700;
     font-family: "Mulish";
     margin-bottom: 0;
}
 .border{
     font-size: 16px;
     line-height: 26px;
     color: #8c8c8c;
     font-weight: 400;
     font-family: "Mulish";
     border: 1px solid grey;
     padding:18px;
     background-color: #fff;
}
 .wht-bg{
     background-color: #ffffff;
     padding: 10px 17px 880px 17px;
}
 .num_bor h2 {
     border: 1px solid grey;
     padding: 2px 40px 0px 40px;
     font-size: 16px;
     line-height: 26px;
     color: #8c8c8c;
     font-weight: 400;
     font-family: "Mulish";
}
 .mid_bg{
     background-color: #fff;
}
 .nm1{
     width:40%;
     margin-bottom: 10px;
}
 .nm2{
     width:40%;
     margin-bottom: 10px;
}
 input.form-control.form-control-sm {
     text-align: center;
}
 .row.col-border {
     border: 1px solid #e9e9e9;
}
 .col{
     display: flex;
     justify-content: right;
}
 .left_bor{
     text-align:right;
     padding: 0px;
     font-size: 16px;
     line-height: 26px;
     color: #424242;
     font-weight: 400;
     font-family: "Mulish";
     cursor: pointer;
}
 .right_bor{
     text-align: left;
     border-left: 1px solid #e9e9e9;
     padding: 0px;
     font-size: 16px;
     line-height: 26px;
     color: #424242;
     font-weight: 400;
     font-family: "Mulish";
     cursor: pointer;
}
 .right_bor:hover{
     background-color: #e7c6d5;
}
 .left_bor:hover{
     background-color: #beddb5;
}
 .table_bg{
     background-color: #fff;
     padding: 12px;
}
 .fot{
     background-color: #163858;
     height:100px;
}
 .h_line {
     border-top: 1px solid;
     top: 43px;
    /* position: absolute;
     */
     padding-top: 24px;
}
/**** This is Header **********/
 #state .main-header {
     background: #163858;
}
 #state img.rounded-circle {
     width: 70px;
     height: 70px;
     object-fit: cover;
}
 #state .head-ct h2 {
     font-family: 'Mulish', sans-serif;
     text-align: center;
     color: #ffffff;
     font-size: 55px;
     font-weight: 700;
}
 #state .tot-r {
     padding-top: 20px;
     padding-bottom: 20px;
}
 #state .right_nav p{
     font-family: 'Mulish', sans-serif;
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     margin: 10px;
}
 #state .divider{
     background-color: #163858;
     width:100%;
     height:30px;
}
 #state .mt-3 {
     margin-top: 2rem!important;
}
 #state .form-select{
     width:15%;
}
 #state .select_form{
    /* display: flex;
     justify-content: center;
     */
     margin-top: 18px;
}
 #state .select_form select{
     border-radius: 0px;
     margin-right:15px;
}
 #state .form-select form-select-lg mb-3::placeholder{
     font-family: 'Mulish', sans-serif;
     font-size: 16px;
     color: #8c8c8c;
     font-weight: 400;
     font-family: 'Mulish', sans-serif;
}
button.btn.btn-primary:hover {
    background-color: #198754 !important;
    border-color: #198754 !important;
}
.mob-device{
    display: none;
}
.btn-primary:focus{
    background-color: #198754 !important;

}
.target{
    background: rgb(238 197 201) !important;
    /* color: #fff !important; */
}
.positive{
    background: #a9cb9e !important;
    /* color: #fff !important; */
}
/*********** state *******************/
.btn-check:focus+.btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgb(0 136 87) !important;
}
 #state .back_col{
     background-color: #f6f9fd;
}
 #state .table-responsive {
     background-color:#fff;
     padding-bottom:80px;
}
 #state .colm_heading th{
     font-size: 16px;
     color: #39364c;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
}
 #state .table{
     font-size: 14px;
     line-height: 20px;
     color: #39364c;
     font-weight: 400;
     font-family: 'Mulish', sans-serif;
}
 #state .table th{
     text-align: center;
     background-color: #e8edf4;
     font-size: 15px;
     color: #39364c;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
     vertical-align: middle;
}
 #state .table td{
     text-align: center;
     padding: 10px;
}
 #state td:nth-child(6) {
     text-align: left;
}
 #state td:nth-child(7) {
     text-align: left;
}
 #state th:nth-child(1){
     width: 100px;
}
 #state .form-select-lg{
     font-size: 16px;
     color: #8c8c8c;
     font-weight: 400;
     font-family: 'Mulish', sans-serif;
}
 #state .btn{
     padding: 3px 6px;
     border-radius: 0px;
     font-size: 14px;
     line-height: 20px;
     color: #ffffff;
     font-weight: 600;
     font-family: 'Mulish', sans-serif;
}
 #state .btn-primary{
     font-size: 16px;
     color: #ffffff;
     font-weight: 700;
     font-family: 'Mulish', sans-serif;
     width: 165px;
     height: 40px;
     background-color: #74a566;
     border: none;
     border-radius: 0px;
}
 #state .td-btn{
     display: flex;
}
 #state button.btn.btn {
     margin: 2px;
}
 #state .fot{
     background-color: #163858;
     height:100px;
}
 .d-block{
     display:block;
}
 .d-none{
     display: none !important;
     background-color: #198754;
}

 .right_nav.justify-content-end {
     text-align: right;
     display: flex;
     flex-direction: column-reverse;
     align-items: center;
     margin-top: 19px;
}
 .tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
}
/* Tooltip text */
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 120px;
     background-color: black;
     color: #fff;
     text-align: center;
     padding: 5px 0;
     border-radius: 6px;
    /* Position the tooltip text - see examples below! */
     position: absolute;
     z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
 .tooltip:hover .tooltiptext {
     visibility: visible;
}
 .tooltip.bs-tooltip-top .tooltip-arrow::before {
     border-top-color: #fff;
     margin-top: 9px;
}
 .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
     border-bottom-color: #fff;
}
 .tooltip.bs-tooltip-start .tooltip-arrow::before {
     border-left-color: #fff;
}
 .tooltip {
     transform: translate(-50%, -50%);
     background: white;
     box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}
 .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
     border-top-color: var(--bs-tooltip-bg,#000);
}
 .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
     border-right-color: var(--bs-tooltip-bg,#000);
}
 .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
     border-bottom-color: var(--bs-tooltip-bg,#000);
}
 .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
     border-left-color: var(--bs-tooltip-bg,#000);
}
 .tooltip-inner {
     color: var(--bs-tooltip-color,#000);
     background-color: var(--bs-tooltip-bg,#fff);
}
 .d-block{
     display:block;
}
 .d-none{
     display: none;

}
 .table_bg .col-6 p {
     margin-bottom: 0px;
     padding: 10px 0px;
     font-weight: 500;
     font-family: "Mulish";
}
 button.printer-btn {
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
     justify-content: center;
}
 button.btn.btn-success.undo, button.btn.btn-success.clip {
     align-items: center;
     justify-content: space-evenly;
     display: flex;
     float: left;
}
.mob-device{
    display: none !important;
}
.display-show{
    display: none !important;
}
.display-none{
    display: unset !important;
}
.display_non{
    display: unset;
}
.display_sh{
    display: none ;
}
p.lft-space {
    margin-right: 5px;
}

p.rit-space{
  margin-left: 5px;
}









/********************** Responsive CSS *************/
 @media screen and (max-width:1187px){
     .head-ct h2{
         font-size:37px;
    }
     #state .head-ct h2{
         font-size:37px;
    }
}
@media screen and (max-width:990px){
.dis{
    width: 100%;
  }
}
 @media screen and (max-width:986px){
     .undo{
         margin-bottom: 5px;
    }
.mob-device{
    display: block !important;
        margin: 0 auto !important;
    margin-bottom: 21px !important;
}
.dekstop-hide{

    display: none !important;
}
.table-hide{

     display: none !important;
}
.space-wrappers {
    margin-bottom: 19px;
}




}
 @media screen and (max-width:778px) {
     .wht-bg {
         background-color: #ffffff;
         padding: 11px 17px 20px 17px;
    }
     .w-25 {
         width: 90% !important;
    }
     .form-select {
         width: 20%;
    }
     .undo{
         margin: 5px;
    }
     .col{
         justify-content: center;
         margin: 8px;
    }
     .min1 img {
         max-width: 75px;
    }
     .select_form select {
         margin-right: 15px;
         font-size: 12px;
         padding-left: 9px;
         padding-right: 9px;
    }
}
 @media(max-width:768px){
     button.btn.btn-success.undo, button.btn.btn-success.clip{
         align-items: center;
         justify-content: space-evenly;
         display: flex;
         float:none;
         margin: auto;
         margin-bottom: 10px;
    }
    .display-none{
        display: none !important;
    }
    .display-show{
        display:block !important;
    }
    .display_non{
        display: none;
    }
    .display_sh{
        display: block ;
    }
    .display-show {
        margin-bottom: 15px;
  }
}

 @media screen and (max-width:778px) {
     .row {
         text-align: center !important;
         margin: 5px;
    }
     .col{
         justify-content: center !important;
         margin: 10px;
    }
     .min1 img {
         position: absolute;
         top: 10px;
         left: 10px;
         max-width: 75px;
    }
     .min3 {
         position: absolute;
         top: 10px;
         right: 15px;
         width: 20%;
    }
     .d-flex {
         display: flex!important;
        /* flex-direction: column-reverse !important;
         */
         text-align: center !important;
         margin-top: 20px !important;
    }
     .rounded-circle {
         text-align: center;
         align-items: center;
         margin-left: 35px;
    }
     img.rounded-circle {
         width: 56px;
         height: 55px;
         object-fit: cover;
    }
     .right_nav p {
         margin: 0px;
    }
 }
 @media screen and (max-width:640px) {
     .head-ct h2{
         font-size: 30px;
    }
     .right_nav{
         justify-content: center !important;
    }
     .select_form{
         display: block !important;
         padding: 10px;
    }
     .form-select{
         width: 100%;
    }
     button.btn.btn {
         margin-left: 30%;
    }
     .img{
         text-align: center;
    }
     .td-btn{
         flex-wrap: wrap;
    }
     img.rounded-circle {
         width: 55px;
         height: 55px;
         object-fit: cover;
    }
     #state .head-ct h2{
         font-size: 30px;
    }
     #state .right_nav{
         justify-content: center !important;
    }
     #state .select_form{
         display: block !important;
         padding: 10px;
    }
     #state .form-select{
         width: 100%;
    }
     #state button.btn.btn {
         margin-left: 20%;
    }
     #state .img{
         text-align: center;
    }
     #state .td-btn{
         flex-wrap: wrap;
    }
     #state img.rounded-circle {
         width: 55px;
         height: 55px;
         object-fit: cover;
    }
     .row {
         text-align: center !important;
         margin: 5px;
    }
     .col{
         justify-content: center !important;
         margin: 10px;
    }
     button.btn.btn{
         margin-left: 0px;
    }
     .main-header .container, .container-sm {
         max-width: 95%;
    }
     .main-header .row {
         text-align: center !important;
         margin: 5px;
         justify-content: center !important;
    }
     .main-header .container {
         margin-left: 0 !important;
         margin-right: 0 !important;
    }
     .min1 img {
         position: absolute;
         top: 10px;
         left: 10px;
         max-width: 49px;
         margin-top: 14px;
    }
     img.rounded-circle {
         width: 50px;
         height: 50px;
         object-fit: cover;
    }
     .right_nav p {
         font-family: 'Mulish', sans-serif;
         font-size: 12px;
         color: #ffffff;
         font-weight: 700;
         margin: 0px !important;
    }
     .rounded-circle {
         margin-left: 16px;
    }
}