div.header-nav-wrapper .navbar.navbar-dark.bg-dark {
    background: #3097D1 !important;
  }
  
  div.page-header.guest-header {
    margin-bottom: 20px !important;
    color: #222;
    background-color: unset !important;
  }
  
  nav.page-header.guest-header {
    margin-bottom: 20px !important;
    color: #222;
    background-color: unset !important;
  }
  
  div.page-footer.guest-footer {
    color: #222;
    background-color: unset !important;
  }
  
  .nav-item .nav-link {
    font-size: 16px !important;
    color: #fff;
  }
  
  .nav-item:hover, .nav-item .nav-link:hover, .nav-item.dropdown.open > a.nav-link,
  .nav-item:focus, .nav-item .nav-link:focus, .nav-item.dropdown.open > a.nav-link:focus {
    color: #fff !important;
  }
  
  ul.nav li.nav-item:last-child {
    border-right: 0px;
  }
  
  ul.nav li.nav-item div.dropdown-menu .dropdown-item {
    height: 32px !important;
    padding-top: 5px;
    padding-bottom: 7px;
    color: #fff !important;
  }
  
  ul.nav li.nav-item div.dropdown-menu {
    background: #868c8f;
    color: #fff;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: 0;
  }
  
  ul.auth-menu {
    z-index: 5;
  }
  
  ul.auth-menu > li.nav-item.dropdown {
    z-index: 2;
  }
  
  ul.auth-menu > li.nav-item.dropdown:hover, ul.auth-menu > li.nav-item.dropdown > .nav-link:hover, ul.nav.auth-menu > li.nav-item.dropdown.open > a.nav-link {
    background: unset !important;
  }
  
  ul.auth-menu div.dropdown-menu {
    margin-left: 5px;
  }

  ul.auth-menu > li.nav-item.dropdown > a.nav-link {
    padding-right: 10px;
    padding-left: 85px;
  }
  
  ul.auth-menu > li.nav-item.dropdown.open > a.nav-link {
    padding-bottom: 10px;
  }
  
  ul.auth-menu > li.nav-item.dropdown > .dropdown-item {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
  }
  
  div.panel div.panel-heading {
    background: #333A40;
    color: #fff;
  }
  div.panel div.panel-heading h3 {
    font-size: 22px;
    margin: 0;
  }
  
  div.panel {
    border-color: #333A40;
  }
  
  div.add-employee-wrapper i.fa {
    font-size: 25px;
    cursor: pointer;
  }
  
  button.btn.btn-success {
    width: 40%;
  }
  
  button.btn.btn-success.btn-auto-w, div.btn-auto-w button.btn.btn-success {
    width: unset !important;
  }
  
  .btn-secondary:hover {
    color: #fff;
  }
  
  .left-nav .menu-heading {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  }
  
  .external-menu .nav-item, .external-menu .nav-item:hover, .external-menu .nav-item .nav-link:hover {
    background-color: unset !important;
  }
  
  .external-menu .nav-item .nav-link {
    font-size: 15px !important;
  }
  
  .external-menu .nav-item .nav-link:hover {
    text-decoration: underline;
  }
  
  input:focus, select:focus, button:focus {
    outline: none !important;
    box-shadow: none !important;
  }
  
  .has-error {
      border: 1px solid #d33c40;
  }
  
  .input-error, .txt-error {
      color: #d33c40;
  }
  
  .bold {
    font-weight: bold;
  }
  
  .custom-checkbox.has-error, .custom-radio.has-error {
    border: 0;
  }
  
  .custom-checkbox.has-error label::before, .custom-radio.has-error label::before {
    border: 1px solid #d33c40;
  }
  
  .entity-files-container .dg-main-content {
    max-width: 600px !important;
  }

  .entity-files-container .dg-container {
    overflow-y: auto;
  }

  .modal-title {
    font-size: 1.5em;
  }
  
  .modal-header {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  
  .modal-header .close {
    padding: 0 7px;
    font-size: 2em;
  }
  
  /* .custom-select {
    appearance: menulist;
    width: auto !important;
  } */
  
  .employee-location {
    font-size: 12px;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .custom-control-input.form-check .custom-control-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
  }
  
  .custom-control-input.form-check .custom-control-label {
    margin-bottom: 0;
  }
  
  label.bg-transparent.h-auto {
    display: inline !important;
  }
  
  .no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  
  .b-calendar-header output {
    height: 30px !important;
    font-size: 12px !important;
    padding-top: 5px !important;
  }
  
  .b-calendar-grid-body .btn:focus, .b-calendar-grid-body .btn:hover, .b-calendar-grid-body .btn.active {
    outline: none !important;
  }
  
  /* Pagination */
  .pagination {
    margin-top: 0 !important;
  }
  
  .page-item.active .page-link {
    background-color: #8eb4cb;
    border-color: #8eb4cb;
  }
  
  .export-dropdown {
    color: #fff !important;
  }
  
  .export-dropdown.show {
    display: inline-block !important;
  }
  
  .export-dropdown.show .btn.dropdown-toggle {
    color: #fff !important;
  }
  
  .export-dropdown .dropdown-menu {
    color: #333 !important;
  }
  
  .is-late {
    border-left: 2px solid #d33c40 !important;
  }
  
  span.password-char {
    font-size: 1em;
    font-family: 'Courier New', Courier, monospace;
    letter-spacing: 5px;
  }
  
  .password-status-icon {
    font-size: 18px;
  }
  
  select.form-control {
    width: auto;
    max-width: 100%;
  }
  
  .edit-container .btn.btn-success {
    width: unset !important;
  }
  
  ul.incidents-list {
    list-style: none;
    margin: 0;
    padding-left: 5px;
  }
  
  /* a.page-link:focus {
    outline: none !important;
  } */
  /* Pagination */
  
  .shadow-button {
    float: right;
    margin-top: -50px;
  }
  
  .nav-shadow-button {
    float: right;
    margin: 5px;
  }
  
  .card-header h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
  } 
  
  /* Checkbox */
  .custom-checkbox .custom-control-label::before, .custom-radio .custom-control-label::before {
    width: 1.25rem;
    height: 1.3rem;
    top: .5rem;
  }
  
  .custom-checkbox .custom-control-label::after, .custom-radio .custom-control-label::after {
    top: .5rem;
    left: -1.6rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .custom-radio .custom-control-label::after {
    top: .4rem;
    left: -1.6rem;
    width: 1.4rem;
    height: 1.4rem;
  }
  
  .custom-radio.custom-control-label-other label::before, .custom-radio.custom-control-label-other label::after {
    top: 1rem;
  }
  /* Checkbox */
  
  .normal-weight, .date-value label {
    font-weight: normal;
  }
  
  .fieldset-legend-1 legend, .fieldset-legend-1 label {
    color: inherit !important;
  }
  
  select.multiple-select-medium {
    height: 120px !important;
  }
  
  .modal-header .close{
    padding: 5px 7px !important; 
  }
  
  h5.application-sub-header {
      margin-left: -20px;
      margin-right: -20px;
      margin-bottom: 0;
      cursor: pointer;
      border-bottom: 1px solid #eee;
  }
  
.enlarged-image-modal {
    max-width: 800px;
}

/* Client Modal */
div.client-modal {
    min-width: 600px !important;
    max-width: 800px !important;
}
div#client-modal .modal-dialog {
    min-width: 700px !important;
    /* max-width: 800px !important; */
}

