@font-face { 
  font-family: Noto Sans; 
  src: url(../font/NotoSans-Regular.ttf); 
   font-weight: 400;
}
@font-face {
  font-family: Noto Sans;
  src: url(../font/NotoSans-Medium.ttf);
   font-weight: 500;
}
@font-face {
  font-family: Noto Sans;
  src: url(../font/NotoSans-SemiBold.ttf);
   font-weight: 600;
}
@font-face {
  font-family: Noto Sans;
  src: url(../font/NotoSans-Bold.ttf);
   font-weight: 700;
}

body{
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 14px !important;
      background-color: #fff;
      color: #707070 !important;
}
footer{
background-color: #003239;
    color: #fff;
    padding: 5px 0px;
}
p{
      margin-bottom: 10px;
}
.container-fluid{
  padding: 0px;
}
.btn{
  cursor: pointer;
}
.btn:disabled{
  border:none !important;
}
input.form-control{
  border: 1px solid #868686 !important;
    border-radius: 0px;
    padding: 5px 5px;
    width: 100%;
    background-color: #fff;
        min-height: 26px !important;
}
textarea.form-control{
   border: 1px solid #868686 !important;
    border-radius: 0px;
    padding: 3px 5px;
    width: 100%;
    background-color: #fff;
}
:focus-visible{
  outline: none !important;
}
 option{
  color: #707070 !important;
}

