:root {
    --cor-bg-campo-padrao: #f7f8f9;
}

html, body, form {
    font-size: .88em;
    font-family: var(--fonte-padrao);
    background-color: var(--cor-bg-tela);
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

input, textarea, select, button
{
    font-size: 1em !important;
    font-family: var(--fonte-padrao) !important;
    outline: none !important;
}

input[type="checkbox"]:focus, input[type="radio"]:focus, select:focus{
     outline: 1px dotted #333 !important;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

fieldset
{
    border: 1px solid #A9A9A9;
}

.link, .link:visited
{
    color: var(--cor-primaria) !important;
}

.link:hover
{
    color: var(--cor-fonte-hover-link) !important;
}
input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.54);
    transition: border-color 0.12s, background-color 0.12s;
    cursor: pointer;
}

input[type="checkbox"] {
    border-radius: 4px;
    width: 14px;
    height: 14px;
}

input[type="radio"] {
    border-radius: 9999px;
}

    input[type="checkbox"]:checked,
    input[type="radio"]:checked {
        border-color: var(--cor-borda-checkbox);
    }

input[type="checkbox"]:checked {
    background: var(--cor-bg-checkbox-checked);
}

input[type="checkbox"][disabled]:not([disabled="false"]),
input[type="radio"][disabled]:not([disabled="false"]) {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

input[type="checkbox"]::before,
input[type="radio"]::before {
    content: "";
    width: 1rem;
    height: 1rem;
    transform: scale(0);
    transition: transform 0.12s;
}

input[type="checkbox"]::before {
    background-color: var(--cor-checkbox-checked);
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
}

input[type="radio"]::before {
    background-color: var(--cor-primaria);
    clip-path: circle(30%);
}

input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
    transform: scale(1);
}

/* Corrige o bug do tamanho das fontes nos componentes da DevExpress */
/* http://www.devexpress.com/Support/Center/Question/Details/B201708 */
TD.dxic
{
    font-size: 1em !important;
}

img
{
    border: 0 none transparent;
}

.header-UI
{
    padding: 10px 0px 10px 10px;
    margin: 0px;
    border: 0px none transparent;
    font-size: 1.5em;
    font-weight: bold;
}

.dxmLite_Aqua.dxm-ltr .dxm-main.dxm-horizontal[id*="Toolbar" i] ul.dx {
    padding-inline-end: 15px;
}

.dxmLite_Aqua.dxm-ltr .dxm-main.dxm-horizontal[id*="Toolbar" i]:has(ul.dx) {
    float: right;
}

.m-toolbar-alinhamento--esquerda .dxmLite_Aqua.dxm-ltr .dxm-main.dxm-horizontal[id*="Toolbar" i]:has(ul.dx) {
    float: left;
}

.GridActionBar-Top {
    border-top: 1px solid var(--cor-borda-sistema);
    border-left: 1px solid var(--cor-borda-sistema);
    border-right: 1px solid var(--cor-borda-sistema);
    background-color: var(--cor-bg-grid-acoes);
}

.GridActionBar-Botton
{
    border-bottom: 1px solid var(--cor-borda-sistema);
    border-left: 1px solid var(--cor-borda-sistema);
    border-right: 1px solid var(--cor-borda-sistema);
    background-color: var(--cor-bg-grid-acoes);
}

.btnActionGrid {
    color: var(--cor-icones-grid-e-label-acao-grid);
    font-weight: bold;
    border:none;
}

.btnActionGrid-hover
{
    color: var(--cor-primaria);
}

.BtnActionPage
{
    float: right;
    margin: 0px;
    margin-right: 10px;
    padding: 0;
    cursor: pointer;
    border: 0px none transparent;
}

.gridColumnCommand
{
    padding: 0px;
    margin: 0px;
}

.gridColumnCommand img
{
    /*padding: 0px 2px 0px 2px;*/
    padding: 0px 0px 0px 0px;
}
.GridActionBar-Top
{
    border-bottom-width: 0px;
}

.GridActionBar-Botton
{
    border-top-width: 0px;
}

