:root {
--headerrgb:58,131,255;
--header-primary: rgb(var(--headerrgb));
--primaryrgb:58,131,255;
--primary: rgb(var(--primaryrgb));
--primary-opacity: rgba(var(--primaryrgb),0.1);
--customFont:'NunitoSans-Regular';
--logo: url(../assets/images/LOGO.svg);
--loader-gif: url(../assets/images/loader-skylark.gif);
--taskPercentage:0%;
--menu-color-primary: #020918;
--menu-color-secondary: #999999;
--light-txt: #575757;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

body{
    font-family:var(--customFont);
}

h1, h2, h3, h4, h5, h6, b, .h1, .h2, .h3, .h4, .h5, .h6, .b, .btn {
    font-family: var(--customFont);
    font-weight: bold;
}

.logo {
    background-image: var(--logo) !important;
}
.loader-gif {
    background-image: var(--loader-gif) !important;
}

/* a {
    color: var(--primary) !important;
} */

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--primary) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-link {
    color: var(--primary) !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: var(--primary) !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary) !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: var(--primary) !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary) !important;
}

.custom-range::-webkit-slider-thumb {
    background-color: var(--primary) !important;
}

.custom-range::-moz-range-thumb {
    background-color: var(--primary) !important;
}

.custom-range::-ms-thumb {
    background-color: var(--primary) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary) !important;
}

.page-link {
    color: var(--primary) !important;
}

.page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.badge-primary {
    background-color: var(--primary) !important;
}

/* .progress-bar {
    background-color: var(--primary) !important;
} */

.list-group-item.active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.header-primary {
    background-color: var(--header-primary) !important;
}

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

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

/* a, a:hover {
    color: var(--primary) !important;
} */

.btn-link {
    color: var(--primary) !important;
}

.btn-link:hover {
    color: var(--primary) !important;
}

.btn-secondary {
    color: var(--primary) !important;
}

.btn-secondary:hover {
    background-color: var(--primary-opacity) !important;
}

.form-control:focus {
    border-bottom: solid 1px var(--primary) !important;
}

.form-control:focus + label, .form-select:focus + label {
    color: var(--primary) !important;
}

.text-link {
    color: var(#0064BF) !important;
}

.ks-header-searchbar .form-control {
    background-color: var(--primary) !important;
}

.header-navbar .nav-item:hover #dropdownMenuButton {
    color: var(--primary) !important;
}

.dashboard-custom-tabs .nav-link.active {
    color: #fff !important;
    background-color: var(--primary) !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15) !important;
}

@media screen and (max-width: 991px) {
    .mb-text:hover {
        color: var(--primary) !important;
    }
}
/*
.slider {
    background: var(--primary) !important;
}*/

ul.nav.flex-column li a:hover {
    border-left: solid 3px var(--primary) !important;
}

ul.nav.flex-column li a.active {
    border-left: solid 3px var(--primary) !important;
}

.switchToggle input:checked + label, .switchToggle input:checked + input + label {
    background: var(--primary) !important;
}

.menu-icon:hover {
    /*background-color: #fff;*/
    color: var(--primary) !important;
}

.selected-list .c-list .c-token {
    background-color: var(--primary) !important;
}

.lightTxt {
    color: var(--light-txt) !important;
}