.x-grid-header-ct {  /*  Cor de fundo do topo grid*/
	background-color: #fff;
    border: solid 0px #fff !important;   /*  borda do fundo topo */
    margin-bottom: 8px !important; 
    border-radius: 0px;
}

.x-scroller-spacer {
  padding: 10px !important;
}

.x-column-header {   /* Propriedades titulos das colunas do grid */
    /*border-right: 1px 1px 1px 1px;
    border-left: 1px 1px 1px 1px;
    border-top: 1px 1px 1px 1px;
    border-bottom: 1px 1px 1px 1px;  */    
    color: #595959; /* -- COR DA FONTE DO HEADER DO GRID -- */
    background-color: #fff;
    border-right: solid 0px #e6e6e6 !important;
    font: 400 14px 'Segoe UI', 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
    height: 50px;
}

.x-column-header-text{
    padding-top: 15px !important;
    padding-bottom: 15px !important;  
    font-size: 14px !important;
}

.x-column-header-text-inner{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-weight: bold;  
}

/*
.x-grid-row .x-grid-cell-inner {
  border: none;
  font-weight: bold;
  background-color: #cce6ff;
  height: 45px;
}

.x-grid-row-selected .x-grid-cell-inner {
  font-weight: bold;
  --background-color: #66b3ff;
}

::-webkit-scrollbar {
    width: 25px; 
}

::-webkit-scrollbar-highlight{
   color:#FF0000;
}
::-webkit-scrollbar-face{
   color:#FFFFFF;
}
::-webkit-scrollbar-shadow{
   color:#0000FF;
}
*/

.custom-grid .x-panel-body-default {
	background-color: #e5e5e5 !important;  
  border: solid 0px red !important; 
}

.custom-grid .x-box-inner {
	background-color: #666666 !important;
  border: solid 0px red !important; 
  margin-bottom: 8px !important;
}

.custom-grid .x-grid-cell { 
    background-color: #e5e5e5; 
    border-bottom-color: #c2c2c2;      
    border-left-color: #e5e5e5;
    color: #333333; 
    /*height:32px;*/
    vertical-align : middle !important;
    font-size: 14px !important;
    /*justify-content: center;*/
    padding-bottom: 0px;
    margin: 20px !important;
    border: solid 2px red !important; 
}

.custom-grid .x-grid-with-col-lines .x-grid-cell {
   border-right-width: 0px !important;
   margin: 20px !important;
}

.custom-grid .x-column-header-inner{    
    background-color: #e6e6e6 !important;
    color:#fff !important; 
    font-size:12px !important; 
    /*height:32px !important; */
    padding-top:9px;                                   
}

.custom-grid .x-column-header-over{  
    background-image:none !important;  
    background-color: #817e7e !important;                                  
}

.custom-grid .x-column-header
{
	border-right: 0px !important;
}

.x-grid .x-toolbar-default {
	border: 0px solid grey !important	
}

.x-grid-cell {
    padding-top: 0px;
    padding-bottom: 0px;	
    margin: 0px;
}

.x-grid-cell-gridcolumn-1032{   /*  COLUNA ONDE FICA OS BOTOES NA GRID */
	padding: 0px;		
}

.x-grid-item .x-grid-item-selected{
  padding: 0px;	
}

/*    x-grid-cell x-grid-td x-grid-cell-gridcolumn-1032 x-grid-cell-last x-unselectable   */

::-webkit-scrollbar {
    width: 6px;
	background-color: transparent !important;
} 
   
::-webkit-scrollbar-thumb {   
  background-color: darkgrey;   
}

.x-panel-body-default {
 border: 0px solid grey !important;    
}

.x-grid-cell-inner {    /*    Tamanho linha grid registros   */
  font-size: 14px !important;
  padding: 8px 5px 8px 5px !important;
  outline: none !important;
}

.x-grid-item-selected {    /*  Muda cor do fundo da selecao da grid */
	background-color: #5473e8 !important;
	color: #fff !important;
}

.x-grid-cell {
  vertical-align: middle;
}

.IconeAcoes{
  font-size: 18px;
  color: blue;
}

.btn-transparent {
	background-color: transparent !important;
	border: solid 1px #e6e6e6 !important;
	border-radius: 50px !important;
	margin-right: 2px;
	padding: 4px 6px !important;
}

.btn-transparent:hover {
	border: solid 1px #e6e6e6 !important;
}

.IconeAcoesNovo{	
	font-size: 18px;
	color: #9a9898;
}

.IconeAcoesNovo:hover{	
	font-size: 18px;
	color: #ffcc00;
}

.IconeAcoesExcluir{
	font-size: 18px;
	color: #9a9898;
	margin: 0px 2px 0px 2px;
}

.IconeAcoesExcluir:hover{
	font-size: 18px;
	color: #e62e00;
}

.pnContorno{
  /*box-shadow: inset 0 0 1em gold, 0 0 1em grey;  */
  border-radius: 10px;
}

.x-autocontainer-innerCt {
	animation: go-back 500ms;		
}

@keyframes go-back {
	0% {
		transform: translateX(-1500px);
	}
	100% {
		transform: translateX(0);
	}
}

#OB2_id-inputWrap{
  border: none;  
}

.x-form-text-default {
  font-size: 15px;
  outline: none; 
}

.x-form-text-default:focus {
    outline: none;
    outline-width: 0;
}

.x-form-text-wrap-default{
    border: 0px solid #ccc;
}

.x-column-header-inner:hover{ /* passar o mouse titulo da grid*/
  background-color: #f2f2f2;
}

.x-grid-row {
  border: solid 0px 1px red !important;  /*  bordas linhas registros da grid  */
}

.x-grid-item-focused .x-grid-cell-inner {
	color: #fff;
	outline: none !important;
}

.x-grid-with-row-lines .x-grid-item {
    border-style: solid !important;
    border-width: 3px 0 0 !important;
    border-color: #f2f5fa !important;
}

.x-grid-with-col-lines .x-grid-cell {  /* Borda da celula do grid*/
    border-style: solid;
    border-color: #f7f7f7;
    border-width: 0 1px 0 0;	
}

.x-grid-item-alt {
	background-color: none;  //pinta a linha zebrada
}