:root {
    --secondary-color: #FFAC50;
    --secondary-color-rgb: 255, 172, 80;
    --primary-color: #1F3954;
    --primary-color-rgb: 31, 57, 84;
    --purb-color: #36816F;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: var(--phoenix-breadcrumb-item-padding-x);
    padding-left: unset;
    transform: rotateZ(180deg);
}

.border-red {
    border: 1px solid red !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

a {
    color: var(--secondary-color);
}

.form-switch .form-check-input:checked {
    background-color: var(--secondary-color);
}

.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, .google-map-control-btn .zoomIn, .google-map-control-btn .zoomOut, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button--secondary, .tox .tox-button-secondary, .tox .tox-button, [data-list] .page, .table-list .page, .navbar, .pagination, .valid-feedback, .invalid-feedback {
    font-family: "Cairo", sans-serif;
}

[data-list] li.active .page, .table-list li.active .page {
    background-color: var(--primary-color);
}

.form-check-input:focus {
    border-color: var(--secondary-color);
    -webkit-box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25);
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    border-color: var(--primary-color)
}

.form-select:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.btn-link {
    color: var(--secondary-color);
}


.btn-phoenix-primary {
    color: var(--primary-color)
}

    .btn-phoenix-primary:hover {
        color: var(--primary-color)
    }

::selection {
    background-color: rgba( var(--secondary-color-rgb , 0.5)) !important;
    opacity:0.5;
}

.choices[data-type*=select-one]::after {
    right: unset;
    left: 11px
}

.choices.is-focused .choices__inner {
    -webkit-box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25) !important;
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25) !important;
    border-color: var(--primary-color) !important;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #574E83 !important
}

.btn-subtle-primary {
    color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.2 );
    border-color: rgba(var(--primary-color-rgb), 0.2 );
}

    .btn-subtle-primary:hover {
        color: var(--primary-color);
        background-color: rgba(var(--primary-color-rgb), 0.4 );
    }

.slider-heghit {
    height: 33vw;
}

@media only screen and (max-width: 767px) {
    .slider-heghit {
        height: 50vw;
    }
}

.bg-orange {
    background-color: var(--secondary-color) !important;
}
.color-orange {
    color: var(--secondary-color) !important;
}

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

.text-gradient-info2 {
    background: -webkit-gradient(linear, right top, right bottom, from(var(--primary-color)), to(var(--purb-color)));
    background: -o-linear-gradient(top, var(--primary-color) 0%, var(--purb-color) 100%);
    background: linear-gradient(-180deg, var(--primary-color) 0%, var(--purb-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
}

.shadow-info:before {
    background-color: var(--primary-color);
    opacity: .4;
}

.page-link.active, .active > .page-link {
    background-color: var(--purb-color);
    border-color: var(--primary-color)
}

.avatar .avatar-name {
    background-color: rgba( var(--primary-color-rgb), 0.25);
    color: var(--primary-color)
}
 
.rotateBtn {
    height: 34px;
    width: 34px;
    border-radius: 17px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 0;
    font-size: 20px;
}
.choices[data-type*=select-one]::after {
    right: unset !important;
    left: 11px;
}

.form-floating > .form-select {
    padding-bottom: 6px !important;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    font-weight: 700;
    color: var(--primary-color);
    border-bottom-color: currentcolor;
}

.context-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    border-radius: 5px;
}

    .context-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .context-menu li {
        padding: 8px 12px;
        cursor: pointer;
        text-align: center;
        font-size: 11pt;
    }

        .context-menu li:hover {
            background-color: #eee;
        }


.deliveryWaitingContainer{
    position:fixed;
    left:20px;
    bottom:20px;

}

.or-divider {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

    .or-divider::before,
    .or-divider::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid #000;
    }

    .or-divider:not(:empty)::before {
        margin-right: 0.5em;
    }

    .or-divider:not(:empty)::after {
        margin-left: 0.5em;
    }