/*LOGIN---------------------------------------------------------------------------------------------------------------------------------------------*/

fieldset.login {
    border: none!important;
}

/*LOGIN---------------------------------------------------------------------------------------------------------------------------------------------*/

.cabecalho {
    margin: 0 1.2em; /*espaçamento entre o titulo e a imagem e o menu*/
    min-height: 4.5em; /*~= 59px que é o tamanho da imagem*/
}

    .cabecalho p {
        font-size: 0.8em;
    }

    .cabecalho h2 {
        margin: 10px 0 0 0;
    }

    .cabecalho p {
        font-size: 0.8em;
    }

/* { TELA DETALHES-----------------------------------------------------------------------------------------------------------------------------------------*/
.relatorio {
    padding-top: 0.75em;
    width: inherit;
    padding-bottom: 3px;
    /*border-bottom: 1px solid white;*/
    border-bottom: 1px solid #f9f9f9; /*LINAS COR DE FUNDO ALTERNADAS*/
    /*COR DE FUNDO ALTERNADA EM TODA A LINHA*/
    margin-left: -7px;
    padding-left: 10px;
}

    .relatorio label:not(#lblBonif) {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        text-align: left;
        padding-bottom: 6px;
        padding-top: 1px;
    }

    .relatorio span {
        max-width: 75%;
        display: inline-block;
        text-align: justify;
        word-wrap: break-word;
        overflow-wrap: break-word; /*Quebra a palavra*/
        color: #4F4F4F;
    }

    .relatorio > span {
        font-size: 13px;
        font-weight: 600;
        max-width: 600px;
    }

/* } FIM - TELA DETALHES-----------------------------------------------------------------------------------------------------------------------------------------*/

form:not([action="/QualidadeArea/QLOcorr/AcaoImediataNaoExiste"]):not([action="/QualidadeArea/QLOcorr/PlanoAcaoValidadoSim"]):not([action="/QualidadeArea/QLOcorr/AceiteAnalise"]):not([action="/QualidadeArea/QLOcorr/AnaliseProcede"]) {
    padding-top: 10px;
}

form:not(.formAplicarFiltros) {
    padding-left: 15px;
}

/*CLASSES DOS CONTROLES DOS FORMULÁRIOS-------------------------------------------------------------------------------------------------------------*/

.ElementOnFocus {
    border-color: #C1E0FF;
    border-width: 1px;
    border-style: solid;
}

.procuraGrande {
    width: 607px!important;
    margin-bottom: 20px!important;
}

.editorRadio {
    display: block;
    margin: 0px 0 10px 0;
}

.marginRadio {
    margin: 2px 0 0 5px!important;
}

.textArea {
    height: 80px;
}

.espacoCampos {
    margin-right: 10px;
}

.mesmaLinha {
    display: flexbox;
}

.espacoCampos {
    margin-right: 10px;
}

.Data {
    width: 145px;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 5px;
}
/*table .formDescricao { width: 610px!important; }*/

.mesmaLinhaElemento {
    width: 145px;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 5px;
}

/*.editor-field > .dxeValidStEditorTable {
    margin-top: 5px;
    margin-bottom: -5px;
}*/

.editor-field > .procura {
    margin-bottom: 20px!important;
}

.noMarginProcura {
    margin: 4px 0;
}

.procuraRadio {
    margin-top: 4px;
}

.espacoTop {
    margin-top: 10px;
}

/* FIM - CLASSES DOS CONTROLES DOS FORMULÁRIOS---------------------*/

/*ELEMENTOS VIEWS -------------------------------------------------------------------------------------------------------------*/

.actionLinks {
    /*margin-top: 8px;*/
    /*border: 1px solid lavender;*/
    padding: 10px 0 10px 15px;
    display: inline-block;
    border-radius: 5px;
}

    .actionLinks a, .cssLink {
        text-decoration: none;
        color: #1b3f91;
        cursor: pointer;
    }

        .cssLink:hover {
            text-decoration: underline;
        }

form + .actionLinks {
    background-color: #f8f8f8;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 99%;
    padding-right: 0.7%;
}

.form {
    padding-top: 170px;
}

.formAlt {
    background-color: #f8f8f8;
    padding: 8px;
}

.classSubmit {
    margin-bottom: 8px;
}

/* FIM - ELEMENTOS VIEWS -------------------------------------------------------------------------------------------------------------*/

/*CLASSES UTILIZADAS EM FUNÇÕES jQuery----------------------------------------------*/

.disabled {
    color: #939393;
}

.hidden-field, .oculta {
    display: none;
}

.clear {
    clear: both;
}

.inline-block {
    display: inline-block;
}

.NotRequiredCombo {
    background-color: white!important;
    border-top: 1px solid #9da0aa!important;
    border-right: 1px solid #c2c4cb!important;
    border-bottom: 1px solid #d9dae0!important;
    border-left: 1px solid #c2c4cb!important;
    border-collapse: separate!important;
    border-spacing: 0!important;
}

.DisabledCombo {
    background-color: lightgray!important;
}

    .DisabledCombo input[type="text"] {
        background-color: lightgray;
    }


/* FIM - CLASSES UTILIZADAS EM FUNÇÕES jQuery----------------------------------------------*/

/*CAMPOS REQUERIDOS-----------------------------------------------*/

input[type="text"][data-val-required="Requerido"] {
    border: 1px solid rgb(225, 146, 146);
}

input.specialFieldsRequired, textarea.specialFieldsRequired {
    border-color: rgb(225, 146, 146) !important;
}

/* FIM - CAMPOS REQUERIDOS---------------------------------------*/

/* GRIDS---------------------------------------------------------*/

.filtrosExplicitos {
    background-color: #f8f8f8;
    margin-bottom: 5px;
}

.filtrosActions {
    display: flex;
}

    .filtrosActions > input[type="submit"], .filtrosActions > div > input[type="submit"] {
        margin-right: 0;
        border-radius: 0;
        height: 30px;
        background-repeat: no-repeat;
        /*background-attachment: fixed;*/
        background-position: center;
        width: 30px;
        background-color: #F0F0F0;
        border: 1px solid #B8B8B8;
        border-radius: 5px;
    }

    .filtrosActions > div > input[type="submit"] {
        height: 25px;
        min-width: 35px;
    }


.btnAtualizarGrid {
    background-image: url('../../../Images/refresh.png');
}