/* Company Modal */
div.company-modal {
    max-width: 600px !important;
}

div.company-modal div.company-wizard > div.card {
    border-left: 0;
    border-right: 0;
}

div.company-modal .card-header {
    background-color: #4c6985 !important;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

div.company-modal .card-header li.nav-item .nav-link.active {
    color: #222 !important;
}

div.company-modal .card-header li.nav-item .nav-link.active:hover {
    color: #fff !important;
}
/* Company Modal */

/* Files Modal */
.entity-files-container .dg-content-cont--floating {
    transform: none !important;
    top: 0% !important;
}
/* Files Modal */

/* FullScreen Modal */
.full-screen-modal .modal-dialog {
    /* max-width: 85% !important; */
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}
.full-screen-modal .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
/* FullScreen Modal */
/* OTP */
.otp-input {
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0 5px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
}

.otp-input.error {
        border: 1px solid red !important;
}

.otp-input::-webkit-inner-spin-button,
.otp-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.code-expiration-countdown, .code-request-countdown {
    font-weight: bold;
}
/* OTP */

/* Dashboard */
div.dashboard-menu-item {
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: #20b077;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.dashboard-menu-item a {
    color: #fff;
    text-decoration: none;
}

div.dashboard-menu-item:hover {
    background-color: #fff;
    border: 2px solid #20b077;
}

div.dashboard-menu-item:hover a {
    color: #20b077; 
}
/* Dashboard */

/* CC */
/* OTP */
.cc-input {
    width: 30px;
    height: 30px;
    padding: 5px;
    margin: 0 5px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
}

.cc-input.error {
        border: 1px solid red !important;
}

.cc-input::-webkit-inner-spin-button,
.cc-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* CC */

/* FullCalendar */
.fc-event-time, .fc-event-title {
    padding: 0 1px;
    white-space: normal;
}
/* FullCalendar */

/* Missing Data */
tr.missing-data {
    background-color: #f4c2c2;
}

tr.missing-data td {
    border-left: 0px;
    border-right: 0px;
}
/* Missing Data */

/* Loading Overlay */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1500;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-top-color: #3498db;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Loading Overlay */