.form-horizontal .control-label{
    text-align: left !important;
}
.deal_div{
    margin-right: 15px;
    width:130px;
    padding:10px 0px;
    text-align: center;
    border: 1px solid #CFDADD !important;
    background: white;
}
.deal_div:last-child{
    margin-right: 0;
}
.Attach{
    border: 1px solid #CCCCCC;
    height: 25px;
}
.bt{
    margin-left: 1%;
}
#upload_link{
    text-decoration:none;
}
#upload{
    display:none
}
.c-btn{
    border:1px solid red;
     width:50px;
      background:white;
       color:red;
       border-radius:5px;
       margin-left: .7%;
       font-size: 14px;
       font-weight: normal;
}
.c-bt{
    width:70px;
    background:white;
       color:red;
       border-radius:5px;
       margin-left: .7%;
       border:1px solid red;
       font-size: 14px;
       font-weight: normal;
}
.modal .modal-dialog .modal-content .modal-header .modal-title:after {

    content:none !important;

}
.app-content-body{
    background-color: #f8f9fa;
}
.main{
    background: #e0f0c2;
    color:#000000;
    /* height:87px; */
}
.panel {
    background: #FFFFFF;
    border-radius: 10px !important;

}
.panel-heading{
    background: #FFFFFF !important;
    border-radius: 10px 10px 0px 0px !important;
    /* min-height: 70px;
    padding-top: 2.5%;
    font-size: 1.5rem; */
}
.panel-heading p {
    font-size: 13px;
    color: #4a4949;
    margin-bottom: 0;
}
.labelInfo {
    color: #4a4949;
    font-size: 12px;
    /* font-style: italic; */
}
.form-group label {
    color: #202020;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1px;
}
.info-select-box {
    display: flex;
    align-items: center;
}
.info-select-box i {
    margin-left: 10px;
    color: #1c94d1;
    font-size: 18px;
}
.bTop{
    border-top: 1px solid #cfdadd;
    margin: 10px 0 20px;
}
.assessorsAddress
{
    margin-top: 0;
    font-size: 15.5px;
    color: #333;
}
.annualApplicantRupee
{
    margin-top: 4.2rem;
}
.annualOrganizationRupee
{
    margin-top: 4.3rem;
}
.addContact {
    border: 1px solid #808080;
    padding: 5px;
    border-radius: 5px;
    background: #ebebeb;
}
.panel .panel-body  h5
{
    color: black;
}
.form-group    .alert-success
{
    padding: 2px;
}
.info-circle-alert {
    padding: 15px 34px;
}
.modal-dialog
{
    width: 60%;
}
.form-control.Remark{
    border-radius: unset !important;
}
.form-control{
    border-radius: 4px;
    height: 35px;
}


.light{
    border-radius: 1rem;
    border: 1px solid gray;
    background: #FFFFFF;
    color: gray;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;
}
.dark{

    border-radius: 1rem ;
    border: 1px solid #3DC46F;
    background: #FFFFFF;
    color: #3DC46F;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;

}
.danger{
    border-radius: 1rem;
    border: 1px solid #FE443A;
    background: #FFFFFF;
    color: #FE443A;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 12px;

}
.menu-button{
    padding: 10px;
}
.address{
    width: 80.933343%!important;
}
.upper-add{
    width: 16.3% !important;
}
.upbt{
    margin-left: 3px;
}
.upper-heding{
    color: #333333;
    font-size: 15.5px;
}
.upper-heding-button{
    border-radius: 7px;
    height: 27px;
    border:1px solid gray;
    background: #FFFFFF;
    color: #000000;
}
.tbl{
border:1px solid #CFDADD;

}
.tbl tr th{
    border:1px solid #CFDADD;
}
.tbl-input{
    border:1px solid #CFDADD;
    width:100px;
    height: 30px;
    border-radius: none;
}
.tbl-input.form-control{
    border-radius: none;
    border-radius: 0px;
}
.link-dropdown{
    margin-left: 86% !important;
    height: 70px;
    text-align: justify;
    padding: 10px;
    line-height: 2;
    font-size: 13px;
}
.box-dropdown{
   border:none;
   background: #EDF1F2;
}
.dropdownsystem{
    border-left: 3px solid #27C24C;

}
.nav{
    /* background-color: #FFFFFF; */
}

/* 1-oct-21 */
/*
 .main{
    background: #e0f0c2;
    color:#000000;
    height:87px;
}
.pull-right{
    float: right!important;
    margin-right: 9%;
}

.Applicant-view{
    font-size: 13.5px;
    font-weight: bold;
    padding: 10px;
} */

