/********************/
/* HELPER :: INICIO */
/********************/

body {
    color: var(--text-principal) !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--text-principal) !important;
}

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

.bg-principal * {
    color: var(--text-sob-bg-principal);
}

.bg-principal i {
    color: var(--text-sob-bg-principal) !important;
}

i[class*=" fa-"] {
    color: var(--text-principal);
}

a {
    color: var(--text-principal);
}

a:hover {
    color: var(--text-principal-hover);
}

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

.menu-hover-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: var(--text-principal-hover);
}

.form-check.form-check-principal .form-check-input:checked {
    background-color: var(--bg-principal);
}

.text-principal,i.text-principal {
    color: var(--text-principal) !important;
}

.text-principal * {
    color: var(--text-principal);
}

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

.text-secundario * {
    color: var(--text-secundario);
}

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

.btn-principal, .btn-principal i {
    background-color: var(--btn-principal) !important;
    color: var(--btn-principal-texto) !important;
}

.btn-principal:hover, .btn-principal:hover i {
    background-color: var(--btn-principal-hover) !important;
    color: var(--btn-principal-texto-hover) !important;
}

.btn-secundario {
    background-color: var(--btn-secundario) !important;
    color: var(--btn-secundario-texto) !important;
}

.btn-secundario:hover {
    background-color: var(--btn-secundario-hover) !important;
    color: var(--btn-secundario-texto-hover) !important;
}

.bg-btn-principal-inverso {
    background-color: var(--btn-principal-texto) !important;
    color: var(--btn-principal) !important;
}

.btn-finalizar-compra {
    background-color: var(--btn-finalizar-compra) !important;
    color: var(--btn-finalizar-compra-texto) !important;
}

.btn-finalizar-compra:hover {
    background-color: var(--btn-finalizar-compra-hover) !important;
    color: var(--btn-finalizar-compra-texto-hover) !important;
}

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

.bg-gray-200 {
    --bs-bg-rgb-color: var(--bs-gray-200-rgb) !important;
    background-color: var(--bs-gray-200) !important;
}

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

/*****************/
/* HELPER :: FIM */
/*****************/


.app-header {
    z-index: 1008 !important;
}

/*********************/
/* blockUI :: INICIO */
/*********************/
.blockui .blockui-overlay {
    background-color: rgb(0 0 0 / 60%);
    height: 100%;
    position: fixed !important;
}

.blockui-message {
    --bs-bg-rgb-color: var(--bs-body-bg-rgb) !important;
    background-color: var(--bs-body-bg) !important;
    color: var(--text-principal) !important;
}
/******************/
/* blockUI :: FIM */
/******************/

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}

.animate-shake {
    animation: shake 0.5s ease;
}

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    padding: 0;
}

@media (min-width: 992px) {
    .border-lg-0 {
        border: 0 !important;
    }
}

.jquery-validate-error{   
    color: red;
}

.is-invalid {
    border-color:#f1416c !important;
}

.bg-image-unset {
    background-image: unset !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    color: var(--text-principal) !important;
    background-color: var(--text-principal) !important;
}

.swal2-html-container {
    color: var(--text-secundario) !important;
}

.w-35 {
    width: 35% !important;
}

#modal-detalhes-ticket {
    z-index: 1050 !important;
}

#modal-acompanhamentos {
    z-index: 1050 !important;
}

.modal-backdrop {
    z-index: 1049 !important;
}