:root {
	/*Cor Principal do Sistema*/
    --vCorPrincipal: #3e8e41; /*Cor Principal do Sistema*/
}


.background-gradiente: linear-gradient(88deg, rgba(202, 202, 202,0.02) 0%, 
 rgba(202, 202, 202,0.02) 58%,
 transparent 58%, 
 transparent 67%,
 rgba(220, 220, 220,0.02) 67%, 
 rgba(220, 220, 220,0.02) 82%,
 rgba(8, 8, 8,0.02) 82%, 
 rgba(8, 8, 8,0.02) 100%),
 linear-gradient(318deg, rgba(19, 19, 19,0.02) 0%, 
 rgba(19, 19, 19,0.02) 5%,
 transparent 5%, transparent 50%,
 rgba(101, 101, 101,0.02) 50%, 
 rgba(101, 101, 101,0.02) 65%,
 rgba(132, 132, 132,0.02) 65%, 
 rgba(132, 132, 132,0.02) 100%),
 linear-gradient(150deg, rgba(166, 166, 166,0.02) 0%, 
 rgba(166, 166, 166,0.02) 18%,transparent 18%, 
 transparent 37%,rgba(105, 105, 105,0.02) 37%, 
 rgba(105, 105, 105,0.02) 87%,rgba(244, 244, 244,0.02) 87%, 
 rgba(244, 244, 244,0.02) 100%),
 linear-gradient(53deg, rgba(54, 54, 54,0.02) 0%, 
 rgba(54, 54, 54,0.02) 26%,transparent 26%, 
 transparent 81%,rgba(251, 251, 251,0.02) 81%, 
 rgba(251, 251, 251,0.02) 85%,rgba(19, 19, 19,0.02) 85%, 
 rgba(19, 19, 19,0.02) 100%),
 linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}


/*---------- CONFIGURAÇÕES PADRÃO ----------------------*/

/*Colori e Arredonda os Edits*/
/*Fora de foco*/
.x-form-text {
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-color: #E0E0E0;
  box-shadow: 1px 1px 1px #E0E0E0;
}
.x-form-text:focus,
.x-form-text:hover,
.x-form-text:active

{ /*Em foco DESKTOP*/
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border:1px solid gray !important;
  background: #e7f9f6 !important;/*azul claro rgb(255, 255, 180)*/
  box-shadow: 1px 1px 1px #E0E0E0;/*Cinza rgb(224, 224, 224)*/
}


/*ARREDONDAMENTO DO EDIT MOBILE*/
.x-input-wrap-el {
 border-radius: 8px !important;
 padding:4px;
}

/*Cor da Linha Selecionada*/
.CorRegistroSelecionado {
    background-color: #5cb85c !important;
}


/*Cor da Linha Selecionada LightSkyBlue*/
.CorRegistroSelecionadoLightSkyBlue {
    background-color: #6b82dd !important;
}

/*Cor do Edit ao Entrar*/
.x-form-text:focus{
	background-color: 	#a9ebde;
}	

/*DBGrid STATUS ATENDIDO*/HoneyDew
.StatusAtendido {
    background-color: #F0FFF0 !important;
	font-weight: bold;
	color:#5F9EA0;
}

/*DBGrid STATUS EM ESPERA*/OldLace
.StatusAguardando {
    background-color: #FDF5E6 !important;
	color:#A9A9A9;
}

/*DBGRid - Cor da Linha Selecionada*/
.x-grid-item-selected {
    color: #040404;
    background-color: #90EE90;
}
---------------------------------------------------------------------------------





/*Muda cor dos botoes e remove bordas*/
/*Bordas dos botoes de login*/
.Borda{border-radius: 50px;}
.Borda:hover{border-radius: 50px;}

.x-btn-default-large{
/*background-color: rgb(65, 65, 65) !important;*/
  background-image: none !important;
  border-width:0 !important;
}

.x-btn-default-large-over
{background-color: rgb(85, 85, 85) !important;}

--------------------------------------------------


/*/*Remove sombra dos forms*/
/*.x-css-shadow {*/
 /*-webkit-box-shadow: none !important;*/
/* -moz-box-shadow: none !important;*/
 /*box-shadow: none !important;*/
/*}*/

.VerticalCSS{
transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg); /* Safari/Chrome */
 -moz-transform: rotate(-90deg); /* Firefox */
 -o-transform: rotate(-90deg); /* Opera */
 -ms-transform: rotate(-90deg); /* IE 9 */
}

.x-accordion-hd .x-tool-expand-top, .x-accordion-hd .x-tool-expand-bottom
{background-position:0 -176px;}

.x-accordion-hd .x-tool-collapse-top, .x-accordion-hd .x-tool-collapse-bottom
{background-position:0 -224px;}

.menubtn{
  text-align: left;
  float: left;
  width: 70%;
  margin-left: 20px;
  margin-top: -2px;
}

.iconright{
  text-align: right;
  float: right;
  width: 8%;
  margin-top: -6px;
}

.div100{
  width: 100%;
  padding-top:5px;
}

.iconWhite .fa-sf-white{
 color: white;
}

