:root {
    --main-color: #006666;
    --main-hover-color: #0F5757;
    --bg-primary: #006666;
    --sidebar-start-color: #177252;
    --sidebar-end-color: #105757;

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

.badge-primary {
    border: 1px solid var(--bg-primary);
    background-color: transparent;
}
.btn-primary{
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.alert-primary{
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.bg-primary{
    background-color: var(--bg-primary);
}

.text-teal{
    color: var(--main-color)!important;
}
.nav-pills .show>.nav-link, nav.sidebar .nav-pills .nav-link.active, nav.sidebar .nav-pills .nav-link:not(.active):hover {
    background: linear-gradient(270deg, rgba(0, 99, 248, 0.5) 0, rgba(15, 87, 87, 0) 100%);
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #5096dd;
    background-color: #5096dd;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(main-color);
}
.badge-primary {
    border: 1px solid var(--bg-primary);
    background-color: transparent;
}
.btn-primary{
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.alert-primary{
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.bg-primary{
    background-color: var(--bg-primary);
}
.chat-container .left .discussions-container .person.active, .chat-container .left .discussions-container .person:hover {
    background-color: var(--main-color);
}
.chat-container .right .bubble.you {
    background-color: var(--main-color);
}
a.myhover:hover {
    color: var(--main-color) !important;
    background-color: #cae1fa !important;
}
a.myhover:hover {
    color: var(--main-color) !important;
}
a.text-success:focus, a.text-success:hover {
    color: var(--main-hover) !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
input[type=checkbox], input[type=radio] {
    accent-color: var(--main-color);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
}
.daterangepicker .ranges li.active {
    background-color: #08c;
}
.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
}