/* 14-oct-21 start */
.dotted{
    border-style: dotted;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-left: 3%;
    margin-right: 3%;
    color: #f4f4f4;
    word-spacing: normal;
    }
.applicant-detail{
        margin-left:3% ;
        font-weight: bold;
        font-size: 16px;
        color: black;
    }
.checkbox-cls{
        font-size: small;
        font-weight: 500;
        color: #808080;
        margin-right: 35px;
    }
.panel-default>.panel-headings {
        font-size: 16.5PX;
        margin-top: 2%;
        margin-left: 28px;

    }

.add-more{
        text-align: right;
        margin-right:18px;
        font-size: 18px;
        font-weight: bold;

   }

.aaplicants-id{

    font-weight: 700;
}
.add-tags{
    width: 86px;
    border-radius: 25px;
    border: 2px solid;
    text-align: center;
    width: 92px;
    background: white;
    margin-top: -2%;

}
.left-arrow{
    font-size: 25px;
    font-weight: bold;
}
.header-btn{
    padding-top: 11px;
}
.Country-name{
    margin-right:3%;
}
.selectpicker{
    border-top:none ;
    border-left: none;
    border-right: none;
    font-weight: lighter;
}
.app-id{
    color: #87a63f;
    font-size: 13px;
    font-weight: 500;
}
.abc{
     color: #585858;
}
.k-menu:not(.k-context-menu) > .k-item{
   color: #585858 !important;
}
.abc-cls{
    color: #918c8c;
}
.icon{
    color: #585858;
}
.btn-cls{
    width:38px;
    height: 30px;
    padding: 0px 8px !important;
}
.view-list{
   font-weight: bold;
}
td p {
    font-size: 12px;
    margin: 1px;
}
.xs-m{
    float: right;
}
.btn-default.btn-bg-m{
   background-color: #a1cf4f;

  }
.f-px-11{
    padding-left: 55px;
}

.header-btn{
    padding-bottom: 10px;
}
.view-action-class ul li{
    border: 1px solid #e7e7e7;
}
.icons-classes{
    padding-right: 9px;
}

a.app-underline{
    text-decoration: none !important;
}
.applicant-id{
    width: 11%;
}
.txt-clr{
    color: white !important;
}
.senior-assessor a{
    color: #718bef;
    font-size: 1rem;
    text-align: center;
    display: block;
}

.senior-calibrator a{
    color: #718bef;
    font-size: 1rem;
    text-align: center;
    display: block;

}
.assessent-label{
   display: flex;
   font-size: 9px;
   padding-top: 10px ;
   font-weight: 600;

}
.team-reset-btn{
    color: #a1cf4f !important;
    background: white;
    border-radius: 8px 8px !important;
    font-size: 12px !important;
}
.team-submit-btn{
    color: white !important;
    background: #a1cf4f !important;
    border: 2px solid #a1cf4f !important;
    border-radius: 8px 8px !important;
    font-size: 12px !important;
}
.questionnaire-name{
    font-size: 11px;
    margin-right: 0px;
    font-weight: 600;
}
.questionnaire-text input{
    font-size: 13px;
}
.questionnaire-button{
    background: #a1cf4f !important;
    border: 2px solid #a1cf4f !important;
}
.errorcontrols {
    margin-top: -15px;
    margin-bottom: 5px;
}
/* 14-oct-21 */
@media screen and (max-width: 320px) {
    .box12 {
      margin-left: -89px;
    }
    .login-outer{
        display: none;
      }
    .box-img{
       display: none;
    }
    .material-icon{
        display:none;
    }

  }
@media screen and (min-device-width: 321px) and (max-device-width: 375px){
    .login-outer{
        display: none;
      }
    .box-img{
       display: none;
    }
    .material-icon{
        display:none;
    }
    .box12 {
        margin-left: -89px;
      }

}
@media screen and (min-device-width: 376px) and (max-device-width: 425px){
    .login-outer{
        display: none;
      }
    .box-img{
       display: none;
    }
    .material-icon{
        display:none;
    }
    .box12 {
        margin-left: -89px;
      }

}
@media screen and (min-device-width: 426px) and (max-device-width: 768px){
    .login-outer{
        display: none;
      }
    .box-img{
       display: none;
    }
    .material-icon{
        display:none;
    }
   .col-sm-6{
      width: 100% !important;
      font-size: 1rem;
   }
   .box12 {
    margin-left: 25px;
  }
}
@media screen and (min-device-width: 769px) and (max-device-width: 1024px){

}