#btnAtualizarGrid {
    margin: 5px 0 0 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F0F0F0!important;
}

.cleanFilters {
    background-image: url('../../../Images/erase.png');
}

.cleanFiltersExpl {
    background-image: url('../../../Images/eraseExpl.png');
}

.cleanFiltersImpl {
    background-image: url('../../../Images/eraseImpl.png');
}

.btnRefreshFiltroAlt {
    margin-right: 0;
    border-radius: 0;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    background-color: #F0F0F0!important;
    border: 1px solid #B8B8B8!important;
    border-radius: 5px 0 0 5px;
    background-image: url('../../../Images/refresh.png');
}

.menuAction {
    max-width: 250px;
    max-height: inherit;
    cursor: default; /*Realizar transição de maneira suave*/
    -webkit-transition: 500ms linear;
    -moz-transition: 500ms linear;
    -o-transition: 500ms linear;
    -ms-transition: 500ms linear;
    transition: 500ms linear;
    display: inline-block;
    margin-right: 10px;
    height: 20px;
}

.menuActionHeader {
    height: 1.5em;
    font-weight: 600;
    font-size: 13px;
}

    .menuActionHeader::after {
        content: attr(data-up-down);
        font-size: 0.7em;
        vertical-align: middle;
    }

.menuActionContent {
    overflow: auto;
    max-height: 300px;
    position: absolute;
    min-width: inherit;
}

.acaoGridElement {
    min-width: 90px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

#Acoes {
    float: right;
    min-width: 105px;
    width: 50%;
    max-width: 250px;
    margin-left: 30px;
}

.btnExport {
    border: none!important;
    background-color: #f8f8f8!important;
    font-weight: 100!important;
    font-size: 1.0em!important;
}

.toolBar {
    margin-left: -1px;
    display: inline-block;
    /*background-color: #F0F0EB;*/
    /*background-color: #F0F0F0;*/
    background: linear-gradient(#f1f3f1, #eff5f1, #f1f3f1);
    padding: 2px 0 0 11px;
    /*padding: 2px 1522px 1px 5px;*/
    border: 1px solid #E0E0D6;
    border-radius: 2px;
    width: 99.4%;
}

.subTituloGrid {
    margin: 15px 0 5px 5px;
}

/* FIM - GRIDs-------------------------------------------------------*/

/*MENÚ FLUTUANTE ----------------------------------------------------------------------------------------------------------------------------*/
#closeMenuFlutuante {
    margin-bottom: 18px;
    position: relative;
}

.menuFlutuante {
    position: fixed;
    margin-left: 50%; /*background-color: rgb(233, 240, 233)!important;*/
    background-color: rgb(241, 243, 241)!important;
    min-width: 30px;
    min-height: 32px;
    border-radius: 15px;
    margin-top: 100px;
    border-bottom: 1px solid rgb(237, 241, 244);
    line-height: 30px;
    border: 1px solid;
    border-color: white;
    text-align: center;
    cursor: move;
    /*padding-bottom: 50px;*/
    /*display:none;*/
}

    .menuFlutuante a {
        padding: 0 5px 0 5px;
    }

        .menuFlutuante a:hover {
            text-decoration: underline;
        }

    .menuFlutuante div {
        /*margin-top: -20px;*/
    }

#headerMF {
    height: 15px;
    font-size: 20px;
    /*background: linear-gradient(#888888, #eff5f1, #f1f3f1);*/
}

/* FIM - MENÚ FLUTUANTE ----------------------------------------------------------------------------------------------------------------------------*/

/*PROCURA MÚLTIPLO----------------------------------------------------------------------------------------------------------------------------*/

.tblPL {
    margin-bottom: 20px;
}

    .tblPL th, .tblPL td {
        padding: 5px;
        border: 1px solid lightGray;
        background-color: aliceblue;
        font-size: 12px;
    }

        .tblPL th:first-child, .tblPL td:first-child {
            display: none;
        }

    .tblPL td {
        background-color: white;
    }

.removeItem {
    cursor: pointer;
}
/*Classe que contém o botão que remove os itens da tabela registros adicionados pelo procura múltiplo*/

/* FIM - PROCURA MÚLTIPLO----------------------------------------------------------------------------------------------------------------------------*/

/*DIV SEÇÃO ----------------------------------------------------------------------------------------------------------------------*/

.colapse {
    border: 1px solid #e0e6e0;
    margin: 5px 0px;
    background-color: #f8f8f8;
}

    .colapse p {
        /*margin-bottom: 4px!important;*/
    }

        .colapse p::after {
            content: attr(data-up-down);
            /*data-up-down: \u25BC;*/
            /*content: " \25bc";*/
            font-size: 12px;
            color: dimgrey;
            /*color: gray;
            color: currentColor;*/
        }

    .colapse.resumo {
        padding: 0;
    }

.content { /*padding: 10px;
    display: none;*/
    width: inherit;
    margin: 6px 0 0 10px;
}

    .content.resumo {
        margin-bottom: 0px;
        margin: 2px 1px 0 3px;
    }

/*FIM DIV SEÇÃO --------------------------------------------------------------------------------------------------------------------*/

.divFloatLeft {
    float: left;
    /*width: 50%;*/
    width: 500px;
}

.divRoles {
    float: left;
    margin-left: 400px;
    position: absolute;
}

.divPadrao {
    width: 300px;
}


.bloco {
    display: block!important; /*Forçar que o elemento fique em bloco*/
}

.centroTela {
    margin: auto;
    width: 300px;
    height: 300px;
}

/*Define o textarea com um número mínimo de linhas que será de 3*/
.textAreaMinLines {
    min-height: 3em!important;
    height: auto;
}



.gridAlturaVariavel, .gridColapse {
    max-height: 500px;
}

    .gridAlturaVariavel div {
        height: auto!important;
    }

.btnLink {
    min-width: 45px;
    max-width: 300px;
    background-color: #d3dce0;
    padding: 7px;
    margin-right: 8px;
    text-align: center;
    text-decoration: none;
    color: black!important; /*preto*/
    font: 11px Verdana, Helvetica, Sans-Serif!important;
    font-size: 9px;
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid gray;
}

    .btnLink[disabled], .btn[disabled] {
        background-color: #c9c9c9!important;
        color: #939393!important;
    }

