@CHARSET "UTF-8";

.loading, .loading-content {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2100;
    border: 0;
}

.loading-content {
    position: fixed;
    background: rgba(255, 255, 255, .5) no-repeat center center;
}

.ui-datatable .ui-datatable-data .even-row {
    background-color: #ffffff;
}

.ui-datatable .ui-datatable-data .odd-row {
    background-color: #f8f8f8;
}

.ui-datatable .ui-datatable-data .even-row:hover {
    background-color: #eeeeee;
}

.ui-datatable .ui-datatable-data .odd-row:hover {
    background-color: #eeeeee;
}

.ui-treetable .ui-treetable-data .even-row:hover {
    background-color: #eeeeee;
}

.ui-treetable .ui-treetable-data .odd-row:hover {
    background-color: #eeeeee;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: red;
}

body .ui-datatable thead th.ui-state-active, body .ui-datatable thead th.ui-state-highlight {
    background-color: #E91E63;
    color: #000000;
    border-top-color: #E91E63;
}

.ui-dialog .ui-dialog-footer .ui-button {
    background-color: #3F51B5 !important;
    color: #ffffff !important;
}

.ui-dialog .ui-dialog-footer .ui-button:FOCUS {
    outline: none !important;
    background-color: #86b0f5 !important;
}

.ui-dialog .ui-dialog-footer .ui-button:HOVER {
    background-color: #274D8D !important;
}

.ui-dialog .ui-dialog-footer .ui-button .ui-icon {
    color: #ffffff !important;
}

.ui-dialog .ui-dialog-footer .ui-button .ui-button-text-icon-left .ui-icon {
    color: #ffffff !important;
}


.implementada {
    background-color: #4CAF50 !important;
    border-radius: 10px;
}

.aimplementar {
    background-color: #03A9F4 !important;
    margin-bottom: 20px;
    text-align: left;
    border-radius: 10px;
}

.emimplementacao {
    background-color: #FFA500 !important;
    border-radius: 10px;
}

.naoimplementada {
    background-color: #673AB7 !important;
    color: white;
    border-radius: 10px;
}

.cancelada {
    background-color: #cc0000 !important;
    color: white;
    border-radius: 10px;
}


