@font-face { 
  font-family: OpenSans-Light; 
  src: url(../font/OpenSans-Light.ttf); 
}
@font-face {
  font-family: OpenSans-Regular;
  src: url(../font/OpenSans-Regular.ttf);
}
@font-face {
  font-family: OpenSans-SemiBold;
  src: url(../font/OpenSans-SemiBold.ttf);
}
@font-face {
  font-family: OpenSans-Bold;
  src: url(../font/OpenSans-Bold.ttf);
}
@font-face {
  font-family: OpenSans-ExtraBold;
  src: url(../font/OpenSans-ExtraBold.ttf);
}
body{
  font-family: OpenSans-Regular !important;
  font-size: 14px !important;
      background-color: #fff;
      color: #707070 !important;
}
footer{
  background-color: #3B90C7;
    color: #fff;
    padding: 10px 0px;
}
p{
      margin-bottom: 10px;
}
.btn:disabled{
  border:none !important;
}
input.form-control{
  border: 1px solid #868686 !important;
    border-radius: 5px;
    padding: 3px 5px;
    width: 100%;
    background-color: #fff;
        min-height: 26px !important;
}
textarea.form-control{
   border: 1px solid #868686 !important;
    border-radius: 5px;
    padding: 3px 5px;
    width: 100%;
    background-color: #fff;
}
/*textarea::-webkit-scrollbar{
  z-index: -1;
}*/
:focus-visible{
  outline: none !important;
}
 option{
  color: #707070 !important;
}
/*a{
  text-decoration: none !important;
  cursor: pointer;
}
a:hover{
  color: #3B90C7 !important;
  text-decoration: underline; !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: 100vh;
  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: #3B90C7;
    padding: 0px 80px 40px 80px;
    border: none;
    max-width: 536px;
    margin: 0 auto;
}
.login-logo{
    display: flex;
    background-color: #fff;
    padding: 15px;
    align-items: center;
    gap: 30px;
}
.login-logo h3{
  font-family: OpenSans-Light;
  color: #000000;
    font-size: 36px;
        margin-bottom: 0px;
}
.login-div .card-header{
   font-family: OpenSans-Light;
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 24px;
  text-align: center;
    padding: 20px 0px 15px 0px;
}
.login-div .card-body{
    padding: 0px 15px;
    }
.login-div input{
  height: 30px;
  border-radius: 8px;
background-color: #fff !important;
    color: #767676 !important;
font-size: 14px;
font-family: OpenSans-Regular;
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;
}
select {
  appearance: none;
}
.login-div a{
      text-align: center;
    color: #fff !important;
    text-decoration: none;
    margin: 30px 0px;
}
.login-div .btn-login{
  background-color: #85C916 !important;
  color: #fff !important;
  width: 172px;
height: 45px;
font-family: OpenSans-Light;
text-transform: uppercase;
margin: 0 auto;
border: none;
}
.login-div .btn-login:hover{
  background-color: #005285 !important;
}
.password-text{
  color: #fff;
  text-align: center;
padding: 30px 0px 50px 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;
    font-family: OpenSans-Light !important;
        margin-bottom: 0px !important;
        line-height: 15px !important;
            white-space: normal !important;
}
div.error{
  color: #ff0000 !important;
font-size: 12px !important;
padding: 0px;
font-family: OpenSans-Light !important;
    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: #3B90C7;
}
header .container-fluid{
  padding: 0px;
}
header .navbar-brand{
      background-color: #89C1EB;
padding: 7px 10px 6px 10px;
        margin-right: 0px;
}
header .navbar-nav li a{
    color: #fff;
    padding: 13px 25px !important;
}
header .navbar-nav li a:focus{
  color: #fff;
}
header .navbar-nav .nav-link.active{
color: #fff;
}
header .navbar-nav .nav-link:hover{
  color: #fff !important;
}
header .navbar-nav .nav-item:nth-child(1) .nav-link:hover, 
header .navbar-nav .nav-item:nth-child(1) .nav-link.active{
  background-color: #005285;
}
header .navbar-nav .nav-item:nth-child(2) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(2) .nav-link.active{
  background-color: #D81515;
}
header .navbar-nav .nav-item:nth-child(3) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(3) .nav-link.active{
  background-color: #237F17;
}
header .navbar-nav .nav-item:nth-child(4) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(4) .nav-link.active{
  background-color: #602AA7;
}
header .navbar-nav .nav-item:nth-child(5) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(5) .nav-link.active{
  background-color: #FF7F00;
}
header .navbar-nav .nav-item:nth-child(6) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(6) .nav-link.active{
  background-color: #A5A5A5;
}
header .navbar-nav .nav-item:nth-child(7) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(7) .nav-link.active{
  background-color: #FF66CC;
}
header .navbar-nav .nav-item:nth-child(8) .nav-link:hover,
header .navbar-nav .nav-item:nth-child(8) .nav-link.active{
  background-color: #A5A5A5;
}
.header-right-menu ul.right-menu-main{
     padding: 0px;
    margin: 0;
/*    color: #fff;*/
}
.header-right-menu ul.right-menu-main li.nav-item{
    display: inline-block;
    line-height: 46px; 
    margin-left: 25px;
    position: relative;
    cursor: pointer;
}
.header-right-menu ul.right-menu-main li.nav-item.my-profile{
padding-right: 35px;
}
.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: 18px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 15px;
}
.my-profile .dropdown-toggle.mydetails-arrow:after{
  transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    top: 24px;
}
.my-profile .dropdown-menu {
  margin: 0 !important;
    border: 0;
    border-radius: 0px;
    background-color: #3B90C7;
}
.my-profile ul{
    padding: 0 15px;
    margin: 0;
    font-size: 14px;
    color: #fff;
}
.my-profile ul li{
list-style: none;
    line-height: 30px;
}
.my-profile 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;
}
.editdetails .profile-edit-btn{
      margin-top: 50px !important;
}
.change-password .popup-save-btn:hover{
background-color: #85C916 !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-family: OpenSans-SemiBold;
    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;
  font-family: OpenSans-SemiBold;
  text-decoration: none;
  cursor: pointer;
}
.popup-btn{
  display: flex;
  gap: 20px;
}
.popup-btn .btn{
  border: none !important;
  border-radius: 0px;
}
.popup-btn .btn:focus, .popup-btn .btn:active{
border: none !important;
  outline: none !important;
  box-shadow: none !important;

}
.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-edit{
      width: 31px;
    height: 24px;
  background-image: url(../images/edit-grey.png);
  background-repeat: no-repeat;
}
.btn-edit:hover{
 background-image: url(../images/edit-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;
}
.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-family: OpenSans-SemiBold !important;
  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: #85C916 !important;
}
.popup-close-btn:hover{
  background-color: #D81515 !important;
}
.popup-edit-btn:hover{
  background-color: #005285 !important;
}
.popup-green-btn{
 background-color: #85C916 !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: 35px;
}
/*Header Ends*/
/* Inner page  */
.page-inner-content{
padding: 15px;
}
.inner-heading{
  color: #005285;
  font-size: 36px;
  font-family: OpenSans-Light;
}
.btn-add{
    width: 172px;
    height: 45px;
    background-color: #85C916 !important;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 14px !important;
    border: none !important;
}
.btn-add:hover{
  background-color: #005285 !important;
}
.heading-row{
  margin-bottom: 20px;
  align-items: center;
}
.inner-heading-div{
      display: flex;
    gap: 50px;
    align-items: center;
}
/* Tab Starts */
.custom-tab .nav-link:focus{
 color: #fff;
}
.custom-tab .nav-link {
background-color: #005285 !important;
    color: #fff;
padding: 10px;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    width: 190px;
    border: none !important;
    border-right: 0.5px solid #fff !important;
     font-family: OpenSans-SemiBold;
     top: 0;
    transition: all 0.25s;
    position: relative;
}
.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{
  background-color: #F0F5F8 !important;
  color: #005285 !important;
      top: -0.5rem;
    transition: top 0.25s;
}
.custom-tab .nav-item{
      background-color: #F0F5F8 !important;
      border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}
