﻿.ot-black-color {
    color: #5E5873 !important;
}

.ot-contactcard {
    background-color: #8CC641 !important;
    /*background-color: #94CA4F !important;*/
}

/*.ot-menu {
    background-color: #28C76F !important;
}*/
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
    background: linear-gradient(118deg, #28C76F, rgba(40,199,111,.7)) !important;
    box-shadow: 0 2px 4px 0 rgb(103 240 120 / 40%) !important;
}
.ot .form-check-input:checked {
    background-color: #28C76F;
    border-color: #28C76F;
}

.ot .form-check-input:focus {
    border-color: #28C76F;
    box-shadow: 0 2px 4px 0 rgb(103 240 120 / 40%);
}

.form-check-input:not(:disabled):checked {
    box-shadow: 0 2px 4px 0 rgb(103 240 120 / 40%);
}

.ot .form-control:focus {
    border-color: #28C76F;
}

.ot .form-select:focus {
    border-color: #28C76F;
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

.ot .input-group:not(.bootstrap-touchspin):focus-within .form-control,
.ot .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #28C76F;
}

.ot .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #28C76F !important;
}

.ot .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #28C76F !important;
    border-color: #28C76F !important;
}

.ot .select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #28C76F !important;
    color: #FFF !important;
}

.ot .select2-container--default .select2-results__option--highlighted {
    background-color: rgba(40,199,111,.12) !important;
    color: #28C76F !important;
}

.ot .select2-container--classic.select2-container--open .select2-selection--single,
.ot .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #28C76F !important;
}

.ot .select2-container--default .select2-selection--single:focus {
    border-color: #28C76F !important;
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

.ot .popover-header {
    background-color: #28C76F;
}

.ot a:not(.dropdown-item, .page-link, .dropdown-toggle, .nav-link) {
    color: #28C76F;
}

.ot.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link:hover {
    color: #28C76F;
}

.ot.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link {
    background-color: #28C76F;
}

.ot .nav-tabs .nav-link.active {
    color: #28C76F;
}

.ot .dropdown-item.active, .dropdown-item:active {
    background-color: #28C76F;
}

.ot .dropdown-item:focus,
.ot .dropdown-item:hover {
    color: #28C76F;
    background-color: rgba(40,199,111,.12);
}

.ot .dropdown-item:focus,
.ot .dropdown-item:hover {
    color: #28C76F;
    background-color: rgba(40,199,111,.12);
}

.ot .page-item.active .page-link {
    background-color: #28C76F;
}

.ot .page-item .page-link:hover {
    color: #28C76F;
}

/* menu */

.ot .main-menu.menu-light .navigation > li ul .active,
.ot .main-menu.menu-dark .navigation > li ul .active {
    background: linear-gradient(118deg, #28C76F, rgba(40,199,111,.7));
    box-shadow: 0 2px 4px 0 rgb(103 240 120 / 40%);
}

.ot .main-menu.menu-light .navigation > li.active > a,
.ot .main-menu.menu-dark .navigation > li.active > a {
    background: linear-gradient(118deg, #28C76F, rgba(40,199,111,.7));
    box-shadow: 0 2px 4px 0 rgb(103 240 120 / 40%);
}

.ot.dark-layout .main-menu .collapse-toggle-icon {
    color: #28C76F !important;
}

/* date picker */

.ot .flatpickr-calendar .flatpickr-day.selected,
.ot .flatpickr-calendar .flatpickr-day.selected:hover {
    background: #28C76F;
    border-color: #28C76F;
}

.ot .flatpickr-calendar .flatpickr-day.today {
    border-color: #28C76F;
}

.ot .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.ot .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #28C76F;
}

.ot .flatpickr-calendar .flatpickr-day.startRange,
.ot .flatpickr-calendar .flatpickr-day.startRange:hover {
    background: #28C76F;
    border-color: #28C76F;
}

    .ot .flatpickr-calendar .flatpickr-day.endRange,
    .ot .flatpickr-calendar .flatpickr-day.endRange:hover,
    .ot .flatpickr-calendar .flatpickr-day.startRange,
    .ot .flatpickr-calendar .flatpickr-day.startRange:hover {
        background: #28C76F;
        border-color: #28C76F;
    }

.ot .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #28C76F;
}

.ot .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #28C76F;
}

.ot .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: #28C76F;
    box-shadow: 0 2px 4px 0 rgb(103 240 120 / 40%);
}

.ot .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
    color: #28C76F;
}

.ot .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
    background-color: rgba(40,199,111,.12);
    color: #28C76F !important;
}

.ot .bs-stepper .bs-stepper-header .step.crossed + .line {
    color: #28C76F;
}

.ot .header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover {
    color: #28C76F;
}

.ot .main-menu .navbar-header .navbar-brand .brand-text {
    color: #1A3D4E;
}

.ot .horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
    color: #1A3D4E;
}

.ot .nav-tabs .nav-link:after {
    background: linear-gradient(118deg, #28C76F, rgba(40,199,111,.7)) !important;
}

.ot.dark-layout .nav-tabs .nav-item .nav-link.active,
.ot.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active {
    color: #28C76F;
}

.ot.dark-layout .dropdown-menu .dropdown-item:focus,
.ot.dark-layout .dropdown-menu .dropdown-item:hover {
    background-color: rgba(40,199,111,.12);
    color: #28C76F !important;
}

.ot.dark-layout a:hover {
    color: #28C76F;
}

html.ot .pace .pace-progress {
    background: #28C76F;
}

.blockOverlay {
    z-index: 1055 !important;
}

.blockElement, .blockPage {
    z-index: 1055 !important;
}