:root {
--dn-side-nav-width: 230px;
--testimonial-stars: #C98218;
}

:root, [data-bs-theme="light"] {
--top-nav-color: #e1e4eb;
--top-nav-color-rgb: 225,228,235;
--top-nav-bg: #1c365e;
--top-nav-bg-rgb: 28,54,94;
--top-nav-btn-bg: #334b6f;
--top-nav-focus1: #495e7e;
--top-nav-focus2: #61738f;
--top-nav-focus3: #77869e;
--bs-primary: #1c365e;
--bs-primary-rgb: 28,54,94;
--bs-primary-focus1: #495e7e;
--bs-primary-focus2: #61738f;
--bs-primary-focus3: #77869e;
--bs-primary-text-emphasis: #1c365e;
--bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.1);
--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.2);
--bs-link-color: #1c365e;
--bs-link-color-rgb: 28,54,94;
--bs-link-hover-color: #495e7e;
--bs-link-hover-color-rgb: 73,94,126;
--dn-tile-bg: #1c365e;
--dn-tile-color: #e1e4eb;
--bs-secondary: #4675a6;
--bs-secondary-rgb: 70,117,166;
--bs-secondary-focus1: #6b91b8;
--bs-secondary-focus2: #7e9fc1;
--bs-secondary-focus3: #90acca;
--bs-secondary-text-emphasis: #4675a6;
--bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), 0.1);
--bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.2);
--bs-success: #77b7e3;
--bs-success-rgb: 119,183,227;
--bs-success-focus1: #6ba5cc;
--bs-success-focus2: #5f92b6;
--bs-success-focus3: #53809f;
--bs-success-text-emphasis: #4f7a97;
--bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.1);
--bs-success-border-subtle: rgba(var(--bs-success-rgb), 0.2);
--bs-danger: #197eca;
--bs-danger-rgb: 25,126,202;
--bs-danger-focus1: #4798d5;
--bs-danger-focus2: #5fa5da;
--bs-danger-focus3: #75b2df;
--bs-danger-text-emphasis: #1878c0;
--bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), 0.1);
--bs-danger-border-subtle: rgba(var(--bs-danger-rgb), 0.2);
--bs-warning: #ffc008;
--bs-warning-rgb: 255,192,8;
--bs-warning-focus1: #e6ad07;
--bs-warning-focus2: #cc9a06;
--bs-warning-focus3: #b38606;
--bs-warning-text-emphasis: #8f6b05;
--bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), 0.1);
--bs-warning-border-subtle: rgba(var(--bs-warning-rgb), 0.2);
}


.form-switch .form-check-input:not(:checked):focus,
input[type=range]:focus::-webkit-slider-thumb,
input[type=range]:active:focus::-webkit-slider-thumb {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(28,54,94, 0.25)'/></svg>") !important;
}
span.icon-circle {
    background-color: #1c365e;
    color: #e1e4eb;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary-focus1);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary-focus1);
    --bs-btn-hover-border-color: var(--bs-primary-focus2);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-primary-focus2);
    --bs-btn-active-border-color: var(--bs-primary-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.text-bg-primary {
    color: #ffffff !important;
}

.btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary-focus1);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-secondary-focus1);
    --bs-btn-hover-border-color: var(--bs-secondary-focus2);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-secondary-focus2);
    --bs-btn-active-border-color: var(--bs-secondary-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary-text-emphasis);
    --bs-btn-border-color: var(--bs-secondary-text-emphasis);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.text-bg-secondary {
    color: #ffffff !important;
}

.btn-success {
    --bs-btn-color: #212529;
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success-focus1);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-success-focus1);
    --bs-btn-hover-border-color: var(--bs-success-focus2);
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: var(--bs-success-focus2);
    --bs-btn-active-border-color: var(--bs-success-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
.btn-outline-success {
    --bs-btn-color: var(--bs-success-text-emphasis);
    --bs-btn-border-color: var(--bs-success-text-emphasis);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-disabled-color: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
.text-bg-success {
    color: #212529 !important;
}

.btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger-focus1);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-danger-focus1);
    --bs-btn-hover-border-color: var(--bs-danger-focus2);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-danger-focus2);
    --bs-btn-active-border-color: var(--bs-danger-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}
.btn-outline-danger {
    --bs-btn-color: var(--bs-danger-text-emphasis);
    --bs-btn-border-color: var(--bs-danger-text-emphasis);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-disabled-color: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}
.text-bg-danger {
    color: #ffffff !important;
}

