:root {
    --primary-color: #00acf0;
    --secondary-color: #6640b2;
    --hover: #00a0df;
    --hover-color: #603bab;
    --primaryDark-color: #0092ee;
}

a {
    text-decoration: none !important;
    color: var(--primary-color) !important;
    -webkit-transition: color 0.2s ease !important;
    -moz-transition: color 0.2s ease !important;
    transition: color 0.2s ease !important;
}

    a:hover {
        text-decoration: none !important;
        color: var(--primary-color) !important;
    }

    a:focus {
        text-decoration: none !important;
        outline: none;
        color: var(--primary-color) !important;
    }

p.lead {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: var(--primary-color) !important;
    line-height: 27px !important;
    margin-bottom: 0 !important;
}

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

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

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

    .btn-primary:hover, .btn-primary:focus {
        color: #fff !important;
        background-color: var(--hover) !important;
        border-color: var(--hover) !important;
    }

.btn-gradient-primary {
    color: #fff !important;
    border: none !important;
    background: receivement !important;
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
    background: -webkit-bg-linear-gradient(45deg, var(--primary-color), var(--secondary-color)) !important;
}

    .btn-gradient-primary:hover, .btn-gradient-primary:focus {
        color: #fff !important;
        background: #00a0df !important;
        background: linear-gradient(45deg, var(--hover), var(--hover-color)) !important;
        background: -webkit-bg-linear-gradient(45deg, var(--hover), var(--hover-color)) !important;
    }

.btn-outline-primary,
.btn-outline-primary {
    color: var(--primary-color) !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: var(--primary-color) !important;
}

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

.nav.nav-tabs .nav-link.active {
    color: #324148 !important;
    background: transparent !important;
    border-color: var(--primary-color) !important;
}

    .nav.nav-tabs .nav-link.active:hover, .nav.nav-tabs .nav-link.active:focus {
        border-color: var(--primary-color) !important;
    }

.nav.nav-tabs .nav-item.show .nav-link {
    color: #324148 !important;
    border-color: var(--primary-color) !important;
    background: transparent !important;
}

.nav.nav-tabs.nav-tabs-primary .nav-link.active {
    border-color: var(--primary-color) !important;
}

    .nav.nav-tabs.nav-tabs-primary .nav-link.active:hover, .nav.nav-tabs.nav-tabs-primary .nav-link.active:focus {
        border-color: var(--primary-color) !important;
    }

.nav.nav-tabs.nav-tabs-primary .nav-item.show .nav-link {
    border-color: var(--primary-color) !important;
}

.nav.nav-tabs.nav-tabs-violet .nav-link.active {
    border-color: var(--secondary-color) !important;
}

    .nav.nav-tabs.nav-tabs-violet .nav-link.active:hover, .nav.nav-tabs.nav-tabs-violet .nav-link.active:focus {
        border-color: var(--secondary-color) !important;
    }

.nav.nav-tabs.nav-tabs-violet .nav-item.show .nav-link {
    border-color: var(--secondary-color) !important;
}

