﻿.be-top-header .be-user-nav > li.dropdown .dropdown-menu:after {
    border-bottom-color: #ec4c00;
}

a,
.btn-link,
.be-left-sidebar .sidebar-elements > li.active > a,
.be-left-sidebar .sidebar-elements > li ul li.active > a,
.be-left-sidebar .sidebar-elements > li.active > a > span,
.be-icons-nav > li.dropdown.show > a .icon,
.card-header .tools .icon,
span.color-jag {
    color: #ec4c00;
}

    a:hover,
    .btn-link:hover,
    .card-header .tools .icon:hover {
        color: #d64805;
    }

.page-item.active .page-link {
    background-color: #ec4c00;
    border-color: #ec4c00;
}

.colored-header .modal-content .modal-header,
.be-user-nav > li.dropdown .dropdown-menu .user-info {
    background-color: #ec4c00;
}

.switch-button input[type="checkbox"]:checked + span {
    background-color: #9acd32;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
    color: #8BC34A;
    border-color: #8BC34A;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    color: #8BC34A;
    border-color: #8BC34A;
    background-color: #f8f9fa !important;
}

.ui-mprogress .deter-bar {
    background: #9acd32;
}

.ui-mprogress .peg {
    -webkit-box-shadow: 0 0 10px #9acd32, 0 0 5px #ffa880;
    box-shadow: 0 0 10px #9acd32, 0 0 5px #ffa880;
}

.ui-mprogress .bar-bg,
.ui-mprogress .buffer-bg {
    background: #d3e2fc;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ec4c00;
}
.custom-control-input:checked ~ .custom-control-label::after {
    color: #ec4c00;
}

.modal-container table .fa-check-circle {
    color: #8BC34A;
    cursor: pointer;
}

.modal-container table .fa-check-circle:hover {
    color: #a4ff3a;
}

.be-spinner svg {
    stroke: #a4ff3a;
}

.datetimepicker table tbody tr td.day.active {
    background: #34a853;
}

    .datetimepicker table tbody tr td.day.active:hover {
        background: #24753a;
    }

tr.dtrg-group.dtrg-start i.fas {
    color: #34a853;
}

    @media (max-width: 767.98px) {
        .be-offcanvas-menu .be-top-header .be-navbar-header {
            background-color: #ec4c00;
        }

        .be-top-header .be-right-navbar {
            border-bottom: 1px solid #ec4c00;
            background-color: #ec4c00;
        }
    } 