.custom-tab .nav-tabs{
  border-bottom: none;
}
.custom-tab .tab-content{
background-color: #F0F5F8;
  padding: 15px 0px 0px 0px;
}
/* Tab ends */
/* Table Starts */
.custom-table{
      background-color: #F0F5F8;
          margin-bottom: 0px !important;
}
.custom-table th{
  color: #BDBDBD;
  font-size: 13px;
  font-family: OpenSans-SemiBold;
  border-bottom: 1px solid #005285 !important;
  text-transform: uppercase;
/*  padding-top: 20px !important;*/
position: relative;
background-color: transparent !important;
    font-weight: 500;
}
.custom-table td{
  color: #000000;
  font-size: 13px;
  vertical-align: middle;
      border-bottom: 1px solid #BDBDBD;
      background-color: transparent !important;
}
.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: 25px !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: 24px;
}
.new-popup .modal-header{
      border-bottom: 2px solid #707070;
}
.new-popup-right{
  display: flex;
  gap: 20px;
  align-items: center;
}
.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;
    border-radius: 5px;
    padding: 3px 5px;
    width: 100%;
    background-color: transparent;
}
.new-popup input:focus{
   background-color: transparent;
   border: 1px solid #868686;
}
.new-popup label, .custom-table label{
      color: #707070;
    font-family: OpenSans-SemiBold;
 /*   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;
}
.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 #EAEAEA;
    border-radius: 6px;
    font-size: 13px;
    line-height: 34px;
    cursor: pointer;
}
.custom-select{
  position: relative;
  width: 100%;
}
.custom-select select{
display: block;
    padding: 3px 30px 3px 5px;
    cursor: pointer;
    overflow: hidden; 
     white-space: nowrap; 
text-overflow: ellipsis;
    border: 1px solid #868686;
    border-radius: 5px;
    background-color: white;
    width: 100%;
        font-size: 14px;
}
.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;
}
.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;
}
.btn-edit, .btn-delete{
padding: 0px !important;
    border: none !important;
    font-size: 19px !important;
}
.btn-delete{
  color: #D81515 !important;
}
.btn-edit{
      color: #BDBDBD !important;
}
.btn-edit:hover{
      color: #005285 !important;
}
.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;
        font-family: OpenSans-SemiBold;
        background-color: #fff !important;
        cursor: pointer;
        color: #005285 !important;
}
.pagination li.active a{
      background-color: #005285 !important;
    border: 1px solid #005285 !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: #005285;
}
.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-body{
      border: 1px solid #707070;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029;
        text-align: center;
    padding: 20px 20px !important;
        font-family: OpenSans-Regular;
}
.popover-arrow{
  display: none !important;
}
.popover-delete-icon{
      text-align: center;
    color: #D81515;
    font-size: 36px;
}
.delete-content{
  color: #707070;
  font-size: 13px;
}
.delete-sure-text{
  color: #707070;
  font-family: OpenSans-Bold;
}
.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-family: OpenSans-Bold;
  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;
    font-family: OpenSans-SemiBold;
    cursor: pointer;
    padding-right: 40px;
    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;
    border-radius: 8px !important;
    height: 26px;
}
#editRoleModal .modal-body{
max-height: 350px;
overflow-y: auto;
}
.custom-scroll::-webkit-scrollbar {
  width: 3px;
  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;
}
.role-select .custom-control-label{
/*      background-color: red;*/
    padding: 8px 15px;
    text-align: center;
    color: #fff;
    width: 115px;
}
.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: -40px;
      top: 7px;

}
.role-select .custom-control-label::after{
  left: -31px;
      top: 12px;
}
.role-select .custom-control{
  padding-left: 40px;
}
.role-access-label label{
  color: #BDBDBD;
  font-family: OpenSans-Bold;
  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;
    font-family: OpenSans-SemiBold !important;
}
.roles-tab-div{
/*    top: 0px !important;
    right: -65%;*/
    z-index: 9;
    /* bottom: 0px; */
    width: 450px !important;
}
.role-option-div.roles-tab-div{
width: 300px !important;
}
.role-option-div .tab-inner-div-heading{
  padding-bottom: 0px;
  margin-bottom: 0px;
  border: none;
}
.tab-inner-div-heading label{
color: #707070;
    font-family: OpenSans-Bold;
    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-family: OpenSans-SemiBold;
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: 30px;
    line-height: 25px;
    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-switch {
    padding-left: 0px !important;
/*        padding-right: 15px;*/
    }
/* Custom Switch Starts */
.form-check.form-switch .form-check-input:checked {
    background-color: #005285 !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: 5px 0px !important;
}
/* Custom Switch Ends */
.new-checkbox{
   width: 24px;
  height: 24px;
  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: 24px;
    height: 24px;
}
.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: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 6px;
    left: 0;
    right: 0;
}
.new-checkbox input:checked ~ .new-checkbox-visible {
    background: #3AB54A;
    border-color: #3AB54A;
  }
