:root {
    --primaryBlue: #23b7e5;
}

[data-theme="dark"] {
    --primaryBlue: #00eeff !important;
}

[data-theme="dark"] .btn-outline-default,
[data-theme="dark"] .sidebar-nav > li.active > a > em,
[data-theme="dark"] table#datatablesimple td a,
[data-theme="dark"] .quick-search-btn {
    color: var(--primaryBlue) !important;
    border-left-color: var(--primaryBlue) !important;
}

[data-theme="dark"] .btn-outline-default:hover {
    background-color: var(--primaryBlue) !important;
}

    [data-theme="dark"] .sidebar-nav > li.active > a,
    [data-theme="dark"] .sidebar-nav > li > a:focus,
    [data-theme="dark"] .sidebar-nav > li > a:hover,
    [data-theme="dark"] .sidebar-nav > li.active {
        background-color: rgb(0,0,0,0.1);
        color: var(--primaryBlue);
        border-left-color: var(--primaryBlue);
    }


[data-theme="dark"] .btn-default {
    background-color: var(--primaryBlue);
    color: #000;
    border-color: var(--primaryBlue);
}


[data-theme="dark"] .text-primary {
    color: var(--primaryBlue) !important;
}

[data-theme="dark"] a {
    color: var(--primaryBlue);
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"]  table#datatablesimple td .dropdown-item:hover,
 .pagination a:hover {
    background-color: var(--primaryBlue) !important;
    color: #000 !important;
    font-weight: bold;
}

.border-default {
    border-color: var(--primaryBlue) !important;
}

.btn-outline-default {
    color: var(--primaryBlue);
    background-color: transparent;
    background-image: none;
    border-color: var(--primaryBlue);
}

[data-theme="dark"] .card-header {
    background-color: #fff !important;
}

.btn-outline-default:hover {
    color: #fff;
    background-color: var(--primaryBlue);
    border-color: var(--primaryBlue);
}

.btn-outline-default:focus, .btn-outline-default.focus {
    box-shadow: 0 0 0 0.2rem rgba(33, 166, 206,0.5);
}

.btn-outline-default.disabled, .btn-outline-default:disabled {
    color: var(--primaryBlue);
    background-color: transparent;
}

.btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
.show > .btn-outline-default.dropdown-toggle {
    color: #fff;
    background-color: var(--primaryBlue);
    border-color: var(--primaryBlue);
}

.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(33, 166, 206, 0.5);
}

.text-default {
    color: var(--primaryBlue) !important;
}

.bg-default {
    background-color: var(--primaryBlue) !important;
    color: #fff !important;
}

.contact-notifications label:hover {
    background: linear-gradient(0deg, rgba(74,201,241,1) 0%, rgba(35,183,229,1) 49%, rgba(95,211,247,1) 100%) !important;
    color: #fff;
    cursor: pointer;
}

.contact-notifications input[type="checkbox"]:focus + label {
    border: 1px solid #444;
}

.contact-notifications input[type="checkbox"]:checked + label {
    background: linear-gradient(0deg, rgba(74,201,241,1) 0%, rgba(35,183,229,1) 49%, rgba(95,211,247,1) 100%) !important;
    border-color: #83ddfa;
    color: #fff;
}

.toggle.btn-outline-dark .toggle-handle {
    background-color: var(--primaryBlue) !important;
}

 .topnavbar .navbar-nav > .nav-item > .nav-link:hover,
 .topnavbar .navbar-nav > .nav-item > .nav-link:focus,
 .topnavbar .navbar-nav > .nav-item.show > .nav-link:hover,
 .topnavbar .navbar-nav > .nav-item.show > .nav-link:focus,
 .user-block-info:hover,
 .user-block-role:hover {
        color: #117391 !important;
    }

input[type='checkbox']:focus + span.fa.fa-check {
    border: 2px solid var(--primaryBlue) !important;
}

input[type='checkbox']:hover + span.fa.fa-check {
    border: 1px solid #51c6ea !important;
}