.m-bottom {
    margin-bottom: 15px;
}

/*TABELAS*/
.app_oficina {
    margin-top: 15px;
    padding: 15px;
    background: #FFFFFF;
}

.app_oficina article {
    display: flex;
    justify-content: space-around;
    background: #FBFBFB;
    border: 1px solid #cccccc;
    font-size: 0.9em;
}

.app_oficina article:nth-child(2n+0) {
    background: #eeeeee;
}

.app_oficina.scope article {
    justify-content: left;
    background-color: #FBFBFB;
    padding: 3px;
}

/* Flex Item */
.app_oficina article h5,
.app_oficina article p {
    margin: auto 5px;
    padding: 5px;
    flex: 1;
}

.app_oficina article h5.flex-name,
.app_oficina article p.flex-name {
    flex: 10%;
}

.app_oficina article h5.flex-10,
.app_oficina article p.flex-10 {
    flex: 10%;
}

.app_oficina article h5.flex-15,
.app_oficina article p.flex-15 {
    flex: 15%;
}

.app_oficina article h5.flex-17,
.app_oficina article p.flex-17 {
    flex: 17%;
}

.app_oficina article h5.flex-18,
.app_oficina article p.flex-18 {
    flex: 18%;
}

.app_oficina article h5.flex-20,
.app_oficina article p.flex-20 {
    flex: 20%;
}

.app_oficina article h5.flex-25,
.app_oficina article p.flex-25 {
    flex: 25%;
}

.app_oficina article h5.flex-30,
.app_oficina article p.flex-30 {
    flex: 30%;
}

.app_oficina article h5.flex-40,
.app_oficina article p.flex-40 {
    flex: 40%;
}

.app_oficina article h5.flex-resp,
.app_oficina article p.flex-resp,
.app_oficina article h5.flex-50,
.app_oficina article p.flex-50 {
    flex: 50%;
}

.app_oficina article h5.flex-60,
.app_oficina article p.flex-60 {
    flex: 60%;
}

.app_oficina article h5.flex-70,
.app_oficina article p.flex-70 {
    flex: 70%;
}

.app_oficina article h5.flex-80,
.app_oficina article p.flex-80 {
    flex: 80%;
}

.app_oficina article h5.flex-90,
.app_oficina article p.flex-90 {
    flex: 90%;
}

.app_oficina article p.flex-btn {
    max-width: 50px;
}

.app_oficina article p.flex-btn-100 {
    max-width: 100px;
    text-align: right;
}

.app_oficina article p.bg_green,
.rme article p.bg_green,
.rme article p.bg_green:nth-child(2n+0) {
    background-color: var(--color-green);
    font-weight: bold;
    color: #FFFFFF;
}

.app_oficina article p.bg_yellow,
.rme article p.bg_yellow,
.rme article p.bg_yellow:nth-child(2n+0) {
    background-color: var(--color-yellow);
    font-weight: bold;
    color: #FFFFFF;
}

.app_oficina article p.bg_red,
.rme article p.bg_red,
.rme article p.bg_red:nth-child(2n+0) {
    background-color: var(--color-red);
    /*background-color: red;*/
    font-weight: bold;
    color: #FFFFFF;
}

.app_oficina article ul li span.icon-trash {
    color: #FBFBFB;
}

.app_oficina article p img.img_100h_200w {
    background-color: red;
    max-height: 100px;
    max-width: 200px;
}


/*RDP*/

