input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}
/*
        Centralized color variables — change these to update colors across the site.
*/
:root {
    --color-primary: #b31722; /* main brand color (change this to update site-wide) */
    --theme-color-text: #b31722; /* main brand color (change this to update site-wide) */
    --theme-color-text-hover: #000000; /* main brand color (change this to update site-wide) */
    --color-primary-button-hover: #b31722; /* main brand color (change this to update site-wide) */
    --color-primary-button-hover-border: #b31722; /* main brand color (change this to update site-wide) */
    --color-primary-button-hover-color: #000000; /* main brand color (change this to update site-wide) */
    --color-primary-contrast: #ffffff; /* text on primary */
    --color-primary-dark: #074f8c;
    --color-link-hover: #000000; /* link hover */
    --color-overlay-bg: rgba(0,0,0,0.6);
    --color-black: #000000;
    --color-white: #ffffff;
    --color-scroll-track: #f8f9fa;
    --color-scroll-thumb: #09366c;
    --color-scroll-thumb-hover: #074f8c;
    --color-accent: #526dee;
    --color-accent-2: #2522ff;
    --color-card-bg: #cde7f1;
    --color-danger: indianred;
    --color-lightgrey: lightgrey;
    --color-cornflower: cornflowerblue;
    --color-toggle: #2196F3;
}

.cursor
{
    cursor: pointer;
}
.content .row .custo-code span{
    width: auto !important;
}
.variant_div
{
    border: 1px solid var(--color-black);
    border-radius: 6%;
}
.edit_btn
{
    height: 34px;
    margin-left: 10px;
}
.text-justify
{
    text-align: justify;
}

#sidebar-menu .menuitem-active .active{
    color: var(--color-primary) !important;
    background-color: var(--color-white) !important;

}
#sidebar-menu>ul>li>a {
    color: var(--color-white) !important;
}
.dashboard-icon {
    --bs-text-opacity: 1 !important;
    color: var(--color-primary) !important;
}
.navbar-custom {
    background-color: var(--color-white) !important;
    background: var(--color-white) !important;
}
.custom-button{
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.custom-button:hover {
    color: var(--color-primary-button-hover-color) !important;
    background-color: var(--color-primary-button-hover) !important;
    border-color: var(--color-primary-button-hover-border) !important;
}
.page-item.active .page-link{
    background-color: var(--color-primary) !important;
    color: var(--color-white);
    border-color: var(--color-primary) !important;
}

.custom-hover:hover{
    color: var(--theme-color-text-hover) !important;
}

.media-alignment{
    align-content: space-evenly !important;
}

.card-img-top-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--color-overlay-bg);
    color: var(--color-primary-contrast);
    z-index: 10;
    display: none !important;
    height: 30px;
}

.card:hover .card-img-top-overlay {
    display: flex !important;
}

a:hover {
    color: var(--color-link-hover) !important;
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a {
    background-color: var(--color-primary) !important;
}
.main-blue-color{
    -bs-bg-opacity: 1;
   background-color: var(--color-primary) !important;
}

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

.theme-text-color:hover{
    color : var(--theme-color-text-hover) !important;
}