.g10{
  gap: 10px;
}
.g20{
  gap: 20px;
}
.g100{
  gap: 100px;
}
.card-body{
 color: #707070 !important; 
}
.fa-save, .fa-window-close, .fa-trash-alt{
  font-weight: 500 !important;
}
.alert {
margin: 10px 30px 0px 30px !important;
}
.page-content{
     min-height: 87.5vh;
  background-color: #fff;
}
.login-bg{
  background-image: url("../images/login-bg.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login-div{
  height: 100vh;
  align-items: center;
}
.login-div .card{
    box-shadow: 8px 8px 12px #00000066;
    border-radius: 8px;
      background: #C8E3D8;
padding: 0px 30px 30px 30px;
    border: none;
    max-width: 536px;
    margin: 0 auto;
}
.login-logo{
    background-color: #003239;
    padding: 15px;
        margin-top: -10%;
}
.login-logo h3{
  color: #000000;
    font-size: 36px;
        margin-bottom: 0px;
}
.login-div .card-header{
  border: none;
  background-color: transparent;
  color: #003239;
  font-size: 24px;
  text-align: center;
    padding: 20px 0px 10px 0px;
}
.login-div .card-body{
    padding: 0px 15px;
    }
.login-div input{
height: 35px;
    border-radius: 0px;
background-color: #fff !important;
    color: #767676 !important;
font-size: 14px;
border: none;

    padding: 3px 10px;
}
input:focus, select:focus, .btn:focus, textarea:focus{
outline: none !important;
/*    border: none !important;*/
    box-shadow: none !important;
}
.form-control{
font-size: 14px !important;
}
.form-control:focus{
background-color: #fff !important;
    border-color: #868686 !important;
}
.form-control[readonly]:focus{
      background-color: #e9ecef !important;
}
.custom-select select, .page-select select{
  appearance: none;
}
.login-div a{
      text-align: center;
        color: #003239 !important;
    text-decoration: underline;
    margin: 15px 0px;
}
.login-div a i{
  margin-right: 5px;
}
.login-div .btn-login{
    background-color: #003239 !important;
  color: #fff !important;
  width: 172px;
height: 45px;
text-transform: uppercase;
margin: 0 auto;
border: none;
    font-weight: 300;
}
/*.login-div .btn-login:hover{
  background-color: #005285 !important;
}*/
.password-text{
    color: #003239;
  text-align: center;
padding: 0px 0px 15px 0px;
}
.login-bg .alert {
  position: absolute;
    z-index: 99;
padding: 10px 50px;
        max-width: 536px;
        left: 0;
        right: 0;
    margin: 0 auto !important;
        top: 10px;
}
.login-bg .alert-warning{
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    text-align: center;
}
label.error{
      color: #ff0000 !important;
    font-size: 12px !important;
    padding: 0px;
        margin-bottom: 0px !important;
        line-height: 15px !important;
            white-space: normal !important;
                font-weight: 400 !important;
}
div.error{
  color: #ff0000 !important;
font-size: 12px !important;
padding: 0px;
    margin-bottom: 0px !important;
    line-height: 15px !important;
        white-space: normal !important;
}
.login-bg .row > div {
padding: 0px;
}
.password-eye-icon{
    position: absolute;
    right: 7px;
    top: 11px;
    cursor: pointer;
    display: block;
line-height: 10px;
    font-size: 12px;
}
.password-div{
  position: relative;
      padding: 0px !important;
}
/* Header starts*/
header .navbar {
  padding: 0px;
  background-color: #003239;
}
header .container-fluid{
  padding: 0px;
}
header .navbar-brand{
padding: 7px 10px 6px 10px;
        margin-right: 0px;
}
header .navbar-brand img{
      width: 45px;
}
header li.nav-item a{
    color: #fff;
    padding: 10px 20px !important;
}
header .navbar-nav li a:focus{
  color: #fff;
}
header .navbar-nav .nav-item .nav-link:hover, header .navbar-nav .nav-item .nav-link.active{
  color: #003239 !important;
  background-color: #00FEAF !important;
}
header .nav-item.my-profile .nav-link:hover, header .nav-item.my-profile .nav-link.active{
  background-color: transparent !important;
}
/*.right-menu-main li.nav-item a.nav-link.active{
    background-color: #00FEAF !important;
        padding: 10px 10px !important;
}*/
.nav-link-icon-active{
  display: none;
}
.right-menu-main li.nav-item a.nav-link.active .nav-link-icon-active{
  display: inline-block;
}
.right-menu-main li.nav-item a.nav-link.active .nav-link-icon{
  display: none;
}
.nav-link-icon, .nav-link-icon-active{
 width: 24px;
}
.header-right-menu ul.right-menu-main{
     padding: 0px;
    margin: 0;
    padding-right: 10px;
}
.header-right-menu ul.right-menu-main li.nav-item{
    display: inline-block;
/*    margin-left: 25px;*/
    position: relative;
    cursor: pointer;

}
.header-right-menu ul.right-menu-main li.nav-item a{
/*      color: #fff !important;*/
      padding: 10px 0px !important;
}
.header-right-menu ul.right-menu-main li.nav-item{
  margin-left: 15px;
}
.header-right-menu ul.right-menu-main li.nav-item.my-profile {
    padding-right: 20px;
}
.my-profile .dropdown-toggle:after{
    position: absolute;
    content: '';
    border: solid #fff;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 4px;
    text-align: center;
    top: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 5px;
}
.my-profile .dropdown-toggle.mydetails-arrow:after{
  transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 20px;
}
.my-profile .dropdown-menu, .dropdown-menu {
  margin: 0 !important;
    border: 0;
    border-radius: 0px;
    background-color: #003239;
}
.my-profile ul, .dropdown-menu ul{
    padding: 0 15px;
    margin: 0;
    font-size: 14px;
    color: #fff;
}
.navbar-nav .dropdown-menu ul{
   padding: 0px;
}
.navbar-nav .dropdown-menu {
    min-width: 12rem;
  }
.my-profile ul li, .dropdown-menu ul li{
list-style: none;
    line-height: 30px;
}
.my-profile ul li a, .dropdown-menu ul li a{
  color: #fff !important;
  text-decoration: none;
  cursor: pointer;
}
.my-profile img{
  width: 25px;
}
.my-details-popup{
  display: none;
  position: absolute;
  width: 550px;
  background-color: #fff;
z-index: 9999;
  right: 0;
    padding: 40px 20px;
box-shadow: 0px 0px 10px #cdcdcd;
    top: 58px;
}
/*.editdetails .profile-edit-btn{
      margin-top: 50px !important;
}*/
.change-password .popup-save-btn:hover{
background-color: #003239 !important;
}
.popup-heading{
  font-size: 20px;
  margin-bottom: 30px;
      color: #707070;
}
.my-details-popup h5{
  font-size: 14px;
    color: #000;
}
.my-details-popup-right a{
cursor: pointer;
margin-left: 20px;
}
.my-details-popup-right a i{
  font-size: 25px;
  color: #BDBDBD;
}
.my-details-popup-right{
  align-items: start;
    vertical-align: top;
    display: flex;
    justify-content: end;
}
.my-details-popup label{
  color: #707070;
font-weight: 700;
    margin-bottom: 5px;
    padding: 0px;
/*    font-size: 13px;*/
}
.my-details-popup input{
    border: 1px solid #868686 !important;
    border-radius: 5px;
    padding: 3px 5px;
    width: 100%;
    background-color: transparent;
}
.my-details-popup input:focus{
   background-color: transparent;
}
.change-pass{
      background-color: #85C916 !important;
    color: #fff !important;
    border: none !important;
    font-size: 13px !important;
}
.profile-edit-btn{
    justify-content: center;
    gap: 30px;
    margin-top: 30px !important;
}
.profile-edit-btn input, .profile-edit-btn a{
  width: 84px;
  background-color: #BDBDBD;
  text-transform: uppercase;
  color: #fff !important;
border: none !important;
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.popup-btn{
  display: flex;
  gap: 20px;
}
.popup-btn .btn{
  border: none !important;
  border-radius: 0px;
  padding: 0px;
  font-size: 17px;
  color: #BDBDBD;
}
.popup-btn .btn:focus, .popup-btn .btn:active{
border: none !important;
  outline: none !important;
  box-shadow: none !important;

}
.popup-btn .btn i{
  margin-right: 5px;
}
.popup-btn .btn.btn-save:hover{
color:green;
}
.popup-btn .btn.btn-other{
  color:#003239;
}
.popup-btn .btn.btn-closes{
     color: #003239;
}
.popup-btn .btn.btn-edit{
  color: #4087C4;
}
.popup-btn .btn.btn-deleter, .popup-btn .btn.btn-delete .fa-trash-alt, .popup-btn .btn.btn-delete{
  color: #D81515 !important;
}
.popup-btn .fa-trash-alt{
    color: #BDBDBD;
}

.btn-save-icon{
    width: 69px;
    height: 24px;
  background-image: url(../images/save-grey.png);
  background-repeat: no-repeat;
}
.btn-save-icon:hover{
  background-image: url(../images/save-green.png);
}
.btn-close-icon{
    width: 69px;
    height: 24px;
  background-image: url(../images/close-grey.png);
  background-repeat: no-repeat;
}
.btn-close-icon:hover{
  background-image: url(../images/close-red.png);
}
.btn-edit-icon{
    width: 71px;
    height: 24px;
  background-image: url(../images/edit-text-grey.png);
  background-repeat: no-repeat;
}
.btn-edit-icon:hover{
    background-image: url(../images/edit-text-blue.png);
}
.btn-logout{
  width: 23px;
height: 24px;
background-image: url(../images/logout-grey.png);
background-repeat: no-repeat;
}
.btn-logout:hover{
background-image: url(../images/logout-blue.png); 
}
.btn-user{
  width: 34px;
  height: 24px;
  background-image: url(../images/user-by-grey.png);
}
.btn-user:hover{
 background-image: url(../images/user-by-blue.png); 
}
.btn-icon{
  border: none !important;
  border-radius: 0px !important;
  background-repeat: no-repeat;
}
.btn-icon:active, .btn-icon:focus{
border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.btn-update{
      color: #fff !important;
    padding: 5px 15px;
    font-weight: 600;
    background-color: #003239;
    font-size: 13px;
}
.datepicker-icon{
        width: 24px;
    height: 24px;
  background-image: url(../images/datepicker-grey.png);
  background-repeat: no-repeat;
  display: inherit;
}
.datepicker-icon:hover{
  background-image: url(../images/datepicker-blue.png);
}
.daterange-icon{
  position: absolute;
  top: 6px;
  right: 6px;
      cursor: pointer;
}
/*.daterange-icon:hover{
   background-image: url(../images/daterange-blue.png);
}*/
.daterange-icon{
         width: 16px;
    height: 16px;
  background-image: url(../images/daterange-grey.png);
  background-repeat: no-repeat;
  display: inherit; 
}
.daterange-div{
  position: relative;
}
.popup-save-btn, .popup-close-btn,  .popup-edit-btn, .popup-green-btn{
   width: 84px !important;
  background-color: #BDBDBD !important;
  text-transform: uppercase;
  color: #fff !important;
border: none !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  border-radius: 5px !important;
  text-align: center !important;
  font-weight: 600;
  text-decoration: none !important; 
  height: 30px;
}
.profile-edit-btn input:active, .profile-edit-btn input:focus,
.profile-edit-btn a:active, .profile-edit-btn a:focus{
  background-color: #BDBDBD;
}
.popup-save-btn:active, .popup-save-btn:focus,
.popup-close-btn:active, .popup-close-btn:focus{
  background-color: #BDBDBD;
}
.popup-save-btn:hover{
  background-color: #003239 !important;
}
.popup-close-btn:hover{
  background-color: #D81515 !important;
}
.popup-edit-btn:hover{
  background-color: #005285 !important;
}
.popup-green-btn{
 background-color: #003239 !important;
}
.change-password{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    right: 0;
    margin: 0 auto;
    width: 400px;
    padding: 10px 30px;
    z-index: 999;
}
.change-password .profile-edit-btn{
  margin-top: 15px !important;
}
.change-password-popup:after{
  position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(rgb(112 112 112 / 80%), rgba(0, 0, 0,.8))
}
.change-password .password-eye-icon{
    top: 43px;
}
/*Header Ends*/
/* Dashboard Starts */

.dashboard-box{
     box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
     border-radius: 10px;
}
.dashboard-heading h4, .heading-h4 h4{
      color: #004650;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 700;
}
.dashboard-heading{
    border-bottom: 1px solid #004650;
    padding: 10px 10px;
}
.dashboard-inner{
    padding: 10px;
    min-height: 400px;
    position: relative;
}
.chart-info-text{
      margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.legends{
    display: flex;
    gap:5px;
    font-size: 11px;
        align-items: start;
        margin-bottom: 5px;
}
.legends-icon{
    width: 15px;
    height: 15px;
/*    border-radius: 50px;*/
}
.legends a{
  width: 90%;
}
.dashboard-box .custom-table td, .dashboard-box .custom-table th{
font-size: 12px;
    padding: 5px 10px;
    background-color: #fff;
}
.dashboard-box .custom-table thead{
  position: sticky;
    top: 0;
    box-shadow: 0px 1px 0px #003239;
        background-color: #fff;
    z-index: 9;
}
/*.dashboard-box .custom-scroll{
  max-height: 425px !important;
    overflow-y: auto;

}*/
.dashboard-heading .custom-select select, .dashboard-heading .custom-select .select2-container--default .select2-selection--single,
.inner-page-filter .custom-select select, .inner-page-filter .custom-select .select2-container--default .select2-selection--single  {
    width: 150px !important;
    }
    .dashboard-heading input{
 width: 175px !important;
    }
/* Dashboard Ends */
/* Inner page  */
.page-inner-content{
padding: 15px;
}
.inner-heading-div{
      display: flex;
    gap: 50px;
    align-items: center;
}
.inner-heading{
    color: #003239;
    font-size: 25px;
    margin-bottom: 0px;
}
.inner-heading span{
      color: #000;
    font-size: 17px;
}
.btn-add{
    width: 150px;
    height: 40px;
    background-color: #00FEAF!important;
    text-transform: uppercase;
    color: #003239!important;
    font-size: 14px !important;
    border: none !important;
    font-weight: 500;
}
.btn-add:hover{
  background-color: #003239 !important;
  color:#fff !important;
}
.btn-add.btn-width-auto{
  width: auto;
}
.heading-row{
  margin-bottom: 20px;
  align-items: center;
}

/* Tab Starts */
.custom-tab .nav-link:focus{
 color: #fff;
}
.custom-tab .nav-link {
    color: #cdcdcd;
padding: 10px;
    width: 190px;
    border: none !important;
    transition: all 0.25s;
    font-weight: 500;
    font-size: 18px;
    background-color: transparent !important;
}
.custom-tab .nav-link i{
  margin-right: 6px;
}
.custom-tab .nav-link:hover{
  border: none;
}
.custom-tab .nav-link:focus-visible{
  outline: none;
}
.custom-tab .nav-link.active, .custom-tab .nav-link:hover, 
.custom-tab .nav-item:hover .nav-link{
  color: #003239 !important;
    transition: top 0.25s;
}

.custom-tab .nav-tabs{
border-bottom: 2px solid #dee2e6;
}
.custom-tab .tab-content{
    background-color: #dfedebb0;
}
/* Tab ends */
/* Table Starts */
.custom-table{
      background-color: #dfedebb0;
          margin-bottom: 0px !important;
}
.custom-table th{
    font-weight: 600;
    color: #444444;
  font-size: 13px;
  border-bottom: 1px solid #003239 !important;
  text-transform: uppercase;
/*  padding-top: 20px !important;*/
position: relative;
background-color: #dfedebb0 !important;
}
.custom-table td{
  color: #000000;
  font-size: 13px;
  vertical-align: middle;
      border-bottom: 1px solid #BDBDBD;
      background-color: transparent;
}
.custom-table a, .view-table a, .company-table a{
  color: #000;
  text-decoration: none !important;
}
.custom-table td a{
  display: flex;
}
.view-form a, .common-form a{
  color: #707070;
  text-decoration: none !important;
}
.custom-table a:hover, .view-table a:hover, .company-table a:hover,
.user-by-table a:hover, .view-form a:hover, .common-form a:hover{
  color: #3B90C7 !important;
  text-decoration: underline !important;
}
/* Table Ends */
/* PopUp Starts */
.new-popup .modal-body{
  padding: 15px !important;
}
.new-popup.modal.show .modal-dialog{
transform: translate(0, 40px);
}
.new-popup .modal-dialog.modal-sm{
    max-width: 630px;
}
.new-popup.modal-default-width .modal-dialog{
    max-width: 500px;
}
.new-popup .modal-content{
  box-shadow: 6px 6px 12px #00000080;
    border-radius: 0px;
        background-color: #fff !important;
}
.new-popup .modal-title{
      color: #707070;
    font-size: 20px;
    font-weight: 400 !important;
}
.new-popup .modal-header{
      border-bottom: 1px solid #707070;
      padding: 5px 15px !important;
}
.new-popup-right{
  display: flex;
  gap: 20px;
  align-items: center;
}
.new-popup-right .form-check .form-check-input{
float: right;
}
.new-popup-right .form-check.form-switch .form-check-input{
       margin-left: 10px !important;
}
.popup-btn-icon i{
  margin-left: 5px;
      font-size: 22px;
    /* line-height: 34px; */
    position: absolute;
    right: 0;
}  
.popup-btn-icon .fa-edit{
font-size: 20px;
}
.popup-btn-icon .btn{
  border: none !important;
  color: #C2C2C2 !important;
  font-family: OpenSans-SemiBold !important;
    font-size: 14px !important;
    padding: 0px !important;
    position: relative !important;
    padding-right: 30px !important;
    background-color: transparent !important;
    width: auto !important;
}
.popup-btn-icon .btn:active, .popup-btn-icon .btn:focus{
   color: #C2C2C2 !important;
}
.popup-btn-icon{
      display: flex;
    gap: 20px;
}
.popup-btn-icon .popup-save-btn:hover{
  color: #3DB64D !important;
}
.popup-btn-icon .popup-close-btn:hover{
  color: #D81515 !important;
}
.popup-btn-icon .popup-edit-btn:hover{
  color: #005285 !important;
}
.new-popup input, .new-popup select{
     border: 1px solid #868686;
    padding: 5px 5px;
    width: 100%;
    background-color: transparent;
}
.new-popup input[readonly], .new-popup input[readonly]:focus{
    background-color: #ddd;
}
.new-popup input:focus{
   background-color: transparent;
   border: 1px solid #868686;
}
.new-popup label, .custom-table label, label{
     font-weight: 500;
    color: #444444;
 /*   margin-bottom: 5px;*/
    padding: 0px;
    line-height: 30px;
        font-size: 14px;
}
/* PopUp Ends */
.loader {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.loader:before{
  content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-radial-gradient(rgb(112 112 112 / 80%), rgba(0, 0, 0,.8))
}

.page-select{
 position: relative;
}
.page-select:after{
 content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #808495;
    right: 7px;
    top: 13px;
    position: absolute;
    pointer-events: none;
    font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
/*.page-select:before{
  position: absolute;
  content: '';
  width: 1px;
  height: 34px;
  top: 0;
  right: 25px;
  background-color: #EAEAEA;
}*/
.page-select select{
display: block;
    max-width: 200px;
    height: 34px;
    float: right;
    padding: 0px 35px 0px 10px;
border: 1px solid #868686;
    font-size: 13px;
    line-height: 34px;
    cursor: pointer;
}
.custom-select{
  position: relative;
  width: 100%;
}
.custom-select select{
display: block;
    padding: 5px 30px 5px 5px;
    cursor: pointer;
    overflow: hidden; 
     white-space: nowrap; 
text-overflow: ellipsis;
    border: 1px solid #868686;
    border-radius: 0px;
    background-color: white;
    width: 100%;
        font-size: 14px;
        color: #212529 !important;
}
/*.custom-select:before{
    position: absolute;
  content: '';
  width: 1px;
  height: 29px;
  top: 0;
  right: 30px;
  background-color: #868686;
  z-index: 1;
}*/
.custom-select:after{
 content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #808495;
    right: 10px;
    top: 11px;
    position: absolute;
    pointer-events: none;
    font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.multi-select.custom-select:before{
  height: 100%;
}
.custom-select option[disabled]{
      background-color: #C8C8C8;
    color: #fff !important;
}
.custom-toggle{
position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin-bottom: 0px !important;
}
.custom-toggle .custom-form-check{
  opacity: 0;
    height: 0;
    width: 0;
}
.custom-toggle .slider {
      position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #BDBDBD;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}
.custom-toggle .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
.custom-toggle .custom-form-check:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(26px);
}
.custom-toggle .custom-form-check:checked + .slider {
    background-color: #005285;
}
.custom-checkbox label{
      cursor: pointer;
          padding: 5px 0px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color:#3AB54A;
    border: 1px solid #3AB54A;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 30px;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0 !important;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -30px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    border: 1px solid #707070;
    border-radius: 6px;
}
.custom-control-label::after {
  display: none;
position: absolute;
    content: "";
    left: -21px;
    top: 9px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
  display: block;
}
/* Pagination Starts */
.pagination-div{
  align-items: center;
  margin-top: 20px !important;
}
.pagination{
  margin: 0 auto;
}
.pagination ul{
  text-align: center;
}
.pagination li a{
      line-height: 20px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
        border: 1px solid #d9d9d9 !important;
        background-color: #fff !important;
        cursor: pointer;
        color: #003239 !important;
        font-weight: 600;
}
.pagination li.active a{
      background-color: #003239 !important;
    border: 1px solid #003239 !important;
    color: #fff !important;
}
.page-item {
      margin-right: 10px;
}
.pagination .fas{
    font-weight: 600 !important;
    font-size: 15px;
    color: #8A8E9D;
}
.pagination .active .fas{
  color: #fff;
}
#countDiv, #countpageDiv{
         color: #003239;
}
.pagination .disable{
  pointer-events: none;
}
.pagination .disable a{
      background-color: #f7f7f7 !important;
}
/* Pagination Ends */
.edit-user-active{
  display: flex;
  gap: 5px;
justify-content: space-between;
  align-items: center;
}
.edit-user-active .form-check.form-switch .form-check-label{
 padding: 0px !important;
}
.edit-user-active label{
  margin-bottom: 0 !important;
}
.popover{
  font-family: Noto Sans !important;  
}
.popover-body{
      border: 1px solid #707070;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029;
        text-align: center;
    padding: 20px 20px !important;
}
.popover-arrow{
  display: none !important;
}
.popover-delete-icon{
      text-align: center;
    color: #D81515;
    font-size: 36px;
}
.delete-content{
  color: #000;
  font-size: 13px;
}
.delete-sure-text{
    font-weight: 700;
    color: #000;
    font-size: 15px;
}
.delete-sure-text p{
      margin-bottom: 0px;
}
/* Settings - Lists Starts */
.list-div{
background-color: #fff;
    border: 1px solid #D7DAE2;
    padding: 10px;
    border-radius: 6px;
    position: relative;
}
.list-inner-div{
  position: absolute;
  background-color: #fff;
  width: 100%;
  top: 40px;
  box-shadow: 0px 3px 6px #00000029;
border: 1px solid #D7DAE2;
border-radius: 6px;
    padding: 10px 0px 10px 0px !important;
z-index: 9;
}

.list-div h5{
  margin-bottom: 0px;
  color: #707070;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.list-div h5:after{
position: absolute;
    content: '';
    border: solid #BDBDBD;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 4px;
    text-align: center;
    top: 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 15px;
}
.list-div h5.open_lists:after{
      transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 7px;
}
.list-popup-heading{
    display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-popup-heading h4{
  color: #707070;
    font-family: OpenSans-Bold;
  font-size: 14px;
margin-bottom: 0px;
}
.add-option-btn{
      background-color: #85C916 !important;
    color: #fff !important;
    border: none !important;
    font-size: 13px !important;
    padding: 3px 20px !important;
    width: auto !important;
}
.add-option-btn:hover{
  background-color: #005285 !important;
}

/*.list-inner-div .popup-save-btn{
  display: none;
}*/

.list-inner-div .list-group-item{
 padding: 0px !important;
    border: none !important;
 /*   display: flex !important;
    gap: 20px;
    align-items: center;*/
    margin-bottom: 5px;
    margin-right: 10px;
}
.list-inner-div .list-group-item input{
    border: 1px solid #D7DAE2;
    border-radius: 4px;
    min-height: 25px !important;
    padding: 3px 5px;
    width: 100%;
    height: 25px;
  }
.list-inner-div .list-group {
    padding: 15px 10px 0px 10px;
    max-height: 280px;
        overflow-y: scroll;
    overflow-x: hidden;
}
.list-inner-div .fa-trash-alt{
    color: #D81515;
    cursor: pointer;
    font-size: 18px;
}
.list-inner-div .list-group-item .row{
align-items:start;
}
/*.drag-icon{
      background: #BDBDBD;
    border-radius: 6px;
line-height: 18px;
    height: 18px;
    width: 22px;
    text-align: center;
    margin-top: 4px;
}
.drag-icon .fa-bars{
  color: #fff;
    font-size: 14px;
}*/
.list-inner-div .fa-trash-alt{
    margin-top: 3px;
}
.list-delete{
    padding-left: 0px !important;
  text-align: right;
}
.lists-tab-pane{
  min-height: 100vh;
}
.list-group::-webkit-scrollbar {
  width: 8px;
}
.list-group::-webkit-scrollbar-track {
  background: #fff; 
}
.list-group::-webkit-scrollbar-thumb {
  background: #BDBDBD; 
}
.list-inner-div .profile-edit-btn{
  margin-top: 10px !important;
}
#div4_ul .country-input, 
#div11_ul .country-input,
#div7_ul .country-input{
  float: left;
}
.list-inner-div.item11{
width: 600px;
}
#div11_ul .country-input{
  margin-right: 5px;
}
#div11_ul .drag-input{
  padding: 0px;
}
#div11_ul .drag-input .country-input:nth-child(1){
     width: 27%;
}
#div11_ul .drag-input .country-input:nth-child(2){
      width: 32%;
}
#div11_ul .drag-input .country-input:nth-child(3){
      width: 14%;
}
#div11_ul .drag-input .country-input:nth-child(4){
      width: 22%;
}
#div4_ul .drag-input .country-input:nth-child(1){
  width: 20%;
  margin-right: 6px;
}
#div4_ul .drag-input .country-input:nth-child(2){
  width: 75%;
  margin-left: 6px;
}
#div7_ul .drag-input .country-input:nth-child(1){
width: 75%;
}
#div7_ul .drag-input .country-input:nth-child(2){
width: 20%;
    margin-left: 10px;
}
.country-input .custom-select select{
border: 1px solid #D7DAE2;
    border-radius: 4px;
    min-height: 25px !important;
    height: 25px;
    padding: 3px 25px 3px 3px;
        line-height: 18px;
}
.country-input .custom-select:before{
height: 24px;
    right: 25px;
    background-color: #D7DAE2;
}
.country-input .custom-select:after{
    color: #D7DAE2;
    right: 8px;
    top: 9px;
}
.country-input .select-placeholder{
  color: #757575 !important;
}
.country-input .select-placeholder option{
  color: #707070 !important;
}
/* Parameters */
.tab-inner-heading h5{
  color: #707070;
  font-size: 24px;
}
.para-heading{
  margin-bottom: 10px;
}
.para-heading span{
  color: #707070;
  font-size: 14px;
  font-family: OpenSans-Bold;
}
.parameter-div .card{
  border: 1px solid #707070;
}
.parameter-div .card-body label{
  text-align: center;
}
.para-highlight{
  font-family: OpenSans-Bold;
}
.parameter-color{
  width: 25px;
height: 25px;
}
.parameter-color.red{
  background-color: #D81515;
}
.parameter-color.green{
  background-color: #FFBF00;
}
.parameter-color-div{
  display: flex;
      gap: 10px;
    align-items: center;
}
.month-input input{
  width: 50px !important;
    margin: 0 auto;
    text-align: center;
    height: 26px;
        border: 1px solid #868686;
    border-radius: 5px;
    padding: 3px 5px;
    background-color: transparent;
}
.parameter-color-row{
  align-items: center;
}
.parameter-div .custom-control-label::before{
      top: -6px;
}
.parameter-div .custom-control-label::after{
  top: -1px;
}
.parameter-div .custom-control{
      padding-left: 39px;
}
.poa-circle-div .poa-circle{
  margin-right: 20px;
}
.poa-circle{
  width: 12px;
height: 12px;
border-radius: 50px;
margin-right: 7px;
    display: inline-block;
}
.poa-circle-div{
  display: flex;
}
.poa-circle.pink{
 background-color: #E290FA; 
}
.poa-circle.red{
 background-color: #D81515; 
}
.poa-circle.green{
 background-color: #3AB54A; 
}
.poa-circle.blue{
 background-color: #1583D8; 
}
.poa-circle.pink{
 background-color: #FF66CC; 
}
.para-date-month{
  margin-bottom: 15px;
  align-items: center;
}
.user-time{
  margin-left: 25px;
}
/* Roles */
.role-add-new{
  gap: 20px;
  align-items: start;
}
.edit-roles p{
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #BDBDBD;
    font-size: 13px;
    cursor: pointer;
    position: relative;
}
.edit-roles p:after{
position: absolute;
content: '';
width: 31px;
height: 24px;
background-image: url(../images/edit-grey.png);
background-repeat: no-repeat;
    right: 0;
    top: -3px;
}
.edit-roles p:hover{
  color: #005285;
}
.edit-roles p:hover:after{
background-image: url(../images/edit-blue.png);
}
.roles-delete a{
  color: #CDCDCD;
  font-size: 20px;
}
.roles-delete a:hover{
  color: #D61B1B;
}
#editFormRole input{
  border: 1px solid #CDCDCD !important;
    height: 30px;
}
#editRoleModal .modal-body{
max-height: 350px;
overflow-y: auto;
}
.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: #fff; 
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #BDBDBD; 
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #BDBDBD; 
}
.rolemodel .card{
  border: 1px solid #707070;
}
.rolemodel .card-body{
  padding: 7px 15px !important;
}
.role-select .custom-control-label{
/*      background-color: red;*/
    text-align: center;
    color: #003239;
    font-weight: 700;
    font-size: 14px;
}
.custom-control-input[disabled]{
  cursor: default;
}
.custom-control-input:checked[disabled] ~ label, .custom-control-input[disabled] ~ label{
cursor: default;
}
.home-bg{
  background-color: #3B90C7;
}
.companies-bg{
  background-color: #005285;
}
.clinets-bg{
  background-color: #D81515;
}
.requests-bg{
  background-color: #602AA7;
}
.address-bg{
background-color: #FF7F00;
}
.non-exces-bg{
  background-color: #237F17;
}
.gdpr-bg{
  background-color: #A5A5A5;
}
.finance-bg{
  background-color: #FF66CC;
}
.audit-bg{
  background-color: #3B90C7;
}
.settings-bg{
  background-color: #3B90C7;
}
.role-select .custom-control-label::before{
  left: -30px;
      top: 9px;

}
.role-select .custom-control-label::after{
/*  left: -22px;*/
      top: 13px !important;
}
.role-select .custom-control{
  padding-left: 30px;
}
.role-access-label label{
  color: #BDBDBD;
  font-size: 15px;
}
.btn-tab{
    background-color: #005285 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 1px 10px !important;
    color: #fff !important;
    font-size: 14px !important;
}
.roles-tab-div{
/*    top: 0px !important;
    right: -65%;*/
    z-index: 9;
    /* bottom: 0px; */
    width: 450px !important;
}
.role-option-div.roles-tab-div{
width: 400px !important;
}
.roles-close .far{
cursor: pointer;
    color: #D81515;
    font-size: 18px;
    line-height: 32px;
}
.role-option-div .tab-inner-div-heading{
  padding-bottom: 0px;
  margin-bottom: 0px;
  border: none;
  align-items: start;
      justify-content: space-between;
}
.tab-inner-div-heading, .tab-inner-div-checkbox .row{
  align-items: start;
      justify-content: space-between; 
}
.role-all{
  text-align: left !important;
}
.tab-inner-div-heading label{
color: #707070;
    text-align: center;
}
.setting-roles-div.roles-tab-div{
  width: 510px !important;
}
.tab-inner-div-heading{
  border-bottom: 1px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.tab-inner-div-checkbox .col-3, .tab-inner-div-heading .col-3{
  width: 16.66666667%;
    padding: 0;
}
.setting-roles-div .tab-inner-div-checkbox .col-2, .setting-roles-div .tab-inner-div-heading .col-2{

}
.tab-inner-div-checkbox .col-5 .form-label, .tab-inner-div-checkbox .col-3 .form-label{
color: #005285;
font-weight: 600;
margin-bottom: 0px;
}
.tab-inner-div-checkbox .row{
  margin-bottom: 15px;
}
.tab-inner-div-checkbox .row:last-child{
  margin-bottom: 0px;
}
.tab-inner-div-heading .col-2, .tab-inner-div-heading .col-3, .tab-inner-div-heading .col-4,
.tab-inner-div-checkbox .col-2, .tab-inner-div-checkbox .col-3{
  text-align: center;
}
.tab-inner-div-checkbox input[disabled] ~ .new-checkbox-visible{
      background-color: #eee !important;
}
.tab-inner-div-checkbox input:checked[disabled] ~ .new-checkbox-visible {
    background: #3AB54A !important;
}
.label-checkbox.new-checkbox.label-checkbox-right{
      padding-left: 0px;
    padding-right: 30px;
}
.label-checkbox-right .new-checkbox-visible{
  left: inherit;
}
.label-checkbox.new-checkbox{
    width: auto;
    padding-left: 29px;
    line-height: 22px;
    margin: 0 !important;
}
.role-all {
 margin-top: 25px !important;
}
.role-all label{
  margin-bottom: 0px;
    color: #005285;
}
/*.role-access-label input{
   float: right !important;
}*/
.role-access-label .form-check.form-switch .form-check-label{
  padding: 0px !important;
      line-height: inherit;
    margin-left: 10px;
}
.role-access-label .form-check.form-switch .form-check-input{
margin: 0px !important;
}
.role-access-label .form-switch {
    padding-left: 0px !important;
/*        padding-right: 15px;*/
    }
/* Custom Switch Starts */
.form-check.form-switch .form-check-input:checked {
    background-color: #003239 !important;
}
.form-check.form-switch .form-check-input {
    width: 50px;
    height: 24px;
    background-color: #BDBDBD !important;
    border: none;
    cursor: pointer;
    margin-left: -60px !important;
    -webkit-transition: .4s;
    transition: .4s;
        position: relative;
}
.form-check.form-switch .form-check-input:after{
  position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
.form-check.form-switch .form-check-input:checked:after{
  -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(26px);
} 
.form-switch {
    padding-left: 60px !important;
        margin-bottom: 0px !important;
}
.form-check.form-switch .form-check-label{
padding: 1px 0px !important;
}
/* Custom Switch Ends */
.new-checkbox{
   width: 20px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
      vertical-align: middle;
}
.new-checkbox input{
  z-index: 1;
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translatex(-50%) translatey(-50%);
    display: block;
    cursor: pointer;
    width: 100%;
    height: 20px;
}
.new-checkbox input[disabled], .new-checkbox input[readonly]{
  cursor: default;
}
.new-checkbox input[disabled] ~ .new-checkbox-visible, .new-checkbox input[readonly] ~ .new-checkbox-visible{
 cursor: default;
  }
.new-checkbox > * {
    position: absolute;
}
.new-checkbox-visible {
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 0px;
    left: 0;
    right: 0;
}
.new-checkbox input:checked ~ .new-checkbox-visible {
    background: #003239;
    border-color: #003239;
  }
/*  .new-checkbox input:checked.error + .new-checkbox-visible {
    background: #3AB54A;
    border-color: #3AB54A;
  }*/
.new-checkbox-visible::after {
    display: none;
    position: absolute;
    content: "";
left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.new-checkbox input:checked ~ .new-checkbox-visible::after{
  display: block;
}
.new-checkbox .red-disable ~ .new-checkbox-visible{
    background-color: #D81515;
    border: 1px solid #D81515;
}
.new-checkbox .red-disable ~ .new-checkbox-visible::after{
    display: block;
    position: absolute;
    content: "";
    left: 6px;
    top: 2px;
    width: 7px;
    height: 16px;
    border: solid white;
    border-width: 0 2px 0px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.new-checkbox .red-disable ~ .new-checkbox-visible::before{
position: absolute;
    content: "";
    left: 10px;
    top: 2px;
    width: 7px;
    height: 16px;
    border: solid white;
    border-width: 0 2px 0px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(135deg);
}
/* Custom Checkbox Ends */
/* Address Starts */
.inner-page-dashboard .card{
height: 242px;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
border: none;
}
.inner-dashboard-table .card-body{
padding: 0px;
}
.inner-dashboard-table tr.red td{
  color: #D81515;
}
.dashboard-table-count{
color: #fff !important;
    
    height: 35px;
    width: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-family: OpenSans-Bold;
/*    float: right;*/
}
.dashboard-table-count.blue{
  background-color: #89C1EB;
}
.dashboard-table-count.red{
  background-color: #D81515;
}
.inner-dashboard-table-right{
  display: flex;
  justify-content: end;
  gap: 10px;
      align-items: center;
}
.inner-dashboard-table-right .custom-select select{
border: none;

}
.inner-dashboard-table-right .custom-select{
margin-right: 15px;
}
.dashboard-table-heading{
  padding: 5px 10px;
  border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.dashboard-table-heading h4{
  margin-bottom: 0px;
    color: #fff;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    line-height: 30px;
}
.inner-dashboard-table .table thead{
      position: sticky;
    top: 0;
    box-shadow: 0px 1px 0px #005285;
}
.inner-dashboard-table  .custom-table td{
    padding: 6px 0.5rem !important;
    background-color: transparent !important;
}
.inner-dashboard-table  .custom-table tr:last-child td{
  border-bottom: none;
}
.inner-dashboard-table-scroll{
height: 195px !important;
    overflow-y: auto;
}
.inner-dashboard-table-scroll::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.inner-dashboard-table-scroll::-webkit-scrollbar-track {
  background: #fff; 
}
.inner-dashboard-table-scroll::-webkit-scrollbar-thumb {
  background: #D99E3B; 
  border-radius: 4px;
}
.inner-dashboard-table-scroll{
  scrollbar-width: thin; 
  scrollbar-color: #D99E3B #fff;
}
.list-inner-div .profile-edit-btn{
  margin-top: 10px !important;
}
.add-address-input input{
    border: none !important;
    border-bottom: 1px solid #BDBDBD !important;
    border-radius: 0px;
}
.single-line-input label{
  margin-bottom: 0px;
}
.add-address-right{
  display: flex;
  align-items: center;
  gap: 10px;
      justify-content: end;
}
/*.add-country-select{
  width: 100px;
}*/
.add-suplplier-select{
  width: 150px;
}
.add-phone-code{
  width: 75px;
}
.address-phone input{
  width: 140px;
}
.header-right .custom-select{
  width: 100%;
}
.header-right .custom-select select{
  border: 1px solid #EAEAEA !important;
    height: 34px !important;
}
.header-right .custom-select select:focus{
   border: 1px solid #EAEAEA !important;
}
.header-right .custom-select:before{
      height: 34px;
    background-color: #EAEAEA;
    z-index: 9;
}
.header-right .custom-select:after{
      right: 10px;
}
.header-right .custom-select .select2-container--default .select2-selection--single{
border: 1px solid #EAEAEA !important;
    height: 34px !important;
}
.header-right .custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{
      line-height: 26px !important;
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b{
  display: none;
}
.select2-dropdown{
  border: 1px solid #EAEAEA !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
      border: 1px solid #ddd !important;
      height: 30px;
      font-size: 14px;
}
.custom-select .select2-container--default .select2-selection--single
{
  border: 1px solid #868686 !important;
   border-radius: 0px;
    padding: 5px 30px 5px 5px;
    height: 33px;
}
.custom-select .select2-results__option--selectable{
  font-size: 12px;
}
.select2-container--open .select2-dropdown{
width: 200px !important;
}
.custom-select .select2-container--default .select2-selection--multiple{
 border: 1px solid #868686 !important;
   border-radius: 0px;
    padding: 5px 30px 5px 5px;
           min-height: 33px; 
}
.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{
      padding: 0;
    line-height: 22px;
        text-align: left;
}
.select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin-top: 0px !important;
      margin-bottom: 1px !important;
          margin-left: 0px !important;
    margin-right: 3px !important;
}
.select2-results__options{
      font-size: 12px !important;
}
.custom-select .select2-container{
width: 100% !important;
}
.header-right {
    display: flex;
    gap: 40px;
    justify-content: end;
}
.header-right .form-check-label{
  color: #707070;
    font-family: OpenSans-Bold;
}
.popup-inner-tab ul{
  padding: 0;
}
.popup-inner-tab ul li{
display: inline-block;
    color: #D99E3B;
    opacity: 0.3;
    font-size: 14px;
    font-family: OpenSans-Bold;
    margin-right: 30px;
        padding-bottom: 7px;
        cursor: pointer;
}
.popup-inner-tab li.active{
  opacity: 1;
  border-bottom: 2px solid #F8AD16;
}
.new-popup .modal-body h5{
font-size: 14px;
    color: #707070;
    font-family: OpenSans-bold;
    margin-bottom: 15px;
}
.new-popup .modal-body p{
  color: #000;
}
.used-by-popup-tab{
          color: #707070;
    text-decoration: none;
}
.used-by-popup-tab p{
  display: inline-block;
}
.used-by-companies .used-by-popup-tab p:first-child{
      width: 100px;
}
.used-by-popup-tab:hover{
color: #3B90C7;
text-decoration: none;
}
.used-by-popup-tab:hover p{
 text-decoration: underline;
}
.used-by-popup-height{
  max-height: 250px;
  overflow-y: scroll;
}
.graph-box{
  width: 14px;
  height: 14px;
  background-color: #A6CEE3;
}
.graph-box.red{
background-color: #D81515;
    height: 13px;
}
.graph-box.amber{
background-color: #FF7F00;
    height: 13px;
}
.graph-legends{
  display: flex;
  align-items: start;
  gap: 10px;
  color: #000;
  font-size: 13px;
      line-height: 14px;
    margin-bottom: 5px;
}
.graph-label{
    width: 83px;
}
.graph-count{
    width: 135px;
    height: 135px;
    border-radius: 50%;
    font-size: 40px;
    text-align: center;
    line-height: 130px; 
        margin: 0 auto;
}
.graph-heading{
  text-align: center;
  font-family: OpenSans-Bold;
  color: #707070;
  text-transform: uppercase;
      margin-bottom: 15px;
}
.dashboard-inner-graph{
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    }
    .inner-dashboard-legend{
 height: 135px;
    overflow-y: auto;
    padding-right: 2px;
    overflow-x: hidden;
/*        padding-top: 40px;*/
    }
    .legend-padding-top{
      padding-top: 35px;
    }
/*    .hor-bar-height{
      height: 100px;
    overflow-y: auto;
    padding-right: 2px;
    overflow-x: hidden;
    }*/
    .box7 .graph-heading{
      height: 40px;
    }
/* Address Ends */

.common-form label{
  color: #707070;
    font-size: 13px;
    font-family: OpenSans-Bold;
        white-space: nowrap;
        line-height: 30px;
}
/*.common-form label.label-checkbox{
  font-family: OpenSans-Regular;
}*/
/*.common-form .form-control[readonly], .form-control[readonly] {
    background-color: #fff;
    }*/
.add-folder{
  color: #BDBDBD !important;
  font-size: 16px;
    font-family: OpenSans-Bold;
/*line-height: 30px;*/
text-decoration: none;
cursor: pointer;
float: right;
    word-break: break-word;
}
.add-folder:hover{
text-decoration: underline;
color: #3B90C7 important;
}
.add-card .card-title{
  background-color: #005285;
  color: #fff;
  font-size: 14px;
  font-family: OpenSans-SemiBold;
    padding: 5px 10px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    margin-bottom: 0px;
    line-height: 30px;
        display: flex;
    justify-content: space-between;
}
.add-card.add-card-single .card-body{
      padding-top: 30px;
    padding-bottom: 30px;
}
.add-card .card-title h5{
   font-size: 14px;
}
.add-card .ch-cion{
      margin-top: -4px;
}
.add-card.card{
  background-color: #F0F5F8;
  box-shadow: 0px 3px 6px #00000029;
  border: none;
  border-radius: none;
}
.add-card.checkbox-row .new-checkbox {
  margin-bottom: 10px !important;
}
.add-card .new-checkbox label.error{
    bottom: -17px;
  left: 0px;
  white-space: nowrap !important;
}
.add-card .popup-save-btn:hover {
    background-color: #85C916 !important;
}
.common-form ::placeholder {
  color: #BDBDBD !important;
  opacity: 1;
}
.common-form :-ms-input-placeholder { 
  color: #BDBDBD !important;
}
.common-form ::-ms-input-placeholder {
  color: #BDBDBD !important;
}
.select-placeholder{
  color: #BDBDBD !important;
}
.select-placeholder option{
  color: #707070 !important;
}
/*.select-placeholder.placeholder-color{
      color: #212529 !important;
}*/
.form-content{
  font-size: 13px;
  line-height: 30px;
      display: flex;
    gap: 10px;
}
.view-form .form-content{
  line-height: inherit;
}
.form-content p{
  margin-bottom: 0px;
}
.form-content span{
  font-family: OpenSans-Bold;
      white-space: nowrap;
}
.custom-date{
  position: relative;
  padding-right: 30px;
}
.custom-date .ui-datepicker-trigger{
    border: none;
    color: #BDBDBD;
    font-size: 20px;
    line-height: 20px;
    padding: 0px;
    position: absolute;
    top: 3px;
    right: 0;
}
.custom-date .ui-datepicker-trigger:hover{
  color: #005285;
}
.custom-date button[disabled] .datepicker-icon:hover{
   background-image: url(../images/datepicker-grey.png);
}
.make-primary label{
  color: #BDBDBD;
  font-size: 14px;
  line-height: 20px;
}
.primary-p{
  color: #005285;
 font-family: OpenSans-ExtraBold;
  font-size: 15px;
    padding-left: 9px;
        line-height: 18px;
}
.primary-n{
  color: #D81515 !important;
 font-family: OpenSans-ExtraBold;
  font-size: 15px;
    padding-left: 5px;
        line-height: 20px;
}
.empty-div{
  height: 20px;
}
ul.infor-table-tab{
      padding: 0;
          margin: 0;
    margin-left: 42.3%;
    margin-bottom: 5px;
    padding-top: 15px;
}
.infor-table-tab li{
      display: inline-block;
    color: #005285;
    opacity: 0.3;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    margin-right: 50px;
    padding-bottom: 7px;
    cursor: pointer;
}
.infor-table-tab li.active{
      opacity: 1;
    border-bottom: 2px solid #005285;
}
/* Custom Datepicker Starts */
.ui-datepicker{
      box-shadow: 0px 3px 6px #00000029;
    padding: 0 !important;
        z-index: 9999 !important;
}
.ui-widget-header {
    background: #ffffff !important;
    border: 1px solid #E8E9EC !important;
    border-radius: 0px !important;
    margin-bottom: 5px;
    border-bottom: none !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    box-shadow: 0px 2px 3px #0000000d !important;
    border: 1px solid #E8E9EC;
    border-radius: 4px;
}
.ui-datepicker .ui-datepicker-title {
    color: #505050;
    font-family: Noto Sans !important;
    font-size: 14px;
        font-weight: 500;
            display: flex;
    gap: 10px;
}
.ui-datepicker .ui-datepicker-title select{
  padding: 2px 5px !important;
      cursor: pointer;
       font-family: Noto Sans;
           border-radius: 0px !important;
}
.ui-datepicker-calendar thead {
background-color: #F5F7F9;
    border: 1px solid #E8E9EC;
    text-transform: uppercase;
    font-size: 13px;
    color: #BDBDBD;
    font-family: Noto Sans;
}
.ui-datepicker-calendar th {
    color: #787878;
}
.ui-datepicker td {
    padding: 0.1px !important;
    border-collapse: collapse;
    border: 1px solid #E8E9EC !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
/*    color: #fff !important;*/
    text-align: center !important;
    border: none !important;
}
/*.ui-widget-content .ui-datepicker-current-day.ui-datepicker-today .ui-state-active{
      background-color:#fffa90 !important;
      color:#000 !important;
}*/
.ui-widget-content .ui-datepicker-current-day .ui-state-active{
  background-color: #003239 !important;
  color:#fff !important;
}
.ui-state-default {
    background: transparent !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  background: #fffa90 !important;
}
.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    color: #505050 !important;
    font-size: 13px !important;
    font-family: Noto Sans !important;
    padding: 5px 7px !important;
    border: none !important;
        line-height: 20px;
}
.ui-datepicker-next:after, .ui-datepicker-prev:after {
    position: absolute;
    content: '';
    border: solid #A4AFB7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    text-align: center;
    top: 8px;
}
.ui-datepicker-prev:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 9px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none !important;
}
.ui-datepicker-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 6px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
top: 4px !important;
}
.ui-datepicker .ui-datepicker-next{
      right: 2px !important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
}
.ui-state-hover{
  background: transparent !important;
}

/* Custom Datepicker ends */
.view-form .display-data p{

}
.view-form h5{
  margin-bottom: 0px;
    line-height: 30px;
    font-size: 24px;
}
.display-data p{
    margin-bottom: 0px;
    color: #707070;
    line-height: 18px;
/*        align-items: center;
    display: flex;*/
    word-break: break-word;
}
.display-data label{
      line-height: 18px;
}
.display-data p.red{
  color: #D81515;
}
.display-data p.yellow{
  color: #ECCD05;
}
.display-data p.orange{
  color: #EC990A;
}
.display-data .primary-n{
      padding-left: 5px !important;
    line-height: 19px !important;
}
.view-form .display-data .primary-n{
/*    line-height: 30px !important;*/
    padding-left: 0px !important;
}
/*.ch-cion{
width: 24px;
    margin-top: -7px;
}*/
/*.display-data .poa-circle {
      display: inline-block;
    margin-right: 5px;
}*/
.display-data .primary-p{
/*line-height: 30px;*/
    padding-right: 0px;
    text-align: right;
}
.refresh-btn{
color: #707070;
    font-family: OpenSans-Bold;
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}
.refresh-btn i{
  font-size: 24px;
}
.switch-left input {
    float: right !important;
}
.switch-left.form-check.form-switch .form-check-label{
      padding-right: 60px !important;
      
      line-height: inherit;
}
.dissolved .form-check-label{
  color: #000000;
}
.switch-left.form-switch{
  padding-left: 0px !important;
}

.custom-table .red{
  color: #D81515;
}
.custom-table .red a{
  color: #D81515;
}
.custom-table .orange{
  color: #EC990A;
}
.custom-table .orange a{
  color: #EC990A;
}
.custom-table .yellow{
  color: #ECCD05;
}
.custom-table .yellow a{
  color: #ECCD05;
}
.btn-small-add{
  background-color: #85C916 !important;
    color: #fff !important;
    border: none !important;
    font-size: 13px !important;
    padding: 5px 10px !important;
    width: 150px;
}
.btn-small-add:hover{
  background-color: #D81515 !important;
}
.btn-small-auto{
  width: auto !important;
}
.company-count{
  color: #707070;
  font-family: OpenSans-ExtraBold;
  line-height: 30px;
}
.add-card hr{
  height: 3px;
  margin: 2rem 0;
      border-top: 2px solid;
          background-color: #FFFFFF !important;
          color: #fff !important;
}
.renewal-text{
  margin-bottom: 0px;
  color: #D81515;
   font-family: OpenSans-Bold;
}
.renewal-amount p{
margin-bottom: 0px;
/*    line-height: 30px;*/
}
.company-notes .col-md-2{
  width: 8%;
}
.company-notes .col-md-10{
  width: 92%;
}
.company-requ .col-md-2{
  width: 12%;
}
.company-requ .col-md-10{
  width: 88%;
}
.company-address .col-md-2{
  width: 12%;
      text-align: left;
}
.company-address .col-md-10{
width: 88%;
}
.company-services .custom-select{
      width: 90px;
}
.company-services .custom-select.services_dialcode{
width: 100%;
}
.table-requ{
  width: 26px;
  height: 24px;
  background-image: url(../images/requirements.png);
  background-repeat: no-repeat;
/*  float: right;*/
}
.table-requ:hover{
  background-image: url(../images/requirements-blue.png);
}
/*.table-requ.center{
  float: inherit;
  margin: 0 auto;
}*/
.table-notes{
    width: 22px;
  height: 24px;
  background-image: url(../images/notes-grey.png);
  background-repeat: no-repeat;
  position: relative;
/*  margin: 0 auto;*/
}
.table-notes:hover{
  background-image: url(../images/notes-blue.png);
  cursor: pointer;
}
.table-notes-edit{
    width: 22px;
  height: 24px;
  background-image: url(../images/notes-edit-blue.png);
  background-repeat: no-repeat;
  position: relative;
/*  margin: 0 auto;*/
}
.table-notes-edit:hover{
  background-image: url(../images/notes-edit-grey.png);
  cursor: pointer;
}

/*.tooltip.bs-tooltip-auto .tooltip-inner{
  background-color: #F9F6C8 !important;
  border: none !important;
  font-size: 13px !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border-radius: 0px !important;
  color: #000;
  text-align: left;
  max-width: 300px;
}
.tooltip-arrow{
  display: none !important;
}*/
.display-data .primary-n{
  padding-left: 0px;
}
.view-table{
  margin-bottom: 0px !important;
}
.view-table th{
      color: #707070;
    font-size: 14px;
    font-family: OpenSans-Bold !important;
}
.view-table th:first-child, .view-table tr td:first-child{
  padding-left: 0px !important;
}
.view-table td, .view-table th{
  border-bottom: none !important;
      padding: 5px 10px !important;    
}
.view-table td{
    font-family: OpenSans-Regular !important;
    font-size: 13px;
}
.view-table .green{
  color: #3AB54A;
}
.view-table .red{
  color: #D81515;
}

.view-company-count{
width: 28px;
    height: 28px;
    background-color: #F2D2D4;
    border-radius: 50px;
    color: #D81515;
    font-family: OpenSans-SemiBold;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    margin: 0px 10px;
}
.company-dropdown label{
  cursor: pointer;
}
#companyDropdown.dropdown-toggle:after {
position: absolute;
    content: '';
    border: solid #D81515;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 2.5px;
    text-align: center;
    top: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: -10px;
}
#companyDropdown.dropdown-toggle.show:after{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 14px;
}
#companyDropdown{
  position: relative;
}
.company-dropdown .dropdown-menu{
    width: 550px;
    padding-top: 40px;
    margin-top: -40px !important;
    z-index: 1;
    margin-right: -20px !important;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px #00000029;
    padding-left: 10px;
    padding-right: 10px;
}
.company-dropdown label, .company-dropdown span, .company-dropdown a{
  z-index: 999;
}
.company-dropdown th{
        color: #707070;
    font-size: 14px;
    font-family: OpenSans-Bold !important;
}
.company-dropdown td, .company-dropdown th{
  border-bottom: none !important;
      padding: 4px 10px !important;    
}
.company-dropdown td{
    font-family: OpenSans-Regular !important;
    font-size: 14px;
}
.company-dropdown .company-table{
  margin-bottom: 0px;
      max-height: 300px;
    overflow-y: auto;
    display: block;
}
.bod-datepicker .ui-datepicker-month, .bod-datepicker .ui-datepicker-year{
  border: none;
color: #505050;
    font-family: OpenSans-SemiBold !important;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.bod-datepicker .ui-datepicker-month{
  position: relative;
}
.bod-datepicker .ui-datepicker-title{
    display: flex;
        gap: 10px;
    margin: 0 40px !important;
}
.monthdiv, .yeardiv{
      width: 50%;
      position: relative;
}
.monthdiv select, .yeardiv select{
      width: 100% !important;
    cursor: pointer;
        padding: 0px 5px;
}
.monthdiv:after, .yeardiv:after{
    content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #505050;
    right: 10px;
    top: 10px;
    position: absolute;
    pointer-events: none;
}
.primary-table{
      color: #005285;
    font-size: 16px;
    font-family: OpenSans-ExtraBold;
        margin-right: 7px;
        width: 10px;
}
.common-list-tab{
      padding: 0;
      margin-bottom: 0px;
}
.common-list-tab li{
  display: inline-block;
    color:#602AA7;
    opacity: 0.3;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
    margin-right: 30px;
    padding-bottom: 7px;
    cursor: pointer;
}
.common-list-tab li.active{
  opacity: 1;
    border-bottom: 2px solid #602AA7;
}
.requests-tab-right label{
      color: #707070;
    font-size: 13px;
    font-family: OpenSans-Bold;
    white-space: nowrap;
    line-height: 30px;
}
.requests-tab-right{
  margin-top: -24px !important;
}
/*.requests-tab-side{
  height: 40px;
}*/
.requests-tab-right .custom-daterange{
border: 1px solid #868686 !important;
    margin-bottom: 5px;
    width: 100%;
    padding-right: 25px;
}
.client-dash-table .poa-circle{
  margin-right: 0px;
  margin-top: 0px !important;
}
.poa-th{
  line-height: 18px;
}
.non-add-popup{
      position: absolute;
    /* bottom: 0px; */
    box-shadow: 0px 3px 6px #00000029;
    width: 265px;
    background-color: #E5F3E8;
    padding: 30px 20px;
    margin: 0px 0px !important;
    z-index: 9;
}
.ro-add-popup{
      position: absolute;
    /* bottom: 0px; */
    box-shadow: 0px 3px 6px #00000029;
/*    width: 265px;*/
    background-color: #FFF8EC;
    padding: 30px 20px;
    margin: 0px 0px !important;
    z-index: 9;
}
.schedule-month .new-checkbox {
  margin-bottom: 10px !important;
      display: block;
}
.avail-text label{
  line-height: 25px;
}
.avail-text p{
  margin-bottom: 0px;
  line-height: 25px;
}
.inner-icons a{
  cursor: pointer;
  font-size: 15px;
      margin-right: 20px;
}
.inner-icons a .fa-pencil-alt{
  color: #000000;
}
.inner-icons a .fa-trash-alt{
  color: #D81515;
}
.inner-icons a:last-child{
  margin-right: 0px;
}
.btnhighlight{
      background-color: #D81515 !important;
}
.nonexecs .btnhighlight{
      background-color: #237F17 !important;
}
.addnew_popover{
    position: absolute;
    background-color: #fff;
    z-index: 99;
    width: 215px !important;
    box-shadow: 0px 3px 6px #00000029;
    padding: 15px 10px;
}
.addnew_popover .custom-select{
  width: 80%;
  margin: 0 auto;
}
.addnew_popover input{
  margin-top: 10px;
}
.client-inner-popup-btn{
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.add-card .client-inner-popup-btn .popup-save-btn:hover {
    background-color: #602AA7 !important;
}
.add-card .help-toggle{
  float: right;
}
.help-toggle{
    font-size: 16px !important;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.new-popup .help-toggle{
    color: #BDBDBD !important;
    border: 1px solid #BDBDBD;
    float: right;
}
.new-popup .help-toggle:hover{
    color: #fff !important;
    background-color: #BDBDBD;
}
.help-toggle:after{
  display: none !important;
}
.help-toggle:hover{
  color: #707070 !important;
  background-color: #fff;
}
.help-toggle.show i:before{
    content: "\f00d";
  }
.help-dropdown.dropdown-menu.show{
      box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #707070;
    width: 425px;
    border-radius: 0px;
    z-index: 9;
    color: #707070;
    font-size: 13px;
    font-family: OpenSans-Regular;
    padding: 10px !important;
    line-height: 20px;
    max-height: 400px;
    overflow-y: auto;
        right: 8px !important;
}
.dropstart .help-toggle.dropdown-toggle::before{
  display: none !important;
}
.accordion-help .accordion-button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 6px;
        margin-bottom: 10px;
            padding: 8px 10px !important;
}
.accordion-help{
    --bs-accordion-bg: transparent !important;
    --bs-accordion-border-color: none !important;
    }
    .accordion-help .accordion-button:focus{
      border: 1px solid #707070 !important;
      background: #fff !important;
    box-shadow: none !important;
    }
.accordion-help .accordion-button span{
width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
     }
.accordion-help .accordion-button:not(.collapsed){
      background-color: #fff !important;
     }
.accordion-help .accordion-button::after{
    position: absolute;
    content: '';
    border: solid #BFBFBF;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
    text-align: center;
    top: 18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 15px;
    background-image: none;
    width: 15px;
    height: 15px;
     }
.accordion-help .accordion-button:not(.collapsed)::after{
      background-image: none;
          transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 24px;
     }
     .accordion-heading{
      align-items: center;
      margin-bottom: 10px;
     }
.accordion-help h5{
      color: #005285;
    font-size: 14px;
    font-family: OpenSans-SemiBold;
        margin-bottom: 0px !important;
    line-height: 30px;
}
.accordion-help textarea{
      height: 380px;
    border-radius: 0px;
        resize: none;
}
.accordion-help .profile-edit-btn{
  margin-top: 0px !important;
      justify-content: end;
    display: flex;
}
.accordion-help .popup-save-btn:hover {
    background-color: #85C916 !important;
}
.accordion-help .accordion-body{
    padding: 5px 5px 30px 5px !important;
}
.notification-table th{
    color: #BDBDBD;
    font-size: 13px;
    font-family: OpenSans-SemiBold;
    text-transform: uppercase;
}
.notification-table th:nth-child(1), .notification-table th:nth-child(2),
.notification-table tr td:nth-child(1), .notification-table tr td:nth-child(2)
{
  text-align: center;
}
.notification-table tr td{
     vertical-align: middle;
}
.notification-table tr td, .notification-table th{
  border: none;
}
.notification-table tr td:nth-child(3){
     float: right;
}
.notification-table label{
      color: #585858;
    font-weight: 600;
}
.company-current{
  text-transform: uppercase;
    margin-right: 10px;
}
.user-by-table th{
 color: #707070 !important; 
 font-family: OpenSans-Bold;
}
.user-by-table td, .user-by-table th{
  border: none;
      padding: 5px !important;
      background-color: transparent !important;
}
.user-by-table td{
  color: #707070;
font-family: OpenSans-Bold;
}
.not-current-tr td{
color: #7E7E7E;
font-family: OpenSans-Regular;
}
.user-by-table a{
  color: #707070;
  text-decoration: none;
}
.user-by-table{
  margin-bottom: 0px;
}
.table-comnub{
width: 100px;
    display: inline-flex;
    margin-right: 10px;
        flex-shrink: 0;
}
.table-link{
    color: #707070 !important;
        text-decoration: none;
    }
.table-link:hover{
color: #3B90C7 !important;
text-decoration: underline !important;
}
.dash-export{
  cursor: pointer;
}
.company-check-data{
  display: flex;
  gap: 10px;
}
.company-check-data p{
  line-height: 25px;
}
.retiner-extra-table{
     padding-left: 4% !important;
}
.retiner-extra-table table tr th:nth-child(1){
  width: 13%;
}
.retiner-extra-table table tr th:nth-child(2){
  width: 22%;
padding-right: 80px !important;
}
.retiner-extra-table table tr td:nth-child(2){
  padding-right: 80px !important;
}
.client-total-table tr th:nth-child(1){
 width: 10%;
}
/*.client-total-table tr th:nth-child(2){
    width: 2%;
}*/
.client-total-table tr th:nth-child(2){
 width: 12%;
 padding-right: 70px !important;
}
.client-total-table tr td:nth-child(2){
  padding-right: 70px !important;
}
.empty-span{
  display: inline-block;
}

.custom-table .inactive .new-checkbox{
      opacity: 0.4;
}
.custom-table .inactive .btn{
  opacity: 0.4;
}
.custom-table .inactive .btn:hover{
opacity:1;
}
.custom-table .inactive .poa-circle{
  opacity: 0.4;
  }
/*.inactive a:hover{
  opacity: 1;
}*/
.view-form .add-card .card-title{
      display: inherit;
    justify-content: normal;
}
.view-form .add-card .card-title h5{
width: 160px;
}
.view-form .new-checkbox, .view-form .new-checkbox input{
      cursor: default;
}
.inactive-text{
  color: #D81515;
  text-transform: uppercase;
}
.information-div .incorporated-div{
width: 20.666667% !important;
}
.information-div .col-lg-10 {
    width: 79.333333%;
}
.information-div{
      margin-bottom: 15px;
}
.information-div .inner-icons{
    padding: 0 !important;
    text-align: right;
}
.information-div .inner-icons a{
    line-height: 30px;
    margin-left: 0px !important;
    margin-right: 8px;
}
.ubo-div{
  background-color: #fff;
    padding: 25px 20px;
    box-shadow: 6px 6px 12px #00000080;
    position: absolute;
width: 70%;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ubospan{
    margin-top: 5px !important;
    display: table;
}
.ubo-data{
  display: table-cell;
      word-break: break-word;
}
.view-ubospan{
  display: table;
}
.required-symbol{
    color: #d81515;
        margin-left: 3px;
}
/*.cli-gdpr-empty{
      width: 18.666667% !important;
}
.cli-gdpr-right{
  width: 39.666667% !important;
}*/
.notification-count{
    background-color: #D81515;
    color: #fff;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: 5px;
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    right: -17px;
}
.notification-dropdown .dropdown-toggle::after{
  display: none;
}
.checbox-disable, .checbox-disable input{
  cursor: default;
}
#notification-content{
  position: absolute;
  width: 547px;
  right: 0;
  background-color: #fff;
      box-shadow: 0px 0px 10px #cdcdcd;
      z-index: 9999;
    padding: 20px 10px 20px 10px;
}
#notification-content .row{
  margin: 0px !important;
}
.delete-icon{
 width: 21px;
  height: 24px;
  background-image: url(../images/delete-grey.png);
float: right;
  cursor: pointer;
}
.delete-icon:hover{
  background-image: url(../images/delete-red.png);
}
.default-table th{
color: #707070;
font-family: OpenSans-Bold;
}
.default-table th, .default-table td{
  border: none;
  padding: 7px 10px 7px 0px !important;
}
.default-table tr td:last-child{
  padding-right: 0px !important;
}
.default-table td{
vertical-align: middle;
  color: #BDBDBD;
/*  font-family: OpenSans-SemiBold;*/
}
.default-table .label-checkbox.new-checkbox{
  padding-left: 25px;
  height: 20px;
}
.default-table{
  margin-bottom: 0px !important;
}
.new-notification td:nth-child(1)::after{
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background-color: #D81515;
    left: -20px;
    border-radius: 50px;
    top: 12px;
}
.new-notification td:nth-child(1){
  position: relative;
  white-space: nowrap;
}
.new-notification td{
  color: #000;
      vertical-align: top;
}
.notification-height table tr th{
  white-space: nowrap;
}
#notification-content h4{
  font-size: 20px;
      margin-bottom: 15px;
          padding-left: 5px;
}
#notification-content i{
  font-size: 20px;
  float: right;
  cursor: pointer;
    color: #BDBDBD;
}
.notification-height{
max-height: 350px;
        overflow-y: auto;
            padding-left: 20px !important;
}
.check-align .new-checkbox-visible{
  top: 3px;
}
.check-align .label-checkbox.new-checkbox{
    line-height: 30px;
}
.company-address i{
text-align: center;
    color: #D81515;
    font-size: 36px;
    margin-bottom: 15px;
}
.company-address{
      text-align: center;
}
.notavailable{
/*  color: red !important;*/
    color: black !important;
    background-color: #f5f5f5 !important;
}
.company-dead-form{
  width: 21.5% !important;
}
.company-acc-form{
  width: 20% !important;
}
.form-control:disabled{
  cursor: default;
}
.common-form input[disabled][readonly]{
  background-color: #eee !important;
}
.common-form input[disabled] ~ .new-checkbox-visible,
#annual_reviews_list input[disabled] ~ .new-checkbox-visible {
background-color: #eee !important;
  }
  .common-form.view-form input:checked[disabled] ~ .new-checkbox-visible{
    background: #3AB54A !important;
  }
  .common-form input:checked[disabled] ~ .new-checkbox-visible{
    background: #3AB54A !important;
  }
  .label_diabled{
    cursor: default;
  }
  .checkbox-center .new-checkbox-visible{
top: 3px;
  }
  .compnay-address-add{
    position: absolute;
    width: 900px;
    right: 0;
    background-color: #fff;
    box-shadow: 6px 6px 12px #00000080;
    z-index: 99;
  }
  .address-search{
    position: absolute;
    width: 700px !important;
    right: 0;
    background-color: #fff;
    box-shadow: 6px 6px 12px #00000080;
    z-index: 99;
       padding: 30px;
           top: 50px;
  }
   .retiner-table tr th:nth-child(1){
    width: 10%;
  }
 /*  .retiner-table tr th:nth-child(2){
    width: 2%;
  }*/
   .retiner-table tr th:nth-child(2){
      width: 12%;
    padding-right: 70px !important;
  }
  .retiner-table tr th:nth-child(3){
    width: 88%;
  }