.nav.nav-pills .nav-link.active {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

.nav.nav-pills .nav-item.show .nav-link {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

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

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

.nav.nav-pills.nav-pills-violet .nav-link.active {
    background-color: var(--secondary-color) !important;
}

.nav.nav-pills.nav-pills-violet .nav-item.show .nav-link {
    background-color: var(--secondary-color) !important;
}

.hk-wrapper .hk-settings-panel .settings-panel-wrap .layout-img-wrap a i {
    font-size: 15px !important;
    position: absolute !important;
    right: 25px !important;
    top: 10px !important;
    opacity: 0 !important;
    height: 20px !important;
    width: 20px !important;
    background: var(--primary-color) !important;
    border-radius: 50% !important;
    text-align: center !important;
    padding-top: 2px !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary-color) !important;
    border: none !important;
    color: #fff !important;
    margin-right: 6px !important;
    margin-top: 6px !important;
    padding: 1px 7px !important;
}

.tinymce-wrap .mce-btn.mce-active button i,
.tinymce-wrap .mce-btn:active button i {
    color: var(--primary-color) !important;
}

.tinymce-wrap .mce-btn.mce-active button, .tinymce-wrap .mce-btn.mce-active:hover button, .tinymce-wrap .mce-btn.mce-active i, .tinymce-wrap .mce-btn.mce-active:hover i {
    color: var(--primary-color) !important;
}

.dropify-wrapper .dropify-message span.file-icon {
    font-size: 28px !important;
    color: #fff !important;
    height: 60px !important;
    width: 60px !important;
    background: var(--primary-color) !important;
    border-radius: 50% !important;
    display: block !important;
    margin: auto !important;
    position: relative !important;
}

.toggle .toggle-on, .toggle .toggle-select .toggle-inner .active {
    background: var(--primary-color) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

    .toggle .toggle-on.active + .toggle-blob {
        border-color: var(--primary-color) !important;
    }

.toggle-select .toggle-inner .active, .toggle.toggle-bg-primary .toggle-on, .toggle.toggle-bg-primary .toggle-select .toggle-inner .active {
    background: var(--primary-color) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

    .toggle.toggle-bg-primary .toggle-on.active + .toggle-blob {
        border-color: var(--primary-color) !important;
    }

.toggle.toggle-bg-violet .toggle-on, .toggle.toggle-bg-violet .toggle-select .toggle-inner .active {
    background: var(--secondary-color) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.accordion .card .card-header > a {
    background: #0768a5 !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 20px !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    position: relative !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.accordion.accordion-primary .card .card-header > a {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.accordion.accordion-violet .card .card-header > a {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

.accordion.accordion-type-2 .card .card-header > a {
    background: transparent !important;
    color: var(--primary-color) !important;
    padding-left: 50px !important;
}

.accordion.accordion-type-2.accordion-primary .card .card-header > a {
    color: var(--primary-color) !important;
}

.accordion.accordion-type-2.accordion-violet .card .card-header > a {
    color: var(--secondary-color) !important;
}

.table .thead-primary th {
    background-color: var(--primary-color) !important;
}

.table .thead-violet th {
    background-color: var(--secondary-color) !important;
}

.tablesaw-bar .tablesaw-bar-section select:focus {
    border-color: var(--primary-color) !important;
}

.alert.alert-inv.alert-inv-primary {
    background: var(--primary-color) !important;
    color: #edf9fe !important;
}

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

.tooltip.tooltip-primary.bs-tooltip-left .arrow::before {
    border-left-color: var(--primary-color) !important;
}

.tooltip.tooltip-primary.bs-tooltip-right .arrow::before {
    border-right-color: var(--primary-color) !important;
}

.tooltip.tooltip-primary.bs-tooltip-top .arrow::before {
    border-top-color: var(--primary-color) !important;
}

.tooltip.tooltip-primary.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--primary-color) !important;
}

.tooltip.tooltip-violet .tooltip-inner {
    background: var(--secondary-color) !important;
}

.tooltip.tooltip-violet.bs-tooltip-left .arrow::before {
    border-left-color: var(--secondary-color) !important;
}

.tooltip.tooltip-violet.bs-tooltip-right .arrow::before {
    border-right-color: var(--secondary-color) !important;
}

.tooltip.tooltip-violet.bs-tooltip-top .arrow::before {
    border-top-color: var(--secondary-color) !important;
}

.tooltip.tooltip-violet.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--secondary-color) !important;
}

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

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

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

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

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

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

.owl-carousel .owl-video-play-icon {
    background: rgba(255, 255, 255, 0.8) !important;
    left: 20px !important;
    bottom: 20px !important;
    margin: 0 !important;
    height: 35px !important;
    width: 35px !important;
    border-radius: 50% !important;
    top: auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    color: var(--primary-color) !important;
}

.pickr .pcr-app .pcr-interaction .pcr-save {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.pickr .pcr-app .pcr-interaction .pcr-type.active {
    background: #edf9fe !important;
    color: var(--primary-color) !important;
}

.pickr .pcr-app .pcr-interaction .pcr-result:focus {
    box-shadow: none !important;
    border-color: var(--primary-color) !important;
}

.irs-bar {
    height: 7px !important;
    border: none !important;
    border-radius: 0 !important;
    background: var(--primary-color) !important;
}

.irs-slider {
    top: 27px !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #fff !important;
    background: var(--primary-color) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

    .irs-slider.state_hover, .irs-slider:hover {
        background: var(--primary-color) !important;
    }

.irs-bar-edge {
    height: 7px !important;
    top: 33px !important;
    width: 14px !important;
    border: none !important;
    background: var(--primary-color) !important;
    border-radius: 0 !important;
}

.irs-primary .irs-bar,
.irs-primary .irs-bar-edge {
    background: var(--primary-color) !important;
}

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

    .irs-primary .irs-slider.state_hover,
    .irs-primary .irs-slider:hover {
        background: var(--primary-color) !important;
    }

.irs-violet .irs-bar, .irs-violet .irs-bar-edge {
    background: var(--secondary-color) !important;
}

.irs-violet .irs-slider {
    background: var(--secondary-color) !important;
}

    .irs-violet .irs-slider.state_hover, .irs-violet .irs-slider:hover {
        background: var(--secondary-color) !important;
    }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary-color) !important;
}

    .daterangepicker td.active.available:hover, .daterangepicker td.active:hover.available:hover {
        background-color: var(--primary-color) !important;
    }

.daterangepicker td.in-range.active, .daterangepicker td.in-range.active:hover {
    background-color: var(--primary-color) !important;
}

.daterangepicker .ranges li.active {
    background-color: var(--primary-color) !important;
}

.hk-dash-type-1 .card-header .nav.nav-tabs > a.nav-item.active .display-4 {
    color: var(--primary-color) !important;
}

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

.avatar .avatar-text {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    background: #fff !important;
    font-weight: 600 !important;
    color: var(--primary-color) !important;
}

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

    .avatar .avatar-text.avatar-text-violet {
        color: var(--secondary-color) !important;
    }

    .avatar .avatar-text.avatar-text-inv-primary:before {
        background-color: var(--primary-color) !important;
    }

    .avatar .avatar-text.avatar-text-inv-violet:before {
        background-color: var(--secondary-color) !important;
    }

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

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

.pagination .page-item.active.active-violet .page-link {
    background: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
}

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

.badge.badge-violet {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

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

.badge.badge-outline.badge-violet {
    border-color: var(--secondary-color) !important;
    color: var(--secondary-color) !important;
}

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

.badge.badge-soft-violet {
    background: #f4f2fa !important;
    color: var(--secondary-color) !important;
}

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

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

.jvectormap-goback {
    padding: .15rem .4rem !important;
    font-size: .75rem !important;
    background: var(--primary-color) !important;
    border-radius: 0.2rem !important;
}

.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-subject {
    color: var(--primary-color) !important;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: var(--primaryDark-color) !important;
    color: #fff;
}

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: var(--primary-color) !important;
    }