/*Dark Mode*/
body.ci-app-dark-mode, .ci-app-dark-mode .curved-border {
  background-color: #181C20 !important;
}
.ci-app-dark-mode .mobile-menu-placeholder {
  background-color: #2F3236 !important;
}
.ci-app-dark-mode .text-ci-secondary, .ci-app-dark-mode .handsontable {
  color: white !important;
}
.ci-app-dark-mode .ci-theme-clr {
  color: var(--ciThemeLight) !important;
}
.ci-app-dark-mode .ci-btn-primary.disable-btn, .ci-app-dark-mode .ci-btn-primary.disable-btn:hover {
  background-color: hsla(203, 8%, 80%, 1) !important;
  color: black !important;
  cursor: not-allowed;
}
.ci-app-dark-mode .form-control, .ci-app-dark-mode .custom-select, .ci-app-dark-mode .date-input-field {
  background-color: #181C20 !important;
  color: white !important;
  border: 1px solid hsla(214, 7%, 20%, 1) !important;
}
  .ci-app-dark-mode .date-input-field .date {
    color: white !important;
  }
.ci-app-dark-mode .baag-app-section #loading-bar {
  /*color: #548951 !important;*/
  color: var(--ciThemeMedium) !important;
}

  .ci-app-dark-mode .baag-app-section #loading-bar .bar {
    /*background-color: #548951 !important;*/
    background-color: var(--ciThemeMedium) !important;
  }
.ci-app-dark-mode .modal-footer {
  background-color: #2F3236 !important;
  border: 0;
}

.ci-app-dark-mode .badge-tips {
  background-color: var(--ciThemeXDark) !important;
  color: var(--ciThemeXLight) !important;
}
  .ci-app-dark-mode .badge-tips.badge-border {
    border: 1px solid var(--ciThemeXLight) !important;
  }
.ci-app-dark-mode .badge-tips1 {
  background-color: transparent;
  color: var(--ciThemeLight);
  border: 1px solid var(--ciThemeLight) !important;
}
.ci-app-dark-mode .badge-tips2 {
  background-color: transparent;
  color: white;
  border: 1px solid white !important;
}

.ci-app-dark-mode .ci-privacy-policy-link {
  color: white !important;
}
.ci-app-dark-mode .search-card-bg {
  background-color: #2F3236 !important;
}
.ci-app-dark-mode .ci-btn-primary, .ci-app-dark-mode .ci-btn-primary:hover, .ci-app-dark-mode .ci-btn-secondary:hover {
  color: black !important;
}
.ci-app-dark-mode .btn-light {
  background-color: black !important;
  color: var(--ciThemeLight) !important;
  border: 1px solid #2F3236 !important;
}
  .ci-app-dark-mode .btn-light:hover {
    background-color: var(--ciThemeXDark) !important;
    border: 1px solid var(--ciThemeXDark) !important;
  }
.ci-app-dark-mode .btn-dark {
  background-color: var(--ciThemeLight) !important;
  color: black !important;
  border: 1px solid var(--ciThemeLight) !important;
}
.ci-app-dark-mode .btn-dark:hover {
    background-color: var(--ciThemeMedium) !important;
    border: 1px solid var(--ciThemeMedium) !important;
  }
.ci-app-dark-mode .connect-individual-header, .ci-app-dark-mode .ci-container, .ci-app-dark-mode .baag-login, .ci-app-dark-mode .ci-container .card, .ci-app-dark-mode .baag-login .card, .ci-app-dark-mode .dropdown-menu,
.ci-app-dark-mode .dropdown-item, .ci-app-dark-mode .logo-div {
  color: white !important;
}

.ci-app-dark-mode .user-profile-icon {
  color: var(--ciThemeLight);
  background: black;
  border-radius: 100%;
}
.ci-app-dark-mode .modal-header .close {
    color: white;
}
/*.ci-app-dark-mode .bulletin-list-page .bullet-label {
  color: var(--ciThemeLight);
}*/
.ci-app-dark-mode .ci-container .emp-benefits-card {
  color: white;
}
  .ci-app-dark-mode .plan-icon-wrapper {
    background-color: var(--ciThemeLight) !important;
    color: var(--ciThemeDark) !important;
  }

.ci-app-dark-mode .plan-icon-label {
  color: white !important;
}

.ci-app-dark-mode .home-logo, .ci-app-dark-mode .insurchoice-logo {
  background-color: white !important;
}


.ci-app-dark-mode .bullet-label {
  color: var(--ciThemeLight) !important;
}

