/*-------------------------------------------------------------------
Labels de formulários 
---------------------------------------------------------------------*/
.x-form-item-label-default {
  color: rgb(0, 0, 0) !important; /*Preto*/ 
  font: 300 13px/17px helvetica, arial, verdana, sans-serif; 
  min-height: 24px;
  padding-top: 4px;
  padding-right: 5px;
}

/*-------------------------------------------------------------------
Titulos das grades
---------------------------------------------------------------------*/
.x-column-header {
  border-right: 0px solid #cfcfcf; 
  color: #666;
  font: bold 12px/12px helvetica,arial,verdana,sans-serif;
}
.x-column-header-inner {
  padding: 7px 10px 7px 10px;
  text-overflow: clip;
}

/*-------------------------------------------------------------------
Agrupamentos em grade
---------------------------------------------------------------------*/
.x-grid-group-title {
  color: #157fcc; /*Azul claro*/
  font: 300 13px/15px helvetica, arial, verdana, sans-serif;
  /*text-align: center;*/
  font-weight: bold !important; 
  font-size: 14px !important;
}

/*-------------------------------------------------------------------
Celulas das grades
---------------------------------------------------------------------*/
.x-grid-cell{
  vertical-align: middle;
}
.x-grid-cell-inner {
  text-overflow: clip;
}

.x-grid-with-col-lines .x-grid-cell {
    border-style: hidden;
    border-color: #cfcfcf;
    border-width: 0 0px 0 0; /*Sem linha nas celulas*/
}

.x-grid-with-row-lines .x-grid-item {
    border-style: hidden;
    border-width: 0px 0 0; /*Sem linha de coluna nas celulas */
    border-color: #cfcfcf;
}

/*-------------------------------------------------------------------
CheckBox e DBCHeckBox
-------------------------------------------------------------------*/
/*
.x-form-cb-label {
  color: rgb(0, 0, 0) !important; 
  font: 300 13px/17px helvetica, arial, verdana, sans-serif; 
}
*/


/*-------------------------------------------------------------------
Radio-Group
-------------------------------------------------------------------*/
.x-form-item-body-default.x-form-checkboxgroup-body {
  padding: 0 4px;
  color: rgb(0, 0, 0) !important; /*Preto*/ 
  font: 300 13px/17px helvetica, arial, verdana, sans-serif;  
}


/*-------------------------------------------------------------------
Titulos de paineis
---------------------------------------------------------------------*/
.x-panel-header-default-horizontal {
    height: 25px;
    padding: 2px 8px 2px 8px;
}

/*-------------------------------------------------------------------
Formação dos RadioGroup
---------------------------------------------------------------------*/
.x-fieldset{
  border-radius: 4px;
}


/*-------------------------------------------------------------------
Formação dos ComboBox / DBLookupbombobox
---------------------------------------------------------------------*/
.x-form-trigger-wrap{
  border-radius: 4px;
  font-family: sans-serif !important;   
}


/*-------------------------------------------------------------------
Formação barra de progresso
---------------------------------------------------------------------*/
.x-progress-default .x-progress-bar {
  background-image: none;
  color: black;
  background-color: rgb(106, 71, 141) !important;  
}
.x-progress-default .x-progress-text {
  color: #000 !important;
}


/*-------------------------------------------------------------------
Formação de popup
---------------------------------------------------------------------*/
.x-menu-item-text{ 
  margin: 0;              
  padding: 2px 8px 2px 30px !important;            
  overflow: hidden;       
  background: rgb(106, 71, 141) !important; /*Roxo padrão*/
  color: white;
  cursor: pointer;
  font-size: 12px !important;
  font-weight: bold !important; 
  
  text-decoration: none;
  display: block;
  text-align: center;     
}



/*-------------------------------------------------------------------
Arredondamentos de bordas de Edits, DDEidt Memos ...
---------------------------------------------------------------------*/
.x-form-text{
  border-radius: 4px;
  /*height: 23px !important; */  
}

/*------------------------------------------------------------------- 
Início - Formatação "textos" labels
---------------------------------------------------------------------*/
/*** Labels principais do menu vertical ***/
.LBMenuVertMain{ 
  color: rgb(255, 255, 255); /*Branco*/
  background-color: rgb(30, 162, 214);/*Azul*/

  text-align: center;  
  text-rendering: optimizeLegibility;
  font-size: 16px !important;  
  
  border-radius: 7px;  
  padding: 8px;       
}
.LBMenuVertMain:hover{ 
  font-weight: bold !important;
}