label.ds-none {
    display: none !important;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.border_red {
    border: 1px #FF0000 solid;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
}

.border_red div.failure_btn {
    text-align: right;
    margin-bottom: 15px;
}

.border_red div.failure_btn span {
    padding: 5px;
}

.border_red div.failure_btn span.icon-plus {
    background-color: var(--color-green);
}

.border_red div.failure_btn span.icon-error {
    background-color: var(--color-red);
}

.box_failure p span {
    margin: 5px;
    padding: 5px;
    display: inline-block;
}

select.select_color option {
    font-size: 1.15em;
    height: max-content;
}

select.select_color option[value=''] {
    background-color: #FBFBFB;
}

.table-oficinaphp {
    margin-top: 30px;
    padding: 30px;
    background: #FFFFFF;
}

.table-oficinaphp h3 {
    margin-bottom: 15px;
}

.table-oficinaphp article {
    display: flex;
    justify-content: space-between;
    /*padding: 15px;*/
    /*background: #FBFBFB;*/
}

.table-oficinaphp article:nth-child(2n+0) {
    background: #eeeeee;
}

.table-oficinaphp article p,
.table-oficinaphp article h5 {
    font-size: var(--font-small);
    font-weight: var(--weight-strong);
}

.table-oficinaphp article.of-php {
    padding: 5px;
}

.table-oficinaphp article.of-php p {
    display: inline-block;
    width: 20%;
    margin: auto;
    text-align: center;
}

.table-oficinaphp article.of-php p.of-php-action {
    width: 10%;
}

/*INTERVENTION*/

.app_control_subs.ophp_section article {
    display: block;
}

.app_control_subs.ophp_section article h5,
.app_control_subs.ophp_section article p {
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/*RAE*/
.rae_box p,
.rae_box span,
.rae_box a {
    margin-bottom: 15px;
    display: block;
}

.financial.balance {
    background-color: #FFFFFF;
    padding: 15px;
    display: block;
}

.financial.balance p {
    background-color: #CCCCCC;
    padding: 15px 10px;
    text-align: right;
}

.financial.balance p:nth-child(2n+0) {
    background-color: #FFFFFF;
}

.financial.balance p[class='saldo'] {
    background-color: #3399ff;
    font-weight: bold;
    color: #FFFFFF;
}

.employee_name {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #0088cc;
    color: #FFFFFF;
    padding: 10px;
}

input[class="rae_green"], input[class="mask-float rae_green"] {
    background-color: #00ff00;
    font-weight: bold;
}

input[class="rae_red"], input[class="mask-float rae_red"] {
    background-color: #FF0000;
    font-weight: bold;
    color: #FFFFFF;
}

/* forma pedante */

/*DOCUMENTAÇÃO TECNICOS*/

.form-table {
    border: 1px solid #cccccc;
    padding: 5px;
}

.form-table h1 {
    background-color: #3399ff;
    color: #FFFFFF;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.form-table h1.doc_red {
    background-color: #FF0000;
}

.form-table h1.doc_black {
    background-color: #000000;
}

.form-table input[type="file"].not_empty {
    background-color: greenyellow;
}

/*FINANCEIRO*/

.financial-balance article {
    padding: 15px 15px;
    margin-bottom: 15px;
}

.balance-rearrange-blue, .balance-rearrange-red {
    padding: 15px;
}

.balance-rearrange-blue {
    background-color: #003cb3;
    color: #FFFFFF;
}

.balance-rearrange-red {
    background-color: #FF0000;
    color: #FFFFFF;
}

/*saldo tecnico*/
p.balance {
    text-align: center;
    padding: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #003cb3;
}

p.balance.red {
    background-color: #FF0000;
}

.j_pr {
    /*display: none;*/
}

/*PREDITIVA*/
.app_control_subs article.title,
.app_oficina article.title {
    text-transform: uppercase;
    background-color: #003cb3;
    color: #FBFBFB;
}

.app_control_subs article h5.action,
.app_control_subs article p.action {
    width: 70px;
    text-align: center;
}

.app_control_subs article h5.width10,
.app_control_subs article p.width10 {
    text-align: center;
    width: 15%;
}

/*CORRETIVA*/

.corretiva_agendamento .finalizado {
    background-color: #008000;
    color: #FFFFFF;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.corretiva_agendamento .informacoes {
    padding: 5px 10px;

    border: 1px solid #cccccc;
    /*border-right: 0;*/
    padding: 5px 10px;

    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    outline: none;
    margin-bottom: 15px;
}

.corretiva_agendamento article.title {
    background-color: #003cb3;
    color: #FFFFFF;
}

.corretiva_agendamento article:last-of-type {
    margin-bottom: 15px;
}

.corretiva_agendamento .app_search_form {
    margin-bottom: 10px;
}

.scope .app_search_form div,
.scope .app_search_form div input,
.corretiva_agendamento .app_search_form div,
.corretiva_agendamento .app_search_form div input {
    width: 100%;
}

.corretiva_agendamento h5 .btn {
    padding: 2px 5px;
    margin-right: 5px;
}

.informacoes article.title,
.informacoes article.title:nth-child(2n+0) {
    background-color: #003cb3;
}

.app_control_subs .j_tecnical_email.active {
    background-color: #003cb3;
    color: #FBFBFB;
}

.dash_content_app.mobile_expense .app_users_home.mobile {
    display: none;
}

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

form input.error,
form select.error {
    border: 3px solid red; /* Define a largura, estilo e cor da borda */
    outline: none; /* Remove o outline padrão do navegador, se desejado */
}

@media (min-width: 42em) {
    .app_form .label_g3 {
        display: flex;
    }

    .app_form .label_g3 .label {
        margin-right: 20px;
    }

    .app_form .label_g3 .label:last-of-type {
        margin-right: 0px;
    }
}

/*992w*/

@media (max-width: 62em) {
    .dash_content_app {
        font-size: 1.5em;
    }

    .table-oficinaphp {
        align-content: center;
        text-align: center;
    }

    .table-oficinaphp article {
        display: inline-block;
        width: 100%;
    }

    .table-oficinaphp article h5,
    .table-oficinaphp article p {
        margin-bottom: 30px;
    }

    .table-oficinaphp article.of-php p {
        display: block;
        width: 100%;
        padding: 10px;
        /*text-align: center;*/
    }

    .table-oficinaphp article p[class='btn-oficinaphp'] {

    }
}

@media (max-width: 70em) {
    .dash_content_app.mobile_expense .app_oficina.mobile {
        display: none;
    }

    .dash_content_app.mobile_expense .app_users_home.mobile {
        display: flex;
    }
}