::selection {
    color: #fff;
    background: #ef6f6f;
  }
  a,
  .btn-link {
    color: #ef6f6f;
  }
  .text-green,
  .text-info,
  .text-success,
  .text-danger,
  .text-primary,
  .text-warning,
  .mail-star.active,
  .page-title {
    color: #ef6f6f !important;
  }
  .badge-default {
    background: #6c7989;
    color: #eff2f7;
  }
  .loader {
    color: #ef6f6f;
  }
  .badge-primary {
    background-color: #ef6f6f;
  }
  .btn-primary {
    background: #ef6f6f;
    color: #fff;
    border-color: #ef6f6f;
  }
  .btn-info {
    background-color: #efc673;
    border-color: #efc673;
  }
  .nav-tabs .nav-link.active {
    border-color: #ef6f6f;
    color: #ef6f6f;
  }
  .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 111, 111, 0.25);
  }
  .card,
  .dropify-wrapper,
  .btn-primary {
    border: 0;
  }
  .bg-primary,
  .bg-info,
  .bg-warning,
  .btn-success {
    background-color: #ef6f6f !important;
    border: transparent;
  }
  .bg-success,
  .bg-danger,
  .badge-success,
  .progress-bar,
  .btn-danger,
  .btn-warning {
    background-color: #efc673;
    border: transparent;
  }
  .btn-outline-primary {
    color: #ef6f6f;
    border-color: #ef6f6f;
  }
  .btn-outline-primary:hover {
    background-color: #ef6f6f;
    border-color: #ef6f6f;
  }
  .custom-control-input:checked ~ .custom-control-label::before,
  .custom-radio
    .custom-control-input:disabled:checked
    ~ .custom-control-label::before,
  .custom-checkbox
    .custom-control-input:disabled:checked
    ~ .custom-control-label::before {
    border-color: #ef6f6f;
    background-color: #ef6f6f;
  }
  .custom-select {
    background-color: transparent;
    border-color: #b7bdd0;
  }
  .multiselect_div > .btn-group .btn {
    background-color: transparent;
    border-color: #b7bdd0;
  }
  .custom-switch-input:checked ~ .custom-switch-indicator {
    background: #ef6f6f;
  }
  .selectgroup-input:checked + .selectgroup-button {
    border-color: #ef6f6f;
    color: #ef6f6f;
    background: rgba(239, 111, 111, 0.2);
  }
  .form-control,
  .dataTables_wrapper .dataTables_filter,
  .input-group-text {
    border-color: #b7bdd0;
    background: transparent;
  }
  .imagecheck-figure:before {
    color: #efc673 !important;
  }
  .wizard > .steps .current a,
  .wizard > .steps .current a:hover,
  .wizard > .steps .current a:active,
  .wizard > .actions a,
  .wizard > .actions a:hover {
    background: #ef6f6f;
  }
  .wizard > .steps .done a,
  .wizard > .steps .done a:hover {
    background: rgba(239, 111, 111, 0.2);
    color: #ef6f6f;
  }
  .table th {
    color: #3a4b60;
  }
  .table.table-custom td,
  .table.table-custom th {
    background: rgba(255, 255, 255, 0.5);
  }
  .table.table_custom tr {
    background: rgba(255, 255, 255, 0.5);
  }
  .inline-datepicker.fill_bg {
    color: #ef6f6f;
  }
  .right_chat li.online .status {
    background: #ef6f6f;
  }
  .bg-blue,
  .bg-azure,
  .bg-indigo,
  .bg-purple,
  .bg-red,
  .bg-orange {
    background-color: #ef6f6f !important;
  }
  .bg-pink,
  .bg-yellow,
  .bg-lime,
  .bg-green,
  .bg-teal,
  .bg-cyan {
    background-color: #efc673 !important;
  }
  .bg-light-blue,
  .bg-light-azure,
  .bg-light-indigo,
  .bg-light-lime,
  .bg-light-green,
  .bg-light-teal {
    background-color: rgba(239, 111, 111, 0.3);
    color: #3a4b60;
  }
  .bg-light-pink,
  .bg-light-red,
  .bg-light-orange,
  .bg-light-yellow,
  .bg-light-cyan {
    background-color: rgba(239, 198, 115, 0.3);
    color: #3a4b60;
  }
  .bg-light-purple {
    background-color: rgba(255, 154, 154, 0.3);
    color: #ff9a9a;
  }
  .bg-light-gray {
    background-color: rgba(102, 106, 109, 0.3);
    color: #666a6d;
  }
  .avatar.avatar-blue,
  .avatar.avatar-azure,
  .avatar.avatar-indigo,
  .avatar.avatar-purple,
  .avatar.avatar-pink,
  .avatar.avatar-red,
  .avatar.avatar-orange {
    background-color: rgba(239, 111, 111, 0.3);
    color: #ef6f6f;
  }
  .avatar.avatar-yellow,
  .avatar.avatar-lime,
  .avatar.avatar-green,
  .avatar.avatar-teal,
  .avatar.avatar-cyan {
    background-color: rgba(239, 198, 115, 0.3);
    color: #efc673;
  }
  body {
    color: #3a4b60;
  }
  body.offcanvas-active #left-sidebar {
    background: #fff;
  }
  body.dark-mode::after {
    display: none;
  }
  .page-header .right .nav-pills .nav-link {
    color: #3a4b60;
  }
  #header_top .brand-logo {
    background: #ef6f6f;
  }
  .header {
    background: #ef6f6f;
  }
  .header .nav-tabs .nav-link {
    color: #fff;
  }
  .header .nav-tabs .nav-link.active {
    border-color: #b7bdd0;
  }
  .header .dropdown-menu .dropdown-item:hover,
  .header .dropdown-menu .dropdown-item.active {
    color: #ef6f6f;
  }
  .page .section-white,
  .page .section-body {
    background: transparent;
  }
  .page .section-light {
    background: rgba(255, 255, 255, 0.5);
  }
  #header_top .nav-link {
    color: #3a4b60;
  }
  .header_top.dark {
    background-color: #3a4b60 !important;
  }
  .header_top.dark .nav-link {
    color: #eff2f7 !important;
  }
  .card {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 1px 2px #888888;
  }
  .card .card-options a.btn {
    color: #fff;
  }
  .card.card-fullscreen {
    background-color: #fff !important;
  }
  #left-sidebar {
    background: rgba(255, 255, 255, 0.1);
  }
  .metismenu a {
    color: #3a4b60;
  }
  .metismenu a:hover {
    color: #ef6f6f;
    border-color: #ef6f6f;
  }
  .metismenu .active > a {
    color: #ef6f6f;
    border-color: #ef6f6f;
  }
  .metismenu .active ul .active a {
    color: #ef6f6f;
    background: transparent;
  }
  .metismenu.grid > li.active > a,
  .metismenu.grid > li > a:hover {
    background: rgba(239, 111, 111, 0.1);
    color: #ef6f6f;
  }
  .inbox .detail {
    background: #fff;
  }
  .file_folder a {
    background: #fff;
    border-color: #eff2f7;
  }
  .auth .auth_left {
    background: transparent;
    width: 50%;
  }
  @media screen and (max-width: 992px) {
    .auth .auth_left {
      width: 100%;
    }
  }
  .auth .auth_left > .card {
    max-width: 340px;
    margin-left: auto;
  }
  .gender_overview {
    background: #eff2f7;
  }
  .table-calendar-link {
    background: #ef6f6f;
  }
  .table-calendar-link:hover {
    background: #3a4b60;
  }
  .table-calendar-link::before {
    background: #3a4b60;
  }
  .theme_div {
    background: #fff;
  }
  .top_dark {
    background-color: #3a4b60 !important;
  }
  .sidebar_dark #left-sidebar {
    background-color: #3a4b60 !important;
  }
  .sidebar_dark #header_top .nav-link {
    color: #eff2f7 !important;
  }
  .sidebar_dark .metismenu .active > a {
    color: #ef6f6f;
  }
  .iconcolor #header_top .nav-link {
    color: #ef6f6f !important;
  }
  .gradient .fa {
    background: -webkit-linear-gradient(45deg, #ef6f6f, #efc673);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient .custom-switch-input:checked ~ .custom-switch-indicator {
    background: linear-gradient(45deg, #ef6f6f, #efc673) !important;
  }
  .gradient .metismenu.grid > li.active > a,
  .gradient .metismenu.grid > li > a:hover {
    background: linear-gradient(45deg, #ef6f6f, #ef6f6f) !important;
    color: #b7bdd0;
    border: 0;
  }
  .gradient .btn-primary {
    background: linear-gradient(45deg, #ef6f6f, #efc673) !important;
    border: 0;
  }
  .gradient .btn-dark {
    background: linear-gradient(45deg, #808488, #333537) !important;
  }
  .gradient .bg-success,
  .gradient .bg-danger,
  .gradient .badge-success,
  .gradient .progress-bar,
  .gradient .btn-danger {
    background: linear-gradient(45deg, #ef6f6f, #efc673) !important;
  }
  hr{
    border-color: b7bdd0;
  }