.div-legenda {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.box-legenda {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px;
    margin-bottom: 0.3em;
}

.box-a-distribuir {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid;
}

.a_distribuir {
    background-color: #ffffff !important;
}

.box-distribuida {
    background-color: #ffddaf;
    border: 1px solid #ffddaf;
    border-radius: 10px;
    color: black;
}

.distribuida {
    background-color: #ffddaf !important;
}

.box-devolvida {
    background-color: #ff6d5a;
    border: 1px solid #ff6d5a;
    border-radius: 10px;
    color: black;
}

.devolvida {
    background-color: #ff6d5a !important;
}

.box-recebida {
    background-color: #5BC0DE;
    border: 1px solid #5BC0DE;
    border-radius: 10px;
    color: black;
}

.recebida {
    background-color: #5BC0DE !important;
}

.box-finalizada {
    background-color: #00ff9a;
    border: 1px solid #00ff9a;
    border-radius: 10px;
    color: black;
}

.finalizada {
    background-color: #00ff9a !important;
}

.border-bottom {
    height: 20px;
    border-bottom: 1px dotted #bdbdbd;
    font-size: 14px;
}

.desabilitado {
    opacity: .99 !important
}

/*Situações*/
.contador-a_distribuir div:first-child {
    background-color: #757575;
}

.contador-a_distribuir div:last-child {
    background-color: #B0BEC5;
}

.contador-distribuido div:first-child {
    background-color: #ff6d5a;
}

.contador-distribuido div:last-child {
    background-color: #ffddaf;
}

.contador-recebido div:first-child {
    background-color: #0277BD;
}

.contador-recebido div:last-child {
    background-color: #5BC0DE;
}

.contador-devolvido div:first-child {
    background-color: #FF5722;
}

.contador-devolvido div:last-child {
    background-color: #ff6d5a;
}

.contador-em_elaboracao div:last-child {
    background-color: #ffeb3b;
}

.contador-em_elaboracao div:first-child {
    background-color: #FFC107;
}

.contador-finalizado div:first-child {
    background-color: #00695C;
}

.contador-finalizado div:last-child {
    background-color: #00ff9a;
}

.campoObrigatorio {
    color: red;
    /*font-size: 16px;*/
}

.ui-tree .ui-tree-container {
    white-space: normal !important;
}

.a_elaborar {
    background-color: #ffffff !important;
    border-radius: 10px;
    border: 1px solid;
    text-align: center;
}

.em_elaboracao {
    background-color: #ffd111 !important;
    border: 1px solid #ffd111;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.elaborada {
    background-color: #00C7E6 !important;
    border: 1px solid #00C7E6;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.elaboracao_rejeitada {
    background-color: #ff6d5a !important;
    border: 1px solid #ff6d5a;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.elaboracao_aceita {
    background-color: #998DD9 !important;
    border: 1px solid #998DD9;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.concluida {
    background-color: #ff8927 !important;
    border: 1px solid #ff8927;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.conclusao_rejeitada {
    background-color: #ff6d5a !important;
    border: 1px solid #ff6d5a;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.encerrada {
    background-color: #daff1a !important;
    border: 1px solid #daff1a;
    border-radius: 10px;
    color: black;
    text-align: center;
}

.div-centralizada {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.atrasado {
    background-color: #ff3d29 !important;
    border: 1px solid #ff3d29;
    border-radius: 10px;
    color: white !important;
    text-align: center;
}

.no_prazo {
    background-color: #ffffff !important;
    border-radius: 10px;
    border: 1px solid;
    text-align: center;
    color: black !important;
}


.login-body {
    background: url("/sci/javax.faces.resource/back4.jpg.xhtml?ln=images") top left no-repeat #f7f7f7 !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-attachment: fixed !important;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-default {
    background-color: #e5e5e5 !important;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-hover {
    background-color: #d8d8d8 !important;
    border-color: #283593 !important;
    border-style: solid !important;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    background-color: #3f51b5 !important;
    border-color: #283593 !important;
    border-style: solid !important;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active > a {
    color: #ffffff;
}

body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    left: -98%;
    top: 1px;
}

body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-title {
    position: relative;
    left: 3%;
}

body div.gridLegenda > div.aimplementar,
body div.gridLegenda > div.emimplementacao,
body div.gridLegenda > div.implementada,
body div.gridLegenda > div.naoimplementada,
body div.gridLegenda > div.cancelada {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000000;
}

body div.gridLegenda div.aimplementar div.cor {
    background-color: #03A9F4;
}

body div.gridLegenda div.emimplementacao div.cor {
    background-color: #FFA500;
}

body div.gridLegenda div.implementada div.cor {
    background-color: #4CAF50;
}

body div.gridLegenda div.naoimplementada div.cor {
    background-color: #673AB7;
}

body div.gridLegenda div.cancelada div.cor {
    background-color: #cc0000;
}

body div.gridLegenda div.cor {
    width: 20px;
    height: 20px;
    background-color: #000;
    display: inline-block;
    border-radius: 3px;
    margin-right: 10px;
}

body div.gridLegenda > div > div.texto {
    display: inline-block;
    height: 30px;

    position: relative;
    top: -5px;
}

body div.gridLegenda > div > div.texto > em {
    font-style: normal;
    font-weight: 900;
}

body div.gridLegenda > div::after {
    content: " ";
    display: table;
    clear: both;
}

div.contrast {
    background-color: #d9ddf2 !important;
}

fieldset.contrast {
    background-color: red;
}

fieldset.increase-title > legend {
    font-weight: 900;
    font-size: 1.1em;
}