/*** "Sub-Menu" Labels Div Menu vertical ***/
.LBDivMenuVertMain{
  border-radius: 4px;
  background-color: rgb(255, 255, 255) !important; /*Branco*/
}
/*------------------------------------------------------------------- 
Fim - Formatação "textos" labels
---------------------------------------------------------------------*/



/*------------------------------------------------------------------- 
Inicio - Formatação de botões e efeitos de botões controlados por CSS
---------------------------------------------------------------------*/
/*** Estilo padrão do botão por css ***/
.btMenuVerttMain{
  background: rgb(106, 71, 141) !important; /*Roxo padrão*/
  background-image: none !important;
  border-width: 0px !important;
  border-radius: 8px !important;
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;     
}

/*** Ao posicionar o mouse ***/ 
.btMenuVerttMain:hover{
  background-color: rgb(30, 162, 214) !important;  
}


/*** Ao Clicar ***/
.btMenuVerttMain:active {
  transform: translateY(4px);
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;    
}


/*** Estilo padrão do botão por css no menu horizontal principal ***/
.btMenuHoriztMain{
  background: rgb(30, 162, 214) !important;  /*Azul padrão*/
  /*background-image: nome !important;*/
  border-radius: 12px !important;
  border-width: 1.5px !important;   
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}


.btMenuHoriztMain:hover {
  background: rgb(106, 71, 141) !important; /*Roxo padrão*/
  -webkit-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}
/*------------------------------------------------------------------- 
Fim - Formatação de botões e efeitos de botões controlados por CSS
---------------------------------------------------------------------

/*Calendarios pequenos*/
.x-datepicker-date{
  padding: 0 7px 0 0 !important;
  font: normal 10px helvetica,arial,verdana,sans-serif !important;
  color: black !important;
  cursor: pointer !important;
  line-height: 12px !important;
}

/*-------------------------------------------------------------------
Painel rodapé
---------------------------------------------------------------------*/
.pn_rodape_Main_menu .x-panel-body-default {
  background: rgb(106, 71, 141) !important; /*Roxo padrão*/
}

/*-------------------------------------------------------------------
Menu vertical
---------------------------------------------------------------------*/
.pn_vert_Main_menuPrincipal {
  background: rgb(106, 71, 141) !important; /*Roxo padrão*/
}
.pn_vert_Main_menu .x-panel-body-default {
  background: rgb(106, 71, 141) !important; /*Roxo padrão*/
}

/*-------------------------------------------------------------------
Calendário
---------------------------------------------------------------------*/
/*
.x-calendar-weeks-cell-inner {
  width: 100%;
  height: 100%;
  position: relative;    
  height: 112px;
}
*/

/*-------------------------------------------------------------------
Loading
---------------------------------------------------------------------*/
#loading {
  top: 43%;
  /* posicao vertical na tela */
  margin: -65px 0 0 -45px;
  /* não é necessário alterar estas margens */
}

#loading .loading-indicator {
  background: url(loading/06.gif);
  /* troque aqui o nome do arquivo */
  background-repeat: no-repeat;
  /* sem essa propriedade a imagem se repete na tela */
  background-position: center;
  /*centraliza a imagem dentro do container loading-indicator */
  background-size: 100px;
  /* tamano da animação */
  background-color: transparent;
  color: #333;
  /*Cor do texto (Loading, Carregando) */
  font: 15px arial, helvetica, tahoma;
  /* Tamanho e tipo da fonte */
  padding: 130px 10px 10px 10px;
  /* Posicionamento do texto. dependendo do background-size, pode ser necessário reajustar */
  opacity: .7;
  rotate: (45deg);
}

.x-mask-msg {
  background: url(loading/06.gif);
  /* troque aqui o nome do arquivo */
  background-size: 50px;
  background-color: var(--color-01) !important;
  background-repeat: no-repeat !important;
  background-position: center 8px !important;
  border-radius: 4px !important;
  border: 1px solid var(--color-01);
  padding: 30px 40px 10px 40px !important;
  -webkit-box-shadow: 0px 5px 43px -11px rgba(92, 92, 92, 1);
  -moz-box-shadow: 0px 5px 43px -11px rgba(92, 92, 92, 1);
  box-shadow: 0px 5px 43px -11px rgba(92, 92, 92, 1);
}

.x-mask-msg-text,
.x-mask-msg-inner {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
}

.x-mask-msg-text {
  margin: 0;
  padding: 0;
  margin: 35px 0 -6px 0;
  text-align: center !important;
  color: #838383 !important;
  font-size: 12px;
  position: relative;
  bottom: 3px;
}
 

.x-mask {
  /*background-color: rgba(249, 249, 249, 0.1) !important;*/
  background-image: none !important;
  border: 0 !important;
}