:root {
    --menu-bg: rgb(207,10,56) !important;
    --primary-color: rgb(207,10,56) !important;
    --secondary-rgb: 84,91,103;
    --primary-rgb: 84,91,103;
}
.bg-dark {
    background-color: rgb(84,91,103) !important;
}

.d-none {
    display: none;
}

.image-cover {
    object-fit: cover !important;
}
.filter-brightness-invert {
    filter: brightness(0) invert(1) !important;
}
.transform--90 {
    transform: rotate(-90deg) !important;
}
.transform-90 {
    transform: rotate(90deg) !important;
}

.w-450px {
    width: 450px !important;
}
.w-32px {
    width: 32px !important;
}
.h-32px {
    height: 32px !important;
}
.max-w-70 {
    max-width: 70% !important;
}
.h-37px {
    height: 37px !important;
}
.h-40px {
    height: 40px !important;
}
.h-42px {
    height: 42px !important;
}
.h-44px {
    height: 44px !important;
}

.min-width-40px {
    min-width: 40px !important;
}

.text-size-9px {
    font-size: 9px !important;
}
.text-size-16px {
    font-size: 16px !important;
}

.max-height-200 {
    max-height: 200px !important;
}
.max-height-250 {
    max-height: 250px !important;
}

.min-height-250 {
    min-height: 250px !important;
}

.w-300-px {
    width: 300px !important;
}
.w-100-px {
    width: 100px !important;
}
.w-250-px {
    width: 250px !important;
}

.h-100-px {
    height: 100px !important;
}
.h-120-px {
    height: 120px !important;
}
.h-150-px {
    height: 150px !important;
}

.min-w-100-px {
    min-width: 100px !important;
}

.app-alert-icon {
    font-size: 16px;
    border: 1px solid white;
    border-radius: 100%;
    margin-right: 1rem;
    padding: 6px 12px;
}

.row .card {
    height: 100%;
    box-sizing: border-box !important;
}

input, text, select {
    padding: .755rem !important;
}
input[role="switch"] {
    padding: 0 !important;
}


.text-bold-100 {
    font-weight: 100 !important;
}
.text-bold-200 {
    font-weight: 200 !important;
}
.text-bold-300 {
    font-weight: 300 !important;
}
.text-bold-400 {
    font-weight: 400 !important;
}
.text-bold-500 {
    font-weight: 500 !important;
}
.text-bold-600 {
    font-weight: 600 !important;
}
.text-bold-700 {
    font-weight: 700 !important;
}
.text-bold-800 {
    font-weight: 800 !important;
}
.text-bold-900 {
    font-weight: 900 !important;
}

.text-shadow-white {
    text-shadow: 1px 1px 1px white !important;
}

.text-size-1rem {
    font-size: 1rem !important;
}
.text-size-75rem {
    font-size: .75rem !important;
}
.text-size-85rem {
    font-size: .85rem !important;
}

.text-yellow {
    color: yellow !important;
    text-shadow: 0 0 12px rgba(0,0,0,.5), 0 0 6px rgba(0,0,0,.25) !important;
}

.form-control:valid {
    background-image: unset !important;
    border-color: var(--input-border) !important;
}
.form-control.border-danger:valid {
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

input[type="text"]:read-only {
    background-color: #c3c3c3;
    color: black;
    border: dashed 3px #c3c3c3;
    font-weight: 900;
}
.clipboard-target {
    position: relative;
    right: 4px;
    top: 4px;
}

.form-select-sm {
    padding-right: 2rem !important;
}

.cursor-pointer {
    cursor: pointer !important;
}