/*  .retiner-table tr td:nth-child(3){
     padding-right: 50px !important;
  }*/
    .retiner-table tr td:nth-child(2){
     padding-right: 70px !important;
  }
  .new-disable{
      background-color: #eee !important;
    pointer-events: none;
  }
    .add-retiner-table tr th:nth-child(1){
    width: 12%;
  }
/*   .add-retiner-table tr th:nth-child(2){
    width: 6%;
  }*/
   .add-retiner-table tr th:nth-child(2){
      width: 23%;
    padding-right: 60px !important;
  }
/*  .add-retiner-table tr th:nth-child(3){
    width: 76%;
  }*/
  .add-retiner-table tr td:nth-child(2){
     padding-right: 60px !important;
  }
  
  .add-deposit-table tr th:nth-child(1) {
    width: 12%;
}
/*.add-deposit-table tr th:nth-child(2) {
    width: 6%;
    }*/
.add-deposit-table tr th:nth-child(2) {
    width: 23%;
    padding-right: 60px !important;
}
.add-deposit-table tr td:nth-child(2) {
    padding-right: 60px !important;
}
.retainer-pagination-div{
  position: absolute;
  right: 0;
  bottom: 0;
}
.zip-height{
  line-height: 20px !important;
}
.non-shareholder{
      width: 36.333333% !important;
}
.non-psc{
      width: 30.333333% !important;
}
#information_table tr th:nth-child(1){
  width: 22%;
}
#information_table tr th:nth-child(2){
  width: 18%;
}
#information_table tr th:nth-child(3){
  width: 15%;
  padding-left: 28px;
}
#information_table tr th:nth-child(4){
  width: 15%;
  padding-left: 28px;
}
#information_table tr th:nth-child(5){
  width: 15%;
  padding-left: 28px;
}
#information_table tr th:nth-child(6){
  width: 15%;
}
#information_table tr td:nth-child(1) a{
display: flex;
}
#information_table{
  width: 100%;
}
.custom-table .poa-circle {
    margin-top: 4px;
    flex-shrink: 0;
}
/*#information_table.ubo_selected tr th:nth-child(3){
padding-left: 45px;
  }
  #information_table.ubo_selected tr th:nth-child(4){
padding-left: 45px;
  }
  #information_table.ubo_selected tr th:nth-child(5){
padding-left: 45px;
  }*/
  .ubo_primary{
position: relative;
  }
 #information_table tr td.ubo_primary::after{
    position: absolute;
    content: 'P';
    color: #005285;
    font-size: 16px;
    left: -10px;
    top: 6px;
    font-family: OpenSans-ExtraBold;
 }