input[disabled], input[readonly], .procura[readonly], textarea[readonly] {
    background-color: #ececec;
    border: 1px solid #d0d0d0;
}
/*Estilo para os paineis colapsaveis*/

.dxeReadOnly_DevEx [type="text"], .dxeReadOnly_DevEx {
    background-color: #ececec!important;
}

.gridColapse .dxgvHSDC {
    padding-right: 17px;
}

.span {
    display: inline-block;
    width: 330px;
    height: 30px;
    padding-left: inherit;
}

.spanFloatProcura {
    float: right;
    margin-left: 5px;
}

.centralizado {
    margin: auto;
}

.fieldsetDemarcacao {
    display: block;
    border: 1px dotted #787878;
    width: 80%;
    padding: 0px;
    padding-left: 10px;
}

    .fieldsetDemarcacao legend {
        display: block;
    }

    .fieldsetDemarcacao textarea {
        margin: auto;
        width: 90%;
    }

.textoCentralizado {
    text-align: center;
}

.hr {
    border: 0;
    height: 1px;
    color: white;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    clear: both;
    margin: 10px auto;
}

.negrito {
    font-weight: bold;
}

.readOnly {
    font-weight: bold;
    padding-left: 3px;
    padding-top: 2px;
}

.limparFiltrosBtn {
    display: inline-block;
    margin-left: -120px;
}



/*MENÚ DE AÇÕES -------------------------------------------------------------------------*/

.positionFixed {
    position: fixed;
}

/*Menu Ações details*/
.optionMenu {
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 0px 0px 0px 0px;
    border-bottom: 1px solid lightgray;
    /*opacity: 0.96;*/
}

    .optionMenu li { /*background-color: #F0F0EB;*/
        background-color: white;
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-left: 1px solid;
        border-color: #f7f7f7;
        padding: 4px 20px 2px 20px;
        color: black;
    }

        .optionMenu li:first-child {
            border-top: 1px solid white;
        }

        .optionMenu li:hover {
            background-color: #DDDDE4;
        }

        .optionMenu li:last-child {
            border-bottom: none;
            border-radius: inherit;
        }

.menuTopo {
    border: 1px solid;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
/*Fim Menu Ações do Grid*/

/*Mensagens Erro*/
.divMensagem {
    margin: auto;
    width: 80%;
    max-height: 50%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

    .divMensagem p {
        text-align: justify;
        margin: auto;
        display: table;
        min-width: 30%;
        max-width: 100%;
    }

    .divMensagem span {
        margin-top: 7px;
        display: block;
    }

.link {
    text-decoration: underline;
    cursor: pointer;
}

.body {
    background-color: #EFEEEF;
}
/*Fim Mensagens Erro*/

/*Resumo Qualidade*/
/*Será mantido o nome borda ainda para que não ocorra erro em caso de esquecimento*/
.borda, .filtros, .resumo {
    background-color: #EDF3EE;
    /*background-color: #fcfffd;*/
    /*background-color: #E3ECE4;
    background-color: #EAF0EC;*/
    border-radius: 3px;
    padding-left: 7px;
    margin-bottom: 15px;
}

.resumo {
    border: 1px solid #e8ebe8;
}

    .borda legend, .filtros legend, .resumo legend {
        display: inline-block;
    }
/*Fim Resumo Qualidade*/

/*Enviar para Analise*/
.marginPadrao {
    margin: 2px 0;
}

.spanMiddle {
    padding-top: 10px;
    display: inline-block;
}
/*Fim Enviar para Analise*/

/*Modificações Css DevExpress*/

/*DEVEXPRESS----------------------------------------------------------------------------------------------------*/

.dxeButtonEdit {
    margin-left: 0px;
}
/*Botão do dx*/
.dxeSBC {
    padding: 0px;
}

    .dxeSBC table {
        margin: 0px!important;
    }

td.dxic {
    padding-left: 5px!important;
}

.dxeEditArea {
    font: 1.05em "Segoe UI",Verdana, Helvetica, Sans-Serif!important;
    margin: 0px!important;
    height: auto !important;
}

.dxpc-content {
    margin-top: 0px;
    min-width: 285px;
}

.dxgvTable {
    margin-top: 0px;
}

.dxgvControl td {
    padding: 0em 0.5em 0.15em 0.5em!important;
}

.dxeHD table {
    margin-top: 1px;
}

.dxeListBox {
    margin-bottom: 0px!important;
    margin-top: 0px;
}

    .dxeListBox tbody tr td {
        padding: 1px;
    }

        .dxeListBox tbody tr td table {
            margin-top: 1px;
        }

div.dxlbd {
    padding: 1px;
    max-height: 235px!important;
    min-height: 100px!important;
}

.dxeCalendar {
    margin: 0px!important;
    min-width: inherit;
}

td .dxeButtonEditButton {
    padding: 0!important;
}
/*Filtro do tipo datetime*/
table .dxeCalendar tbody:first-child tr:first-child td table {
    margin-top: 0;
}

table .dxeCalendar tbody tr td {
    padding-left: 0!important;
    padding-right: 0!important;
}

tr .dxic {
    padding: 0 2px!important;
}
/*Inputbox dos filtros*/
.dxgvFilterRow .dxgv {
    padding: 0!important;
}
/*Espaçamento dos filtros*/
.dxgv td {
    padding-left: 5px!important;
    padding-right: 2px!important;
}

.dxgvFilterRow .dxgv table {
    margin: 3px 0!important;
}

.dxeRadioButtonList_DevEx {
    width: 311px;
    border: none!important;
    font: 0px Verdana, Geneva, sans-serif!important;
}
    /*Rádio Button List Principal*/
    .dxeRadioButtonList_DevEx td.dxe {
        padding: 0px!important;
    }
/*Elementos do RadioButtonList*/
.dxeEditArea_DevEx {
    padding-left: 4px!important;
    font-size: 14px!important;
}

.dxeButtonEdit_DevEx {
    margin-bottom: 6px;
}

.dxmLite_DevEx {
    font: 11px Verdana, Helvetica, Sans-Serif!important;
}

/*FIM - DEVEXPRESS----------------------------------------------------------------------------------------------------*/

/*Ajuste colorbox*/
#cboxClose {
    min-width: 25px;
}
/*fim Ajuste colorbox*/

.editor-label {
    clear: both;
}

.display-field {
    margin: 5px 0;
}
/*Css para campos somente exibição nas telas de manipulação do registo*/

input[type="radio"], input[type="checkbox"] {
    width: 20px;
    margin: 5px;
    margin-left: 0;
}

input[type="submit"] {
    font-weight: 500;
}

.spanRadio {
    display: inline-block;
    width: 80px;
    font-size: 14pt;
    margin-bottom: 5px;
}

.grid .dx {
    padding: 0 1px!important;
}

.iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/*Partial View _ArquivoAnexo*/
.relatorioIframe {
    margin: 0px auto;
    padding-bottom: 5px;
}

.bodyIframe {
    padding-bottom: 2px!important;
    margin-top: 0!important;
}

    .bodyIframe table {
        margin-top: 0;
    }

/*Anexos*/
.anexo {
    position: relative;
}

    .anexo input[type="file"] {
        opacity: 0;
        filter: alpha(opacity = 0); /*ie8-*/
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

.formulario {
    padding: 10px 0;
}
/*Fim Pessoa Area*/

/**/
.TextBox {
    font-size: 14px;
    padding: 3px 5px 3px 5px;
    margin: 5px 0px 5px 0px;
}

/*.relatorio:last-child {
    padding-bottom: 0.75em;
}*/

.center {
    font-size: 1.3em;
}

.lineSpace {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,0.75), rgba(0,0,0,0));
    clear: both;
    margin: 10px auto;
    width: 314px;
    float: left;
}

