/* Estilo padrão do menu (fechado) */

:root, [data-bs-theme=light] {
    --box-backgroundcolor: white;
    --box-color: rgba( 24, 36, 51, 0.8);
    --bg-color-light: #EEEFF0;
    --bg-color-modal: rgba(34,36,38,.6);
}

[data-bs-theme=dark] {
    --box-backgroundcolor: #1b293a;
    --box-color: #fcfdfe;
    --bg-color-light: #16202E;
    --bg-color-modal: rgba(21,31,44,.7);
}

.navbar-vertical {
    transition: width 0.3s ease !important; /* Transição suave da largura */
}

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


.btn-outline-primary,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-info,
.btn-outline-success,
.btn-outline-secondary {
    border: 1px solid rgba(101, 109, 119, .16) !important;
}


.box {
    position: relative;
    width: auto;
    height: auto;
    font-size: calc(2.5rem / 2.8571428572);
    font-weight: 500;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    color: var(--box-color);
    text-align: center;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--box-backgroundcolor);
    border-radius: 4px;
    box-shadow: inset rgba(72, 110, 149, 0.14) 0 0 0 1px;
    overflow-y: auto;
}

.box-item {
    border-right: 1px solid rgba(72, 110, 149, 0.14);
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    height: 100% !important;
}

.text-small {
    font-size: 9px !important;
    font-weight: 300;
}

.text-md {
    font-size: 11px !important;
    font-weight: 400;
}

.text-blue-lt {
    color: rgb(233, 240, 249);
}

.text-italic {
    font-style: italic !important;
}

.hr-vertical {
    display: inline-block;
    border-left: 1px solid rgba(34,36,38,.15);
    margin: 0 10px;
    height: 100%;
}

.border-0 {
    border: 0 !important;
}


.border-left-0 {
    border-left: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}


.modal-blur {
    background-color: var(--bg-color-modal);
}

.rounded-left-0 {
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}


.flex-row-end {
    /* d-flex */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    /* flex-row-reverse */
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-row-center {
    /* d-flex */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    /* flex-row-reverse */
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    /* justift-content-center */
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.flex-row-between {
    width: 100%;
    /* d-flex */
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    /* flex-row */
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    /* justify-content-between */
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}