.view-address p, .view-popup p{
  margin-bottom: 0px !important; 
}
.view-address.new-popup label, .view-popup.new-popup label{
  line-height: inherit !important;
}
.nonexecs .company-dropdown{
  padding-right: 15px;
}
.nonexecs .view-company-count{
  background-color: #BCE2C4;
  color: #237F17;
}
.nonexecs #companyDropdown.dropdown-toggle:after{
     border: solid #237F17;
    border-width: 0px 2px 2px 0;
}
.non-view-payment-table tr th:nth-child(1){
     width: 1%; 
}
.non-view-payment-table tr th:nth-child(2){
     width: 1%; 
}
.non-view-payment-table tr th:nth-child(3){
     width: 1%; 
}
.non-payment-sche tr th:nth-child(1){
     width: 13%; 
}
.non-payment-sche tr th:nth-child(2){
     width: 13%;
   }
.non-payment-sche tr th:nth-child(3){
     width: 13%; 
}
.loading-overlay {
  display: table;
  opacity: 0.7;
}

.loading-overlay-content {
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-size: 1.15em;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.loading-overlay.loading-theme-light {
  background-color: #fff;
  color: #000;
}

.loading-overlay.loading-theme-dark {
  background-color: #000;
  color: #fff;
}
.add-payment-table tr th:nth-child(1){
      width: 15%;
}
.add-payment-table tr th:nth-child(2){
      width: 15%;
}
.add-payment-table tr th:nth-child(3){
  width: 20%;
    padding-right: 30px !important;
}
.add-payment-table tr th:nth-child(5){
  width: 10%;
}
.add-payment-table tr td:nth-child(3){
    padding-right: 30px !important;
}
.view-payment-table tr th:nth-child(1){
       width: 7%;
}
.view-payment-table tr th:nth-child(2){
      width: 9%;
}
.view-payment-table tr th:nth-child(3){
         padding-right: 60px !important;
    width: 12%;
}
.view-payment-table tr th:nth-child(4){
      width: 12%;
}
.view-payment-table tr td:nth-child(3){
  padding-right: 60px !important;
}
.payment-list-table tr th:nth-child(1){
      width: 17%;
}
.payment-list-table tr th:nth-child(2){
 width: 10%;
}
.payment-list-table tr th:nth-child(3){
        width: 13%;
}
.payment-list-table tr th:nth-child(4){
      width: 12%;
}
.payment-list-table tr th:nth-child(5){
         width: 48%;
}
.non-services .custom-select{
 width: 90px;
}
.red{
  color: #D81515;
}
/*.green{
  color: #3AB54A;
}*/
.green{
  color: #3AB54A !important;
}
.red input{
  color:#D81515;
}
.green input{
  color: #3AB54A;
}
.renewal-amount .col-md-5 input{
    color: #707070 !important;
}
/*.red .custom-select .red{
  color: #D81515 !important;
}*/
/* Filter Starts */
.filter-dropdown ul{
  padding: 0px;
  margin-bottom: 0px;
}
.filter-dropdown ul li{
list-style: none;
    font-size: 12px;
    text-transform: capitalize !important;
    color: #5c5c5c !important;
    font-family: OpenSans-SemiBold !important;
    font-weight: 100;
    margin-bottom: 7px;
    cursor: pointer;
}
.filter-dropdown .dropdown-menu{
      border-radius: 0px;
    padding: 10px;
        margin-top: 5px !important;
}
.filter-dropdown .new-checkbox-visible{
    border-radius: 0px;
    height: 15px;
    width: 15px;
}
.filter-dropdown .label-checkbox.new-checkbox{
    height: 15px;
    line-height: 15px;
    padding-left: 25px;
    width: 100%;
    font-size: 12px;
    color: #707070 !important;
}
.filter-dropdown .new-checkbox input{
      height: 15px;
    width: 15px;
}
.filter-dropdown .new-checkbox-visible::after{
  left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
        border-width: 0 2px 2px 0;
}
.filtering{
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 10px;
}
.sorting li:last-child{
margin-bottom: 0px;
}
.filter-dropdown .filter-sort:nth-child(1) li:last-child{
  margin-bottom: 0px;
}
.filter-sort:nth-child(2){
  border-bottom: none;
  margin-bottom: 0px;
}
.filter-options li:last-child{
margin-bottom: 0px;
}
.filter-dropdown{
    position: absolute;
    bottom: 12px;
    right: 10px;
/*    transform: translatex(0%) translatey(-50%);
    z-index: 9;*/
}
.filter-dropdown .dropdown-toggle {
    background-color: transparent;
    border: none;
    padding: 0;

    height: 15px;
}
.filter-action{
    display: flex;
    background-color: #fff;
    border: 1px solid #585858;
    padding: 0px 2px;
    gap: 3px;
    align-items: center;
}
.filter-dropdown .dropdown-toggle::after{
      border-top: 0.4em solid;
    border-right: 0.4em solid #d324240a;
    border-left: 0.4em solid transparent;
    border-top-color: #005285;
margin:0px;
}
.filter-action i{
  color:;
}
.filter-dropdown .sorting ul li.active{
      color: #F58518 !important;
}
.new-table .new-checkbox{
margin:0 !important;
}
.new-table .form-check{
      padding-right: 35px;
}
/*.new-table .switch-left input{
float: left !important;
}
.new-table .form-check.form-switch .form-check-input{
  margin-left: 0px !important; 
}*/
.new-table tr th{
  padding-right: 45px;
}
/* Filter Ends */
.jconfirm-title i{
  color: #005285;
    font-size: 30px;
}
.jconfirm-buttons .btn{
      background-color: #85C916 !important;
    color: #fff !important;
}
.complete-popup{
position: absolute;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #707070;
    border-radius: 6px;
    width: 322px;
    background-color: #fff;
    z-index: 9;
    padding: 20px 10px;
 top: 8%;
    right: 95px;
}
.completed-popup{
  position: absolute;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #707070;
    border-radius: 6px;
    width: 322px;
    background-color: #fff;
    z-index: 9;
    padding: 10px 10px;
 top: 8%;
    right: 13%;
}
.completed-popup label{
  line-height: 24px;
}
.completed-popup p{
  margin-bottom: 0px;
  font-size: 14px;
}
.requested-width{
  width: 28% !important;
}
.maxLenght {
      color: #707070 !important;
}
/*.non-company-table tr th:nth-child(1){
width: 60%;
}*/
.filter-search{
  border: 1px solid #bfbfbf;
/*    margin-bottom: 10px;*/
        margin-top: 10px;
    font-size: 13px;
    padding: 3px 5px;
    color: #5c5c5c !important;
    font-family: OpenSans-Regular !important;
}
.noresult{
  margin-bottom: 0px;
    font-size: 11px;
    margin-top: 10px;
}
.filterselectall{
   margin-top: 10px;
}
.finance-due .custom-select{
width: 160px;
}
.filter-options{
      max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.filter-options::-webkit-scrollbar {
  width: 3px;
}
.filter-options::-webkit-scrollbar-track {
  background: #fff; 
}
.filter-options::-webkit-scrollbar-thumb {
  background: #BDBDBD; 
}
.filter-options::-webkit-scrollbar-thumb:hover {
  background: #BDBDBD; 
}
.agencies-involved{
  width: 32% !important;
}
.main-dashboard{
  box-shadow: 0px 3px 6px #00000029;
border: 1.5px solid #005285;
border-radius: 6px;
height: 280px;
    padding: 20px 10px;
}
.main-dashboard h3{
  color: #005285;
  text-align: center;
  font-size: 33px;
    font-family: OpenSans-Light;
        margin-bottom: 25px;
}
.main-dashboard h3 a{
    color: #005285;
    text-decoration: none;
}
.main-dashboard h3 a:hover{
  text-decoration: underline;
}
.main-dashboard .graph-count {
    background-color: #A6CEE3;
    color: #005285;
}
.main-dashboard .graph-count{
      width: 115px;
    height: 115px;
        line-height: 115px;
}
.main-graph-legends{
    height: 135px;
    overflow-y: scroll;
    padding-right: 2px;
}
.main-graph-legends .graph-box{
    width: 12px;
    height: 10px;
}
.main-graph-legends .graph-legends{
  font-size: 11px;
    line-height: 11px;
    margin-bottom: 5px;
    word-break: break-all;
    align-items: start;
}
.main-graph-legends .graph-label, .two-legends .graph-label{
      width: 55px;
}
.main-graph-legends .graph-nub, .two-legends .graph-nub{
  width: 30px;
}
.dashboard-table-heading .custom-select:before{
    height: 27px;
}
.custom-daterange{
  border: none;
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
}
.graph-bar{
  background-color: #A6CEE3;
  height: 20px;
}
.graph-bar-div{
  display: flex;
  align-items: center;
  gap: 5px;
}
.bar-top p{
  font-size: 12px;
    color: #868686;
    margin-bottom: 0px;
    text-align: right;
        line-height: 13px;
}
.bar-top{
  align-items: center;
}
.bar-count-heading{
  color: #707070;
  font-size: 10px;
      margin-bottom: 15px;
          line-height: 23px;
}
.daterangepicker{
      border: 1px solid #c5c5c5;
    background: #fff;
    color: #333;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px;
}
.calendar-table thead tr:nth-child(2){
  background-color: #F5F7F9;
    border: 1px solid #E8E9EC;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 0px;
    color: #787878;
}
.calendar-table thead tr:nth-child(2) th{
      padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
        height: auto;
    line-height: initial;
    border-radius: 0px;
      font-family: 'Noto Sans', sans-serif !important;
}
.calendar-table tbody tr td{
  text-align: center !important;
    color: #505050 !important;
    font-size: 13px !important;
    padding: 7px 9px !important;
    border: none !important;
    line-height: 20px;
    border-collapse: collapse;
    border: 1px solid #E8E9EC !important;
    border-radius: 0px !important;
      font-family: 'Noto Sans', sans-serif !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
  color: #fff !important;
    background-color: #003239 !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
  width: auto !important;
  height: auto !important;
  line-height: inherit !important;
}
.daterangepicker .calendar-table .next span, 
.daterangepicker .calendar-table .prev span{
    border: solid #A4AFB7 !important;
    border-width: 0 2px 2px 0 !important;
}
.monthselect, .yearselect{
    font-family: 'Noto Sans', sans-serif !important;
      border: none;
    color: #505050;
    font-size: 14px !important;
 font-weight: 500; 
     margin-bottom: 8px !important;
position: relative;
  background-image: url(../images/down-arrow.png);
      background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(70% - 4px) 2px;
        width: 50% !important;
        cursor: pointer !important;
}
.daterangepicker .calendar-table th.prev,
.daterangepicker .calendar-table th.next{
      box-shadow: 0px 2px 3px #0000000d !important;
    border: 1px solid #E8E9EC;
    border-radius: 4px;
    padding: 0px !important;
    display: inline-block;
    width: 5px !important;
    height: 25px !important;
    line-height: 25px !important;
    margin-bottom: 8px !important;
}
.daterangepicker th.available:hover{
  background-color: #fff !important;
  border: 1px solid #E8E9EC !important;
}
.daterangepicker .ranges li.active {
    background-color: #005285 !important;
}
.daterangepicker .drp-buttons .btn{
  padding: 4px 15px !important;
    border: none !important;
}
.daterangepicker .drp-buttons .btn.btn-primary{
background-color: #003239;
}
/*.monthselect:after{
  content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    color: #505050;
    right: 10px;
    top: 10px;
    position: absolute;
    pointer-events: none;
}*/
.req-progress-notes .table-notes{
  position: relative;
}
.request-notes{
/*  display: none;*/
/*position: absolute;
    top: 0;
    right: 38px;*/
    width: 350px;
/*    background-color: #F9F6C8;
 padding: 10px 10px;*/
    z-index: 9;
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.custom-scroll.request-notes::-webkit-scrollbar-track {
  background: #F9F6C8; 
}
.request-notes p{
  margin-bottom: 0px;
  word-break: break-all;
}
.req-edit-notes p{
  margin-bottom: 0px;
  font-size: 13px;
}
.notes-time-date p{
  color: #717171;
  margin-bottom: 5px;
}
.req-notes-div{
  border-bottom: 1px solid #727271;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.req-notes-div .col-md-12{
  padding: 0px !important;
}
.req-notes-div:last-child{
  border: none;
  padding-bottom: 0px;
   margin-bottom: 0px;
}
.req-due-width{
      width: 11% !important
}
.complete-popup p{
  margin-bottom: 0px;
}
.table-complete-by{
  position: relative;
}
.table-complete-by .complete-popup{
  right: 78%;
}
.editrequestform .complete-popup{
    right: 25%
}
.table-notes:hover.active .request-notes, .table-notes:hover.active .completed-popup{
display: block !important;
}
.com-req-notes{
  position: relative;
}
.comreq-notes .new-checkbox, .comreq-notes .com-req-notes{
float: left;
}
.comreq-notes .com-req-notes{
      margin-left: 20px;
}
/*.comreq-notes label{
  vertical-align: top;
}*/
.comreq-notes .completed-popup{
  right: 25px;
}
.table-scroll{
  overflow-x:auto;
}
.custom-tooltip {
  position: relative;
  width: 22px;
}
.custom-tooltip .tooltip-text {
  visibility: hidden;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 9;
/*    bottom: 0;*/
    right: 25px;
    top: 0px;
/*    margin-left: -5px;*/
  opacity: 0;
  transition: .3s;
/* transform: translate3d(-100%, 85%, 0px);*/
      background-color: #F9F6C8 !important;
    border: none !important;
    font-size: 13px !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    border-radius: 0px !important;
    color: #000;
    text-align: left;
   width: 350px;
}
.custom-tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
/*    transform: translate3d(-100%, 85%, 0px);*/
}
.custom-tooltip a{
  color: #000 !important;
  margin-bottom: 0px;
/*  text-decoration: underline;*/
  cursor: pointer;
}
.custom-tooltip a:hover{
  text-decoration: none !important;
}
.custom-tooltip h1{
font-size: 15px;
font-family: OpenSans-SemiBold;
}
.notes-popup p{
  margin-bottom: 0px;
      line-height: 27px;
}
.com-by{
width: 29px;
    height: 29px;
    background-color: #602AA7;
    line-height: 29px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
  font-family: OpenSans-Bold;
      font-size: 12px !important;
}
.fin-approved .new-checkbox{
/*margin-top:-7px !important;*/
margin-left: 1px !important;
color: #3AB54A;
}
.fin-approved .new-checkbox input, .fin-approved .new-checkbox-visible{
  top: 0px;
}
.req-datepicker{
  width: 100%;
}
.notes-popover .popover-body{
      background-color: #F9F6C8 !important;
    border: none !important;
    font-size: 13px !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    border-radius: 0px !important;
    color: #000 !important;
    text-align: left !important;
    padding: 10px !important;
}
.notes-popover{
  border: none !important;
  max-width: 350px !important;
}
.notes-popover a{
  color: #000 !important;
    margin-bottom: 0px;
     text-decoration: none !important; 
    cursor: pointer;
}
.notes-popover h3{
  font-size: 15px;
    font-family: OpenSans-SemiBold;
    color: #000 !important;
}
.notes-popover p{
  margin-bottom: 0px;
}
/*.notes-payments .modal-body div{
border-bottom:1px solid #707070;
}
.notes-payments .modal-body div:last-child{
  border-bottom:none;
}*/
.page-430{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: OpenSans-SemiBold;
    font-size: 20px;
    color: #000;
}
.page-430 h1{
  color: #3B90C7;
      font-size: 40px;
}
.page-430 h3{
  font-size: 25px;
}
.page-430 img{
      width: 15%;
}
.inner-dashboard-table .custom-select .select2-container--default .select2-selection--single{
border:none !important;
    height: 27px !important;
}
.header-right .custom-daterange{
    border: 1px solid #EAEAEA !important;
    height: 34px !important;
    padding: 3px 10px 3px 10px;
}
.header-search{
      position: absolute;
    box-shadow: 0px 3px 6px #00000029;
    padding: 15px 0px;
    width: 324px;
    right: 0;
    z-index: 9;
    background-color: #fff;
}
.header-search input{
width: 100%;
    border: 1px solid #707070;
    border-radius: 8px;
    height: 30px;
    padding: 5px 10px;
}
.header-search ::placeholder {
  color: #ddd !important;
  }
 .header-search .popup-save-btn{
        width: 50px !important;
  }
   .header-search .row{
    margin:0px !important;
   }
  .two-graph.card{
    height: auto !important;
  }
  .search-table th{
    font-family: OpenSans-Bold !important;
    color: #707070;
    text-transform: inherit !important;
    font-size: 14px;
  }
  .search-table td a{
    color: #3B90C7 !important;
    font-family: OpenSans-SemiBold;
    text-decoration: underline !important;
    cursor: pointer;
  }
  .search-table td{
    padding: 10px !important;
  }
  .pay-sch-label label{
    line-height: inherit !important;
  }
  .paginationjs .paginationjs-pages li{
    border: none !important;
    margin-right: 10px;
  }
    .paginationjs .paginationjs-pages li a{
     line-height: 32px !important;
    min-width: 33px !important;
    height: 33px !important;

    }
  .paginationjs{
        margin: 0 auto !important;
  }
  .J-paginationjs-next{

  }
  .paginationjs .paginationjs-pages li.disabled>a{
    background-color: #f7f7f7 !important;
    opacity: 1 !important;
    pointer-events: none;
  }
  .navbar-toggler{
    border: 1px solid #fff !important;
  }
  .navbar-toggler:focus{
    outline: none !important;
    box-shadow:none !important;
  }
/*  #chart_amlpoa, #chart_monthlypoa{
    width: 70% !important;
  }*/
  .td-padding{
    padding-right: 45px !important;
  }
/*  .non-view-payment-table{
    width: 30% !important;
  }*/
.notes-plus {
      position: absolute;
    color: #3AB54A;
    font-size: 17px;
    font-weight: 800;
    margin-left: 5px;
    top: 0;
    margin-top: -5px;
}
.non-pay-sche tr th:nth-child(1){
  width: 20%;
}
.non-pay-sche tr th:nth-child(2){
  width: 20%;
}
.non-pay-sche tr th:nth-child(3){
  width: 10%;
}
.non-pay-sche tr th:nth-child(4){
  width: 40%;
}
.non-pay-sche tr th:nth-child(5){
  width: 10%;
}
#GdprSmartData .dropdown-menu{
      width: 200px;
}
#GdprSmartData .filterOptions{
height: 100px;
    overflow-y: scroll;
}
#selectNotification{
list-style: none;
    padding: 10px;
    border-radius: 5px;
    max-height: 430px;
    overflow-y: auto;
}
#selectNotification li{
      padding: 0px 10px;
          border: 1px solid transparent;
          cursor: pointer;
}
#selectNotification li.active{
      background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;

    border: 1px solid #707070;
    border-radius: 5px;
}
#selectNotification li a{
      color: #585858 !important;
    font-weight: 600;
        text-decoration: none;
    line-height: 35px;
}
#selectNotification li a:hover{
  color: #005285 !important;
}
#selectNotification li.active a{
  color: #005285 !important;
}
.client-schedule-border{
 border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.payment-border .card-body .client-schedule-border:last-child{
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.payment-border .card-body{
    max-height: 450px;
    overflow-y: auto;
}
/*.view-table-height{
  height: 520px !important;
    overflow-y: auto;
}
.view-table-height.custom-scroll::-webkit-scrollbar {
  width: 7px;
  height: 3px;
}*/
.tab-content .custom-table thead, .sticky-table thead{
position: sticky;
    top: 0;
    box-shadow: 0px 1px 0px #005285;
        z-index: 9;
}
#address_table.new-table tr th {
    padding-right: 10px;
}
.existing-nonexecs{
    color: #D81515;
    font-family: OpenSans-Bold;
}
.existing-nonexecs a{
  text-decoration: underline !important;
  color: #D81515 !important;
}
.expand-button{
  position: relative;
}
.expand-button .filter-dropdown {
    top: 9px;
    bottom: initial;
}
.inner-dashboard-table .custom-table .hide-table-padding td{
  padding: 0px 15px !important;
  border: none;
}
.ro-address-list tr td{
/*  border-bottom:1px solid #ddd;*/
      padding: 5px 5px;
}
.ro-address-table {
  margin-bottom: 0px !important;
}
.ro-address-table tr td:nth-child(1){
  width: 55%;
}
.ro-address-table tr td:nth-child(2){
  width: 6%;
}
.ro-address-table tr td:nth-child(3){
  width: 39%;
}
.ro-address-table tr td{
  padding: 5px 5px 5px 0px;
}
.ro-address-list .table{
   margin-bottom: 0px !important;
}
.ro-address-list td{
  width: 50% !important;
}
#ro_address_list {
  color: #212529;
}