.iconYellow .fa-sf-white{
 color: yellow;
}

.fa-sf-inverse
{
 color: rgb(44, 69, 89);
}

.f-btn-transparent:focus, .f-btn-transparent:hover
{
border-color:rgb(97, 123, 145);
background-color:rgb(97, 123, 145);
}

.btfocus:hover
{
border-color:#E0E0E0;
background-color:#E0E0E0;
}

.NotValid {
  border-style: solid;
  border-width: 1px;
  border-color: Red;
}
 .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;
 border-radius: 8px;
 padding:4px; 
}

.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;
 border-radius: 8px;
 padding:4px; 
}

.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;
 border-radius: 8px;
padding:4px; }

.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;
 border-radius: 8px;
 padding:4px; 
}

.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;
 border-radius: 8px;
 padding:4px; 
} 

.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;
 border-radius: 8px;
 padding:4px; 
}  

.BotaoLaranja
{
 background:#f0ad4e !important;
 color:#fff !important;
 border-color:#f0ad4e;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
 border-radius: 8px;
 padding:4px; 
}

.BotaoDark
{
 background:#232323 !important;
 color:#fff !important;
 border-color::#fff;
 border-width:2;
 -webkit-transition: background 0.5s ease-in-out;
 transition: background 0.5s ease-in-out;
 border-radius: 8px;
 padding:4px; 
}


/*BtnLogin*/
.bntLogin
{
 background:#5cb85c !important;/*Cor escura*/ 
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
 padding:4px;  
}
.bntLogin:hover
{
 background:#3e8e41 !important;/*Cor clara*/
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
} 

/*BtnGravar*/
.bntGravar
{
 background:MediumSeaGreen !important;/*Cor escura*/ 
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
 padding:4px;  
}
.bntGravar:hover
{
 background:#2d8755 !important;/*Cor clara*/
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
} 

/*BtnExcluir*/
.BtnExcluir
{
 background:Tomato !important;/*Cor escura*/ 
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
 padding:4px;  
}
.BtnExcluir:hover
{
 background:#ff310c !important;/*Cor clara*/
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
} 

/*BtnCancelar*/
.BtnCancelar
{
 background:Tomato !important;/*Cor escura*/ 
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
 padding:4px;  
}
.BtnCancelar:hover
{
 background:#ff310c !important;/*Cor clara*/
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
} 

/*BtnImprimir*/
.BtnImprimir
{
 background:DodgerBlue !important;/*Cor escura*/ 
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
 padding:4px;  
}
.BtnImprimir:hover
{
 background:#0068ce !important;/*Cor clara*/
 -webkit-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
 border: none !important;
 border-radius: 8px !important;
} 