/* ----------New css add------------- */
#sidebar-menu {
  padding: 0 9px 0 9px
}
#sidebar-menu > ul {
  list-style: none;
  padding: 0
}
#sidebar-menu > ul > li > a {
  color: #2f384f;
  display: block;
  padding: 10px 20px;
  position: relative;
  transition: all .4s;
  font-size: .938rem;
  font-weight: 500
}
#sidebar-menu > ul > li > a > span {
  vertical-align: middle
}
#sidebar-menu > ul > li > a i {
  display: inline-block;
  line-height: 1.0625rem;
  margin: 0 7px 0 3px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  font-size: 1rem
}
#sidebar-menu > ul > li > a svg {
  height: 16px;
  width: 16px;
  margin: 0 7px 0 3px;
  fill: rgba(47, 56, 79, .1)
}
#sidebar-menu > ul > li > a .drop-arrow {
  float: right
}
#sidebar-menu > ul > li > a .drop-arrow i {
  margin-right: 0
}
#sidebar-menu > ul > li > a:active, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:hover {
  color: #287f71;
  text-decoration: none
}
#sidebar-menu > ul > li > a:active svg, #sidebar-menu > ul > li > a:focus svg, #sidebar-menu > ul > li > a:hover svg {
  fill: rgba(40, 127, 113, .1)
}
#sidebar-menu > ul > li ul {
  padding-left: 30px;
  padding-right: 30px;
  list-style: none
}
#sidebar-menu > ul > li ul ul {
  padding-left: 20px
}
#sidebar-menu .badge {
  margin-top: 4px
}
#sidebar-menu .menu-title {
  padding: 8px 20px;
  letter-spacing: .05em;
  pointer-events: none;
  font-weight: 600;
  cursor: default;
  font-size: .6875rem;
  text-transform: uppercase;
  color: #2f384f;
  opacity: .75
}
#sidebar-menu .menuitem-active .active, #sidebar-menu .menuitem-active > a {
  color: #287f71
}
#sidebar-menu .menuitem-active .tp-link.active {
  background-color: #287F711a;
  transition: color .2s ease;
  border-radius: .475rem
}
.nav-second-level li a {
  padding: 8px 20px;
  color: #2f384f;
  display: block;
  position: relative;
  transition: all .4s;
  font-size: .875rem
}
.nav-second-level li a:focus, .nav-second-level li a:hover {
  color: #287f71
}
.nav-second-level li.active > a {
  color: #287f71
}
.nav-second-level li .tp-link.active {
  background-color: #287F711a;
  transition: color .2s ease;
  border-radius: .475rem
}
.menu-arrow {
  transition: transform .15s;
  position: absolute;
  right: 20px;
  display: inline-block;
  font-family: "Material Design Icons";
  text-rendering: auto;
  line-height: 1.5rem;
  font-size: 1.1rem;
  transform: translate(0, 0)
}
.menu-arrow:before {
  content: "\f0142"
}
li > a[aria-expanded=true] > span.menu-arrow {
  transform: rotate(90deg)
}
li.menuitem-active > a:not(.collapsed) > span.menu-arrow {
  transform: rotate(90deg)
}

/*------new css for admin------*/
.app-aside {
    /* width: 260px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0; */
    /* background-color: #87a63f; */
    /* border-right: 1px solid #e5e5e5; */
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .04);
    /* background: linear-gradient(359deg,rgba(57, 75, 10, 1) 22%, rgba(118, 145, 49, 1) 100%); */
    background: linear-gradient(0deg,rgba(57, 75, 10, 1) 0%, rgba(118, 145, 49, 1) 100%);
    /* z-index: 1000; */
}
.aside-wrap {
    height: 100%;
    overflow-y: auto;
    /* overflow: hidden scroll; */
    position: relative;
    /* padding-bottom: 180px;  */
    /* Space for footer */
}