.check {
    margin-top: 14px;
    margin-left: 5px;
}

.dxeRadioButtonList td.dxe {
    height: 100px;
}

.menuFixo {
    position: fixed;
    top: 0;
    background-color: #e2e2e2;
    width: 100%;
    /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
    z-index: 100;
    min-height: 70px; /*garante que estara sobre todos os elementos*/
    /*height: 70px;*/
}

    .menuFixo .content-wrapper {
        padding-top: 10px;
    }

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

/*Anexos*/
.anexosInline {
    float: left;
    margin: 0.5em 0.5em 0.5em 0;
    max-width: 300px;
}
    /*class serve para ser aplicada ao span que envolverá todas as definições do anexo(input file, input, e descricao*/
    .anexosInline input {
        display: block;
    }

/*Quebra a linha do texto caso atinja o tamanho máximo do content*/
.quebraLinha {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/*Classe serve para formatar um form que possui somente o botão em uma table*/
.formButtonTD {
    margin-bottom: 0;
}

.dxDataInput input[type="text"] {
    width: 285px;
}

.dxeEditArea_DevEx.dxeEditAreaSys:not(.dxh0) {
    font-size: 11px!important;
    margin-top: 3px!important;
    margin-bottom: 3px!important;
}

/*Ajuste do texto do rodapé*/
/*.content-wrapper div p:first-of-type:not(#menuActions) {
    margin-bottom: 5px;
}*/

.content-wrapper div p:last-of-type {
    margin-top: 0px;
}

.menuActionHeader {
    margin-bottom: 0!important;
}

.imgLogo {
    background-color: transparent!important;
}

    .imgLogo img {
        /*width: 70%;
        height: 70%;*/
        margin-top: 17px;
        width: 131px;
    }

.featured hgroup.title {
    margin: 10px 0;
}

    .featured hgroup.title h1 {
        color: #2B484F;
        font-weight: 300;
        font-size: 2.5em;
        text-shadow: 1px 2px 5px grey;
    }

#Operacoes {
    margin-top: 10px;
}

/*Serve para centralizar o relógio no centro do dialog*/
.waiting, #waitDialog img {
    display: block;
    margin: auto;
}

.dialog-logo {
    width: 100px;
    margin-left: -20px;
}

div[aria-describedby=waitDialog] {
    width: 150px!important;
}

.minValue {
    text-align: right;
    width: 100px;
}


.btnFiltros {
    font-weight: 400!Important;
}

.trunca-texto {
    white-space: nowrap!important;
    text-overflow: ellipsis;
}

.labelFiltroData {
    margin: 5px;
}

.labelFiltroData1 {
    margin: 5px 0px 0px 5px;
}

DropPadding {
    margin-top: 20px;
}

.FilterDateBetween {
    margin-bottom: -8px;
    margin-left: 5px;
    width: 185px;
}

#GridViewPlanoComprasItem_tcFC23 {
    text-align: center;
}

.check {
    text-align: center;
}



.asideMenu ul {
    border: 1px solid;
    display: inline-block;
}

    .asideMenu ul a {
        text-decoration: none;
    }

/*Previsao orcnono e percentualvaloratualizar*/
/*#ValorPercentualFixo_ET, #ValorPercentualHPFCFixo_ET, #ValorPercentual1_ET, #ValorPercentual2_ET, .valorPercentual_ET {
    display: inline-flex;
    position: absolute;
    margin: -4px 0 0 5px;
    width: 50px!important;
}*/

/*#ValorPercentualFixo, #ValorPercentualHPFCFixo, #ValorPercentual1, #ValorPercentual2, .valorPercentual {
    width: 50px!important;
}*/



.filtrosExplicitos ~ .toolBar, .toolBar ~ form, #resumoContainer ~ form, .cabecalho + h3 ~ .toolBar, table ~ form, .cabecalho + h3 ~ .resumo {
    /*margin-top: 8px!important;*/
    margin-top: -4px!important;
}

.resumo ~ .toolBar {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

/*ESCONDENDO A MENÚ DE AÇÕES DAS TELAS DE DELETE*/
/*.cabecalho + h3 ~ .toolBar {*/
h3 ~ .toolBar {
    display: none;
}

.toolBar ~ form {
    margin-top: 0;
    background-color: #f8f8f8;
    padding: 4px;
}

/*Documento Bloqueios*/
.corpo {
    max-width: 500px;
}

    .corpo .colapse {
        max-width: 300px;
    }

        .corpo .colapse .header {
            text-indent: 0.625em;
        }

.operacoes-bloqueio {
    float: right;
    width: 12em;
    border: 1px solid #787878;
    display: inline-block;
}

    .operacoes-bloqueio input[type="button"] {
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        width: 100%;
        margin-right: 0;
        border-color: #787878;
    }

        .operacoes-bloqueio input[type="button"]:last-of-type {
            border: none;
        }

.bloqueios {
    width: 100%;
}

    .bloqueios tr {
        cursor: default;
    }

        .bloqueios tr td {
            padding: 5px 0;
        }

            .bloqueios tr td:first-of-type {
                padding-left: 5px;
                padding-right: 40px;
            }

.docbloqueado {
    color: red;
}

.select-row {
    margin: 1px!important;
    border: 1px solid forestgreen;
}

/*Menu Lateral*/
#estrela {
    text-align: center;
    width: 2em;
    cursor: default;
}

