ul.login-nav li.active a,
ul.login-nav li a:hover {
  background-color: #e8ebf4 !important;
  background: rgba(33, 57, 150, 0.09);
}

.main-header .logo,
ul.login-nav li a {
  color: #213996 !important;
}

a,
a:focus,
a:hover {
  color: #213996 !important;
}

.btn.btn-sa-type1,
.btn-sa-type1 {
  background: #213996 !important;
  color: #fff !important;
}

btn.btn-sa-type1 {
  color: #fff !important;
  background: rgba(33, 57, 150, 1) !important;
}

.btn-sa-type1.disable {
  color: #fff !important;
  background: rgba(33, 57, 150, 0.7) !important;
}

.sa-container .fixed-action-btn a {
  background: #213996;
}

.view-graph.box .box-header .box-title {
  color: #3955c0;
}

.filter-btn,
.add-all-btn {
  background: #6076cc !important;
}

.re-vfilter {
  border: 1px solid #3955c0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #213996;
  background-color: #213996;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #6173b5;
  border-color: #6173b5;
}

.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  border-color: #213996;
  background-color: #213996;
}

.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: #213996;
}

.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: #213996;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before {
  color: #6076cc !important;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check {
  color: #0d8aee !important;
  border-color: #6076cc !important;
}

.check-out
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #152669 !important;
}

.check-out
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #152669 !important;
  border-color: #dbdbdb !important;
  background-color: #fff;
}

.media-link-box:hover i,
.media-link-box:active i,
.media-link-box:focus i,
.media-link-box.active i {
  color: #3d4359 !important;
}

.media-link-box:hover i.fa-facebook,
.media-link-box:active i.fa-facebook,
.media-link-box:focus i.fa-facebook {
  background: #3d4359;
  color: #ced4e9 !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #213996 !important;
  border-color: #213996 !important;
}

.media-link-box.active i.fa-facebook {
  background: #3d4359;
}

.media-link-box i {
  color: #3e3e3e;
}

.ico-menu {
  background: rgba(255, 255, 255, 0.28);
}

.menu-text {
  background: rgba(255, 255, 255, 0.05);
}

.skin-blue .sa-container .main-sidebar .sidebar-menu > li > .treeview-menu {
  background: rgba(132, 147, 206, 0.2) !important;
}

.skin-blue .sa-container .main-sidebar .sidebar-menu > li > .treeview-menu a {
  border-top: 1px solid #586390 !important;
}

.skin-blue
  .sa-container
  .main-sidebar
  .sidebar-menu
  > li.active
  > a
  span.menu-text {
  background: rgba(13, 18, 33, 0.4) !important;
}

.skin-blue
  .sa-container
  .main-sidebar
  .sidebar-menu
  > li
  > .treeview-menu
  li.active
  a,
.skin-blue
  .sa-container
  .main-sidebar
  .sidebar-menu
  > li
  > .treeview-menu
  li:hover
  a {
  background: rgba(13, 18, 33, 0.6);
}

.main-content-header {
  color: #3955c0;
}

.sa-container .main-content-inner {
  box-shadow: 0px 2px 6px rgba(4, 7, 7, 0.5);
}

.view-graph .btn-group .dropdown-menu.pull-right {
  color: #444750;
}

.re-vfilter .v-filter label {
  color: #515b65;
}

.skin-blue .sa-container .form-group.is-focused label {
  color: #6076cc;
}

.skin-blue .sa-container .form-group.is-focused .form-control.select {
  color: #6076cc;
}

.device-details ul.tabs li {
  background-color: #203996 !important;
}

.device-details ul.tabs li.active,
.device-details ul.tabs li:hover {
  background-color: #57608b !important;
}

.device-details .tab_container .tab_content h2 {
  color: #3955c0 !important;
}

.btn.re-primary-bg,
.re-primary-bg {
  color: #203996 !important;
}

.btn.re-primary-bg,
.re-primary-bg {
  background-color: #213996 !important;
  color: #fff !important;
  border: 1px solid #213996 !important;
}

.btn.re-secondary-bg,
.re-secondary-bg {
  border: 1px solid #707070 !important;
  color: #707070 !important;
}

.text-info {
  color: #203996 !important;
}

.bg-primary-gradient {
  background-image: linear-gradient(
    to top,
    #213580,
    #243d97,
    #2745af,
    #2a4dc7,
    #2f55df
  ) !important;
}

.btn.re-primary-bg.btn-active-color {
  background-color: #203996 !important;
}

.sm-btn {
  background-color: #213996 !important;
}

.icon-group-sm ul li a span.icon-group-item {
  color: #3955c0 !important;
}

