.frmLogin .x-window-body
{

  background-color: transparent !important;

}
.x-calendar-panel-title {
  font-size: 16px;
  font-family: Roboto !important;
  color: red;
  font-weight: bold;
  left: 40% !important;
}


 /*
.x-calendar-weeks-today-cell{
  background-color:#405864 !important;
  border-color: red !important;
  border-style: solid !important
}
*/

 x-form-text {
 border-radius: 3px;

}

 


.PageControlSemBorda .x-panel-body-default 
{
   border: none ;
   color: black !important;
   background-color: white !important;
   padding: 0px;
   line-height: 0    
}


.x-column-header{/*header setting*/
 color:black;/*font color*/
 font-size:12px;/*font size*/
 height: 35px;/*head height*/
 border: none;/*Header border*/
 background:#C1C1C1;//Header background*/
}
 .GridLotacao .x-grid-column {/*The attribute with element id (setting column), add the GridLotacao name in the cls sub-attribute of the layoutconfig attribute in unidbgrid*/
    height: 30px;
    
}
 
 .GridLotacao .x-grid-cell {/*The attribute with element id (set the cell), add the GridLotacao name to the cls sub-attribute of the layoutconfig attribute in unidbgrid*/
    height: 30px !important;
    line-height: 30px !important;
    
}

.GridLotacao .x-grid-td {/*Ajusta Windget na grade*/
    vertical-align: middle !important;
   
}

.GridLotacao .x-grid-item-selected { /* Ajusta a cor de seleção do item da grade */
    color: #404040 !important; /* Mantém a cor do texto */
    background-color: #FFD580 !important; /* Laranja claro */
}
.avatar256 img {
  vertical-align: middle;
  width: 256px;
  height: 256px;
  border-radius: 50%;
}

 .avatar128 img {
  vertical-align: middle;
  width: 128px;
  height: 128px;
  border-radius: 50%;
}
.avatar40 img {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.avatar64 img {
  vertical-align: middle;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.avatar32 img {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.avatar24 img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.x-form-text {
    border-radius: 5px;}

 .BotaoEscuro
{
 background:#363636 !important;
 color:#fff !important;
 border-color:#363636;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

/* Muda a cor ao passar o mouse */
.BotaoEscuro:hover {
    background: #D35400 !important; /* Laranja escuro */
    border-color: #D35400 !important;
}

.BotaoVermelho
{
 background:#d9534f !important;
 color:#fff !important;
 border-color:#d9534f;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

/* Muda a cor ao passar o mouse */
.BotaoVermelho:hover {
    background: #363636 !important; /* Laranja escuro */
    border-color: #363636 !important;
}

.BotaoVerde
{
 background:#5cb85c !important;
 color:#fff !important;
 border-color:#5cb85c;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoAzul
{
 background:#5bc0de !important;
 color:#fff !important;
 border-color:#5bc0de;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoAzulEscuro
{
 background:#337ab7 !important;
 color:#fff !important;
 border-color:#337ab7;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
} 

.BotaoBranco
{
 background:#FFFFFF !important;
 color:#fff !important;
 border-color:#FFFFFF;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}  

.BotaoLaranja
{
 background:#f38234 !important;
 color:#fff !important;
 border-color:#f38234;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}


.BotaoLaranjaEscuro
{
 background:#f38234 !important;
 color:#fff !important;
 border-color:#f38234;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoAmarelo
{
 background:#E0A800 !important;
 color:#fff !important;
 border-color:#E0A800;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoVerdeEscuro
{
 background:#337735 !important;
 color:#fff !important;
 border-color:#337735;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoCinza
{
 background:#DBDBDB !important;
 color:#fff !important;
 border-color:#DBDBDB;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoBarraVavegacao
{
 background:#32404E!important;
 color:#fff !important;
 border-color:#32404E;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoCorNavegacao
{
 background:#32404E!important;
 color:#fff !important;
 border-color:#32404E;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

.BotaoCinzaClaro
{
 background:#f9fafb!important;
 color:#fff !important;
 border-color:#f9fafb;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
}

/*Retira as bordas dos paineis*/
.x-panel-body-default {
    border-width: 0;
    border-style: none;
    padding: 0px 0px 0px 0px; /*Margem do painel da tab*/
}

/*Coloca sombra em qualquer Panel*/
.pnlcard {
 box-shadow: 0 8px 6px -6px gray !important;
 background:white !important;
 border: 1px solid silver !important;
}

 .rounded-image {
  border-radius: 50%;
  border: 2px solid #ccc; /* Cor e largura da borda, ajuste conforme necessário */
  width: 100px; /* Ajuste o tamanho conforme necessário */
  height: 100px; /* Ajuste o tamanho conforme necessário */
  object-fit: cover; /* Para garantir que a imagem se encaixe bem */
}

.button-blue {
  background-color: #1b2647 !important; /* Cor azul escuro */
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  transition: background-color 0.3s !important; /* Suaviza a transição */
}

.button-blue:hover {
  background-color: #2e2e2e !important; /* Tom de cinza escuro */
}

.button-blue:active {
  background-color: #1b2647 !important; /* Volta para a cor azul ao clicar */
}

.button-green {
  background-color: #28a745;
  color: #fff;
  border: none;
  border-radius: 5px;
}

.button-red {
  background-color: #dc3545 !important; /* Vermelho */
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  transition: background-color 0.3s !important; /* Suaviza a transição */
}

.button-red:hover {
  background-color: #2e2e2e !important; /* Tom de cinza escuro */
}

.button-red:active {
  background-color: #1b2647 !important; /* Volta para a cor azul ao clicar */
}

.button-orange {
  background-color: #fd7e14 !important; /* Laranja */
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  transition: background-color 0.3s !important; /* Suaviza a transição */
}

.button-orange:hover {
  background-color: #2e2e2e !important; /* Tom de cinza escuro */
}

.button-orange:active {
  background-color: #1b2647 !important; /* Volta para a cor azul ao clicar */
}




.rounded-edit {
  border-radius: 5px; /* Borda arredondada */
  padding: 0px;
  border: 1px solid #ccc;
  outline: none;
  transition: border-color 0.3s;
}

.rounded-edit:focus {
  border-color: #007bff !important; /* Cor da borda ao focar */
}

.avatar40 img {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
/* Estiliza o painel principal do TUniTreeView */
.custom-treeview .x-panel-header {
    background-color: #1b2647 !important;
    color: #ffffff !important; /* Cor do texto, opcional */
    font-weight: bold; /* Negrito no texto, opcional */
}

/* Define uma fonte padrão para toda a aplicação */
body, .x-body {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px; /* Tamanho padrão */
    color: #333333; /* Cor padrão do texto */
    -webkit-font-smoothing: antialiased; /* Suavização de fontes */
    -moz-osx-font-smoothing: grayscale; /* Suavização de fontes */
}

/* Ajuste adicional para componentes específicos */
.x-panel-body, .x-form-field {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
}