.search-status-s{
  padding-left: 2px;
}

/* New CSS*/
.search-container{
  position: relative;
}
.search-container input{
      padding-right: 25px;
}
.search-container button {
font-size: 17px;
    border: none;
    position: absolute;
    top: 3px;
    right: 0;
    color: #ddd;
    background-color: transparent;
}
.inactive td, .inactive td a, .pending td, .pending td a{
color: #A6A1A1;
}
tr.inactive{
background-color: #E1E3E5;
}
tr.pending{
  background-color: #faf4cc;
}
.view-heading{
    margin-bottom: 0px;
    line-height: 26px;
    font-size: 21px;
    color: #003239;
}
.view-heading span{
  color: #D81515;
}
.common-view label{
  font-weight: 500;
    color: #444444;
}
.custom-table tr.red td{
  color:#D81515;
}
.custom-table .btn{
  padding: 0px !important;
}
.back-close{
      color: #707070;
    font-size: 16px;
    cursor: pointer;
}
.fa-trash-alt{
  color: #D81515;
  cursor: pointer;
}
.fa-sign-out-alt{
  font-size: 18px;
    color: #808080;
}
.fas{
   cursor: pointer;
}
.custom-table .fa-edit{
  color: #003239;
   cursor: pointer;
}
.small-heading {
      font-size: 17px;
      color: #003239;
      margin-bottom: 0px;
}
.form-small-heading{
      color: #003239;
    font-size: 13px !important;
    font-weight: 700;
    margin-top: 10px;
}
.form-small-heading span{
  border-bottom: 1px solid #003239;
}
.user-view-div{
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border: 1px solid #140F4B;
    background-color: #fff;
    height: 100%;
}
.user-heading{
  border-bottom: 1px solid #140F4B;
    margin: 0;
    padding: 10px 0px;
}
.user-heading button{
    padding: 0px 5px !important;
}
.org-user-list-div{
      background-color: #E2EFED;
    padding: 10px 5px 0px 5px;
    margin: 0px;
}
.user-details{
  margin: 0;
    padding: 10px 0px;
}
.user-profile h3{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #E2EFED;
    margin-bottom: 0px;
    line-height: 90px;
color: #003239;
    text-align: center;
    font-weight: 700;
}
.user-heading h4{
      font-size: 18px;
    color: #003239;
    font-weight: 600;
    margin-bottom: 0px
}
.user-details p{
  margin-bottom: 0px;
    font-size: 14px;
    color: #000000;
}
.user-details label{
      line-height: 20px;
      font-weight: 800;
}
.organization-name{
      color: #fff;
    margin-bottom: 0px;
    background-color: #e2efed73;
    line-height: 29px;
    padding: 0px 5px;
    font-size: 15px;
}
.activity-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
      padding-left: 10px;
}
.date-input input{
  width: 110px !important;
}
.exportdropdown img{
  width: 20px;
}
.exportdropdown .dropdown-toggle::after{
  display: none !important;
}
.exportdropdown  .dropdown-menu{
    background-color: #FFFFFF;
    min-width: 60px;
    border: 1px solid #ddd;
    padding: 0px 0px;
    font-size: 13px;
        z-index: 99999;
}
.exportdropdown  .dropdown-menu li a{
      padding: 5px 10px;
}
.exportdropdown  .dropdown-menu li a:hover{
  background-color: #fff;
  color:#003239;
}
.popup-footer-btn {
  display: flex;
  gap: 15px;
  justify-content: center;
}
.popup-footer-btn .btn-yes{
  background-color: #4C767B !important;
}
.popup-footer-btn .btn-closes{
  background-color: #D81515 !important;
}
.dashboard-heading .btn-closes, .heading-row .btn-closes{
      color: #D81515;
    font-weight: 500;
}
.dashboard-heading .btn-closes i, .heading-row .btn-closes i{ 
  margin-right: 2px;
}
.popup-footer-btn .btn{
    color: #fff;
    border-radius: 0px !important;
    font-size: 13px;
    }
    .delete-popup p{
      color: #000;
      margin-top: 15px;
      margin-bottom: 20px;
    }