.nav #estrela {
    top: 35px;
    text-align: center;
}

    .nav #estrela span {
        font-size: 1.5em;
        cursor: pointer;
    }

.nav .favoritoForm {
    /*color: #fff;*/
    color: black;
    border: none;
    /*display: block!important;*/
    background-color: transparent;
}

.nav .wrap {
    display: none;
    overflow-y: auto;
}

.nav {
    background: #FFF;
    z-index: 200;
    width: 20%;
    font-size: 1em;
    min-width: 175px;
    position: fixed; /*top: 0;*/
    left: -300px;
    height: 100%;
    /*background: #888;*/ /*max-width: 300px;*/ /*aqui dá problema*/
    /*background: #FFFFE5;*/
    /*background: #B3CCCC;*/
    /*background: #D2E2E2;*/
    /*background: #DADADA;*/
    background-image: linear-gradient(to right, #EEE9E9, lightgray);
    background-image: -moz-linear-gradient(to right, #EEE9E9, lightgray);
    background-image: -ms-linear-gradient(to right, #EEE9E9, lightgray);
    background-image: -o-linear-gradient(to right, #EEE9E9, lightgray);
    border: 2px solid lightgray;
    /*opacity: 0.90;*/
}

    .nav ul {
        padding: 0 1em;
    }

    .nav li {
        display: block;
        width: 100%;
        margin: 1em 1em 1em 0;
    }

    .nav a {
        text-decoration: none;
        /*color: #FFF;*/
        /*color: black;*/
        color: #000055;
        display: inline-block;
        width: 90%;
        /*font-size: 15px;*/
    }

        .nav a:hover, .nav span:hover, .actionLinks a:hover {
            /*color: red;*/
            text-decoration: underline;
            background-color: transparent;
        }

.icon, .secao-menu {
    color: black;
    cursor: pointer;
}

.wrap {
    margin: 0; /*auto*/
}

.nav-toggle {
    position: absolute;
    top: -2px;
    right: -41px; /*-34px;*/
    color: #FFF;
    cursor: pointer;
    width: 2em; /*22px;*/
    height: 24px;
    z-index: 1000;
    display: block;
    /*background: #888;*/
    background: #bdbdbd;
    padding: 6px;
    text-align: center;
    /*opacity: 0.5;*/
    filter: alpha(opacity=50);
}

    .nav-toggle:hover {
        opacity: 1;
        filter: alpha(opacity=1);
    }

.subNav {
    display: none;
}

    .subNav a, #maisAcessadas a {
        /*color:blue;*/
        color: #1b3f91;
        font-size: 13px;
    }

.listaNav > li:first-of-type .subNav, .listaNav > li:last-of-type .subNav {
    display: block;
}

.deleteLink {
    cursor: pointer;
    text-align: right;
    width: 5%;
    display: inline-block;
    text-align: right;
    color: darkgrey;
}

    .deleteLink:hover {
        color: red;
    }
/*Media Queries*/
@media only screen and (max-width: 800px) {
    .nav ul {
        padding: 0 .5em;
        margin: 0;
        background: #888;
    }

    .nav li {
        margin: 0;
        padding: 0;
        display: block;
    }

        .nav li a {
            padding: 0.5em 0 0.5em 0; /*display: block;*/
            color: #FFF;
            min-width: 7em;
            width: 100%;
            max-width: 10em;
        }
}
/*Fim Menu Lateral*/

/*Favorito Form*/

#pageName {
    color: black;
}

#favorito {
    max-width: 200px;
    position: fixed;
    right: 0;
    padding-right: 1em;
}

    #favorito p {
        display: inline-block;
    }

.favoritoFormBlocked {
    display: none;
}

.favoritoForm {
    padding: 3px 0;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    display: none;
    background-color: #fff;
}

    .favoritoForm input[type="text"] {
        width: 92%;
        /*max-width: 300px;*/
        display: block;
        margin: 3px;
    }

    .favoritoForm input[type="button"] {
        margin-right: 9px;
    }

    .favoritoForm .procura {
        max-width: 185px;
        margin-left: 3px!important;
    }

    .favoritoForm label {
        display: block;
        margin: 3px;
        text-align: left;
    }

.drawborder {
    width: 14.5em;
    margin: 0;
    border-bottom: 1px solid;
    margin-bottom: -3px;
}

.favoritoOpen {
    position: fixed;
    right: 0;
}

    .favoritoOpen #estrela {
        margin-bottom: 0;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
    }

    .favoritoOpen .favoritoForm {
        display: block;
    }

.estrela-linked {
    color: #C2C200;
}

#badRequest {
    text-align: left;
}
/*Fim Favorito Form*/

/*Media queries region*/
@media (max-width:520px) {
    .operacoes-bloqueio {
        float: none!important;
        margin-left: 0;
    }

    .actionLinks a {
        text-decoration: none;
        color: #1b3f91;
    }
}
/*fim Media queries region*/



fieldset.auto {
    border: 1px solid lightgray;
    padding-left: 10px;
    display: none;
    background-color: #EDF0F0;
}

.flsFiltro {
    padding-top: 5px;
    margin-bottom: -10px;
}

.closed {
    border: none!important;
    border-top: 1px solid lightgray!important;
}

legend {
    color: gray;
}

#codTarefaTipo_DDD_L_H {
    display: none;
}

/*AQUI VÃO AS CLASSES UTILIZADAS APENAS UMA VEZ EM VIEWS ESPECÍFICAS. DEVEM ESTAR SEMPRE ABAIXO DAS OUTRAS POIS AS VEZES DEVEM SOBRESCREVER OUTROS ESTILOS*/

/*Financeiro/CobrancaSimples/CobrancaSimplesOperacaoExecutar------------------------------------------------------------------------------------*/

.competencias {
    display: none;
}

    .competencias:first-child, fieldset:first-of-type {
        display: block;
    }

