body {
    margin: 0;
    text-align: center;
    height: 100%;
    width: 100%;
}

table {
    margin: auto;
}

.tbCabecalho {
    border: 0;
    background-color: #ff800f !important;
    width: 100%;
    box-shadow: 1px 1px 4px black;
    margin-bottom: 1%;
    text-align: center;
}

.box-shadow-off {
    box-shadow: none !important;
}

.tbCabecalho th,
.tbCabecalho td {
    font-weight: bold;
    color: #ffffff;
}

.tbCorpo {
    /*por que foi criado mais uma classe para o corpo alem da tbResultado?*/
    border: 1px solid black;
    background-color: white;
    width: 95%;
    box-shadow: 1px 1px 4px black;
    border-collapse: collapse;
}

.tbCorpo td,
.tbCorpo th {
    border: 1px solid black;
    /*Se der problema retirar, por agora tudo joia -- removendo por agora*/
    /*white-space: break-spaces;*/
}

.tbResultado {
    font-size: 14px;
    width: 95%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-collapse: collapse;
    box-shadow: 1px 1px 2px black;
}

.tbResultado td {
    padding: 0.2%;
    border: 1px solid #000000;
}

tr.selecionavel:hover {
    background-color: #DFDFDF !important;
    cursor: pointer;
}

.border {
    border: 1px solid black !important;
}

.collapse {
    border-collapse: collapse;
}

.tr-laranja {
    background-color: #ff800f !important;
    font-weight: bold !important;
    color: #ffffff !important;
    border: 1px solid black !important;
}

.tr-vermelho {
    background-color: red !important;
    font-weight: bold !important;
    color: #ffffff !important;
    border: 1px solid black !important;
}

.cinza {
    background-color: #e4e4e4 !important;
}

.quebrar-conteudo {
    word-break: break-all;
    white-space: normal;
}

.direita {
    text-align: right !important;
}

.esquerda {
    text-align: left !important;
}

.centro {
    text-align: center !important;
}

.negrito {
    font-weight: bold;
}

.azul {
    color: blue;
}

.laranja {
    color: orange;
}

.verde {
    color: green;
}

.vermelho {
    color: red;
}

.branco {
    color: white;
}

.desativado {
    background: #F8F8F8;
    border: 1px #c6c5c0;
    border-style: solid;
    color: #6d6d6d;
}

/*padrão tabela generica*/
.tbGenerica {
    width: auto;
    box-shadow: 1px 1px 4px black;
    border: 0px solid black;
    padding: 10px;
}

.tb-td-campo {
    padding: 5px;
}

/* padrao  container generico*/
.containerGenerico {
    max-width: 95%;
    margin: 20px auto;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid black;
    box-shadow: 1px 1px 4px black;

}

.sem-padding {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.inputText {
    height: 25px;
    padding-left: 1%;
    padding-right: 1%;
}

/*input[type="checkbox"]*/


.upperCase {
    text-transform: uppercase;
}

.alinhar-centro {
    display: flex;
    justify-content: center;
}


.botoes input,
.botoes button {
    cursor: pointer;
    margin-right: 10px;
    border: 1px solid black;
    padding: 14px;
    font-weight: bold;
    background-color: #3f4c98;
    color: white;
}

.botoes input:hover,
.botoes button:hover {
    color: black;
    background-color: white;
}


/*aplicar diretamente ao input*/
.botoes-input {
    cursor: pointer;
    margin-right: 10px;
    border: 1px solid black;
    padding: 14px;
    font-weight: bold;
    background-color: #3f4c98;
    color: white;
}

.botoes-input:hover {
    cursor: pointer;
    color: black;
    background-color: white;
}

.botao-validar {
    cursor: pointer;
    margin-right: 6px;
    border: 1px solid black;
    padding: 5px;
    font-weight: bold;
    background-color: #3f4c98;
    color: white;
}

.botao-validar:hover {
    cursor: pointer;
    color: black;
    background-color: white;
}

.campo-status-ativo {
    background-color: green;
    color: white;
}

.campo-status-inativo {
    background-color: red;
    color: white;
}

#loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background: rgba(255, 255, 255, 0.7);

}

.spinner {
    width: 70px;
    height: 70px;
    border: 6px solid #ccc;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}
.width-100{
    width: 100% !important;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #007bff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.mw-300 {
    min-width: 300px !important;
}

.mw-400 {
    min-width: 400px !important;
}

.mw-500 {
    min-width: 500px !important;
}

.mw-600 {
    min-width: 600px !important;
}

.mw-700 {
    min-width: 700px !important;
}

.mw-800 {
    min-width: 800px;
}

.mw-900 {
    min-width: 900px;
}

.mw-1000 {
    min-width: 1000px;
}

.mw-1100 {
    min-width: 1100px;
}

.mw-1200 {
    min-width: 1200px;
}

.max-w-95 {
    /*usar quando 95% deixar a tabela muito grande*/
    max-width: 95% !important;
    width: auto !important;
}

/* ESTILO PARA JQUERY UI AUTOCOMPLETE */
.ui-autocomplete,
.ui-menu-item-wrapper {
    text-align: left;
}

.ui-menu .ui-menu-item:nth-child(odd) .ui-menu-item-wrapper {
    background-color: #ffffff;
}

.ui-menu .ui-menu-item:nth-child(even) .ui-menu-item-wrapper {
    background-color: #F7ECED;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: #0649FF !important;
    color: #ffffff !important;
}

/* ESTILO PARA JQUERY UI AUTOCOMPLETE */

/*Responsividade*/
@media (max-width: 700px) {
    .inputText{
        font-size: 14px;
    }
    /*  Não gostei do resultado final
    .tbGenerica,
    .tbGenerica tr,
    .tbGenerica td {
        display: block;
        width: 100%;
    }

    .tbGenerica tr {
        margin-bottom: 10px;
    }

    .tbGenerica td {
        text-align: left !important;
    }

    .tbGenerica td:first-child {
        background-color: #f2f2f2;
        padding-top: 10px;
    }

   
    .inputText {
        width: 100%;
    }

    .botoes {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .botoes input {
        width: 100%;
    }

    .botao-validar {
        width: 100%;
        margin-top: 5px;
    }*/
}