/* Selection Styles */
::selection {
  color: #fff;
  background: #E21E32;
}

/* Link Styles */
a,
.btn-link {
  color: #E21E32;
}

/* Text Styles */
.text-green,
.text-info,
.text-success,
.text-danger,
.text-primary,
.text-warning,
.mail-star.active,
.page-title {
  color: #E21E32 !important;
}

/* Badge Styles */
.badge-default {
  background: #747879;
  color: #edeff3;
}

/* Loader Styles */
.loader {
  color: #1A5089;
}

/* Primary Button Styles */
.badge-primary {
  background-color: #1A5089;
}

.btn-primary {
  background: #1A5089;
  color: #fff;
  border-color: #1A5089;
}

/* Info Button Styles */
.btn-info {
  background-color: #E21E32;
  border-color: #E21E32;
}

/* Navigation Tabs Styles */
.nav-tabs .nav-link.active {
  border-color: #E21E32;
  color: #E21E32;
}

/* Form Control Focus Styles */
.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 80, 137, 0.25);
}

/* Card and Dropify Styles */
.card,
.dropify-wrapper,
.btn-primary {
  border: 0;
}

/* Background Styles */
.bg-primary,
.bg-info,
.bg-warning,
.btn-success {
  background-color: #1A5089 !important;
  border: transparent;
}

.bg-success,
.bg-danger,
.badge-success,
.progress-bar,
.btn-danger,
.btn-warning {
  background-color: #E21E32;
  border: transparent;
}

/* Primary Button Outline Styles */
.btn-outline-primary {
  color: #1A5089;
  border-color: #1A5089;
}

/* Custom Control Input Styles */
.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: #1A5089;
  background-color: #1A5089;
}

/* Custom Switch Styles */
.custom-switch-input:checked ~ .custom-switch-indicator {
  background: #1A5089;
}

/* Select Group Styles */
.selectgroup-input:checked + .selectgroup-button {
  border-color: #1A5089;
  color: #1A5089;
  background: rgba(26, 80, 137, 0.2);
}

/* Image Check Styles */
.imagecheck-figure:before {
  color: #E21E32 !important;
}

/* Wizard Styles */
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active,
.wizard > .actions a,
.wizard > .actions a:hover {
  background: #1A5089;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover {
  background: rgba(26, 80, 137, 0.2);
  color: #1A5089;
}

/* List Group and Modal Styles */
.list-group-item,
.modal-content {
  background-color: #fff;
}

/* Table Header Styles */
.table th {
  color: #747879;
}

/* Custom Table Styles */
.table.table-custom td,
.table.table-custom th {
  background: #edeff3;
}

/* Custom Table Row Styles */
.table.table_custom tr {
  background: #fff;
}

/* Right Chat Styles */
.right_chat li.online .status {
  background: #1A5089;
}

/* Background Color Styles */
.bg-blue,
.bg-azure,
.bg-indigo,
.bg-purple,
.bg-red,
.bg-orange {
  background-color: #1A5089 !important;
}

.bg-pink,
.bg-yellow,
.bg-lime,
.bg-green,
.bg-teal,
.bg-cyan {
  background-color: #E21E32 !important;
}