.maisCompetencias {
    cursor: pointer;
}

.maisCompetencias {
    height: 1.5em;
    font-size: 1.1em;
}

    .maisCompetencias::after {
        content: attr(data-up-down);
        font-size: 0.7em;
        vertical-align: middle;
    }

/* FIM - Financeiro/CobrancaSimples/CobrancaSimplesOperacaoExecutar------------------------------------------------------------------------------------*/

.msgErroModel {
    padding-top: 5px;
    padding-bottom: 10px;
    color: brown;
}

    .msgErroModel::before {
        /*content: "* ";*/
    }

/* SITE ------------------------------------------------------------------------------------*/

body {
    position: absolute;
    height: 98%;
    min-width: 100%;
}

.h2 {
    margin-bottom: 7px;
}

/*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.07, #D8D8D8 ), color-stop(0.76, #F0F0F0 ));
    background-image: -moz-linear-gradient(bottom, #D8D8D8 7%, #F0F0F0 76%);
    background-image: -ms-linear-gradient(bottom, #D8D8D8 7%, #F0F0F0 76%);
    background-image: -webkit-linear-gradient(bottom, #D8D8D8 7%, #F0F0F0 76%);
    background-image: linear-gradient(to bottom, #D8D8D8 7%, #F0F0F0 76%);
    background-image: -o-linear-gradient(bottom, #D8D8D8 7%, #F0F0F0 76%);*/

.header {
    /*background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.07, #d9e2db), color-stop(0.76, #f3f7f3 ));
    background-image: -moz-linear-gradient(bottom, #d9e2db 7%, #f3f7f3 76%);
    background-image: -ms-linear-gradient(bottom, #d9e2db 7%, #f3f7f3 76%);
    background-image: -webkit-linear-gradient(bottom, #d9e2db 7%, #f3f7f3 76%);
    background-image: linear-gradient(to bottom, #d9e2db 7%, #f3f7f3 76%);
    background-image: -o-linear-gradient(bottom, #d9e2db 7%, #f3f7f3 76%);*/
    /*e9f1eb*/
    background: linear-gradient(#f1f3f1, #eff5f1, #f1f3f1);
    cursor: default;
    margin: 0px;
    height: 22px;
    padding: 4px 0 0 10px;
    border-bottom: 1px solid #d4ded4;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7);
    font-size: 10px;
    font-size: 13px;
}

.valorCalculado {
    text-decoration: solid;
    display: block;
}

/* FIM - SITE ------------------------------------------------------------------------------------*/

/* ABAS ------------------------------------------------------------------------------------*/

.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}

    .tabs-menu li {
        height: 30px;
        line-height: 30px;
        float: left;
        margin-right: 10px;
        background-color: #ccc;
        border-top: 1px solid #d4d4d1;
        border-right: 1px solid #d4d4d1;
        border-left: 1px solid #d4d4d1;
    }

        .tabs-menu li.current {
            position: relative;
            background-color: #fff;
            border-bottom: 1px solid #fff;
            z-index: 5;
        }

        .tabs-menu li a {
            padding: 10px;
            text-transform: uppercase;
            color: #fff;
            text-decoration: none;
        }

        .tabs-menu li img {
            margin-left: -8px;
            margin-right: 5px;
        }

    .tabs-menu .current a {
        color: #2e7da3;
    }

.linkTab:focus {
    outline: none;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    /*float: left;*/
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
}

#tab-1 {
    display: block;
}

.tab-content p {
    margin-top: 40px!important;
}

.marginTab {
    margin-left: 20px;
    display: inline-block;
    width: 100%;
}


/*IMAGENS NOS LINKS DOS GRIDS*/

.imgGrid {
    background: no-repeat no-repeat top left;
    height: 20px!important;
    color: transparent!important;
    /*text-indent: -9999px!important;  hides the link text */
    /*text-align: center;*/
}

    .imgGrid:not(.imgGridAdd) {
        padding-bottom: 5px!important;
        padding-top: 2px;
        margin-right: 0px;
    }

        .imgGrid:not(.imgGridAdd):first-of-type {
            /*margin-left: 25%;*/
            margin-left: 3px!important;
            margin-right: -16px;
        }

        .imgGrid:not(.imgGridAdd):not(a[href$="TratarQLOcorr"]):last-of-type {
            margin-left: -5px;
        }

.imgGridAdd {
    background-image: url('../../../Images/Adicionar.png');
    margin-left: 42%;
    /*margin-left: 12px;*/
    display: block;
    padding-right: 10px;
    width: 22px;
}

.imgGridAdd1 {
    background-image: url('../../../Images/Adicionar.png');
    /*color: transparent!important;*/
}

.imgGridDetails {
    background-image: url('../../../Images/Detalhes.png');
}

.imgGridDelete {
    background-image: url('../../../Images/Excluir.png');
}

.imgGridEdit {
    background-image: url('../../../Images/Editar.png');
    /*color: transparent!important;*/
}

/*.imgGridDetails {
    background-image: url('../../../Images/Detalhes.png');
}*/

/*.imgGridDelete {
    background-image: url('../../../Images/Excluir.png');
}*/

.imgGridDeleteDocItem {
    background-image: url('../../../Images/Excluir.png');
    padding-right: 10px;
}

/* FIM - IMAGENS NOS LINKS DOS GRIDS*/

.divSucesso {
    padding: 9px;
    color: seagreen;
}

.fakeLink {
    display: inline;
}

/*.comboProdutoHidden {     //substituido pela classe hiddenFieldsToSubmit em 28/05/2019 por Brendon Santos Tarefa cINC045
    position: fixed;
    margin-top: -500px;
}*/

/* Classe usada para todos os elementos (input, combobox, etc) que precisam ficar ocultos, mas mesmo assim enviar seus valores no submit */
.hiddenFieldsToSubmit {
    display: none;
}

.err {
    font: 11px Verdana, Geneva, sans-serif;
    color: #8B7355;
    /*color: rgb(225, 50, 50)!important;*/
    padding-left: 4px;
    padding-right: 4px;
}

.comboErrorMsg {
    font: 11px Verdana, Geneva, sans-serif;
    color: #8B7355;
    /*color: rgb(225, 50, 50)!important;*/
    /*padding-left: 4px;
    padding-right: 4px;*/
    margin-top: -30px!important;
    position: absolute;
    display: inline;
    margin-left: 305px;
}