.icon-group-sm ul li a i {
  color: #3955c0 !important;
}

.login-content.signup .form-group.is-focused label {
  color: #213996 !important;
}

.login-row .form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #203996 !important;
}

.edit-pr-area .btn {
  color: #203996 !important;
}

a,
a:focus,
a:hover {
  color: #0d8aee;
}

h2.msg-link-expired {
  color: #0d8aee;
}

.group-form-sa input:focus~label
/* , .group-form-sa input:valid ~ label  */ {
  color: #0d8aee;
}

.tabs_wrapper h2 {
  color: #238ed5;
}

.edit-icon {
  color: #2196f3;
}

.pr-info span {
  color: #3b50a1;
}

.mng-form .form-group label {
  color: #3b50a1;
}

.lg-color-btn {
  background-color: #203996 !important;
  border: 1px solid #203996 !important;
}

.modal-device-cred .modal-content .modal-header {
  background: #3652c2 !important;
}

.content-header > .breadcrumb > li > a {
  color: #141f47 !important;
}

.breadcrumb > .active {
  color: #fff;
}

.content-header > h1 {
  color: #fff;
}
/* 2026 march */
.re-table-wrap table th {
  background-color: #2a419a;
}
.input-group.search .input-group-btn .btn:focus,
.input-group.search .input-group-btn .btn:hover,
.input-group.search .input-group-btn .btn {
  background: #2a419a;
}
.re-table-wrap table td a.link-clr,
.link-clr {
  color: #2a419a !important;
}
.re-table-wrap table td:first-child {
  border-left: 1px solid #1a2c6f !important;
}

.re-table-wrap table td:last-child {
  border-right: 1px solid #1a2c6f !important;
}
.re-table-wrap table td {
  border-top: 1px solid #1a2c6f !important;
  border-bottom: 1px solid #1a2c6f !important;
}