/*Definições do Mask - Carregando*/
.x-mask-msg  {
   background-image: url(./files/loading/05.gif) !important;
   background-color: #FFF !important;    
   border-radius: 8px !important; 
   border: 1px solid #CCC;
   padding: 30px 40px 10px 40px !important;    
   background-size: 50px; 
   background-repeat: no-repeat !important;
   background-position: center 12px !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 {
   margin-top: 16px;
   text-align: center !important;      
   color: #333 !important;    
   background: none;   
}


/*
input[type=text]:focus, textarea:focus {
  outline:none !important;
  border: 1px solid #4195fc !important;
  box-shadow: 0px 0px 5px #4195fc !important; 
  -moz-box-shadow: 0px 0px 5px #4195fc !important;
  -webkit-box-shadow: 0px 0px 5px #4195fc !important;
  width: 100% !important;  
  height: auto !important;
  margin: -1px !important;
}

input[type=password]:focus, textarea:focus {
  outline:none !important;
  border: 1px solid #4195fc !important;
  box-shadow: 0px 0px 5px #4195fc !important; 
  -moz-box-shadow: 0px 0px 5px #4195fc !important;
  -webkit-box-shadow: 0px 0px 5px #4195fc !important;
  width: 100% !important;  
  height: auto !important;
  margin: -1px !important;
}

input[type=date]:focus, textarea:focus {
  outline:none !important;
  border: 1px solid #4195fc !important;
  box-shadow: 0px 0px 5px #4195fc !important; 
  -moz-box-shadow: 0px 0px 5px #4195fc !important;
  -webkit-box-shadow: 0px 0px 5px #4195fc !important;
  width: 100% !important;  
  height: auto !important;
  margin: -1px !important;
}

*/


img89 {
  vertical-align: middle;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.avatar-paciente img{
  style: dotted;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border:3px solid gray !important;
  border-color: var(--vCorPrincipal) !important;   
}

.avatar img{
  style: dotted;
  vertical-align: middle;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border:3px solid gray !important;
  border-color: var(--vCorPrincipal) !important;     
}

.avatar-77 img{
  style: dotted;
  vertical-align: middle;
  width: 77px;
  height: 77px;
  border-radius: 50%;
  border:3px solid gray !important;
  border-color: var(--vCorPrincipal) !important;     
}

.avatar_cadastro img{
  style: dotted;
  vertical-align: middle;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border:3px solid gray !important;
  border-color: var(--vCorPrincipal) !important;   
}



.img-circle {
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.2);  
}

.statuson{
      width: 16px;
      height:16px;
      border-top-left-radius: 50% 50%;
      border-top-right-radius: 50% 50%;
      border-bottom-right-radius: 50% 50%;
      border-bottom-left-radius: 50% 50%;
      border: 2px solid #CCC;
      margin-bottom: 2px;
      background-color: green;
    }
	
.statusoff{
      width: 16px;
      height:16px;
      border-top-left-radius: 50% 50%;
      border-top-right-radius: 50% 50%;
      border-bottom-right-radius: 50% 50%;
      border-bottom-left-radius: 50% 50%;
      border: 2px solid #CCC;
      margin-bottom: 2px;
      background-color: gray;
    }
	
.statusoblocked{
      width: 16px;
      height:16px;
      border-top-left-radius: 50% 50%;
      border-top-right-radius: 50% 50%;
      border-bottom-right-radius: 50% 50%;
      border-bottom-left-radius: 50% 50%;
      border: 2px solid #CCC;
      margin-bottom: 2px;
      background-color: red;
    }    
    
.img-circle-small {
      width: 53px;
      height:55px;
      border-top-left-radius: 50% 50%;
      border-top-right-radius: 50% 50%;
      border-bottom-right-radius: 50% 50%;
      border-bottom-left-radius: 50% 50%;
      border: 2px solid #CCC;
      margin-bottom: 2px;
    }
  
.status{
      width: 16px;
      height:16px;
      border-top-left-radius: 50% 50%;
      border-top-right-radius: 50% 50%;
      border-bottom-right-radius: 50% 50%;
      border-bottom-left-radius: 50% 50%;
      border: 2px solid #CCC;
      margin-bottom: 2px;
      background-color: green;
 }    

.AbasteceTitPanel {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  border: none;
  background: -webkit-linear-gradient(-90deg, rgba(62, 142, 65,1) 0, rgba(47, 141, 89,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(62, 142, 65,1) 0, rgba(47, 141, 89,1) 100%);
  background: linear-gradient(180deg, rgba(62, 142, 65,1) 0, rgba(242,121,96,1) 100%);
  background-repeat: repeat-x;
  background-position: 100% 100%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ;
  box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ;
}


.PainelTransparente {
  background: rgba(0,0,0,0.5);
}


.tabNavigator .x-tab {
    border-radius: 7px !important; /* Ajusta o tamanho do arredondamento da aba */
	font-size: 8px;
    /* margin-bottom: 5px;*/  /* Espaçamento embaixo da Tab */
 }
 
.tabNavigator .x-tab-close-btn {
    margin: 1px 1px 0 0; /* Ajusta a posição do CloseTab */
 }

.tabNavigator .x-tab-bar-default-top {
    background-image: none;
    background-color: #A0A0A4;
    
 padding: 0px 0px 2px 0px !important;
}
 
.tabNavigator .x-tab.x-tab-active.x-tab-default-top, .x-tab.x-tab-active.x-tab-default-left, .x-tab.x-tab-active.x-tab-default-right {
    background-image: none !important; 
    background-color: #00BFFF !important; /* DeepSkyBlue */
}


/* UniTreeMenu - Inicio
-----------------------
dica do grupo( DIMAS se nao me engano )

Flávio Motta: só adicionei a imagem

*/

.x-treelist-nav {       /* Aqui ira determina a COR DE Fundo do menu */
    background-color: [[MENU_COLOR]] !important;/* Cor do Item Selecionado */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url('/files/menu-bg.png') !important;
	background-position: 0px 50% !important;

    padding: 0 0 0 0;
    overflow: auto !important;
    scrollbar-width: thin;  /*estilo do scrool para o mozilla  */
    scrollbar-color: #adb3b8 #516579;  /*estilo do scrool para o mozilla  */
}

.x-treelist-nav::-webkit-scrollbar {width: 7px; height:7px; background:#516579;}
.x-treelist-nav::-webkit-scrollbar-track {background: rgba(0,0,0,0.1);}
.x-treelist-nav::-webkit-scrollbar-thumb {border-radius: 7px; height:7px; background:#adb3b8;}

 .x-treelist-nav .x-treelist-item-text {
  /* menu lado Esquerdo */
  color: #adb3b8;     /* cor da letra do menu */
  margin-left: 52px;  /* 27 espaçamento da esquerda para direita dos Itens do menu */
  margin-right: 40px; /* espaçamento da esquerda para direita dos Grupos do menu */
  font-size: 12px;    /* tamanho das letras */
  line-height: 34px;  /* altura da linha do menu */
}

.x-treelist-nav .x-treelist-item-icon:before, .x-treelist-nav .x-treelist-item-tool:before, .x-treelist-nav .x-treelist-item-expander {
    line-height: 34px;   /* 44 é o padrao */

}

.x-treelist-nav .x-treelist-item-selected > .x-treelist-row::before {

    background-color: #f99500; /* Cor do Item Selecionado */

}

/* UniTreeMenu - Fim */