.errorPartialView {
    color: #8B7355;
    margin-bottom: 10px;
}

#clsMais {
    margin-top: 74px;
}

#maisAcessadas a {
    margin: 5px;
}

#novoPedido {
    /*height: 20px;
    width: 20px;*/
    position: fixed;
    /*background-color: gray;*/
    margin: 40% 10% 0% 70%;
    background-color: rgb(241, 243, 241)!important;
    /*background-color: #F0FFF0!important;*/
    /*background: radial-gradient(#87CEFA, white, rgb(30, 144, 255));*/
    /*background: radial-gradient(rgb(241, 243, 241), white);*/
    width: 80px;
    height: 70px!important;
    border-radius: 40px;
    border: 2px solid white;
}

    #novoPedido #closeNovoPedido {
        position: absolute;
    }

    #novoPedido a {
        position: absolute;
        background-color: none!important;
        background: none!important;
        margin-left: 24%;
        margin-top: 13%;
    }

#divImgProduto {
    /*height:300px;
    width:300px;*/
    /*border: 1px solid pink;*/
    max-height: 500px;
    max-width: 500px;
}

.titulo-telas {
    font-size: 22px;
}

#codMenuVertical {
    margin-left: 3px;
    /*width: 309px!important;*/
    width: 95%!important;
}

div#menuEtapas ul {
    margin-top: 60px;
    margin-left: -7px;
    height: 24px;
    font-size: 16px;
    font-weight: lighter;
    text-align: right;
    position: absolute;
    border-bottom: 1px solid #C0C0C0;
    width: 100%;
    background-color: white;
}

div#menuEtapas:not(.publicaAreaClass) {
    margin-top: -14px;
    margin-left: 51px;
}

    div#menuEtapas ul li {
        display: inline;
        float: left;
        list-style: circle!important;
        margin-left: -35px;
        margin-right: 35px;
        padding-top: 2px;
    }

        div#menuEtapas ul li a {
            text-decoration: none;
        }

        div#menuEtapas ul li:after {
            content: "\00a0\279C\00a0";
        }

        div#menuEtapas ul li:last-child:after {
            content: '';
        }

.stepSelected {
    font-weight: bold;
}

/*TABELA LAYOUT LEGAL :) */
.tblAlterBack {
    padding-top: 5px;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-right: 1px solid #dddddd;
}

    .tblAlterBack tr, th {
        padding-left: 10px!important;
        height: 40px;
    }

    .tblAlterBack td, th {
        border-bottom: 1px solid #dddddd;
        text-align: left;
        padding: 10px;
        font-size: 16px;
        width: 200px;
    }

        .tblAlterBack td:first-child {
            width: 200px!important;
            font-weight: 550;
            /*color: #8B6914;*/
        }

    .tblAlterBack tr {
        background-color: white!important;
    }

        .tblAlterBack tr:nth-child(even) {
            background-color: #F0F8FF!important;
        }

    .tblAlterBack.details tr {
        background-color: #EDF3EE!important;
    }

        .tblAlterBack.details tr:nth-child(even) {
            background-color: #f3f7f3!important;
        }

/* FIM - TABELA LAYOUT LEGAL :) */

.InputTextLabel {
    border: none!important;
    background: none!important;
}

.resumo .relatorio:nth-of-type(even) {
    /*padding-top:10px!important;*/
    /*background-color: #f3f7f3!important;*/
    background-color: #f8fbf8!important;
    /*padding-bottom:-10px!important;
    margin-bottom:-10px!important;*/
    /*background-color: gray!important;*/
    /*min-height: 10px!important;*/
    padding-bottom: 3px;
    /*height: 10px!important;*/
}

.resumo .relatorio:nth-of-type {
    /*padding-bottom: 15px;*/
}

.lblInfo {
    margin-top: 5px;
    height: 20px;
    background-color: lightgray;
    width: 300px;
}

.errorColor {
    color: rgb(225, 50, 50)!important;
}

.okColor {
    color: cadetblue;
}

.cautionColor {
    color: darkgoldenrod;
}

.msgOK {
    color: seagreen;
    padding-bottom: 10px;
}

.linkMenuFlutuante {
    display: block;
    text-decoration: none;
    color: #1b3f91;
}

    .linkMenuFlutuante .arrow {
        font-size: 15px;
    }

.filtrosExplicitos .colapse {
    margin: -1px 0px;
}

/* Todas as letras maiúsculas.*/
.cssUppercase {
    text-transform: uppercase;
}

/* Somente a primeira letra de cada palavra maiúscula. Ex.: Texto De Exemplo.*/
.cssCaptalize {
    text-transform: capitalize;
}


/*GRUPOS DE FILTROS*/
.formSalvarFiltros {
    display: block;
    padding-top: 5px;
    /*display: none;*/
    /*padding: 0 5px 5px 5px;*/
    /*border: 1px solid lightgray;*/
}

/*.PageBG {
    background-color: #f8f8f8!important;
    padding: 4px;
}*/

/*LAYOUTEDU*/

.formDescricao, .formCodigo, .formNumero, #UserName, #Password, #ConfirmPassword, .textBoxNovo {
    height: 19px!important;
}

.TextBoxDev {
    height: 23px!important;
}

.formDescricao, .formCodigo, .DateEdit, .HoraEdit, .procuraNovo, .clsSpinEdit, .formNumero, #UserName, #Password, .TextBoxDev, .textBoxNovo {
    box-shadow: 1px 1px 1px lightgray;
}

#sectionBody > form:first-of-type {
    /*padding: 10px 5px 5px 15px;
    background-color: #fff;*/
    background-color: #f8f9f9;
    /*background-color: #f8f8f8;*/
    border-radius: 3px;
}

#sectionBody {
    background-color: #f8f9f9;
    border-radius: 0 0 10px 10px;
}

.formDescricao {
    width: 600px!important;
}

.formTextArea {
    /*min-width: 450px!important;*/
    width: 450px!important;
    height: 150px!important;
}

.formCodigo, .money {
    /*width: 150px!important;*/
    /*width: 293px!important;*/
}

.TextBoxDev {
    margin-top: 0px!important;
    margin-bottom: 23px!important;
}