/* Settings Starts */
.settings-heading{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #003239;
      padding-bottom: 5px;
          align-items: center;
              min-height: 36px;
              position: relative;

}
.settings-heading h4{
      color: #003239;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}
.settings-box{
  padding:10px;
      box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
      background-color: #fff;
}
.action-list{
display: flex;
gap:10px;
    background-color: #F8F9FA;
    border: 1px solid #ddd;
    color: #000;
    font-size: 13px !important;
    padding: 5px 5px;
    align-items: center;
}
.action-main-list {
background-color: #4C767B;
    border: 1px solid #ddd;
    font-size: 13px !important;
    padding: 5px 10px;
    color: #fff;
        font-weight: 600;
            
}
/*.actiondesc{
  cursor: all-scroll;
}*/
.drag-icon{
padding-right: 0px;
   cursor: all-scroll;
}
.drag-icon i{
  cursor: all-scroll;
}
.action-sub-list{
  padding-left: 20px;
    align-items: center;
    padding-right: 20px;
}
.add-action{
  color: #003239;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
}
.settings-inner{
      min-height: 800px;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}
.sectings-actions{
  display: flex;
  gap: 10px;
      justify-content: end;
}
.sectings-actions i, .action-sub-list i{
  cursor: pointer;
}
.action-main-list .fa-trash-alt{
  color: #fff;
}
.action-row{
  border-left: 1px solid #4C767B;
   border-right: 1px solid #4C767B;
    border-bottom: 1px solid #4C767B;
        padding-bottom: 10px;
}
.action-sub-list h5 span{
  color: #003239;
    font-size: 13px !important;
    font-weight: 700;
        border-bottom: 1px solid #003239;
}
.action-sub-list h5{
  margin-bottom: 0px;
}
.no-reaction{
          color: #000;
    font-size: 12px;
    }
    .activity-color {
      display: flex;
    }
    .activity-color #colorpicker{
      width: 50px;
    height: 34px;
    }
    .activity-list-color{
      width: 15px;
      height: 15px;
    }
    .activity-list{
      display: flex;
      gap: 5px;
      align-items: center;
          padding-right: 0px;
    }
    .chart-text h3{
    text-align: center;
    color: #e34c4c;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    }
	
	.notify {
padding: 10px;
    text-align: center;
/*    border: 2px solid #003239;*/
    font-size: 15px;
    color: #000;
    font-weight: 500;
margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
	}
  .dabhboard-border{
       border: 1.5px solid #003239;
       height: 100%;
       position: relative;
           /* box-shadow: 0px 3px 6px #00000029; */
           padding: 15px;
  }
  .logged-user{
     color: #D81515;
      padding: 5px 15px 0px 15px;
    font-weight: 600;
  }
  .btn.btn-go{
    background-color: #6BA03C;
    color: #fff;
    font-size: 12px;
    padding: 1px 10px !important;
    border: none !important;
  }
  .btn-unarchive{
    background-color: #D81515;
    color: #fff !important;
    font-size: 12px;
    padding: 2px 10px;
    font-weight: 600;
  }
    .table-selectall{
display: flex;
align-items: end;
gap: 10px;
  }
  .table-selectall h6{
    margin-bottom: 0px;
    font-size: 9px;
    font-weight: 600;
  }
  
  #select_all { 
  width:20px; height:18px; margin-left:8px;
  }
  
 .deletecheckbox {
	 width:20px; height:18px;
 }
 .importdata .custom-select select, .importdata .custom-select .select2-container--default .select2-selection--single {
    width: 150px !important;
}
.filter-border-left{
  border-left:1.5px solid #003239;
      padding-left: 5px;
}
/*.filter-border-right{
  border-right:1px solid #003239;
      padding-right: 5px;
}*/
.filter-btn.btn{
    color: #fff;
    font-size: 11px;
    padding: 3px 10px;
    font-weight: 600;
}
.filter-save.btn{
  background-color: #003239;
}
.filter-reset.btn{
  background-color: #D81515;
}
.dropdown.filter-border-left{
   padding-left: 0px;
}
.chart-show-active{
  position: absolute;
  right: 5px;
    top: 50px;
    z-index: 9999;
}
.chart-show-active .btn{
    font-size: 12px !important;
    cursor: pointer;
    color: #003239;
        padding: 2px 7px;
    border: 2px solid #003239;
    font-weight: 600;

}
.general-config .user-details label {
  font-weight: 500 !important;
}
.general-filter{
  text-align: left;
}
.general-filter label{
  font-weight: 600;
}
.setting-notif-div{
  display: flex;
  gap: 10px;
  justify-content: space-between;
      align-items: center;
}
.setting-notif-div p{
margin-bottom: 0px;
color: #000;
font-weight: 600;
}
.setting-notif-div .form-check.form-switch .form-check-input{
  margin-left: 0px !important;
}
.notification-inner{
  min-height: 300px !important;
  max-height: inherit !important;
}
.settings-box .obs-sch-table .custom-select{
    height: auto;
        width: 80px;
}
.obs-sch-table tr td{
  padding-top:4px;
  padding-bottom: 4px;
}
.obs-sch-table input, .obs-sch-table select{
  width: 80px;
      width: 80px;
    padding: 1px 5px;
}
.obs-sch-table tr th:nth-child(1){
width: 18%;
}
.obs-sch-table tr th:nth-child(2){
width: 16%;
}
.obs-sch-table tr th:nth-child(3){
    width: 17%;
}
.obs-sch-table tr th:nth-child(4){
width: 17%;
}
.obs-sch-table tr th:nth-child(5){
    width: 20%;
}
.obs-sch-table tr th:nth-child(6){
width: 12%;
}
.obs-sch-table tr th:nth-child(3) span{
      font-size: 9px;
}
.obs-sch-table tr{
  vertical-align: top;
}
.obs-sch-table tr td .far.fa-trash-alt{
      margin-top: 7px;
}
.obs-table-scroll{
  max-height: 60vh;
  overflow-y: auto;
}
.obs-table-height{
  overflow-y: inherit !important;
  overflow-x: inherit !important;
}
.obs-table-height .btn-update{
  min-width: 150px;
}
.obs-table-scroll thead{
  position: sticky;
    top: 0;
    box-shadow: 0px 1px 0px #003239;
    background-color: #fff;
        z-index: 9;
}
.notification-inner .obs-table-scroll{
  max-height: 66vh;
}
#accordionConfiguration .accordion-button{
    background-color: #E2EFED !important;
        color: #003239 !important;
    font-weight: 600;
}
#accordionConfiguration .accordion-button:focus{
  box-shadow: none !important;
}
#accordionConfiguration .accordion-body{
  background-color: #fff !important;
}
#accordionConfiguration .accordion-item{
      margin-bottom: 15px;
}
#accordionConfiguration .accordion-button:not(.collapsed)::after{
  filter: brightness(0.5);
}
.settings-box .custom-select .select2-container--default .select2-selection--single{
  height: 25px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 13px;
}
.settings-box .custom-select {
  height: 30px;
  width: 200px;
}
.settings-box .custom-select select{
   height: 30px;
       font-size: 13px;
}
.settings-box  .custom-select:after{
      top: 7px;
}
.test-btn{
  position: absolute;
    bottom: 15px;
}
.switch-right{
  display: flex;
 padding-left: 0px !important;
     gap: 10px;
}
.form-check.form-switch.switch-right .form-check-input{
      margin-left: 0px !important;
}
.notification-inner .form-switch {
    padding-left: 0px !important;
    }
    .alarms-on-off label{
          line-height: 21px;
    }
    .notification-inner p{
      color: #000;
    }
    .table-subheading th{
         font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;

    }
    .rep-table th, .rep-table td{
border:none;
    }
     .rep-table th:nth-child(1){
      width: 63%;
     }
     .rep-table th:nth-child(2){
      width: 20%;
     }
     .rep-table th:nth-child(3){
      width: 17%;
     }
     .rep-table.rep-tab-table th:nth-child(1){
      width: 50%;
     }
     .rep-table.rep-tab-table th:nth-child(2){
      width: 25%;
     }
     .rep-table.rep-tab-table th:nth-child(3){
      width: 20%;
     }
     .rep-table.rep-tab-table th:nth-child(4){
      width: 5%;
     }
   /*  .rep-table tr{
      vertical-align: middle;
     }*/
   .rep-tab-table tbody tr:first-child td{
padding-top: 10px;
     }
     .rep-table td{
      padding-top: 2px;
      padding-bottom: 2px;
     }
     .rep-table .fa-plus{
    font-size: 17px;
     }
     .rep-delete i{
          margin-top: 10px;
     }
     .rep-tab-table input{
      width: 100%;
          padding: 5px 5px;
     }
     .rep-tab-table input[readonly]{
          background-color: #e9ecef;
              border: 1px solid;
     }
     .testmode-table tbody tr td{
      border: none;
     vertical-align: top;
     }
     .testmode-table thead tr th{
      font-weight: 600;
      vertical-align: middle;
     }
     .testmode-table .form-check.form-switch .form-check-input{
      margin-left: 0px !important;
     }
     .testmode-table thead tr th:nth-child(1){
      width: 40%;
     }
      .testmode-table thead tr th:nth-child(2){
      width: 20%;
     }
      .testmode-table thead tr th:nth-child(3){
      width: 20%;
     }
      .testmode-table thead tr th:nth-child(4){
      width: 20%;
     }
      .testmode-table input.form-control{
           width: 80px;
      }
      .testmode-table input.form-control.datetime-input{
        width: 130px;
      } 
