﻿:root{
    --dark-red: #666;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
}

.btn-custom {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #ad120a;
    --bs-btn-border-color: #ad120a;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #e6180d;
    --bs-btn-hover-border-color: #e6180d;
    --bs-btn-focus-shadow-rgb: 234,59,49;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #e6180d;
    --bs-btn-active-border-color: #e6180d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #ad120a;
    --bs-btn-disabled-border-color: #ad120a;
    --bs-btn-border-radius: 1px;
}

.btn-counter {
    min-width: 120px;
}

.btn-counter-sm {
    min-width: 6rem;
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: #fff;
    background-color: #ad120a;
    border-color: #ad120a;
}

.app-sidebar {
    --bs-app-sidebar-menu-link-hover-bg: rgb(82 82 82 / 50%);
    --bs-app-sidebar-menu-link-active-color: var(--dark-red);
}

.pagination .page-item .page-link {
    border-radius: 0px;
}

.border-danger {
    border-color: #ad120a !important;
}

.app-sidebar .menu .menu-item.active:not(.has-sub) > .menu-link {
    color: #ad120a;
}

.min-height-300 {
    min-height:300px;
}

.position-relative-div-parent {
    position: relative;
}

.position-relative-div-child-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
}

.custom-cursor-pointer {
    cursor: pointer;
}

@media (min-width: 992px) {
    .app-float-submenu {
        --bs-bg-opacity: 1;
        /* background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; */
        --bs-app-float-submenu-bg: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
        --bs-app-float-submenu-box-shadow: 0 1rem 3rem rgba(var(--bs-black-rgb), 0.175);
        --bs-app-float-submenu-link-active-color: var(--dark-red);
    }
}