/*  .new-checkbox input:checked.error + .new-checkbox-visible {
    background: #3AB54A;
    border-color: #3AB54A;
  }*/
.new-checkbox-visible::after {
    display: none;
    position: absolute;
    content: "";
    left: 8px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 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;
   height: 30px;
   border-radius: 5px;
       padding: 3px 30px 3px 5px;
}
.custom-select .select2-container--default .select2-selection--multiple{
 border: 1px solid #868686 !important;
   border-radius: 5px;
       padding: 3px 30px 3px 5px;
           min-height: 30px; 
}
.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: 14px;
}
.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;
}
.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 */

/* Modules Colors Starts */
/* Address Starts */
.address .custom-table tr th, .address .tab-content .custom-table tr th{
background-color: #FFF8EC !important;
}
.address .inner-heading, .rosuppliers .view-form .view-heading{
color: #FF7F00;
}
.address .dashboard-table-heading, .address .btn-add:hover,
.rosuppliers .add-card .card-title {
  background-color: #FF7F00 !important;
}
.address .inner-dashboard-table  th, .address .inner-dashboard-table,
.address .custom-table, .address .inner-page-dashboard .card,
.rosuppliers .add-card.card {
background-color: #FFF8EC !important;
}
.address .graph-count {
    background-color: #FBE7C5;
        color: #FF7F00;
}
.address .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background:  #FF7F00; 
}
.address .inner-dashboard-table-scroll{
  scrollbar-color:  #FF7F00 #fff;
}
.address .pagination li.active a{
    background-color: #FF7F00 !important;
    border: 1px solid #FF7F00 !important;
 color: #fff !important;
}
.address .pagination li a, .address .pagination .fas{
color: #FF7F00 !important;
}
.address #countDiv{
color: #FF7F00;
}
.rosuppliers .btn-small-add:hover, .rosuppliers .btnhighlight, .address .custom-tab .nav-link {
    background-color: #FF7F00 !important;
}
.address .custom-tab .nav-item, .address .custom-tab .tab-content, 
.address .custom-tab .nav-link.active, .address .custom-tab .nav-link:hover, 
.address .custom-tab .nav-item:hover .nav-link{
background-color: #FFF8EC !important;
  color: #FF7F00 !important;
}  
.rosuppliers .view-company-count {
     background-color: #ffe1c2;
    color: #FF7F00;
}
.address #companyDropdown.dropdown-toggle:after {
    border: solid #FF7F00;
    border-width: 0px 2px 2px 0;
}
.address th.primefilter{
  color: #FF7F00;
  font-family: OpenSans-Bold;
} 
/* Address Ends */
/* Requests Starts */
.requests .tab-content .custom-table tr th{
background-color: #EFE8F8 !important;
}
.requests .inner-heading{
color: #602AA7;
}
.requests .dashboard-table-heading, .requests .btn-add:hover,
.requests .custom-tab .nav-link{
  background-color: #602AA7 !important;
}
.requests .inner-dashboard-table  th, .requests .inner-dashboard-table,
.requests .custom-table, .requests .inner-page-dashboard .card,
.requests .custom-tab .tab-content{
background-color: #EFE8F8 !important;
}
.requests .custom-tab .nav-item,
.requests .custom-tab .nav-link.active, 
.requests .custom-tab .nav-link:hover, 
.requests .custom-tab .nav-item:hover .nav-link {
    background-color: #EFE8F8 !important;
    color: #602AA7 !important;
}
.requests .graph-count {
    background-color: #E7D5FE;
        color: #602AA7;
}
.requests .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background:  #602AA7; 
}
.requests .inner-dashboard-table-scroll{
  scrollbar-color:  #602AA7 #fff;
}
.requests .pagination li.active a{
    background-color: #602AA7 !important;
    border: 1px solid #602AA7 !important;
}
.requests .pagination li a, .address .pagination .fas{
color: #602AA7;
}
.requests #countDiv{
color: #602AA7;
}
.requests th.primefilter{
  color: #602AA7;
  font-family: OpenSans-Bold;
}
/* Request Ends */
/* Companies Starts */
.tab-content .custom-table tr th{
background-color: #F0F5F8 !important;
}
.companies .inner-heading{
color: #005285;
}
.companies .dashboard-table-heading, .companies .btn-add:hover,
.companies .btn-small-add:hover {
  background-color: #005285 !important;
}
.companies .inner-dashboard-table  th, .companies .inner-dashboard-table,
.companies .custom-table, .companies .inner-page-dashboard .card{
background-color: #F0F5F8 !important;
}
.companies .graph-count {
    background-color: #A6CEE3;
        color: #005285;
}
.companies .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background:  #005285; 
}
.companies .inner-dashboard-table-scroll{
  scrollbar-color:  #005285 #fff;
}
.companies .information-div .btn-small-add{
  width: 56px;
  height: 30px;
      padding: 6px 10px !important;
}
/* Company Inactive */
.companies .inactive .add-card .card-title{
  background-color: #BDBDBD;
}
.companies .inactive .add-card.card{
background-color: #EAEAEA;
}
.companies .view-form.inactive .view-heading{
color: #000000;
}
.companies th.primefilter{
  color: #005285;
      font-family: OpenSans-Bold;
}
/* Companies Ends */
/* Audit Starts */
.audit .custom-table tr th{
background-color: #F6F6F6 !important;
}
.audit .custom-table{
  background-color: #F6F6F6;
}
.audit .inner-heading {
    color: #707070;
    }
 .audit #countDiv {
    color: #707070;
}
 .audit .pagination li.active a {
    background-color: #A5A5A5 !important;
    border: 1px solid #A5A5A5 !important;
    color: #fff !important;
}
.audit .pagination li a, .audit .pagination .fas {
    color: #A5A5A5 !important;
}
.audit th.primefilter{
  color: #A5A5A5;
  font-family: OpenSans-Bold;
}
/* Audit Ends */
/* Clients Starts */
.clients .tab-content .custom-table tr th{
background-color: #FCF3F3 !important;
}
.clients .inner-heading{
color: #D81515;
}
.clients .dashboard-table-heading, .clients .btn-add:hover {
  background-color: #D81515 !important;
}
.clients .inner-dashboard-table  th, .clients .inner-dashboard-table,
.clients .custom-table, .clients .inner-page-dashboard .card{
background-color: #FCF3F3 !important;
}
.clients .graph-count {
    background-color: #F2D2D4;
        color: #D81515;
}
.clients .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background: #D81515; 
}
.clients .inner-dashboard-table-scroll{
  scrollbar-color:  #D81515 #fff;
}
.clients .add-card .card-title{
background-color: #D81515;
}
.clients .add-card.card{
  background-color: #FCF3F3;
}
.clients .add-card .form-check.form-switch .form-check-input:checked{
    background-color: #D81515 !important;
}
.clients .custom-tab .nav-link.active, 
.clients .custom-tab .nav-link:hover, 
.clients .custom-tab .nav-item:hover .nav-link{
  background-color: #FCF3F3 !important;
  color: #D81515 !important;
}
.clients .custom-tab .nav-item,
.clients .custom-tab .tab-content{
background-color: #FCF3F3 !important;
}
.clients .custom-tab .nav-link{
      background-color: #D81515 !important;
}
.clients .custom-tab .form-check.form-switch .form-check-input:checked{
      background-color: #D81515 !important;
}
.clients .view-form .view-heading{
    color: #D81515;
}
.clients .pagination li.active a{
    background-color: #D81515 !important;
    border: 1px solid #D81515 !important;
    color: #fff !important;
}
.clients .pagination li a, .clients .pagination .fas, .clients #countDiv{
color: #D81515 !important;
}
/* Clinet inactive */
.clients .inactive .add-card .card-title{
  background-color: #BDBDBD;
}
.clients .inactive .add-card.card{
background-color: #EAEAEA;
}
.clients .view-form.inactive .view-heading{
color: #000000;
}
.clients th.primefilter{
  color: #D81515;
  font-family: OpenSans-Bold;
}
/* Clients Ends */
/* Non-Exces Starts */
.nonexecs .tab-content .custom-table tr th{
background-color: #E5F3E8 !important;
}
.nonexecs .inner-heading, .nonexecs .view-form .view-heading{
  color: #237F17;
}
.nonexecs .dashboard-table-heading, .nonexecs .btn-add:hover,
.nonexecs .add-card .card-title {
  background-color: #237F17 !important;
}
.nonexecs .inner-dashboard-table  th, .nonexecs .inner-dashboard-table,
.nonexecs .custom-table, .nonexecs .inner-page-dashboard .card,
.nonexecs .add-card.card{
background-color: #E5F3E8 !important;
}
.nonexecs .primary-n{
color: #237F17 !important;
}
.nonexecs .custom-tab .form-check.form-switch .form-check-input:checked {
  background-color: #237F17 !important;
}
.nonexecs .btn-small-add:hover, .nonexecs .custom-tab .nav-link{
  background-color: #237F17 !important;
}
.nonexecs .custom-tab .nav-item,
.nonexecs .custom-tab .tab-content, .nonexecs .custom-tab .nav-link.active, 
.nonexecs .custom-tab .nav-link:hover, .nonexecs 
.custom-tab .nav-item:hover .nav-link{
background-color: #E5F3E8 !important;
color: #237F17 !important;
}
.nonexecs .pagination li.active a{
    background-color: #237F17 !important;
    border: 1px solid #237F17 !important;
}
.nonexecs .pagination li a, .nonexecs .pagination .fas, .nonexecs #countDiv{
color: #237F17;
}
.nonexecs .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background: #237F17; 
}
.nonexecs .inner-dashboard-table-scroll{
  scrollbar-color:  #237F17 #fff;
}
/* Nonexec inactive */
.nonexecs .inactive .add-card .card-title{
  background-color: #BDBDBD !important;
}
.nonexecs .inactive .add-card.card{
background-color: #EAEAEA !important;
}
.nonexecs .view-form.inactive .view-heading{
color: #000000;
}
.nonexecs th.primefilter{
  color: #237F17;
  font-family: OpenSans-Bold;
}
/* Non-Exces Ends */
/* GDPR Starts */
.gdpr .inner-heading{
  color: #A5A5A5;
}
.gdpr .dashboard-table-heading, .gdpr .btn-add:hover,
.gdpr .add-card .card-title {
  background-color: #A5A5A5 !important;
}
.gdpr .inner-dashboard-table  th, .gdpr .inner-dashboard-table,
.gdpr .custom-table, .gdpr .inner-page-dashboard .card,
.gdpr .add-card.card{
background-color: #F0F0F0 !important;
}
.gdpr .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background:  #A5A5A5; 
}
.gdpr .inner-dashboard-table-scroll{
  scrollbar-color:  #A5A5A5 #fff;
}
/* GDPR Ends */
/* Finance Starts */
.finance .tab-content .custom-table tr th{
background-color: #F9ECFD !important;
}
.finance .inner-heading{
color: #FF66CC;
}
.finance .dashboard-table-heading, .finance .btn-add:hover,
.finance .add-card .card-title {
  background-color: #FF66CC !important;
}
.finance .inner-dashboard-table  th, .finance .inner-dashboard-table,
.finance .custom-table, .finance .inner-page-dashboard .card,
.finance .add-card.card{
background-color: #F9ECFD !important;
}
.finance .inner-dashboard-table-scroll::-webkit-scrollbar-thumb{
background: #FF66CC; 
}
.finance .inner-dashboard-table-scroll{
  scrollbar-color: #FF66CC #fff;
}
.finance .custom-tab .nav-link{
  background-color: #FF66CC !important;
}
.finance .custom-tab .nav-link.active, 
.finance .custom-tab .nav-link:hover, 
.finance .custom-tab .nav-item:hover .nav-link{
    background-color: #F9ECFD !important;
    color: #FF66CC !important;
}
.finance .custom-tab .nav-item, 
.finance .custom-tab .tab-content {
    background-color: #F9ECFD !important;
}
.finance .pagination li a, .finance .pagination .fas, .finance #countDiv{
  color: #FF66CC !important;
}
.finance .pagination li.active a {
    background-color: #FF66CC !important;
    border: 1px solid #FF66CC !important;
    color: #fff !important;
}
.finance th.primefilter{
  color: #FF66CC;
  font-family: OpenSans-Bold;
}
/* Finance Ends */
/* Module Colors Ends */
/* Request Starts */
.table-two-data{
  margin-left: 15px;
}
.dash-overdue-count{
  display: flex;
  gap: 10px;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-family: OpenSans-SemiBold;
}
/* Request Ends */
/*.add-form .row{
  align-items: center;
}
.add-form .row > *{
  align-items: start;
}*/
.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: OpenSans-SemiBold !important;
    font-size: 14px;
        font-weight: 500;
}
.ui-datepicker-calendar thead {
background-color: #F5F7F9;
    border: 1px solid #E8E9EC;
    text-transform: uppercase;
    font-size: 13px;
    color: #BDBDBD;
    font-family: OpenSans-SemiBold;
}
.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-today{
      background-color: #005285 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: transparent!important;
}
.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    color: #505050 !important;
    font-size: 13px !important;
    font-family: OpenSans-Regular !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-due:hover{
  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;
}
.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;
}
.inactive td, .inactive td a{
color: #A6A1A1;
}
.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;
}
#notificationDetails td{
      vertical-align: top;
}
#notificationDetails td:nth-child(1) {
    white-space: nowrap;
}
.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;
}
.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: 10px;
    right: 5px;
