:root {
  --theme-accent-color: #2b5580;    /* Main theme color, lighter and softer */
  --primary: #2b5580;               /* Primary color */
  --primary-rgb: 43, 85, 128;       /* Primary color RGB value */
  --primary-light: #bfccd9;         /* Light variant, corresponds to .w3-theme-l3 */
  --secondary: #557799;             /* Secondary color, medium shade .w3-theme-d2 */
  --success: #4CAF50;
  --danger: #f44336;
  --info: #2196F3;
  --warning: #ff9800;
  --dark: #154473;                 /* Dark shade of theme, d5 */
  --light: #eaeef2;                 /* Lightest shade, corresponds to .w3-theme-l5 */
  --link: #40668c;                   /* Link color, d3 for good contrast */
  --link-hover: #2b5580;             /* Link hover color */
  --gray: #9e9e9e;
  --white: #fff;
  --black: #222;
  --yellow: #fec20f;
  --border-color: #d4dde6;          /* Border color, very light .w3-theme-l4 */
  --input-border-color: #bfccd9;     /* Input border color, .w3-theme-l3 */
  --theme: var(--primary);
  --legend: #990000;
  --darkgray: #797979;
}

.w3-theme-l5 {color:#2b5580 !important; background-color:#eaeef2 !important}
.w3-theme-l4 {color:#2b5580 !important; background-color:#d4dde6 !important}
.w3-theme-l3 {color:#2b5580 !important; background-color:#bfccd9 !important}
.w3-theme-l2 {color:#fff !important; background-color:#aabbcc !important}
.w3-theme-l1 {color:#fff !important; background-color:#95aabf !important}
.w3-theme-l0 {color:#fff !important; background-color:#8099b3 !important}
.w3-theme-d1 {color:#fff !important; background-color:#6a88a6 !important}
.w3-theme-d2 {color:#fff !important; background-color:#557799 !important}
.w3-theme-d3 {color:#fff !important; background-color:#40668c !important}
.w3-theme-d4 {color:#fff !important; background-color:#2b5580 !important}
.w3-theme-d5 {color:#fff !important; background-color:#154473 !important}
.w3-theme-d6 {color:#fff !important; background-color:#2b5580 !important}

.w3-theme-color-l5 {color:#eaeef2 !important}
.w3-theme-color-l4 {color:#d4dde6 !important}
.w3-theme-color-l3 {color:#bfccd9 !important}
.w3-theme-color-l2 {color:#aabbcc !important}
.w3-theme-color-l1 {color:#95aabf !important}
.w3-theme-color-l0 {color:#8099b3 !important}
.w3-theme-color-d1 {color:#6a88a6 !important}
.w3-theme-color-d2 {color:#557799 !important}
.w3-theme-color-d3 {color:#40668c !important}
.w3-theme-color-d4 {color:#2b5580 !important}
.w3-theme-color-d5 {color:#154473 !important}
.w3-theme-color-d6 {color:#2b5580 !important}

.w3-hover-theme-l5:hover {color:#2b5580 !important; background-color:#eaeef2 !important}
.w3-hover-theme-l4:hover {color:#2b5580 !important; background-color:#d4dde6 !important}
.w3-hover-theme-l3:hover {color:#2b5580 !important; background-color:#bfccd9 !important}
.w3-hover-theme-l2:hover {color:#fff !important; background-color:#aabbcc !important}
.w3-hover-theme-l1:hover {color:#fff !important; background-color:#95aabf !important}
.w3-hover-theme-l0:hover {color:#fff !important; background-color:#8099b3 !important}
.w3-hover-theme-d1:hover {color:#fff !important; background-color:#6a88a6 !important}
.w3-hover-theme-d2:hover {color:#fff !important; background-color:#557799 !important}
.w3-hover-theme-d3:hover {color:#fff !important; background-color:#40668c !important}
.w3-hover-theme-d4:hover {color:#fff !important; background-color:#2b5580 !important}
.w3-hover-theme-d5:hover {color:#fff !important; background-color:#154473 !important}
.w3-hover-theme-d6:hover {color:#fff !important; background-color:#2b5580 !important}

.w3-theme-light {color:#000 !important; background-color:#eaeef2 !important}  /* Light theme, l5 */
.w3-theme-dark {color:#fff !important; background-color:#2b5580 !important}  /* Dark theme, d4 */
.w3-theme-action {color:#fff !important; background-color:#2b5580 !important}  /* Action theme, d4 */

.w3-theme {color:#fff !important; background-color:#2b5580 !important} /* Theme color, d4 */
.w3-text-theme {color:#2b5580 !important} /* Theme text color, d4 */
.w3-border-theme {border-color:#2b5580 !important} /* Theme border color, d4 */


.w3-hover-theme:hover {color:#fff !important; background-color:#557799 !important}   /* Hover theme, d2 */
.w3-hover-text-theme:hover {color:#2b5580 !important}   /* Hover text theme, d4 */
.w3-hover-border-theme:hover {border-color:#2b5580 !important}  /* Hover border theme, d4 */


.w3-border,.w3-border-top, .w3-border-bottom, .w3-border-left, .w3-border-right {border-color:#557799 !important} /* Default border, d2 */

.w3-light-border{border:1px solid #aabbcc!important}/* l2 */
.w3-light-border-top{border-top:1px solid #aabbcc!important}.w3-light-border-bottom{border-bottom:1px solid #aabbcc!important} /* l2 */
.w3-light-border-left{border-left:1px solid #aabbcc!important}.w3-light-border-right{border-right:1px solid #aabbcc!important} /* l2 */

.w3-lighter-border{border:1px solid #eaeef2!important} /* l5 */
.w3-lighter-border-top{border-top:1px solid #eaeef2!important}.w3-lighter-border-bottom{border-bottom:1px solid #eaeef2!important} /* l5 */
.w3-lighter-border-left{border-left:1px solid #eaeef2!important}.w3-lighter-border-right{border-right:1px solid #eaeef2!important} /* l5 */

.w3-blue-wb,.w3-hover-blue-wb:hover{color:#fff!important;background-color:#2b5580  !important} /* Blue WB, d4 */
.w3-header-blue-wb,.w3-header-hover-blue-wb:hover{color:#fff!important;background-color:#377496 !important} /* Header blue WB, d3 */

.active-menu-item {background-color: #557799 !important;color: #ffffd7 !important;font-weight: 500;} /* Active menu item, d2 */
.active-menu-item:hover {color: #fff !important;} /* White */
.w3-button:hover {color: #fff !important;} /* White */

.w3-text-blue-wb, .w3-hover-text-blue-wb:hover {color: #377496 !important;}  /* Text blue WB, d3 */

.pages_view tbody tr {background-color: #ffffff;} /* White */
.pages_view tbody tr:nth-child(odd) {background-color: #eaeef2;} /* L5 */
.pages_view tbody tr:nth-child(even) {background-color: #ffffff;} /* White */
.pages_view tbody tr:hover {background-color: #d4dde6;} /* L5 */

.w3-theme-l3-custom input[type="checkbox"]:checked ~ .custom-checkbox {
    background-color: #bfccd9;  /* l3 */
}
.w3-theme-l3-custom input[type="checkbox"]:checked ~ .custom-checkbox::after {
    border-color: #2b5580;
}
.custom-checkbox-label input[type="checkbox"]:checked:disabled ~ .custom-checkbox {
    background-color: #bfccd9; /* l3 */
    border-color: #2b5580; /* d4 */
    opacity: 0.5; 
}
   
.custom-checkbox-label input[type="checkbox"]:checked:disabled ~ .custom-checkbox::after {
    border-color: #2b5580; /* d4 */
}