/*     .alarm-off img{
          width: 40px;
    background-color: #D81515;
    padding: 3px;
     }
     .alarm-off-wards{
      background-color: #fff;
          box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
        width: 290px;
    position: absolute;
    top: 0;
    padding: 10px;
    z-index: 9999;
        height: 96vh;
     }
     .alarm-off-wards h3{
    font-size: 18px;
    color: #D81515;
        font-weight: 600;
        text-decoration: underline;
            margin-bottom: 0px;
     }
       .alarm-off-wards ul{
        color: #000;
        list-style: none;
            padding-left: 10px;
       }
.alarm-off-wards ul li{
  line-height: 30px;
}
.alarm-off-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.alarm-off-heading i{
      font-size: 20px;
    cursor: pointer;
}*/
 .config-tab.custom-tab .nav-link{
    width: auto !important;
    font-size: 15px !important;
    padding: 10px 20px;
        background-color: #d0d0d0 !important;
    color: #003239;
}
.config-tab.custom-tab .nav-link.active{
    background-color: #003239 !important;
    color: #fff !important;
}
.alarm-ward-list{
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
    font-weight: 500;
    justify-content: start;
    flex-direction: row-reverse;
}
.alarm-ward-list .form-switch{
  padding-left: 0px !important;
}
.alarm-ward-list .form-check.form-switch .form-check-input{
  margin-left: 0px !important;
}
.ward-list{
      justify-content: start;
          gap: 30px;
}
.ward-list label{
      font-weight: bold;
}
.settings-box .testmode-table .custom-select .select2-container--default .select2-selection--single {
    height: 33px;
    }
    .settings-box .testmode-table .custom-select {
    height: 33px;
}
.testmode-table .custom-select .select2-container--default .select2-selection--single .select2-selection__rendered{
      line-height: 29px !important;
}
.custom-tab.config-tab .tab-content{
    background-color: #ededed96;
    padding: 15px 20px;
    min-height: 70vh;
}
.custom-tab.config-tab .nav-tabs {
    gap: 10px;
}
.height-auto{
  height: auto !important;
  min-height: auto !important;
}
.config-filter .custom-select{
width: 200px;
}
.config-filter{
  display: flex;
  gap: 20px;
  justify-content: end;
  margin-bottom: 10px;
  align-items: end;
}
.config-filter label{
  font-weight: bold;
      line-height: 20px;
}
/*.summary-table{
    border: 1px solid #ababab;
}*/
.summary-table .custom-table th{
      background-color: #ececec !important;
}
.summary-table .custom-table td{
 background-color: #fafafa !important;
}
.summary-table{
  min-height: 280px;
    margin-bottom: 0px !important;
        background-color: #fafafa !important;
            max-height: 280px;
}
.app-status{
      display: flex;
    align-items: center;
    gap: 5px;
        font-weight: 700;
            font-size: 14px;
}
.app-status img{
  width: 25px;
}
.app-status .green{
  color: #009247 !important;
}
.app-status .red{
  color: #C80F2E !important;
}
.app-status i{
  color: #003239;
}
.org-ward-list .user-view-div{
height: auto;
}
.no-border th, .no-border tr td{
  border:none;
}
.default-email-table tr td{
  padding-top: 3px;
    padding-bottom: 3px;
}
.default-email-table tr{
  vertical-align: middle;
}
.configuration-filter .custom-select{
    width: 200px;
}
.tab-noti-rep{
  margin:0px;
}
.tab-noti-rep .user-view-div{
    padding: 10px 20px 20px 10px;
}
.ob-clear-table tr td{
padding-top: 4px;
padding-bottom: 4px;
}
.frequency-p p{
    margin-bottom: 5px;
}
.frequency-p{
      max-height: 265px;
    overflow-y: auto;
}
.authentication-section button img{
  width: 35px;
      margin-right: 15px;
}
.authentication-btn .btn{
border: 1.5px solid #003239;
    border-radius: 0px;
    width: 100%;
    font-weight: 600;
    padding: 10px 60px;
    text-align: left;
        align-items: center;
    display: flex;
}
.qr-image{
    width: 150px;
/*    margin: 0 auto;
    display: block;*/
}
.qr-row > div{
    padding-left: calc(var(--bs-gutter-x) / 2) !important;
}
.qr-row > div.ps-0{
  padding-right: 0px !important;
}
.authentication-section p{
  color: #000;
      font-size: 13px;
}
.authentication-section label{
      color: #000;
    font-weight: 600;
}
/*.example:hover .obs-example {
  display: block;
}*/