/*    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.settings_tab  .form-check{
      padding-right: 0px;
}
/*.new-table .switch-left input{
float: left !important;
}
.new-table .form-check.form-switch .form-check-input{
  margin-left: 0px !important; 
}*/
.new-table.table > :not(caption) > * > *{
    padding: 5px 5px;
}
.new-table tr th[fasteu-filtername]{
padding-right: 25px;
}
/* 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;
  font-family: OpenSans-SemiBold;
      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;
    font-family: OpenSans-SemiBold;
    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;
}
.calendar-table tbody tr td{
  text-align: center !important;
    color: #505050 !important;
    font-size: 13px !important;
    font-family: OpenSans-Regular !important;
    padding: 7px 9px !important;
    border: none !important;
    line-height: 20px;
    border-collapse: collapse;
    border: 1px solid #E8E9EC !important;
    border-radius: 0px !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
  color: #fff !important;
    background-color: #005285 !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{
      border: none;
    color: #505050;
    font-family: OpenSans-SemiBold !important;
    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, .daterangepicker .drp-buttons{
  font-family: OpenSans-Regular !important;
}
.daterangepicker .ranges li.active {
    background-color: #005285 !important;
}
.daterangepicker .drp-buttons .btn{
  padding: 4px 15px !important;
    font-family: OpenSans-SemiBold !important;
    border: none !important;
}
.daterangepicker .drp-buttons .btn.btn-primary{
  background-color: #005285;
}
/*.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;
    display: inline-block;
  }
  .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;
}
.ro-address-list tr td p{
  line-height: 27px;
}
.non-exec-pay-add span{
  border-bottom: 1px solid #000;
    font-weight: bold;
        font-size: 13px;
    color: #212529;
}
.oss-top{
  margin-top: 4px !important;
}
.custom-scroll.new-note-scroll{
  max-height: 62px;
  overflow-y: auto;
  line-height: 1.5em;
}

.custom-scroll p {
  margin: 0;
}
.new-notes-top textarea{
  resize: none !important;
  overflow: auto !important;
}
.search-status-s{
  padding-left: 2px;
}
.company-search td{
  color:#005285 !important;
 font-family: OpenSans-SemiBold;
}
.address-search1 td{
color:#FF7F00 !important;
 font-family: OpenSans-SemiBold;
}
.client-search td{
color:#D81515 !important;
  font-family: OpenSans-SemiBold;
}
.non-search td{
  color:#237F17 !important;
  font-family: OpenSans-SemiBold;
}
.address-search1{
  background-color: #FFF8EC;
}
.company-search{
  background-color: #F0F5F8;
}
.client-search{
background-color: #FCF3F3;
}
.non-search{
  background-color: #E5F3E8;
}
.ro-company-list, a.ro-company-list{
  color:#000 !important;
 font-family: OpenSans-Bold;
     font-size: 13px;
}
.delete-all{
      background-color: #005285 !important;
}
.mark-all{
 background-color: #005285 !important;
}
.all-delete-btn .btn{
  font-size: 12px !important;
  padding: 5px !important;
  border-radius: 0px !important;
  color: #fff !important;
}
.notificationDelete-content img{
  width: 40px;
  margin-bottom: 20px;
}
.notificationDelete-content p{
  color: #000;
}
.notificationDelete-content .btn-cancel{
  background-color: #D81515 !important;
}
.notificationDelete-content .btn-continue{
  background-color: #005285 !important;
}
.notificationDelete-content .btn{
    color: #fff !important;
    font-size: 12px;
    border:none !important;
}
.country-cy.invisible{
  display: none;
}
/*  */
.email-break{
    word-break: break-all;
}

