/*Orange Theme Color override*/
:root {
    --orange: #ff6700;
    --backorange: #ff7619;
    --accentorange: #e55c00;
    --btnorange: #e56a16;
    --darkorange: #daa520;
    --backdarkorange: #cd853f;
    --accentdarkorange: #ffd700;
    --btndarkorange: #d4af37;
    --darkbgwhite: #5a5c69;
    --orangergb: rgba(255, 103, 0, 0.5);
}

.bg-gradient-primary {
    background-color: var(--orange);
    background-image: linear-gradient(180deg, var(--backorange) 10%, var(--accentorange) 100%);
    background-size: cover;
}

.bg-primary {
    background-color: var(--btnorange) !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: var(--accentorange) !important;
}

.topbar .dropdown-list .dropdown-header {
    background-color: var(--orange);
    border: 1px solid var(--orange);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #fff;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: var(--orange);
    font-weight: 700;
}

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

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

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

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: var(--accentorange);
        border-color: var(--accentorange);
        box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: var(--orange);
        border-color: var(--orange);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--btnorange);
        border-color: var(--btnorange);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 118, 25, 0.5);
        }

.btn-outline-primary {
    color: var(--orange);
    border-color: var(--orange);
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--orange);
        border-color: var(--orange);
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: var(--orange);
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--orange);
        border-color: var(--orange);
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
        }

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--orange);
    border-color: var(--orange);
}

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

.border-left-primary {
    border-left: 0.25rem solid var(--orange) !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--backorange);
}

.form-control:focus {
    color: #6e707e;
    background-color: #fff;
    border-color: #ffefe5;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6700' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff6700' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.form-check-input:checked, .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.page-link {
    color: var(--orange);
}

    .page-link:hover {
        color: var(--orange);
    }

.form-control.selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover, .form-control.selectize-control .selectize-dropdown .selectize-dropdown-content .option:focus {
    background-color: var(--orange) !important;
    ;
}

.form-control.selectize-control .selectize-dropdown .selectize-dropdown-content .option.active, .form-control.selectize-control .selectize-dropdown .selectize-dropdown-content .option:active {
    background-color: var(--orange) !important;
    ;
}

.form-control.selectize-control .selectize-dropdown-content .create strong,
.form-control.selectize-control.multi .selectize-input .item {
    background-color: var(--orange) !important;
    font-size: 85% !important;
}

.custom-range::-webkit-slider-thumb {
    background: var(--orange);
}

.custom-range::-moz-range-thumb {
    background: var(--orange);
}

.custom-range::-ms-thumb {
    background: var(--orange);
}

.border-left-blue {
    border-left: 0.25rem solid #4e73df !important;
}

.text-blue {
    color: #4e73df !important;
}

a.text-blue:hover, a.text-primary:focus {
    color: #224abe !important;
}

.border-left-indigo {
    border-left: 0.25rem solid #6610f2 !important;
}

.text-indigo {
    color: #6610f2 !important;
}

.border-left-purple {
    border-left: 0.25rem solid #6f42c1 !important;
}

.text-purple {
    color: #6f42c1 !important;
}

.border-left-pink {
    border-left: 0.25rem solid #e83e8c !important;
}

.text-pink {
    color: #e83e8c !important;
}

.border-left-yellow {
    border-left: 0.25rem solid #f9c596 !important;
}

.text-yellow {
    color: #f9c596 !important;
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #fff;
    background-color: var(--backorange);
}

.inm-img-upload-src {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-image: linear-gradient(180deg, #ff7619 10%, #e55c00 100%);
    padding: 5px;
    max-height: 164px;
    object-fit: contain;
}

.preloader {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 1;
    background-color: var(--orange);
    background-image: linear-gradient(180deg, var(--backorange) 10%, var(--accentorange) 100%);
    background-size: cover;
    z-index: 99;
}

/* Grid table */
.custom-grid td.selected {
    background-color: var(--orangergb) !important;
}

.custom-grid td.focused {
    outline: 2px solid var(--backorange) !important;
}
/* Grid table end */

/* daterangepicker start */

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

.daterangepicker td.active, 
.daterangepicker td.active:hover
 {
    background-color: var(--orange)!important;
    border-color: transparent;
    color: #fff;
}

/* daterangepicker end */

/*Dark Orange Theme Color override*/