.navi-wrap .nav {
    list-style: none;
    padding: 0;
    margin: 0;
    
}
.navi-wrap .nav li {
    margin: 0;
}
.navi-wrap .nav li a {
    display: block;
    padding: 12px 10px;
    color: #ffffff;
    text-decoration: none;
    /* border-bottom: 1px solid #f0f0f0; */
    transition: all 0.3s ease;
    position: relative;
    
    margin: 0 10px 0 10px;
}
.navi-wrap .nav li a{
    /* border-bottom: 1px solid #ebebeb !important; */
}
.navi-wrap .nav li a:last-child{
    border-bottom:0 !important;
}
.navi-wrap .nav li a:hover {
    background-color: #f8f9fa;
    color: #87a63f;
    text-decoration: none;
}
.navi-wrap .nav li a.active {
    background: #7e9b35;
    color: #ffffff !important;
    border-radius: 6px;
}
.navi-wrap .nav li a i {
    margin-right: 10px;
    width: 18px;
    text-align: center;
}
/* .navi-wrap .nav li a:last-child{
    border-bottom: 0;
} */
.padder {
    padding: 10px 20px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2f384f !important;
    /* border-bottom: 1px solid #f0f0f0;
    background-color: #fafafa; */
    margin: 0;
}
/* Dropdown Styles for Bootstrap 3.3.7 */
.dropdown {
    position: relative;
}
.dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin-top: 0;
    background: none !important;
    /* background: linear-gradient(0deg,rgba(57, 75, 10, 1) 0%, rgba(118, 145, 49, 1) 100%); */
    border: none;
    border-radius: 0;
    box-shadow:none;
    display: none;
    padding: 0;
}
.dropdown-menu li {
    list-style: none;
}
.dropdown-menu li a {
    padding: 10px 20px 10px 50px;
    font-size: 13px;
    color: #ffffff !important;
    background-color: transparent;
}
.dropdown-menu li a:hover {
    background: #7e9b35 !important;
    color: #ffffff !important;
    border-radius: 6px;
}
.dropdown-menu li a.active {
    background: #7e9b35 !important;
    color: #ffffff !important;
    border-radius: 6px;
}
.dropdown > a .caret2 {
    margin-top: 13px !important;
}
.dropdown > a .caret {
    float: right;
    margin-top: 8px;
    margin-right: 5px;
    transition: transform 0.3s ease;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left: 6px;
}