.match-address{
      width: 37% !important;
}
/* Responsive */
@media only screen and (max-width: 1550px) {
  .add-expires-width{
        width: 21% !important;
  }
}
@media only screen and (max-width: 1440px) {
 .new-notecmp-width{
    margin-top: 14px !important;
  }
    .add-expires-width{
        width: 23% !important;
  }
  .match-address {
    width: 33.333% !important;
}
.break-label{
      white-space: break-spaces !important;
    line-height: 13px !important;
}
}
@media only screen and (min-width: 1280px) {

  .new-num-width{
    width: 24.666667% !important;
  }
  .new-name-width{
    width: 40% !important;
  }
 
  .new-widthcmp-first{
    width: 85.666667% !important
  }
  .new-widthcmp-second{
    width: 14.333333% !important;
  }
  .new-notecmp-width{
    width: 100% !important;
  }
  .new-notecmp-width .col-md-2{
    text-align: left !important;
    width: 11% !important;
  }
  .new-notecmp-width .col-md-10{
    width:88.333333% !important;
  }
  
}
@media only screen and (min-width: 1366px) {
  .new-num-width{
    width: 22.666667% !important;
  }
  .new-name-width{
    width: 37% !important;
  }
  
  .new-widthcmp-first{
    width: 85.666667% !important
  }
  .new-widthcmp-second{
    width: 14.333333% !important;
  }
  .new-notecmp-width{
    width: 100% !important;
  }
  .new-notecmp-width .col-md-2{
    text-align: left !important;
    width: 10% !important;
  }
  .new-notecmp-width .col-md-10{
    width:89.333333% !important;
  }
  
}

