/**
 * Cyan Color Scheme
 * Primary color: #06b6d4 (Cyan)
 */

/* === Bootstrap & Metronic Variables === */
body.scheme-cyan{
    --bs-primary: #06b6d4;
    --bs-primary-rgb: 6, 182, 212;
    --kt-primary: #06b6d4;
    --kt-primary-rgb: 6, 182, 212;
    --kt-primary-light: #cffafe;
    --kt-primary-active: #0891b2;
    --kt-primary-inverse: #ffffff;
}

/* === Buttons === */
body.scheme-cyan .btn-primary{
    background-color: #06b6d4 !important;
    border-color: #06b6d4 !important;
}
body.scheme-cyan .btn-primary:hover,
body.scheme-cyan .btn-primary:focus,
body.scheme-cyan .btn-primary:active,
body.scheme-cyan .btn-check:active+.btn.btn-primary,
body.scheme-cyan .btn-check:checked+.btn.btn-primary,
body.scheme-cyan .btn.btn-primary.active,
body.scheme-cyan .btn.btn-primary.show,
body.scheme-cyan .btn.btn-primary:active:not(.btn-active),
body.scheme-cyan .btn.btn-primary:focus:not(.btn-active),
body.scheme-cyan .btn.btn-primary:hover:not(.btn-active),
body.scheme-cyan .show>.btn.btn-primary{
    background-color: #0891b2 !important;
    border-color: #0891b2 !important;
}
body.scheme-cyan .btn-light-primary{
    color: #06b6d4 !important;
    background-color: rgba(6, 182, 212, 0.1) !important;
}
body.scheme-cyan .btn.btn-light-primary .svg-icon,
body.scheme-cyan .btn.btn-light-primary i{
    color: #06b6d4 !important;
}
body.scheme-cyan .btn-light-primary:hover,
body.scheme-cyan .btn-light-primary:focus,
body.scheme-cyan .btn-light-primary:active,
body.scheme-cyan .btn-check:active+.btn.btn-light-primary,
body.scheme-cyan .btn-check:checked+.btn.btn-light-primary,
body.scheme-cyan .btn.btn-light-primary.active,
body.scheme-cyan .btn.btn-light-primary.show,
body.scheme-cyan .btn.btn-light-primary:active:not(.btn-active),
body.scheme-cyan .btn.btn-light-primary:focus:not(.btn-active),
body.scheme-cyan .btn.btn-light-primary:hover:not(.btn-active),
body.scheme-cyan .show>.btn.btn-light-primary{
    color: #ffffff !important;
    background-color: #06b6d4 !important;
    border-color: #06b6d4 !important;
}
body.scheme-cyan .btn-light-primary:hover .svg-icon,
body.scheme-cyan .btn-light-primary:hover i,
body.scheme-cyan .btn-light-primary:focus .svg-icon,
body.scheme-cyan .btn-light-primary:focus i,
body.scheme-cyan .btn-light-primary:active .svg-icon,
body.scheme-cyan .btn-light-primary:active i,
body.scheme-cyan .btn-check:active+.btn.btn-light-primary .svg-icon,
body.scheme-cyan .btn-check:active+.btn.btn-light-primary i,
body.scheme-cyan .btn-check:checked+.btn.btn-light-primary .svg-icon,
body.scheme-cyan .btn-check:checked+.btn.btn-light-primary i,
body.scheme-cyan .btn.btn-light-primary.active .svg-icon,
body.scheme-cyan .btn.btn-light-primary.active i,
body.scheme-cyan .btn.btn-light-primary.show .svg-icon,
body.scheme-cyan .btn.btn-light-primary.show i,
body.scheme-cyan .show>.btn.btn-light-primary .svg-icon,
body.scheme-cyan .show>.btn.btn-light-primary i{
    color: #ffffff !important;
}

/* === Text === */
body.scheme-cyan .text-primary{
    color: #06b6d4 !important;
}
body.scheme-cyan .text-hover-primary:hover{
    color: #06b6d4 !important;
}
body.scheme-cyan .text-hover-primary:hover i{
    color: #06b6d4 !important;
}
body.scheme-cyan a{
    color: #06b6d4;
}
body.scheme-cyan a:hover{
    color: #0891b2;
}

/* === Backgrounds === */
body.scheme-cyan .bg-primary{
    background-color: #06b6d4 !important;
}
body.scheme-cyan .bg-light-primary{
    background-color: rgba(6, 182, 212, 0.1) !important;
}

/* === Badges === */
body.scheme-cyan .badge-primary{
    background-color: #06b6d4 !important;
}
body.scheme-cyan .badge-light-primary{
    color: #06b6d4 !important;
    background-color: rgba(6, 182, 212, 0.1) !important;
}

/* === Menu === */
body.scheme-cyan .menu-state-title-primary .menu-item .menu-link.active .menu-title{
    color: #ffffff !important;
}
body.scheme-cyan .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i{
    color: #ffffff !important;
}
body.scheme-cyan .menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g){
    fill: #ffffff !important;
}
body.scheme-cyan .menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet{
    background-color: #06b6d4 !important;
}
body.scheme-cyan .aside-menu .menu .menu-item .menu-link.active{
    background-color: #06b6d4 !important;
}

/* === Pagination === */
body.scheme-cyan .pagination{
    --bs-pagination-color: #06b6d4;
}
body.scheme-cyan .page-item:hover:not(.active):not(.offset) .page-link{
    color: #06b6d4 !important;
}
body.scheme-cyan .page-item.active .page-link{
    background-color: #06b6d4;
    border-color: #06b6d4;
}

/* === Forms === */
body.scheme-cyan .form-check-input:checked{
    background-color: #06b6d4;
    border-color: #06b6d4;
}
body.scheme-cyan .form-check.form-check-solid .form-check-input:checked{
    background-color: #06b6d4 !important;
}
body.scheme-cyan .form-control:focus{
    border-color: #06b6d4;
}

/* === Tom Select === */
body.scheme-cyan .ts-wrapper.multi .ts-control > div,
body.scheme-cyan .ts-wrapper.multi .ts-control > div.active{
    background: #06b6d4;
    border-color: #06b6d4;
}
body.scheme-cyan .ts-dropdown .active{
    background-color: #06b6d4;
    color: #fff;
}

/* === Toastr === */
body.scheme-cyan .toastr-info{
    background-color: #06b6d4;
}
body.scheme-cyan #toastr-container>.toastr-info{
    box-shadow: 0 0 7px #06b6d4;
}

/* === Spinner/Loader === */
body.scheme-cyan .spinner-border.text-primary{
    color: #06b6d4 !important;
}
body.scheme-cyan .table-loader .spinner{
    border-color: #06b6d4;
    border-top-color: transparent;
}

/* === DateRangePicker === */
body.scheme-cyan .daterangepicker .ranges li.active{
    background-color: #06b6d4;
}
body.scheme-cyan .daterangepicker td.active,
body.scheme-cyan .daterangepicker td.active:hover{
    background-color: #06b6d4;
}

/* === KPI Avatar === */
body.scheme-cyan .kpi-avatar{
    color: #06b6d4;
}

/* === Symbol === */
body.scheme-cyan .symbol-label{
    color: #06b6d4;
}

/* === Links in sidebar === */
body.scheme-cyan .aside a:hover{
    color: #06b6d4 !important;
}

/* === Nav Tabs === */
body.scheme-cyan .nav-line-tabs .nav-item .nav-link.active,
body.scheme-cyan .nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
body.scheme-cyan .nav-line-tabs .nav-item.show .nav-link{
    border-bottom-color: #06b6d4 !important;
}