.formNumero {
    /*width: 55px!important;*/
    width: 293px!important;
}

.fltDatas, .editor-field label:not(.inline-block):not(.readOnly):not(.msgError), .dxeCaptionCell_DevEx label /*, .resumo .relatorio label*/ {
    font-size: 12px!important;
    font-weight: 600;
    color: #525252!important;
}

.editor-field {
    margin-bottom: 18px;
    /*padding-bottom:5px;
    border-bottom: 1px solid lightgray;*/
    /*background: linear-gradient(#f4f7f8, #f8f8f8, #f4f7f8);
    background: linear-gradient(#F2F2F2, #f8f8f8, #F2F2F2);
    padding-bottom: 10px;*/
}

    .editor-field.space {
        margin-bottom: 40px!important;
    }

.procura, .text-box {
    color: black!important;
    margin: 4px 0px 5px 0px!important;
}

.procura {
    width: 301px!important;
}

.procuraNovo {
    width: 301px!important;
    color: black!important;
    margin-bottom: 23px!important;
    height: 23px;
}

.DateEdit, .clsSpinEdit, .HoraEdit {
    margin-bottom: 23px!important;
    width: 150px!important;
    height: 23px;
}

.procuraMenor {
    width: 184px!important;
    color: black!important;
    margin-bottom: 22px!important;
    margin-left: 3px;
}

.btn {
    margin-left: 10px;
}

/*Telas de operações do Planejamento Orçamentário*/
.formAux {
    padding: 10px;
    background-color: #f8f9f9;
}

.msgError {
    color: rgb(225, 50, 50)!important;
    padding-bottom: 10px;
}

.msgOk {
    color: blue;
    padding-bottom: 10px;
}

#dialog-confirm {
    display: none;
    width: 265px!important;
}

.noCloseButton .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0!important;
}

.ui-button-text {
    padding: 5px!important;
}

.V8ConfirmDialog .ui-button-text {
    width: 75px;
}

/*.GVRow {
    height: 24px;
}*/

.GVRowGreen {
    background-color: #e6ffe6!important;
}

.GVRowYellow {
    background-color: #ffffe6!important;
}

.GVRowBlue {
    background-color: #e6ffff!important;
}

.GVRowRed {
    background-color: #ffe6e6!important;
}

.imgToolTip {
    vertical-align: text-top;
}

/*dxgvFocusedRow_DevEx {
    background: yellow!important;
}*/

/*.dxVenSelectedRow {
    background-color:#ffffe6;
    background: #d9e4fd url('/DXR.axd?r=0_747-2Q52f') repeat-x left top!important;
}*/

#divCampoDatas {
    display: none;
}

#divQuery {
    border: 2px solid lightblue;
    padding: 10px;
    margin: 5px;
    color: darkred;
}

#dialogSucesso {
    display: none;
    font-family: inherit;
    padding-top: 10px;
    color: #004100;
}

    #dialogSucesso button {
        width: 300px!important;
    }

    #dialogSucesso .ui-widget-content {
        width: 300px!important;
    }

.ui-dialog-content.ui-widget-content {
    min-height: 80px!important;
}

.subResumo {
    font-size: 12px;
    color: darkgreen;
}

.btnExcluir {
    background-color: #f3e6e6!important;
}

#ChecaTudo {
    margin-left: 30%;
}

#EditUserMsgObs {
    padding: 5px;
    border-radius: 5px;
    color: darkgreen;
    background-color: antiquewhite;
}

.btnDialogSucesso {
    width: 60px;
    margin-top: -15px!important;
}

#divRetornoSuc label {
    color: green;
}

#lblDocRecupItem {
    padding: 0px 0px 10px 5px;
    color: olive;
}

#lblDocRecup {
    padding: 0 0 0 20px;
    color: olive;
}

#divDocSalvarAut {
    width: 380px;
    background-color: beige;
    border: 1px solid lightgray;
    padding: 5px;
    margin-top: -5px;
    border-radius: 5px;
}

#lblSalvarDoc {
    display: inline-block;
}

#lblTimerSalvarDoc {
    display: inline-block;
    border: 1px solid brown;
    border-radius: 10px;
    width: 22px;
    padding-right: 3px;
    text-align: center;
}

#divBtnsSalvarDoc {
    display: block;
    text-align: center;
    margin-left: -5px;
    margin-top: 5px;
}

#divDocSalvarAut {
    display: none;
}

#txtVolInicial {
    width: 150px;
    text-align: right;
    margin-bottom: -20px;
}

.venCheck[readonly] {
    pointer-events: none;
}

.lblReadOnly {
    color: #d0d0d0;
}

.gvTitle {
    color: green;
    text-align: left;
    font-size: 12px;
    padding: 6px;
}

#btnCancelItem {
    display: none;
}

.red {
    color:red!important;
}

.d-none {
    display: none
}

/* Classe usada para manter todos os campos dentro de uma div alinhados na mesma linha. */
.inline-fields {
    padding-left: 15px;
}
    .inline-fields > div {
        float: left;
        margin-right: 10px;
    }

    /* Adiciona esse estilo à próxima div que encontrar para parar o efeito inline para as próximas divs.
        Se houver mais campos que não devem estar alinhados e não houver outra div logo após, necessário
        criar uma div vazia para este efeito ser aplicado. */
    .inline-fields + div {
        clear: both;
    }


.LoginPartialAnaliseRemessa {
    margin-top: -27px; 
    height: 20px; 
    margin-left: 86%;
}

.grid-help {
    position: absolute;
    left: 400px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    z-index: 10;
}

.grid-help-tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    width: 320px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 1000;
    font-size: 12px;
}

.grid-help:hover .grid-help-tooltip {
    display: block;
}

@media only screen and (max-width: 1100px) {
    .LoginPartialAnaliseRemessa {
        margin-left: 83%;
    }
}

@media only screen and (max-width: 500px) and (min-width: 400px) {
    .LoginPartialAnaliseRemessa {
        margin-left: 68%;
    }
}

@media only screen and (max-width: 400px) and (min-width: 300px) {
    .LoginPartialAnaliseRemessa {
        margin-left: 57%;
    }
}

@media only screen and (max-width: 300px) and (min-width: 200px) {
    .LoginPartialAnaliseRemessa {
        margin-left: 43%;
    }
}

/* FIM - SITE ----------------------------------------------------------------------------------*/