.ci-app-dark-mode .ci-container, .ci-app-dark-mode .connect-individual-header, .ci-app-dark-mode .baag-login {
  background-color: #181C20 !important;
}

  .ci-app-dark-mode .ci-container .card, .ci-app-dark-mode .ci-container .emp-benefits-card, .ci-app-dark-mode .baag-login .card, .ci-app-dark-mode .modal-content, .ci-app-dark-mode .card-wrap-container {
    background-color: #23282F !important;
  }
    .ci-app-dark-mode .ci-container .card.bullet-card, .ci-app-dark-mode .ci-container .res-card, .ci-app-dark-mode .card.list-plan-card {
      background-color: #181C20 !important;
      border: 1px solid #2F3236 !important;
    }
    .ci-app-dark-mode .modal-content .card.list-plan-card {
      background-color: inherit !important;
      border: 0 !important;
    }
.ci-app-dark-mode .ci-container .card.bullet-card .ci-link-clr {
color: var(--ciThemeDark) !important;
}
.ci-app-dark-mode .modal-content {
  color: white;
}
.ci-app-dark-mode .ci-container .card.bullet-card, .ci-app-dark-mode .ci-container .res-card.ir-card {
  background-color: #2F3236 !important;
  border: 1px solid #2F3236 !important;
  color: white !important;
}
.ci-app-dark-mode .text-danger.text-center-mob span{
  color: #EEC6C1 !important;
}
.ci-app-dark-mode .btn-danger {
    color: black !important;
}
.ci-app-dark-mode .bm-dropbox {
  color: white !important;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%233C4652' stroke-width='3' stroke-dasharray='6%2c 10' stroke-dashoffset='28' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 10px;
  background-color: #181C20 !important;
}
.ci-app-dark-mode .bm-dropbox i {
  color: var(--ciThemeDark) !important;
}
.ci-app-dark-mode .mp-card {
  background-color: #2F3236 !important;
  border: 1px solid #2F3236 !important;
  color: var(--ciThemeLight) !important;
  border-radius: 10px;
  position: relative;
  padding: 1rem;
}
.ci-app-dark-mode .mp-card:hover .responsive-font {
  color: var(--ciThemeXLight) !important;
}
.ci-app-dark-mode .ir-card h3 {
  color: var(--ciThemeLight) !important;
}
.ci-app-dark-mode .bulletin-btn-holder {
  background-color: #2F3236 !important;
  border: 1px solid #23282F !important;
}
.ci-app-dark-mode .mp-card .top-corner {
  background-color: #23282F;
  border: 1px solid #2F3236;
  position: absolute;
  color: var(--ciThemeLight) !important;
  top: 0;
  right: 0;
  border-radius: 0 10px 0 10px;
  padding: 0.25rem 0.5rem;
  transition: ease 0.5s;
}
.ci-app-dark-mode .ci-head-clr {
  color: var(--ciThemeLight) !important;
}
.ci-app-dark-mode .dlist-table thead {
  background-color: var(--ciThemeDark) !important;
  color: white !important;
  font-weight: 400 !important;
  border-bottom: 1px solid var(--ciThemeDark) !important
}
.ci-app-dark-mode .dlist-table tbody, .ci-app-dark-mode .dlist-table {
  color: white !important;
  background-color: #2F3236 !important;
}
.ci-app-dark-mode .border {
  border: 1px solid hsla(214, 7%, 20%, 1) !important;
}
.ci-app-dark-mode .btn-Xlight {
  background-color: var(--ciThemeXDark) !important;
  color: var(--ciThemeXLight) !important;
  font-weight: 600;  
}
.ci-app-dark-mode .btn-Xlight:hover {
  background-color: var(--ciThemeMedium) !important;
  color: black !important;
}
.ci-app-dark-mode .mp-card .mp-displayname {
  color: white !important;
}  
.ci-app-dark-mode .ci-container .card.plan-card {
  background-color: #2F3236 !important;
}
.ci-app-dark-mode .load-more-btn {
  color: black !important;
}
.ci-app-dark-mode .dropdown-menu {
  background-color: #2F3236 !important;
}

.ci-app-dark-mode .ci-active-menu, .ci-app-dark-mode .ci-icon-clr, .ci-app-dark-mode .ci-link-clr, .ci-app-dark-mode .ci-link-clr:hover, .ci-app-dark-mode .active-indicator, .ci-app-dark-mode .enable-class {
  color: var(--ciThemeLight) !important;
}
.ci-app-dark-mode .bm-icon {
  color: var(--ciThemeLight) !important;  
}
.ci-app-dark-mode .bm-icon i {  
  background-color: #5e6166 !important;
}

  .ci-app-dark-mode .ci-active-menu .logo-div {
    background-color: var(--ciThemeDark) !important;
    color: var(--ciThemeXLight) !important;
  }