.btnActionGrid
{
    border-width: 0px;
    background: transparent none;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
}

.barraTitulo {
    padding: var(--toolbar-espaco-pagina--top) 5px 5px 5px;
}
.barraTituloMenu {
    padding: var(--toolbar-espaco-pagina--top) 5px 5px 5px;
}
.scrollbar--stable .barraTituloMenu,
.scrollbar--stable .barraTitulo {
    /*
    o padding right foi removido por causa do  scrollbar-gutter: stable;
    */
    padding-right: 5px;
}

.buttonDevX-disabled {
    padding: 3px 10px 4px 10px;
    cursor: default;
    vertical-align: middle;
    color: #C3C3C3;
    border: solid 1px #D2D2D2;
    background-color: #F3F3F3;
}

.buttonDevX
{
    padding: 3px 10px 4px 10px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.inputButton 
{
    padding: 5px;
    text-align: center;
    cursor: pointer;
    border-radius: var(--valor-border-radius-btn);
}

.inputButton:hover
{
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.inputButton[disabled], .inputButton[disabled="disabled"], .inputButton[disabled]:hover, .inputButton[disabled="disabled"]:hover
{
    padding: 5px;
    background-color: #F3F3F3;
    border: 1px solid #D2D2D2;
    text-align: center;
    color: #C3C3C3;
    cursor: default;
}

.inputButton::-moz-focus-inner {
  border: 0;
}

.inputButton-backgroundImage {
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
    background-size: 20px !important;
}

.pesquisa {
    font: 14px FontAwesome !important;
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    height: 23px;
    width: 26px;
    border: 1px solid var(--cor-borda-sistema);
}
button.pesquisa.pesquisaButton,
.dxbButton_Aqua.pesquisaButton,
button.pesquisa.inputButton {
    color: var(--cor-fonte-label-campos);
    border: 1px solid var(--cor-borda-sistema);
    background: #fff;
    border-radius: 0;
}

.pesquisaButton .dxbButtonHover_Aqua, 
.pesquisaButton .dxbButtonChecked_Aqua, 
.pesquisaButton .dxbButtonPressed_Aqua,
.pesquisa:hover, 
button.pesquisa.pesquisaButton:hover,
button.pesquisa.inputButton:hover
.dxbButton_Aqua.pesquisaButton:hover,
.dxbButton_Aqua.dxbButtonHover_Aqua.pesquisaButton,
.dxbButton_Aqua.dxbButtonPressed_Aqua.pesquisaButton:hover{
    color: var(--cor-primaria);
    border-color:var(--cor-primaria);
}

.dxbButton_Aqua div.dxbf {
    border: transparent solid 1px !important;
}

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

.icones-header 
{
    padding-right: 10px;
}

.dxgvLoadingPanel_Aqua, .dxcpLoadingPanelWithContent_Aqua, .dxtvLoadingPanelWithContent_Aqua,
.dxpnlLoadingPanelWithContent_Aqua, .dxlpLoadingPanelWithContent_Aqua, .dxtlLoadingPanel_Aqua, .dxchartsuiLoadingPanel_Aqua
{
    background:rgb(128,128,128);
    background: transparent\9;
    background:rgba(128, 128, 128, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f808080,endColorstr=#7f808080); /*IE-8*/
    zoom: 1;
	border: 0px!important;
}

/*IE-9*/
.dxgvLoadingPanel_Aqua:nth-child(n), .dxcpLoadingPanelWithContent_Aqua:nth-child(n), .dxtvLoadingPanelWithContent_Aqua:nth-child(n), 
.dxpnlLoadingPanelWithContent_Aqua:nth-child(n), .dxlpLoadingPanelWithContent_Aqua:nth-child(n), .dxtlLoadingPanel_Aqua:nth-child(n), .dxchartsuiLoadingPanel_Aqua:nth-child(n) {
    filter: none;
}

.dxpnlLoadingPanelWithContent_Aqua td.dx, .dxlpLoadingPanelWithContent_Aqua td.dx, .dxtlLoadingPanel_Aqua td.dx, .dxchartsuiLoadingPanel_Aqua td.dx
{
	padding: 10px 20px;
}

.pesquisaButton
{
    height: 23px;
    width: 26px;
}

/*.pesquisaButton td.dxbButton_Aqua
{
    padding: 0px 0px 1px 0px!important;
}

.pesquisaButton td.dxbButton_Aqua:before
{
    content: "\f002";
    font: 14px FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform: translate(0, 0);
}
 */
 
.dxbButton_Aqua.pesquisaButton:before
{	
    content: "\f002";
    font: 14px FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform: translate(0, 0);
}

.dxbButton_Aqua.pesquisaButton
{	
    padding: 2.5px 0px 1px 0px !important;
}

 
.dxbButton_Aqua.pesquisaButton div.dxb
{
    display: table-column;
}
 
.pesquisaButton .dxbDisabled_Aqua
{
    color: #C3C3C3!important;
}

.pesquisaCorreios
{
    height: 23px;
    width: 26px;
}

.dxbButton_Aqua.pesquisaCorreios:before
{	
    content: "\f041";
    font: 16px FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform: translate(0, 0);
}

.dxbButton_Aqua.pesquisaCorreios
{	
    padding: 2.5px 0px 1px 0px !important;
}

 
.dxbButton_Aqua.pesquisaCorreios div.dxb
{
    display: table-column;
}
 
.pesquisaCorreios .dxbDisabled_Aqua
{
    color: #C3C3C3!important;
}

.link-grid
{
    outline: none;
}

.link-grid img
{
    width: 16px;
    height: 16px;
}

/***Clear button***/
.dxEditors_edtClear_Aqua
{
    background-image: url('../../Imagens/Grid/remover_v2.png');
    width: 10px;
    height: 10px;    
}

.dxeButtonEditClearButton_Aqua
{
    background: none;
    border: 0px;
    padding-top: 1px;
}

.dxeButtonEditClearButton_Aqua.dxeButtonEditButtonHover_Aqua
{
    background: white;
}

.ui-datepicker
{
    z-index: 100002!important;
}

.gridTableInput100 .inputText
{
    box-sizing: border-box;
    width: 100%;
}

.pesquisa.btnComboDinamico {
    height: 17px;
    margin: 1px;
    width: 17px;
    vertical-align: middle;
    font-size: 12px !important;    
    vertical-align: middle;
}

.btnComboDinamico:before {
    margin-left: -1px;
}

textarea {
    border: 1px solid var(--cor-borda-input);
}

.inputText.ui-multiselect button,
.dynamic-multiselect button {
    border-color: transparent;
    color: #000;
}

.inputText.ui-multiselect button:hover,
.dynamic-multiselect button:hover {
    color: #000;
    background-color: #ededed;
    border: Solid 1px var(--cor-borda-input);
}

.dxbButton_Aqua {
    border-radius: var(--valor-border-radius-btn);
}

.toolbarPrincipalContainer {
    width: 100%;
    z-index: 1000;
    background: var(--cor-bg-tela)
}

.toolbarPrincipalContainer .notificacaoMsgContainer {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1010
}
.toolbarPrincipalContainer .divEspacamentoMensagem {
    display: none;
    height: 0
}
.toolbarPrincipalContainer .notificacaoMsgWrapper {
    width: 100%;
    position: relative;
    left: 0px;
    right: 0px
}

.toolbarPrincipalContainer .toolbarMenuWrapper {
    width: 100%;
    padding: var(--toolbar-espaco-pagina--top) 0px 0px 0px;
}

.toolbarPrincipalContainer .toolbarMenuWrapper:not(:has(.dxm-ltr)) {
    padding-top: 0px !important;
}


/* 
   Mantém o espaço da scrollbar sempre reservado, evitando que o layout
   “salte” horizontalmente quando o conteúdo passa a ter rolagem.
   Útil para garantir estabilidade visual entre estados com e sem scroll.
*/
.scrollbar--stable {
    scrollbar-gutter: stable;
}