:root {

    --background-color: #111110;
    --background-color-secondary: #282828;
    --primary-color: #FE6611;
    --primary-color-hover: #F25700;

    /*Cores borda*/
    --border-color-bavbar: #606060;

    /* Cores Cards */
    --color-card-secondary: #373738;


    /*Cores de inputs*/
    --input-disabled-background-color: #1d1d1d;

    /*Cores de Checkbox e Radio*/
    --checkbox-border-color: #495057;
    --checkbox-background-color: #1d1d1d;

    /* Cores */
    --color-red: #DC0B0B;

}


* {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}



body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    background-color: var(--background-color);
}

/*Persinalização dos inputs bootstrap*/

/*inputs bootstrap*/
.form-control {
    background-color: var(--background-color);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--background-color);
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: none;
}

.form-control.is-valid,
.was-validated .form-control:valid:focus {
    box-shadow: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-color: var(--background-color);
}

.form-control.is-invalid,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-color: var(--background-color);
}

/*selects bootstrap*/


.form-select {
    background-color: var(--background-color);
}


.form-select:focus {
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: none;
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    box-shadow: none;
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    box-shadow: none;
}

/*checkbos bootstrap*/

.form-check-input:focus {
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: none;
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: none;
}

.form-control:disabled {
    background-color: var(--input-disabled-background-color);
}



/*estilo do checkbox e radio*/

.checkbox-container {
    display: inline-block;
    border: 2px solid var(--checkbox-border-color);
    border-radius: 6px;
    background-color: var(--checkbox-background-color);
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
}

.checkbox-container input[type="checkbox"],
.checkbox-container input[type="radio"] {
    margin-right: 8px;
    cursor: pointer;
}

/* Estilizar quando estiver marcado */
.checkbox-container input[type="checkbox"]:checked+span,
.checkbox-container input[type="radio"]:checked+span {
    font-weight: bold;
}

.form-check .form-check-input {
    margin-left: 0;
}

.form-check {
    padding-left: 0;
}

.btn-custom {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color-hover);
    --bs-btn-hover-border-color: var(--primary-color-hover);
    --bs-btn-focus-shadow-rgb: 254, 102, 17;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color-hover);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-btn-border-radius: 5px;

}

/*perfil image*/

.img-profile {
    height: 40px;
    width: 40px;
    border-radius: 999px;
    cursor: pointer;

}

/* Div principal */
.div-contente {
    padding: 20px 20px 0 20px;
    width: 100%;

}

/* Lista Paginação */

.page-list-pagination {
    overflow: auto;
    margin-bottom: 0.5rem;
}

.list-pagination-dark-table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: #1d1d1d70;
    color: #FFF;
}

.tb-thead {
    background: var(--color-card-secondary);
    color: #FFF;
}

.tb-tbody {
    color: #FFF;
}

.table>:not(caption)>*>* {
    background-color: transparent;
}

.page-link:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: var(--color-card-secondary);
}

.page-link {
    color: #FFF;


}

.active>.page-link {
    border-color: var(--primary-color);
    color: #FFF;
    background-color: var(--color-card-secondary);

}

.btn-search-list:hover {
    color: var(--primary-color);
}

.btn-search-close:hover {
    color: var(--color-red);
}


.btn-nu {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

/* Modal */

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

/*Cards da tela Home Page*/

.a-card {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    line-height: inherit;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
}


/* Divider com texto a esquerda */
.divider-custom {
    display: flex;
    align-items: center;
    width: 100%;
    color: white;
    font-weight: 400;
    font-size: 22px;
    margin: 16pFx 0;
}

.divider-custom span {
    white-space: nowrap;
    /* evita quebra do texto */
}

.divider-custom::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: #333;
    margin-left: 10px;
}

@media (max-width: 525px) {
    .div-contente {
        padding: 20px 20px 0 20px;
    }

}