.login-content .form-control,
.login-content .form-group .form-control {
  border: 0;
  background-image:
    -webkit-gradient(linear, left top, left bottom, from(#213996), to(#213996)),
    -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)) !important;
  background-image:
    -webkit-linear-gradient(#213996, #213996),
    -webkit-linear-gradient(#d2d2d2, #d2d2d2) !important;
  background-image:
    -o-linear-gradient(#213996, #213996),
    -o-linear-gradient(#d2d2d2, #d2d2d2) !important;
  background-image:
    linear-gradient(#213996, #213996), linear-gradient(#d2d2d2, #d2d2d2) !important;
}

.form-drop,
.form-group .form-drop {
  border: 0;
  background-image:
    -webkit-gradient(linear, left top, left bottom, from(#0d8aee), to(#0d8aee)),
    -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)) !important;
  background-image:
    -webkit-linear-gradient(#213996, #213996),
    -webkit-linear-gradient(#d2d2d2, #d2d2d2) !important;
  background-image:
    -o-linear-gradient(#213996, #213996),
    -o-linear-gradient(#d2d2d2, #d2d2d2) !important;
  background-image:
    linear-gradient(#213996, #213996), linear-gradient(#d2d2d2, #d2d2d2) !important;
}
input[type="file"].custom-input::file-selector-button {
  background: #084cdf !important;
}
.liquid {
  background: #0079c1;
  background: linear-gradient(to right, #104f73 0%, #0079c136 100%);
}

.tab_drawer_heading {
  background: #1a6aa0;
}
.tab_drawer_heading:hover {
  background: #238ed5;
}
.d_active {
  background: #196394;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #1d3076 !important;
}
.text-blue-theme {
  color: #1e3179 !important;
}

.sa-container .main-header .sidebar-toggle.st-lg,
.sidebar-toggle.st-lg {
  color: #1e3179 !important;
}

.fa-blue {
  color: #0079c9 !important;
}
.tab-number:before {
  border: 1px dotted #213996;
}

.tab-label {
  color: #213996;
}
.device-details .steps ul.tabs li.active .tab-number,
.device-details .steps ul.tabs li:hover .tab-number {
  background: #213996;
}

.tab-number {
  color: #223e95;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

.billing-tble tfoot {
  color: #213996;
}
.back-page.tooltip .tooltiptext::after {
  border-color: transparent transparent #4b66b7 transparent;
}

.back-page.tooltip .tooltiptext {
  background-color: #4b66b7;
}

.text-primary {
  color: #3f6ad8 !important;
}

.bg-primary {
  background-color: #3f6ad8 !important;
}
.file-upload-sa .image-upload img {
  border: 2px dashed #7a99b1;
}
.sa-container .main-header .sidebar-toggle.st-lg,
.sidebar-toggle.st-lg {
  background: #1e3179;
}

.small-box .icon {
  color: rgba(0, 66, 117, 0.5);
}
.action-btns-device-detail a {
  color: #0079c1 !important;
}
.primary-blue-sa {
  background: #213996 !important;
  border: 1px solid #213996;
}

.tooltip .tooltiptext::after {
  border-color: #4b66b7 transparent transparent transparent;
}
.tooltip .tooltiptext {
  background-color: #4b66b7;
}

.home-action-btns a {
  background: #004275;
}
.btn-group.btn-group2 .dropdown-menu {
  background: #3b52a8;
  border: 1px solid #3b52a8;
}
.btn.btn-blue-text:focus,
.btn.btn-blue-text:hover,
.btn.btn-blue-text {
  color: #213996;
}
.box-hdr h1 {
  color: #3955c0 !important;
}
.checked {
  color: #284ce4 !important;
}
.tabs nav a:hover,
.tabs nav a.selected {
  color: #284ce4 !important;
}

.main-header.login-header .logo .logo-lg {
  color: #213996 !important;
}

ul.tabs li {
  background-image: linear-gradient(
    to bottom,
    #1a6aa0,
    #1a689d,
    #19669a,
    #196597,
    #196394
  );
}

ul.tabs li:hover {
  background: #238ed5;
}

ul.tabs li.active {
  background: #238ed5;
}

.tablinks:hover {
  color: #3955c0 !important;
}
.bg-blue-sa {
  background: #203996 !important;
}
.select-check i {
  color: #3955c0;
}

ul.color-theme-list li.select-theme-clr {
  border: 5px solid #3955c0;
}
/* Create an active/current "tab button" class */

.tab button.active {
  color: #3955c0;
  background-color: rgba(57, 85, 192, 0.2) !important;
}
.link-expire {
  color: #213996 !important;
}
.upload-pic {
  border: 1px solid #263c91;
}
.upload-pic-name p {
  color: #263c91;
}

.upload-pic-name {
  border: 1px solid #263c91;
}

.sub-head {
  color: #2196f3;
}

.modal-content .modal-header {
  background: #3652c2;
}
/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
  from {
    background: #5264ae;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@-moz-keyframes inputHighlighter {
  from {
    background: red;
  }
  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #5264ae;
  }
  to {
    width: 0;
    background: transparent;
  }
}

/* ************************** */
.group-form-sa .bar:before,
.bar:after {
  background: #0d8aee;
}

.edit-pr-area .btn.re-primary-bg:hover {
  background-color: #213996 !important;
}

.btn.primary-bg-sa,
.primary-bg-sa {
  background: #0d8aee !important;
}
.browse-file [type="file"] + label {
  border: 1px solid #263c91;
}
.mng-form .form-group label {
  color: #213996;
}
.manage-user-area {
  border: 1px solid #3955c0;
}

.btn.secondary-type2-bg {
  border: 1px solid #253b8e !important;
}
.gr-bt {
  height: 6px;
  background-image: linear-gradient(
    to bottom,
    #3551be,
    #324db4,
    #2f48a9,
    #2d449f,
    #2a4095,
    #283d8e,
    #263987,
    #243680,
    #22337a,
    #203174,
    #1f2e6e,
    #1d2c68
  );
}
/* images */
.sa-container .main-sidebar {
  background: url(../img/images/sidebar-bg.png) repeat-y 0 0 !important;
}
body.login-bg {
  background: url(../img/images/login-bg.png) no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

body.login-page {
  background: url(../img/images/login-bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 5% 0 !important;
}
.check-out {
  background: #152669 !important;
}
/* bs 5 updates may 2026  */
.btn-sa,
.btn-primary {
  background: #2a419a !important;
}
.form-check.tble-chk .form-check-input:checked {
  background-color: #6076cc;
  border-color: #6076cc !important;
}
table th .form-check.tble-chk {
  background: #152669 !important;
}
.ngx-pagination .current {
  background: #2a419a !important;
}
.content-nav ul.menu2 li a {
  color: #1f327c;
}
.content-nav ul.menu2 li a i {
  color: #1f327c;
}
.profile-info img {
  border: 3px solid #141f47;
}

.bg-primary-gradient-sa {
  background-image: linear-gradient(
    to bottom,
    #3551be,
    #324db4,
    #2f48a9,
    #2d449f,
    #2a4095,
    #283d8e,
    #263987,
    #243680,
    #22337a,
    #203174,
    #1f2e6e,
    #1d2c68
  );
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #423c9f !important;
  border-color: #423c9f !important;
}