.btn-warning {
    --bs-btn-color: #212529;
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning-focus1);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-warning-focus1);
    --bs-btn-hover-border-color: var(--bs-warning-focus2);
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: var(--bs-warning-focus2);
    --bs-btn-active-border-color: var(--bs-warning-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.btn-outline-warning {
    --bs-btn-color: var(--bs-warning-text-emphasis);
    --bs-btn-border-color: var(--bs-warning-text-emphasis);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning);
    --bs-btn-disabled-color: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.text-bg-warning {
    color: #212529 !important;
}
[data-bs-theme="dark"] {
--top-nav-color: #e1e4eb;
--top-nav-color-rgb: 225,228,235;
--top-nav-bg: url(/images/logos/deltanet/dark/bg.jpg);
--top-nav-bg-rgb: 33,37,41;
--top-nav-btn-bg: rgba(33,37,41, 0.4);
--top-nav-focus1: rgba(33,37,41, 0.6);
--top-nav-focus2: rgba(33,37,41, 0.8);
--top-nav-focus3: rgba(33,37,41, 0.9);
--bs-primary: #1c365e;
--bs-primary-rgb: 28,54,94;
--bs-primary-focus1: #495e7e;
--bs-primary-focus2: #61738f;
--bs-primary-focus3: #77869e;
--bs-primary-text-emphasis: #8291a7;
--bs-primary-bg-subtle: rgba(var(--bs-primary-rgb), 0.1);
--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.2);
--bs-link-color: #8291a7;
--bs-link-color-rgb: 130,145,167;
--bs-link-hover-color: #9ba7b9;
--bs-link-hover-color-rgb: 155,167,185;
--dn-tile-bg: #1c365e;
--dn-tile-color: #e1e4eb;
--bs-secondary: #4673a6;
--bs-secondary-rgb: 70,115,166;
--bs-secondary-focus1: #6b8fb8;
--bs-secondary-focus2: #7e9ec1;
--bs-secondary-focus3: #90abca;
--bs-secondary-text-emphasis: #6b8fb8;
--bs-secondary-bg-subtle: rgba(var(--bs-secondary-rgb), 0.1);
--bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.2);
--bs-success: #77b7e3;
--bs-success-rgb: 119,183,227;
--bs-success-focus1: #6ba5cc;
--bs-success-focus2: #5f92b6;
--bs-success-focus3: #53809f;
--bs-success-text-emphasis: #6d93ad;
--bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.1);
--bs-success-border-subtle: rgba(var(--bs-success-rgb), 0.2);
--bs-danger: #197eca;
--bs-danger-rgb: 25,126,202;
--bs-danger-focus1: #4798d5;
--bs-danger-focus2: #5fa5da;
--bs-danger-focus3: #75b2df;
--bs-danger-text-emphasis: #3b91d2;
--bs-danger-bg-subtle: rgba(var(--bs-danger-rgb), 0.1);
--bs-danger-border-subtle: rgba(var(--bs-danger-rgb), 0.2);
--bs-warning: #ffc008;
--bs-warning-rgb: 255,192,8;
--bs-warning-focus1: #e6ad07;
--bs-warning-focus2: #cc9a06;
--bs-warning-focus3: #b38606;
--bs-warning-text-emphasis: #b38606;
--bs-warning-bg-subtle: rgba(var(--bs-warning-rgb), 0.1);
--bs-warning-border-subtle: rgba(var(--bs-warning-rgb), 0.2);
}


[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):focus,
input[type=range]:focus::-webkit-slider-thumb,
input[type=range]:active:focus::-webkit-slider-thumb {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgba(28,54,94, 0.25)'/></svg>") !important;
}
[data-bs-theme="dark"] span.icon-circle {
    background-color: #1c365e;
    color: #e1e4eb;
}

[data-bs-theme="dark"] .btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary-focus1);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary-focus1);
    --bs-btn-hover-border-color: var(--bs-primary-focus2);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-primary-focus2);
    --bs-btn-active-border-color: var(--bs-primary-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
[data-bs-theme="dark"] .text-bg-primary {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary-focus1);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-secondary-focus1);
    --bs-btn-hover-border-color: var(--bs-secondary-focus2);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-secondary-focus2);
    --bs-btn-active-border-color: var(--bs-secondary-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
[data-bs-theme="dark"] .btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary-text-emphasis);
    --bs-btn-border-color: var(--bs-secondary-text-emphasis);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
[data-bs-theme="dark"] .text-bg-secondary {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .btn-success {
    --bs-btn-color: #212529;
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success-focus1);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-success-focus1);
    --bs-btn-hover-border-color: var(--bs-success-focus2);
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: var(--bs-success-focus2);
    --bs-btn-active-border-color: var(--bs-success-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
[data-bs-theme="dark"] .btn-outline-success {
    --bs-btn-color: var(--bs-success-text-emphasis);
    --bs-btn-border-color: var(--bs-success-text-emphasis);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-disabled-color: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
[data-bs-theme="dark"] .text-bg-success {
    color: #212529 !important;
}

[data-bs-theme="dark"] .btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger-focus1);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-danger-focus1);
    --bs-btn-hover-border-color: var(--bs-danger-focus2);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-danger-focus2);
    --bs-btn-active-border-color: var(--bs-danger-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}
[data-bs-theme="dark"] .btn-outline-danger {
    --bs-btn-color: var(--bs-danger-text-emphasis);
    --bs-btn-border-color: var(--bs-danger-text-emphasis);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-disabled-color: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}
[data-bs-theme="dark"] .text-bg-danger {
    color: #ffffff !important;
}

[data-bs-theme="dark"] .btn-warning {
    --bs-btn-color: #212529;
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning-focus1);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-warning-focus1);
    --bs-btn-hover-border-color: var(--bs-warning-focus2);
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: var(--bs-warning-focus2);
    --bs-btn-active-border-color: var(--bs-warning-focus3);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
[data-bs-theme="dark"] .btn-outline-warning {
    --bs-btn-color: var(--bs-warning-text-emphasis);
    --bs-btn-border-color: var(--bs-warning-text-emphasis);
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning);
    --bs-btn-disabled-color: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
[data-bs-theme="dark"] .text-bg-warning {
    color: #212529 !important;
}