.obs-example {
  position: absolute;
  display: none;
    background-color: #e5e4e4;
  box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
  z-index: 99;
  border-radius: 5px;
    right: -90%;
    top: 0;
  padding: 5px;
       transition: 0.4s;
}
.obs-exp-icon:hover + .obs-example {
  display: block;
       transition: 0.4s;
}
.obs-example p{
    color: #000;
    margin-bottom: 5px;
    font-size: 13px !important;
    font-weight: 400;
}
.obs-exp-icon{
      font-size: 12px;
           transition: 0.4s;
}
.obs-exp-icon i{
      margin-top: 7px;
}
.welcome-text{
    font-size: 16px;
    font-weight: 700;
}
.otp-time{
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
    font-size: 13px;
}
.otp-time p{
  margin-bottom: 0px;
  color: #000;
}
.otp-time p span{
  color: #c50000;
}
.secret-key label{
white-space: normal;
    word-break: break-all;
    line-height: 16px;
}
.secret-key span{
    font-weight: 400;
    color: #626262;
    font-size: 12px;
}
.email-note{
font-size: 12px !important;
    word-break: break-all;
    margin-bottom: 0px !important;
        line-height: 15px;
            color: #000 !important;
            margin-top: 2px;
  }
  .email-note span{
        color: #D81515;
  }
  
/* Reduce padding and font size to decrease bar height */
.cc-window {
  padding: 8px 16px !important;
  font-size: 13px !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
  border-top: 1px solid #ccc;
}

/* Reduce button height and font size */
.cc-btn {
  padding: 6px 12px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
   text-decoration: none !important;
    min-width: 100px !important;
}
.cc-revoke, .cc-window{
    font-family: Noto Sans !important; 
    font-weight: 400 !important;
}
.cc-highlight .cc-btn:first-child{
text-decoration: underline !important;
}
.cc-theme-classic .cc-btn:last-child{
      background-color: #003239 !important;
}
.cc-theme-classic .cc-btn:last-child:hover{
  background-color: #003239cf !important;
}
.fa-reset-btn{
  background: none !important;
  border: none !important;
}
.tab-noti-rep .user-view-div{
    min-height: 395px;
    height: auto;
}
.remember-checkbox label{
    padding: 0px;
      line-height: 30px;
}
.remember-checkbox .custom-control-label::before{
  border-radius: 0px;
}
.custom-checkbox.remember-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #003239;
    border: 1px solid #003239;
}
.custom-checkbox .custom-control-label::before{
    width: 20px;
    height: 20px;
}
.custom-checkbox .custom-control-label::after{
      left: -23px;
    top: 8px;
    width: 6px;
    height: 9px;
    border-width: 0 2px 2px 0;
}
.obv-notes{
  position: absolute;
  bottom:0px;
}
.obv-notes-height{
      min-height: 270px;
}
/*.loading-overlay.loading-theme-light.loading-shown{
  display: none !important;
}*/
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    text-align: left;
    font-weight: 500;
  }
  .iso-message-table textarea{
    width: 100%;
  }
    .iso-message-table tr td{
  vertical-align: middle;
  border:none !important;
    }
    .iso-message-table input{
      width: 100%;
    }
      .isolate-table tbody tr td{
      border: none;
      vertical-align: middle;
     }
     .isolate-table thead tr th{
      font-weight: 600;
      vertical-align: middle;
     }
     .isolate-table .form-check.form-switch .form-check-input{
      margin-left: 0px !important;
     }
     .isolate-table thead tr th:nth-child(1){
      width: 25%;
     }
      .isolate-table thead tr th:nth-child(2){
      width: 25%;
     }
      .isolate-table thead tr th:nth-child(3){
      width: 40%;
     }
      .isolate-table thead tr th:nth-child(4){
      width: 10%;
     }
      .isolate-table input.form-control{
           width: 80px;
      }
      .isolate-table input.form-control.datetime-input{
        width: 130px;
      }
      .isolate-table .custom-select,  .isolate-table input{
    width: 100%;
      }
      .action-td{
            display: flex;
    justify-content: center;
    align-items: center;
      }
      .action-td img{
        width: 16px;
      }
        .action-td .cancel-icon img{
          width: 12px;
      }
      .action-td .btn{
        padding: 5px !important;
      }
      .ui-datepicker-buttonpane button{
        font-size: 11px !important;
    font-weight: 600 !important;
        line-height: 15px !important;
    height: 23px !important;
      }
      .ui-datepicker-clear {
        background-color: #D81515 !important;
    color: #fff !important;
    border: 2px solid #D81515 !important;
      }
      .ui-datepicker-close{
        border: 2px solid #D81515 !important;
        color: #D81515 !important;
      }
      .flatpickr-calendar{
    width: 140px !important;
      }
      .flatpickr-time .flatpickr-am-pm{
        padding-right: 5px !important;
        padding-left: 5px !important;
            width: 25% !important;
      }
	  .obs-green {
		 background-color: #A1D99B;
	  }
      .user-status{
        font-size: 12px;
      }
      .user-heading button.pe-0{
        padding-right: 0px !important;
      }
.each-chart h4 {
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    background-color: #ececec !important;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #444444;
    margin: 0 auto;
    display: block;
    width: auto;
    width: fit-content;
}
.each-chart .sub-heading {
    text-align: center;
}
.each-chart .sub-heading h5 {
    margin-bottom: 5px;
    margin-top: 0px;
    color: #003239;
    font-size: 15px;
    font-weight: 700;
}
.each-chart .hold-box {
    display: flex;
/*    gap: 10px;*/
    justify-content: center;
    flex-wrap: wrap;
        align-items: center;
            position: relative;
    width: fit-content;
    margin: 0 auto;
        background-color: #1B263F;
            border-radius: 10px;
}
.each-chart .box {
    background-color: #1B263F;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 6px 10px;
}
.each-chart .box h3 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;

}
.each-chart .box h6 {
    font-size: 12px;
    margin: 0 !important;
    text-decoration: none !important;
    font-weight: 400;
    color: #fff;
}
/*.each-chart .two-chart {
    display: flex;
}*/
.each-chart .two-chart h5 {
    text-align: left;
    font-size: 15px;
    text-decoration: underline;
    margin-top: 10px;
    color: #003239;
    font-weight: 700;
    margin-bottom: 10px;
}
.dashboard-alarm-box{
      height: 100%;
    background-color: #FAFAFA;
    /* border: 1px solid #dee2e6; */
    border: 1px solid #ababab;
}
.hold-icon{
      position: absolute;
    right: 0;
}
/*.chart-center canvas{
  margin:0 auto;
  display: block;
}*/
.each-chart.two-chart h4{
    margin: inherit;
        margin-bottom: 5px;

}
.custom-legend{
  font-size: 12px;
    max-height: 175px;
    overflow-y: auto;
}
.custom-legend-box{
width: 10px !important;
    height: 10px;
    margin-top: 2px;
}
.custom-legend-div{
  display: flex;
    gap: 5px;
    align-items: start;
    line-height: 13px;
        margin-bottom: 3px;
}
.custom-legend-div div:nth-child(1){
  width: 10%;
}
.home-page.page-inner-content{
  padding-top: 5px;
      padding-bottom: 5px;
}
.home-page .dashboard-heading{
padding: 5px 10px;
}
.home-page .custom-select .select2-container--default .select2-selection--single{
    padding: 3px 30px 5px 5px;
    height: 30px;
}
.home-page .custom-select select{
      height: 30px;
         padding: 3px 30px 5px 5px;
}
.filter-border-left .btn{
      padding-top: 2px;
    padding-bottom: 2px;
}
.btn.btn-dblog,.btn.btn-erlog{
    color: #fff !important;
    padding: 5px 15px;
    font-weight: 600;
    background-color: #3AB54A;
    font-size: 13px;
    min-width: 28%;
}
.btn.btn-dblog.active,.btn.btn-erlog.active{
    background-color: #D81515;
}

/*.table.custom-table .request-head{
    width: 15% !important;
}*/
.req-downlink a{
    margin-left: 5px !important;
}
.head-btn .btn-closes{
    color: #D81515;
    font-weight: 500;
}