.ci-app-dark-mode .bm-plan-name, .ci-app-dark-mode .text-secondary {
  color: white !important;
}
.ci-app-dark-mode .ci-nav-btn {
  background-color: #181C20 !important;
  color: var(--ciThemeLight) !important;
  border: 1px solid #2F3236 !important;
}

.ci-app-dark-mode .ci-heading-top-line2 {
  border-top: 4px solid var(--ciThemeLight) !important;
}

.ci-app-dark-mode .ci-btn-primary {
  border: 1px solid var(--ciThemeLight) !important;
  background-color: var(--ciThemeLight) !important;
  color: black;
}

  .ci-app-dark-mode .ci-btn-primary:hover {
    border: 1px solid var(--ciThemeMedium) !important;
    background-color: var(--ciThemeMedium) !important;
    color: black;
  }

.ci-app-dark-mode .ci-btn-secondary {
  background-color: transparent;
  color: var(--ciThemeLight) !important;
  border: 1px solid var(--ciThemeLight) !important;
}
.ci-app-dark-mode .ci-border-primary {
  border: 1px solid var(--ciThemeLight) !important;
}

.ci-app-dark-mode .my-act {
  color: var(--ciThemeXLight) !important;
}

.ci-app-dark-mode .my-act {
  color: var(--ciThemeXLight) !important;
  cursor: pointer;
}

.ci-app-dark-mode .ci-btn-secondary:hover {
  border: 1px solid var(--ciThemeMedium) !important;
  background-color: var(--ciThemeMedium) !important;
  color: white;
}

/*.ci-app-dark-mode .ci-heading .insurchoice-logo {
  background-color: var(--ciThemeLight) !important;
  mask: url(../images/cyber/insurchoice.svg) no-repeat center / contain;
  -webkit-mask: url(../assets/images/cyber/insurchoice.svg) no-repeat center / contain;
  display: inline-block;
}*/

.ci-app-dark-mode .ci-icon-clr::before, .ci-app-dark-mode .ci-icon-clr::after {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--ciThemeXLight)), to(var(--ciThemeMedium)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ci-app-dark-mode .ci-container .card, .ci-app-dark-mode .ci-container .emp-benefits-card, .ci-app-dark-mode .baag-login .card, .ci-app-dark-mode .card-wrap-container {
  border: none !important;
}

/*.ci-app-dark-mode .bm-dropbox.card-keeper-dropbox {
  border: 1.5px dashed var(--ciThemeLight) !important;
}*/

.ci-app-dark-mode .border-bottom {
  border-bottom: 1px solid #313233 !important;
}

.ci-app-dark-mode .nfp-black-logo {
  display: none;
}

.ci-app-dark-mode .nfp-white-logo {
  display: inline-block;
}

.ci-app-dark-mode .ci-custom-footer, .ci-app-dark-mode .mat-datepicker-content {
  background: #2F3236 !important;
  border: none !important;
  color: white !important;
}
.ci-app-dark-mode .text-dark, .ci-app-dark-mode a.text-dark:hover, .ci-app-dark-mode .mat-calendar-body-cell-content, .ci-app-dark-mode .text-black {
  color: white !important;
}
.ci-app-dark-mode .res-card h3, .ci-app-dark-mode .res-card .ic-clr, .ci-app-dark-mode .mat-calendar-table-header,
.ci-app-dark-mode .mat-calendar-body-label, .ci-app-dark-mode .mat-calendar-arrow, .ci-app-dark-mode .mat-datepicker-content .mat-calendar-next-button,
.ci-app-dark-mode .mat-datepicker-content .mat-calendar-previous-button, .ci-app-dark-mode .mat-datepicker-toggle, .ci-app-dark-mode .mat-calendar-arrow {
  color: var(--ciThemeLight) !important;
}
.ci-app-dark-mode .mat-calendar-arrow {
  border-top-color: var(--ciThemeLight) !important;
}
@media (min-width: 250px) and (max-width: 768px) {
  .ci-app-dark-mode .connect-individual-header {
    background-color: var(--ciThemeDark) !important;
  }
  .ci-app-dark-mode .connect-individual-header.border-bottom {
      border-bottom: 1px solid var(--ciThemeDark) !important;
  }
  .ci-app-dark-mode .card-wrap-container {
    background-color: #181C20 !important;
  }
}
@media (min-width: 250px) and (max-width: 1200px) {
  .ci-app-dark-mode .quick-links-card {
    box-shadow: 1px -3px 6px 3px rgba(255, 255, 255, 0.25);
  }
}