.bg-light-blue,
.bg-light-azure,
.bg-light-indigo,
.bg-light-lime,
.bg-light-green,
.bg-light-teal {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.bg-light-pink,
.bg-light-red,
.bg-light-orange,
.bg-light-yellow,
.bg-light-cyan {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

.bg-light-purple {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

.bg-light-gray {
  background-color: rgba(102, 106, 109, 0.1);
  color: #666A6D;
}

/* Avatar Styles */
.avatar.avatar-blue {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.avatar.avatar-azure {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

avatar.avatar-indigo {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.avatar.avatar-purple {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.avatar.avatar-pink {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.avatar.avatar-red {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.avatar.avatar-orange {
  background-color: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

avatar.avatar-yellow {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

.avatar.avatar-lime {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

avatar.avatar-green {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

avatar.avatar-teal {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

avatar.avatar-cyan {
  background-color: rgba(226, 30, 50, 0.1);
  color: #E21E32;
}

/* Body Styles */
body {
  background-color: #edeff3;
  color: #202121;
}

/* Page Header Styles */
.page-header {
  border-color: #fff;
}

.page-header .right .nav-pills .nav-link {
  color: #202121;
}

/* Header Top Styles */
#header_top .brand-logo {
  background: #E21E32;
  width: 35px;
}

.header {
  background: #1A5089;
}

.header .nav-tabs .nav-link {
  color: #fff;
}

header .nav-tabs .nav-link.active {
  border-color: #fff;
}

header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item.active {
  color: #1A5089;
}

.page .section-white,
.page .section-body {
  background: #edeff3;
}

#header_top .nav-link {
  color: #202121;
}

.header_top.dark {
  background-color: #3B3D55 !important;
}

.header_top.dark .nav-link {
  color: #edeff3 !important;
}

.card {
  background-color: #fff;
}

card .card-options a {
  color: #1A5089;
}

card .card-options a.btn {
  color: #fff;
}

.card.card-fullscreen {
  background-color: #fff !important;
}

.metismenu a {
  color: #202121;
}

metismenu a:hover {
  color: #1A5089;
  border-color: #1A5089;
}

metismenu .active > a {
  color: #1A5089;
  border-color: #1A5089;
}

metismenu .active ul .active a {
  color: #1A5089;
  background: transparent;
}

.metismenu.grid > li.active > a,
.metismenu.grid > li > a:hover {
  background: rgba(26, 80, 137, 0.1);
  color: #1A5089;
}

.inbox .detail {
  background: #fff;
}

.file_folder a {
  background: #fff;
  border-color: #edeff3;
}

.auth .auth_left {
  background: #fff;
}

.gender_overview {
  background: #edeff3;
}

table-calendar-link {
  background: #1A5089;
}

table-calendar-link:hover {
  background: #3B3D55;
}

table-calendar-link::before {
  background: #3B3D55;
}

theme_div {
  background: #fff;
}

.ribbon .ribbon-box.green {
  background: #E21E32;
}

ribbon .ribbon-box.green::before {
  border-color: #E21E32;
  border-right-color: transparent;
}

ribbon .ribbon-box.orange {
  background: #1A5089;
}

ribbon .ribbon-box.orange::before {
  border-color: #1A5089;
  border-right-color: transparent;
}

ribbon .ribbon-box.pink {
  background: #E21E32;
}

ribbon .ribbon-box.pink::before {
  border-color: #E21E32;
  border-right-color: transparent;
}

ribbon .ribbon-box.indigo {
  background: #E21E32;
}

ribbon .ribbon-box.indigo::before {
  border-color: #E21E32;
  border-right-color: transparent;
}

.text-orange {
  color: #E21E32 !important;
}

tag-info {
  background: #1A5089;
}

tag-success,
tag-green {
  background: #E21E32;
}

tag-orange {
  background: #E21E32;
}

bg-success {
  background: #E21E32 !important;
}

bg-danger {
  background-color: #E21E32 !important;
}

.auth .auth_left {
  background: #3B3D55;
}

.auth .auth_left .card {
  padding: 20px;
  right: -150px;
  z-index: 950;
}

.auths {
    background: #3B3D55;
  }

@media only screen and (max-width: 1024px) {
  .auth .auth_left .card {
    right: -50px;
  }
}

@media only screen and (max-width: 992px) {
  .auth .auth_left .card {
    right: auto;
  }
}

.page-item .page-link {
  color: #E21E32;
}

page-item.active .page-link {
  background-color: #E21E32;
  border-color: #E21E32;
}

#left-sidebar {
  background-color: #fff;
}

.dark-mode .btn {
  color: #417082;
}

dark-mode .metismenu.grid > li > a {
  border-color: rgba(255, 255, 255, 0.2);
}

dark-mode.sidebar_dark .sidebar .metismenu .active > a {
  color: #1A5089;
}

dark-mode.sidebar_dark .sidebar .metismenu .active ul .active a {
  color: #1A5089;
}

.iconcolor #header_top .nav-link {
  color: #E21E32 !important;
}

.gradient .custom-switch-input:checked ~ .custom-switch-indicator {
  background: linear-gradient(45deg, #1A5089, #E21E32) !important;
}

.gradient .metismenu.grid > li.active > a,
.gradient .metismenu.grid > li > a:hover {
  background: linear-gradient(45deg, #1A5089, #1A5089) !important;
  color: #fff;
  border: 0;
}

.gradient .btn-primary {
  background: linear-gradient(45deg, #1A5089, #E21E32) !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, #1A5089, #E21E32) !important;
}

gradient.sidebar_dark #left-sidebar {
  background: linear-gradient(45deg, #1A5089, #E21E32) !important;
}

.dropdownOpts {
    position: absolute;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-color: #fff;
    display: none;
    z-index: 9999;
    padding: 5px;
}

.dropdown-option {
    padding: 10px;
    cursor: pointer;
}

.dropdown-option:hover {
    background-color: #f2f2f2;
}