.dropdown.open > a .caret {
    transform: rotate(180deg);
}
.dropdown.open .dropdown-menu {
    display: block;
    animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
0% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 300px;
}
}
/* .aside-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: #f8f9fa;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}
.aside-footer p {
    margin: 5px 0;
    font-size: 12px;
    color: #666;
}
.aside-footer .text-xs {
    font-size: 11px;
}
.aside-footer a {
    color: #007bff;
    text-decoration: none;
}
.aside-footer a:hover {
    text-decoration: underline;
} */
.main-content {
    margin-left: 260px;
    padding: 20px;
    min-height: 100vh;
}
.hidden-xs {
    display: block;
}
.hidden-folded {
    display: block;
}
.text-muted {
    color: #999;
}
.font-bold {
    font-weight: bold;
}
.text-10 {
    font-size: 10px;
}
.m-t {
    margin-top: 15px;
}
.m-b-sm {
    margin-bottom: 5px;
}
.m-b-xs {
    margin-bottom: 3px;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile Responsive */
@media (max-width: 768px) {
.app-aside {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}
.app-aside.show {
    transform: translateX(0);
}
.main-content {
    margin-left: 0;
}
.hidden-xs {
    display: none !important;
}
}
/* Toggle button for mobile */
.navbar-toggle {
    display: none;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 1001;
    background-color: #007bff;
    border: none;
    padding: 10px;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: white;
    margin: 4px 0;
}

@media (max-width: 768px) {
.navbar-toggle {
    display: block;
}
}
/* Special styling for role-based items */
/* .super-admin-only {
    border-left: 3px solid #28a745;
} */
/* Line separator */
.line {
    height: 1px;
    background-color: #e5e5e5;
    margin: 10px 0;
}
.dk {
    background-color: #666;
}

/*-Admin Dashboard-*/
.dash-main-head{ margin-top: 6px;}
.card {
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .04);
    margin-bottom: 1.25rem;
}
.card {
    --bs-card-spacer-y: 1.2rem;
    --bs-card-spacer-x: 1.2rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: var(--bs-theme-card-border-width);
    --bs-card-border-color: #dee2e6;
    --bs-card-border-radius: 0.325rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-card-inner-border-radius: 0.325rem;
    --bs-card-cap-padding-y: 1.2rem;
    --bs-card-cap-padding-x: 1.2rem;
    --bs-card-cap-bg: transparent;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.2rem;
    --bs-card-group-margin: 0.625rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: #4a5a6b;
    word-wrap: break-word;
    background-color: #fff !important;
    background-clip: border-box;
    border: #dee2e6;
    border-radius: 6px !important;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.2rem 1.6rem;
    color: var(--bs-card-color);
    /* border: 1px solid #E6E9EB !important; */
    /* border-radius: 5px; */
}
.align-items-end {
    align-items: flex-end !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.box-equal {
    display: flex;
    flex-wrap: wrap;
}
.d-flex {
    display: flex !important;
}
.mb-3 {
    margin-bottom: 1.2rem !important;
}
.align-items-center {
    align-items: center !important;
}
/*---dashbox1---*/
.dashbox-icon{
    background-color: rgb(212 229 227) !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #287f71;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-text{
    font-size: 16px !important;
    color: #333333 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.dashbox-count{
    font-size: 22px !important;
    color: #333333 !important;
    margin-right: .6rem !important;
    margin-top: 18px;
    margin-bottom: 0px;
    padding: 0;
    text-align: left;
}
.dashbox-count2{
    font-size: 16px !important;
    color: #4a5a6b !important;
    margin-right: .6rem !important;
    margin-top: 12px;
    margin-bottom: 0px;
    padding: 0;
    text-align: left;
}
.dashbox-count-small{
    font-size: 13px !important;
    color: #4a5a6b !important; 
    padding: 0 !important; 
    margin: 0 !important;
    text-align: left;
}
.dashbox-count-small span{
    font-size: 14px !important;
    color: #287f71 !important;
}
.dashbox-count-small small{
    font-size: 12px !important;
}
.chart-container {
    width: 60px;
    height: auto;
    margin-left: 1rem;
}
.chart-container img{
    vertical-align: inherit;
}
.bar-chart, .line-chart {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    gap: 4px;
    justify-content: center;
}

.bar {
    background: var(--chart-color);
    border-radius: 2px;
    min-width: 5px;
    animation: growUp 0.8s ease-out;
    
}

.orders .bar { --chart-color: linear-gradient(to top, #287f71, #8bbab3); }
.revenue .bar { --chart-color: linear-gradient(to top, #2196F3, #42A5F5); }
/*---dashbox2---*/
.dashbox-icon2{
    background-color: #ead8e1 !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #963b68;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-1{
    background-color: #ffdbd8 !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #f28b82;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-2{
    background-color: #e6ffec !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #84dd9b;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-3{
    background-color: #deebff !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #6298ef;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-4{
    background-color: #fee7ff  !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #db6ce2;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-5{
    background-color: #ffe8db   !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #e4814b;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-6{
    background-color: #f4ffcc   !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #a0b063;
    height: 28px;
    margin-right: 10px;
}
.dashbox-icon-7{
    background-color: #e3fffe    !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #51ede7;
    height: 28px;
    margin-right: 10px;
}
.dashbox-count-small2{
    font-size: 13px !important;
    color: #4a5a6b !important; 
    padding: 0 !important; 
    margin: 0 !important;
    text-align: left;
}
.dashbox-count-small2 span{
    font-size: 14px !important;
    color: #b25080 !important;
}
.dashbox-count-small2 small{
    font-size: 12px !important;
}
.orders2 .bar { --chart-color: linear-gradient(to top, #963b68, #b57695); }
/*---dashbox3---*/
.dashbox-icon3{
    background-color: #e3f1f9 !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #73bbe2;
    height: 28px;
    margin-right: 10px;
}
.dashbox-count-small3{
    font-size: 13px !important;
    color: #4a5a6b !important; 
    padding: 0 !important; 
    margin: 0 !important;
    text-align: left;
}
.dashbox-count-small3 span{
    font-size: 14px !important;
    color: #73bbe2 !important;
}
.dashbox-count-small3 small{
    font-size: 12px !important;
}
.orders3 .bar { --chart-color: linear-gradient(to top, #73bbe2, #9dd8f8); }
/*---dashbox4---*/
.dashbox-icon4{
    background-color: #fdead9 !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #f26722;
    height: 28px;
    margin-right: 10px;
}
.dashbox-count-small4{
    font-size: 13px !important;
    color: #4a5a6b !important; 
    padding: 0 !important; 
    margin: 0 !important;
    text-align: left;
}
.dashbox-count-small4 span{
    font-size: 14px !important;
    color: #f26722 !important;
}
.dashbox-count-small4 small{
    font-size: 12px !important;
}
.orders4 .bar { --chart-color: linear-gradient(to top, #f26722, #ed9e77); }
/*---dashbox5---*/
.dashbox-icon5{
    background-color: #ced4da !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #4a5a6b;
    height: 28px;
    margin-right: 10px;
}
.dashbox-count-small5{
    font-size: 13px !important;
    color: #4a5a6b !important; 
    padding: 0 !important; 
    margin: 0 !important;
    text-align: left;
}
.dashbox-count-small5 span{
    font-size: 14px !important;
    color: #4a5a6b !important;
}
.dashbox-count-small5 small{
    font-size: 12px !important;
}
.orders5 .bar { --chart-color: linear-gradient(to top, #4a5a6b, #98a7b7); }
/*---dashbox6---*/
.dashbox-icon6{
    background-color: #e8e9d4 !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #87a63f;
    height: 28px;
    margin-right: 10px;
}
.dashbox-count-small6{
    font-size: 13px !important;
    color: #4a5a6b !important; 
    padding: 0 !important; 
    margin: 0 !important;
    text-align: left;
}
.dashbox-count-small6 span{
    font-size: 14px !important;
    color: #87a63f !important;
}
.dashbox-count-small6 small{
    font-size: 12px !important;
}
.orders6 .bar { --chart-color: linear-gradient(to top, #87a63f, #b0c582); }

/*---dashbox7---*/
.dashbox-icon7{
    background-color: #ffe2d3 !important;
    border-radius: 0.325rem !important;
    padding: .4rem !important;
    border: 1px dashed #f26722;
    height: 26px;
    margin-right: 10px;
}
/*---dashbox8---*/
.dashbox-icon8{
    background-color: #ecf4d7 !important;
    border-radius: 0.325rem !important;
    padding: .4rem !important;
    border: 1px dashed #a6ce39;
    height: 26px;
    margin-right: 10px;
}
/*---dashbox9---*/
.dashbox-icon9{
    background-color: #f4e5d6 !important;
    border-radius: 0.325rem !important;
    padding: .4rem !important;
    border: 1px dashed #bc7129;
    height: 26px;
    margin-right: 10px;
}
/*---dashbox10---*/
.dashbox-icon10{
    background-color: #fef5d6 !important;
    border-radius: 0.325rem !important;
    padding: .4rem !important;
    border: 1px dashed #ffcb08;
    height: 26px;
    margin-right: 10px;
}


.border-start {
    border-bottom: 1px dashed #dee2e6 !important; 
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.circular-progress {
            width: 60px;
            height: 60px;
            position: relative;
        }

        .progress-ring {
            width: 100%;
            height: 100%;
            transform: rotate(-90deg);
        }

        .progress-background {
            fill: none;
            stroke: #f0f0f0;
            stroke-width: 5;
        }

        .progress-bar {
            fill: none;
            stroke-width: 5;
            stroke-linecap: round;
            transition: stroke-dashoffset 0.8s ease-out;
        }
        .micro-circular{
            padding-left: 5px;
        }
        .micro-circular .progress-bar {
            stroke: #f26722;
            stroke-dasharray: 188.5;
            stroke-dashoffset: 90;
        }
        .stock-circular{
            padding-left: 6px;
        }
        .stock-circular .progress-bar {
            stroke: #87a63f;
            stroke-dasharray: 188.5;
            stroke-dashoffset: 100;
        }
        .large-circular{
            padding-left: 6px;
        } 
        .large-circular .progress-bar {
            stroke: #bc7129;
            stroke-dasharray: 188.5;
            stroke-dashoffset: 120;
        }
        .small-circular{
            padding-left: 6px;
        } 
        .small-circular .progress-bar {
            stroke: #ffcb08;
            stroke-dasharray: 188.5;
            stroke-dashoffset: 150;
        }

        
/*---dash applicant graf---*/
.shadowbox{
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .04) !important;
    background: #fff;
    border-radius: 6px; 
    padding-left: 20px; 
    padding-right: 20px;
}
.shadowbox2{
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .04) !important;
    background: #fff;
    border-radius: 6px; 
    padding-left: 14px; 
    padding-right: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.shadowbox2 .table-title{
    padding: 0rem 0rem 1rem 0rem !important;
    font-size: 16px !important;
    
    
}
.shadowbox2 .table-title h6{color: #4a5a6b !important;}
.microbox{
    border-radius: 6px;
    border:1px dashed #dee2e6;
    padding: 1.2rem !important;
}
.microbox .chart-container{
    width: 100%;
    height: 100%;
    margin-left: 1rem;
}
.assessments-detail1 {
    margin-bottom: 6px;
    padding-bottom: 6px;
    display: block;
    color: #7c8290 !important;
    font-weight: 500;
    border-bottom: dashed 1px #ddddde;
}
.assessments-detail1:last-child{
    border-bottom:0;
}
.assessments-detail1 i{
    color: #7c8290 !important;
}
.assessments-detail1 span{
    color: #87a63f;
    font-weight: 500; 
    padding-top: 0px; 
    font-size: 13px !important;
    display: block;
}
.assessments-detail1 .span2{
    color: #616774 !important;
    font-weight: 500; 
    padding-top: 1px;
    font-size: 13px !important; 
    display: block;
}
.assessments-detail1 .span3{
    color: #616774;
    font-weight: 500; 
    padding-top: 1px; 
    font-size: 13px !important; 
    display: block;
}
.scroll-assessments {
    margin-left:0;
	width: 400px;
	overflow-x: scroll;
	margin-bottom: 10px;
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #f2f2f2;
}

#style-1::-webkit-scrollbar
{
	height: 6px;
	background-color: #f2f2f2;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); */
	background-color: #bfbcbc;
}
.position-relative {
    position: relative;
}

.card-h-full {
    height: calc(100% - 1.25rem);
}
/*---dash haeder---*/
.theme-color{
    color: #4a5a6b !important;
}
.top-drop .financial-year{
    background-color: #f0f4f7 !important;
    border: 0 !important;
    appearance: none !important; 
    padding-right: 30px;
    outline: none !important;
    border:1px solid #f0f4f7 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
} 
.top-drop .financial-year{
  background-image:
    linear-gradient(45deg, transparent 50%, #87909a 50%),
    linear-gradient(135deg, #87909a 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
/*---applicant-dashbox1---*/
.applicant-dashbox-icon{
    background-color: #ffd0cc  !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #f28b82;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox-icon11{
    background-color: #bef7eb  !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #0db899;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox-icon12{
    background-color: #fff2d5   !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #f09c0d;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox-icon13{
    background-color: #ffdcd3   !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #ff7e4c;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox-icon14{
    background-color: #dcf5ff    !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #16a6df;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox-icon15{
    background-color: #f2e2ff    !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #a055e3;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox .bar { --chart-color: linear-gradient(to top, #f57b3e, #f7a278); }
/*---applicant-dashbox2---*/
.applicant-dashbox-icon2{
    background-color: #d6ffe1 !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #a8dab5;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox2 .bar { --chart-color: linear-gradient(to top, #87a63f, #b6cb84); }
/*---applicant-dashbox3---*/
.applicant-dashbox-icon3{
    background-color: #fff3ce !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #f9c11e;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox3 .bar { --chart-color: linear-gradient(to top, #bc7129, #d99554); }
/*---applicant-dashbox3---*/
.applicant-dashbox-icon4{
    background-color: #d6fffd !important;
    border-radius: 0.325rem !important;
    padding: .3rem !important;
    border: 1px dashed #33efe7;
    height: 28px;
    margin-right: 10px;
}
.applicant-dashbox4 .bar { --chart-color: linear-gradient(to top, #73bbe2, #9dd8f8); }
/*------Applicant-table-scroll-----*/
.ms-auto {
    margin-left: auto !important;
}
.card-header {
    border-bottom: 1px solid #dee2e6;
}
.applicant_main{
    padding-bottom: 10px;
    margin-bottom: 14px;
}
.applicant_head{
    color: #4a5a6b;
    font-size: 14px;
}
.sf-select {
    appearance: none; /* Disable the default arrow */
    -webkit-appearance: none; /* For WebKit-based browsers */
    -moz-appearance: none; /* For Firefox */
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer; 
    /* border-color: #e7ebee; */
}
.applicant-table-scroll table td {
    white-space: normal !important; 
}
.applicant-table-scroll {
    margin-left:0;
	width: 100%;
	overflow-x: scroll;
	margin-bottom: 0px; 
    padding-bottom: 20px;
}

.applicant-table-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #f2f2f2;
}

/* .applicant-table-scroll::-webkit-scrollbar
{
	height: 9px;
	background-color: #f2f2f2;
} */

.applicant-table-scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); */
	background-color: #bfbcbc;
}
/* -----------Criteria Tally Report-Scroll----------*/
.tab-menu-scroll {
    margin-left:0;
	width: 100%;
	overflow-x: scroll;
    overflow-y: hidden;
	margin-bottom: 0px; 
    padding-bottom: 2px;
}

.tab-menu-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #f2f2f2;
}

.tab-menu-scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
}
/* ------Criteria Tally Report-Scroll-End-----*/
/* COMMON CARD STYLE */
.box1-colod, .box2-colod, .box3-colod, .box4-colod,
.box5-colod, .box6-colod, .box7-colod, .box8-colod {
    background: #fff;
    position: relative;
    border-radius: 10px !important;
    transition: all 0.25s ease;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.08); /* soft bottom shadow */
}

/* HOVER EFFECT */
.box1-colod:hover, .box2-colod:hover, .box3-colod:hover, .box4-colod:hover,
.box5-colod:hover, .box6-colod:hover, .box7-colod:hover, .box8-colod:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 22px rgba(0,0,0,0.12);
}

/* BORDER MASK EFFECT */
.box1-colod::before,
.box2-colod::before,
.box3-colod::before,
.box4-colod::before,
.box5-colod::before,
.box6-colod::before,
.box7-colod::before,
.box8-colod::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    mask: radial-gradient(circle at bottom right, transparent 0%, transparent 30%, black 70%);
    -webkit-mask: radial-gradient(circle at top right, transparent -5%, transparent -74%, black 117%);
    pointer-events: none;
}

/* UNIQUE BORDER COLORS */
.box1-colod::before { border-color: #e27c74; }
.box2-colod::before { border-color: #9acfa8; }
.box3-colod::before { border-color: #efc855; }
.box4-colod::before { border-color: #7ea8ec; }
.box5-colod::before { border-color: #d08fd4; }
.box6-colod::before { border-color: #efab86; }
.box7-colod::before { border-color: #bdd468; }
.box8-colod::before { border-color: #69cdc9; }

.applicant-dashbox-colod1{background-color: #f28b82 !important;}
.applicant-dashbox-colod2{background-color: #9ec741 !important;}
.applicant-dashbox-colod3{background-color: #fdd663 !important;}
.applicant-dashbox-colod4{background-color: #75d9d5 !important;}
.applicant-dashbox-colod5{background-color: #dd9ee1 !important;}
.upd-btn{
    border: 2px solid #a1cf4f;
    color: #a1cf4f !important;
    background-color: white !important;
    padding: 4px 10px !important;
}

/*---------table-color-border---------*/
.dash-table{
    background: #fff7f3 !important;
}
.dash-table .border-bottom-secondary td {
    border-top: 1px solid #ffb794 !important;
}
.dash-table2{
    background: #e8f2eb !important;
}
.dash-table2 .border-bottom-success td {
    border-top: 1px solid #88cd9b !important;
}
.dash-table3{
    background: #f8edeb !important;
}
.dash-table3 .border-bottom-danger td {
    border-top: 1px solid #f58a74 !important;
}

.label-success {
    color: #3eb95f !important;
    font-weight: 600;
    background-color: rgba(62, 185, 95, 0.2) !important;
}
.label-warning {
    color: #ea9200 !important;
    font-weight: 600;
    background-color: rgba(234, 146, 0, 0.2) !important;
}
.label-danger {
    color: #e74b2b !important;
    font-weight: 600;
    background-color: rgba(231, 75, 43, 0.2) !important;
}
.label-info {
    color: #2786f1 !important;
    font-weight: 600;
    background-color: rgba(39, 134, 241, 0.2) !important;
}

.assessors_view_table table > tbody > tr > td{
    border-top: 1px solid #ddd !important;
}
.assessors_view_table table > tbody > tr > td{
    padding: 8px 8px;
}

/* table info */
.table-company-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    /* padding: 1.5rem; */
    /* background: linear-gradient(135deg, #eff6ff 0%, #e0e7ff 100%); */
    /* border-radius: 0.75rem; */
}
.table-company-info .info-item {
    display: flex;
    gap: 0.75rem;
    /* background: #f0f4f7; */
    padding:6px;
    border-radius: 0.75rem; border-bottom: 1px solid #f0f4f7;
}
.table-company-info .info-icon {
    width: 20px;
    height: 20px;
    color: #475569;
    margin-top: 6px;
}
.table-company-info .info-label {
    font-size: 12px;
    color: #4a5a6b;
    font-weight: 500;
    letter-spacing: 0.025em;
}
.table-company-info .info-value {
    font-size: 12px;
    color: #4a5a6b;
    font-weight: 600;
    margin-top: 0.25rem;
}
.cardbor1{ border-right:1px #f5b99a dotted;}
.cardbor2{ border-right:1px #b0be90 dotted;}
.cardbor3{ border-right:1px #ddb4c3 dotted;}
.cardbor4{ border-right:1px #9ecde6 dotted;}

.tablebar .progress-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}
.tablebar .progress {
    height: 8px;
    background: #e6f1ea;
    border-radius: 999px;
    flex: 1;
    overflow: hidden;
    margin-bottom: 0px;
}
.tablebar .progress > div {
    height: 100%;
    border-radius: 999px;
}
    /* sudhanshu css */


    /* --- Container for buttons --- */
.dt-buttons {
  display: inline;
  flex-wrap: wrap;
  margin-bottom: 5px;
  padding-left: 15px;
}

/* --- Button style --- */
.dt-buttons .dt-button {
  background-color: #fff;
  color: #a1cf4f;
  border: 1px solid;
  border-radius: 2px;
  padding: 5px 18px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* --- Hover effect --- */
.dt-buttons .dt-button:hover {
  background-color: #a1cf4f;
  color: #fff;
  border-color: #a1cf4f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* --- Active (click) effect --- */
.dt-buttons .dt-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* --- Optional: focus style for accessibility --- */
.dt-buttons .dt-button:focus {
  outline: 2px solid #7ca73a;
  outline-offset: 2px;
}

/* --- Optional: make text span inline --- */
.dt-buttons .dt-button span {
  display: inline-block;
  letter-spacing: 0.5px;
}
.form-control.input-sm {
    margin-right: 8px;
  }