@media only screen and (min-width: 1440px) {
   .new-num-width{
    width: 20.666667% !important;
  }
  .new-name-width{
    width: 35% !important;
  }
 
  .new-widthcmp-first{
    width: 85.666667% !important
  }
  .new-widthcmp-second{
    width: 14.333333% !important;
  }
  .new-notecmp-width{
    width: 100% !important;
  }
  .new-notecmp-width .col-md-2{
    text-align: left !important;
    width: 10% !important;
  }
  
}
@media only screen and (min-width: 1500px) {
   .new-num-width{
    width: 19.666667% !important;
  }
  .new-name-width{
    width: 32% !important;
  }
  .new-notecmp-width{
    width: 48.333333% !important;
  }
  .new-widthcmp-first{
    width: 85.666667% !important
  }
  .new-widthcmp-second{
    width: 14.333333% !important;
  }
  .new-notecmp-width .col-md-2{
    width: 18.666667% !important;
  }
  .new-notecmp-width .col-md-10{
    width: 80.333333% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .new-num-width{
    width: 18.666667% !important;
  }
  .new-name-width{
    width: 30% !important;
  }
  .new-notecmp-width{
    width: 51.333333% !important;
  }
  .new-widthcmp-first{
    width: 86.666667% !important;
  }
  .new-widthcmp-second{
    width: 13.333333% !important;
  }
.company-phone {
    width: 37% !important;
}
.company-bank{
  width: 40% !important;
}
}
@media only screen and (min-width: 1920px) {
  .new-widthcmp-first{
    width: 89.666667% !important;
  }
  .new-widthcmp-second{
    width: 10.333333% !important;
  }
  
  .custom-scroll.new-note-scroll{
    width: 60% !important;
  }
  .new-notebtn-scroll{
    width: 13.333% !important;
  }
.company-phone {
    width: 30% !important;
}
.company-bank{
  width: 32% !important;
}
.view-payment-table tr th:nth-child(2){
      width: 7%;
}
.view-payment-table tr th:nth-child(3) {
    padding-right: 100px !important;
    width: 11%;
}
.view-payment-table tr td:nth-child(3) {
    padding-right: 100px !important;
    }
    .retiner-table tr th:nth-child(3), .client-total-table tr th:nth-child(3){
          padding-right: 80px !important;
    }
    .retiner-table tr td:nth-child(3), .client-total-table tr td:nth-child(3){
          padding-right: 80px !important;
    }
    .add-payment-table tr th:nth-child(3), .add-payment-table tr td:nth-child(3){
      padding-right: 100px !important;
    }
    .add-retiner-table tr th:nth-child(3), .add-retiner-table tr td:nth-child(3){
 padding-right: 100px !important;
    }
    .add-deposit-table tr th:nth-child(3), .add-deposit-table tr td:nth-child(3){
     padding-right: 100px !important; 
    }
    ul.infor-table-tab{
    margin-left: 41.5%;
    }
}
@media only screen and (min-width: 2560px) {
.company-phone {
    width: 23% !important;
}
.company-bank{
  width: 25% !important;
}
}
@media only screen and (min-width: 3440px) {
.company-phone {
    width: 17% !important;
}
.company-bank{
  width: 20% !important;
}
}
@media only screen and (max-width: 1150px) {
.main-dashboard h3{
  font-size: 23px;
  margin-bottom: 0px;
  }
.main-dashboard .col-md-4, .hor-bar .col-md-8{
  width: 100% !important;
}
.main-dashboard{
  height: auto !important;
  margin-bottom: 30px;
}
.main-dashboard .graph-heading, .bar-count-heading{
  margin-top: 15px;
}
.main-dashboard .hor-bar-width .col-md-8{
    width: 66.66666667% !important;
}
.main-dashboard .hor-bar-width .col-md-4{
width: 33.33333333% !important;
}
.card.inner-graph-height{
  height: auto;
}
.inner-graph-width .col-md-6{
  width: 100%;
}
.graph-heading-2 .graph-heading{
  margin-top: 15px;
}
.width-100-1150{
  width: 100% !important;
}
.width-100-1150 .inner-dashboard-table-right{
  justify-content: start;
}
}

@media (min-width: 1420px) and (max-width: 1800px) {
  .company-notes.company-requ .col-md-2{
    width: 17% !important;
  }
  .company-notes.company-requ .col-md-10{
    width: 83% !important;
  }
}
@media (min-width: 1400px)  and (max-width: 1920px) {

  .new-width-first{
    width: 85.666667% !important;
  }
  .new-width-second{
    width: 14.333333% !important;
  }
  .company-requ .new-txtarea{
    width: 88% !important;
  }
.custom-scroll.new-note-scroll{
    width: 61% !important;
  }
  .new-notebtn-scroll{
    width: 13.333% !important;
  }
}
@media (min-width: 1601px)  and (max-width: 1920px) {
    .new-client.company-requ .col-md-2{
    width: 18% !important;
  }
  .new-client.company-requ .col-md-10{
    width: 82% !important;
  }

}


@media (min-width: 1421px)  and (max-width: 1600px) {

  .new-client.company-requ .col-md-2{
    width: 20% !important;
  }
  .new-client.company-requ .col-md-10{
    width: 80% !important;
  }
  
  .new-note-width{
    width: 63% !important;
    margin-top:14px !important;
  }
}
@media (min-width: 1200px)  and (max-width: 1327px) {
  .new-client.company-requ .col-md-2{
    width: 14% !important;
  }
  .new-client.company-requ .col-md-10{
    width: 86% !important;
  }
}
@media only screen and (max-width: 1400px) {
  .new-width-first{
    width: 85.666667% !important;
  }
  .new-width-second{
    width: 14.333333% !important;
  }
  .information-div .col-lg-10 label{
    font-size: 12px;
  }
}
@media (min-width: 1180px) and (max-width: 1420px) {
  .new-notes-top{
    margin-top: 14px !important;
    width: 100% !important;
  }
  .text-end.new-note-align{
    text-align: left !important;
  }
  .company-requ .text-end.new-note-align{
    text-align: left !important;
  }
}
@media (min-width: 1025px) and (max-width: 1180px) {

  .new-notes-top{
    margin-top: 14px !important;
    width: 95% !important;
  }
  .text-end.new-note-align{
    text-align: left !important;
    width:12% !important;
  }
}

@media (min-width: 991px) and (max-width: 1024px) {
  .new-width-first .new-lab-txt{
    width: 18% !important;
  }
  .custom-scroll.new-note-scroll{
    width: 57.333% !important;
  }
  .new-notebtn-scroll{
    width: 17.666% !important;
  }
  .new-num-width{
    width: 30% !important;
  }
  .new-name-width{
    width: 47% !important;
  }
  .new-notes-top{
    margin-top: 14px !important;
    width: 100% !important;
  }
  .text-end.new-note-align{
    text-align: left !important;
    width:15% !important;
  }
}
/*old responsive*/
@media only screen and (max-width: 991px) {
.inner-dashboard-table, .inner-graph-height.card{
  margin-bottom: 30px !important;
}
.inner-page-dashboard.mb-5, .inner-page-dashboard.mb-4, .inner-page-dashboard.mb-3{
  margin-bottom: 0px !important;
}
.inner-dashboard-table.mb-5{
  margin-bottom: 30px !important;
}
.width-100-991{
  width: 100% !important;
}
.inner-heading-div{
      gap: 20px;
}
.common-form label{
      white-space: inherit;
          vertical-align: middle;
    display: table-cell;
    line-height: 20px;
    height: 30px;
}
.common-form label.new-checkbox{
  display: inline-block;
}
.common-form label.error{
  height: auto;
}
.common-form .text-end{
  text-align: left !important;
}
.common-form .p-0, .new-popup .p-0{
  padding-left:12px !important;
  padding-right:12px !important;
}
.common-form .ps-0, .new-popup .ps-0{
  padding-left:12px !important;
}
.common-form .pe-0, .new-popup .pe-0{
  padding-right:12px !important;
}
.company-acc-form, .company-dead-form{
width: auto !important;
}
.information-div .incorporated-div{
  width: auto !important;
}
.common-form .mb-4, .common-form .mb-3,
.new-popup .mb-4, .new-popup .mb-3{
  margin-bottom: 0px !important;
}
.new-popup .mt-5{
  margin-top: 0px !important;
}
.common-form input, .common-form .custom-select, .common-form textarea,
.new-popup input, .new-popup .custom-select, .new-popup textarea{
  margin-bottom: 20px;
}
.ubo-div .custom-select{
  margin-bottom: 0px;
}
.common-form .card{
  margin-bottom: 30px;
}
.ubo-div .btn{
  margin-top: 20px;
}
.ul.infor-table-tab {
      margin-left: 1%;
}
.no-d-flex.d-flex{
  display: block !important;
}
.no-d-flex.d-flex div{
  width: 50%;
  float: left;
}
.cli-gdpr-empty{
  display: none;
}
.add-payment-table tr th, .add-retiner-table tr th, .add-deposit-table tr th{
  width: auto !important;
}
.renewal-amount .align-items-center{
  align-items: start !important;
}
.company-requ .col-md-2, .company-address .col-md-2, .company-address .col-md-10{
  width: 100%;
}
.new-popup .text-end{
  text-align: left !important;
}
#addAddressModal .mt-5{
  margin-top: 0px !important;
}
.schedule-month .new-checkbox{
    display: block !important;
}
.startMonth p{
  margin-bottom: 0px;
}
.display-data p{
  line-height: inherit;
}
.company-dropdown label{
display: inline-block !important;
}
.view-form  .form-check-label{
 display: inline-block !important; 
}
.retiner-table tr th, .view-payment-table tr th{
  width: auto !important;
}
.information-div .btn-small-add{
margin-bottom: 10px;
}
.empty-991{
  display: none;
}
#addedpayment{
  margin-top: 10px;
}
.add-folder{
  float: left;
}
/*.non-view-payment-table{
width: 100% !important;
}*/
.non-view-payment-table th{
  width: auto !important;
}
.poa-doc.justify-content-end{
  justify-content: start !important;
}
.nonexecs .company-dropdown{
 justify-content: start !important; 
}
.agencies-involved{
width:auto !important;
}
#editrequestform input.checkbox{
  margin-bottom: 0px !important;
}
input[type=hidden]{
  margin-bottom: 0px !important;
}
#complete{
  margin-bottom: 0px !important;
} 
.roles-tab-div{
  right: 20%;
}
}
@media only screen and (max-width: 850px) {
.audit .header-right{
  display: block !important;
  }
  .audit .header-right > div{
    width: 40%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }

}
@media only screen and (max-width: 768px) {
.inner-heading-div{
display: block;
}
.inner-dashboard-table-right{
  justify-content: start;
}
.common-form input, .common-form .custom-select{
  margin-bottom: 10px;
}
.common-form .popup-btn{
margin: 10px 0px !important;
}
.non-psc, .non-shareholder{
  width: 100% !important;
}
.empty-div{
  display: none !important;
}
.no-d-flex.d-flex div{
  width: 100%;
  }
  .add-folder{
    float: left;
  }
  .com-view-com.d-flex{
    display: block !important;
  }
  .com-view-com label{
    display: block !important;
  }
  .information-div .col-lg-10{
    width: 100%;
  }
  .address-search{
    width: 100% !important;
  }
  .pagination, .paginationjs{
    margin: 0px !important;
    margin-top: 10px !important;

  }
  .fin-approved .new-checkbox{
        margin-left: 0px !important;
        margin-top: 3px !important;
  }
  .requests-tab-right{
    margin-top: 0px !important;
  }
  .m-just-cont-end.justify-content-end{
    justify-content: start !important;
  }
  #notification-content{
        width: 100%;
  }
  .header-search .popup-save-btn{
    margin-top: 10px;
  }
  .role-access-label .form-switch{
padding-left: 60px !important;
  }
  .role-access-label .form-check.form-switch .form-check-input{
float: left !important;
  }
  .btn-tab{
        padding: 1px 10px !important;
    font-size: 12px !important;
  }
  .edit-roles{
    margin-top: 20px !important;
  }
  #lists_table .mt-5{
margin-top:0px !important;
  }
  .list-div{
        margin-bottom: 20px;
  }
  .accordion-help .mt-3{
    margin-top: 0px !important;
  }
  .accordion-heading{
    margin-top: 10px !important;
  }
  .showdetails .mb-4, .editdetails .mb-4{
    margin-bottom: 0px !important;
  }
  .editdetails label{
    margin-top: 10px;
  }
  .login-bg .row > div{
    padding: 0px 12px !important;
  }
  .inner-dashboard-table.card{
    height: 272px;
  }
  .dashboard-heading-single {
        max-height: 232px !important;
  }
}

@media only screen and (max-width: 500px) {
.checkbox-row .d-flex{
display: block !important;
}
.common-form label.new-checkbox {
   display: block !important;
}
.help-dropdown.dropdown-menu.show{
      width: auto !important;
}
.notes-popover{
      max-width: 250px !important;
}
.roles-tab-div{
  right: 0px;
}
.roles-tab-div{
  width: auto !important;
}
.tab-inner-div-checkbox .col-3, .tab-inner-div-heading .col-3{
    width: 25% !important;
}
.my-details-popup{
  width: 100%;
}
}