:root {
    --fontDefault: "Inter var", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*----------------------- JANELAS - WINDOWS -------------------------------*/
/*----------------------- JANELAS - WINDOWS -------------------------------*/

/*Borda do Form/Janela */
.x-window-default{
    border-color: rgb(0,96,96);
}

/* Fundo do tititlo/Caption dos Form/Janelas */
.x-window-header-default{   
    background-color: rgb(0,96,96); 
    border-color: rgb(0,96,96);
}

/* Cor das laterais do Form/Janela */
.x-window-body-default{
    border-color: rgb(0,96,96);
}

/* Cor do Titilo/Caption do Form/Janela */
.x-window-header-text{  
    color: rgb(255,255,255);
}

/*Ponteiro do mouse em itens desabilitados*/
.x-item-disabled, 
.x-item-disabled * {
    cursor: not-allowed !important;
    pointer-events: painted !important;
}


/*Intensidade da mascara branca*/
.x-mask{
    background-color: rgba(255,255,255,0.4);
}

/*Cor de fundo quando um panel � desabilitado*/
.x-panel-default.x-item-disabled.x-masked .x-mask{
    background-color: transparent;
}

/*Cor de fundo dos icones (Fechar, Maximizar, Minimizar) */
.x-window-header-default .x-tool-img {
    background-color: transparent;
    opacity: 0.7;
}

/*----------------------- JANELAS - WINDOWS -------------------------------*/
/*----------------------- JANELAS - WINDOWS -------------------------------*/

/*-------------------- MESSAGEBOX - MESSAGEDLG ----------------------------*/
/*-------------------- MESSAGEBOX - MESSAGEDLG ----------------------------*/

/* Cor de fundo do copor das mensagens MessageDlg*/
.x-message-box,
.x-message-box .x-window-body{
    background-color: rgb(255,255,255);
}

/*Barra que separa o cor da mensagem do rodape*/
.x-message-box .x-window-body{
    border-bottom: 1px solid rgb(200,200,200);
}

/*Cor do rodap� das mensagens - Local onde fica os bot�es Ok, Cancelar e etc...*/
.x-toolbar-footer {
    background-color: rgb(235,235,235);
    border-top-width: 1px;
}

/*-------------------- MESSAGEBOX - MESSAGEDLG ----------------------------*/
/*-------------------- MESSAGEBOX - MESSAGEDLG ----------------------------*/

/*------------------------ PANEIS - PANELS --------------------------------*/
/*------------------------ PANEIS - PANELS --------------------------------*/

/*Cor de fundo dos paneis/panels*/
.x-panel-body-default{
    background-color: rgb(246,246,246); 
    border-color: rgb(0,96,96);    
    border-style: solid;
    font-size: 11px;
}

/* Cor da  borda dos paneis/panels */
.x-panel-default-outer-border-trbl {
    border-color: rgb(0,96,96) !important;
    border-width: 1px !important;
}

/*Cor de fundo dos paineis com titulos*/
.x-panel-header-default {
    background-image: none;
    background-color: rgb(0,96,96);
    background: -webkit-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: -o-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: -moz-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: linear-gradient(rgb(36,136,136), rgb(0,96,96));
}

/*Cor da borda dos paineis com titulos (Borda dos titulos) */
.x-panel-default-outer-border-trl {
    border-top-color: #006060 !important;
    border-top-width: 1px !important;
    border-right-color: #006060 !important;
    border-right-width: 1px !important;
    border-left-color: #006060 !important;
    border-left-width: 1px !important;
}

/*Cor da borda dos paineis com titulos (Borda do painel) */
.x-panel-default-outer-border-rbl {
    border-right-color: #006060 !important;
    border-right-width: 1px !important;
    border-bottom-color: #006060 !important;
    border-bottom-width: 1px !important;
    border-left-color: #006060 !important;
    border-left-width: 1px !important;
}
    
/*Cor de fundo dos icones (Fechar, Maximizar, Minimizar) nos paneis com titulos - Menu de Acesso/lateral */
.x-panel-header-default .x-tool-img{
    background-color: transparent;
}



/*------------------------ PANEIS - PANELS --------------------------------*/
/*------------------------ PANEIS - PANELS --------------------------------*/


/*------------------- STATUSBAR - BARRA STATUS ----------------------------*/
/*------------------- STATUSBAR - BARRA STATUS ----------------------------*/

/*Cor de fundo da barra de Status e centralizado do Texto*/
.x-toolbar-default,
.x-statusbar-resizable {
    padding: 0px !important;    
    border-style: solid;
    border-color: rgb(150,150,150);
    border-width: 1px 0 0 0;
    background-image: none;
    background: rgb(225,225,225);
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(225,225,225));
    background: -o-gradient(rgb(255,255,255), rgb(225,225,225));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(225,225,225));
    background: linear-gradient(rgb(255,255,255), rgb(225,225,225));
}

/*Texto da Barra de Status*/
.x-toolbar-default .x-toolbar-item,
.x-statusbar-item-text {
    font-weight: bold;
    border-right: 1px solid rgb(175,175,175);
    
}

.tirabordadireita {
    border-right: 0px solid rgb(175,175,175) !important;
}

/*------------------- STATUSBAR - BARRA STATUS ----------------------------*/
/*------------------- STATUSBAR - BARRA STATUS ----------------------------*/



/*------------------ MENU SUPERIOR - MENU SUPERIOR ------------------------*/
/*------------------ MENU SUPERIOR - MENU SUPERIOR ------------------------*/

/*Fundo do menu superior*/
.x-toolbar-docked-top{
    height: 24px !important;    
    padding: 6px 0 0 5px;
    border-style: solid;
    border-color: rgb(200,200,200);    
    background-image: none;
    background: rgb(225,225,225);
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(225,225,225));
    background: -o-gradient(rgb(255,255,255), rgb(225,225,225));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(225,225,225));
    background: linear-gradient(rgb(255,255,255), rgb(225,225,225));
}

/*Ajuste para o conteudo do menu ocupar 100% do Height e n�o ultrapassar o limite do panel de fundo*/
.x-toolbar-docked-top .x-box-inner {
    height: 100% !important;
}

/*Itens do menu*/
.x-toolbar-docked-top .x-toolbar-item{
    top: 0px !important;
    padding: 0px;
    display: inline-block;        
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    border-width: 0px;        
    border-right: 1px solid rgb(200,200,200);
}

/* Cor do item do menu quando clicado com o mouse */
.x-toolbar-docked-top .x-btn.x-btn-menu-active.x-btn-default-toolbar-small, 
.x-toolbar-docked-top .x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    
    background-image: none !important;
    background-color: transparent;
    
}


/*Texto dos itens do menu*/
.x-toolbar-docked-top .x-btn-default-toolbar-small .x-btn-inner{
    font-size: 13px;
    font-weight: normal;
}

/*Texto dos itens do menu quando o mouse est� sobre eles*/
.x-toolbar-docked-top .x-toolbar-item.x-btn-over .x-btn-inner{
    text-decoration: underline;
}

.x-toolbar-docked-top .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
	display: none;
}
/*Cor da borda do menu quando aberto*/
.x-menu{
    border-color: rgb(0,96,96);
    background-color: rgb(246,246,246); 
}

/*Cor de fundo do menu quando aberto*/
.x-menu .x-menu-body-default { 
    background-color: rgb(246,246,246); 
}

/*Cor de fundo do item do menu aberto quando o mouse est� sobre ele*/
.x-menu .x-menu-item-active{
    background-color: rgb(230, 230, 230);
}


/*Tamanho dos itens do menu */
.x-menu .x-menu-item-link{
    padding: 4px 0px;
}

/*Posi��o dos icones dos itens do menu */
.x-menu .x-menu-item-icon{
    top: 8px;
    left: 5px;
}

/*------------------ MENU SUPERIOR - MENU SUPERIOR ------------------------*/
/*------------------ MENU SUPERIOR - MENU SUPERIOR ------------------------*/


/*------------ LOAD - LOADING - CARREGAR - CARREGAMENTO -------------------*/
/*------------ LOAD - LOADING - CARREGAR - CARREGAMENTO -------------------*/

/*Mensagem de carregamento com o logo da Fiorilli*/
.x-mask-msg-text{
    background-image: url("../imgs/loadmask/fiorilli_loading.gif") !important;
    padding: 35px 0 0 !important;
}

/*------------ LOAD - LOADING - CARREGAR - CARREGAMENTO -------------------*/
/*------------ LOAD - LOADING - CARREGAR - CARREGAMENTO -------------------*/


/*------------------------ GRIDS - TABELAS --------------------------------*/
/*------------------------ GRIDS - TABELAS --------------------------------*/

/* Cor de fundo dos grids */
.x-grid{
    background-color: rgb(246,246,246) !important;  
}

/*Cor de fundo das colunas dos grids*/
.x-grid .x-column-header{   
    background-image: none;
    background: rgb(220,220,220);
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -o-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: linear-gradient(rgb(255,255,255), rgb(220,220,220));
}

/*Cor de fundo das colunas dos grids - Quando o mouse est� sobre elas*/
.x-grid .x-column-header-over,
.x-grid .x-column-header-sort-asc, 
.x-grid .x-column-header-sort-desc{
    background-image: none;
    background: rgb(220,220,220);
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -o-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: linear-gradient(rgb(255,255,255), rgb(220,220,220));
}

/*Corpo do Grid (Onde cont�m as linhas que comp�e o grid)*/
.x-grid .x-grid-body{
    border-style: solid;
    border-color: rgb(150,150,150);
    border-width: 1px; 
    height: 100% !important; 
}

/* Fonte das celulas do grid */
.x-grid .x-grid-item {
	font-size: 11px;
	font-family: var(--fontDefault) !important;
}

/*Rodap� do Grid - menu com as op��es de pagina��o*/
.x-grid .x-toolbar-default{
    border-style: solid;
    border-top: 1px solid rgb(200,200,200) !important;  
    background-image: none;
    background: rgb(220,220,220);
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -o-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: linear-gradient(rgb(255,255,255), rgb(220,220,220));
    padding: 0px 0px 0px 8px !important; /* Important por causa do StatusBar */
    bottom: 0 !important;
    top: initial !important;
    height: 25px !important;
}

/* Por causa do StatusBar */
.x-grid .x-toolbar-default .x-toolbar-item, .x-statusbar-item-text {
    font-weight: none; 
    border: none;
}

/*Tamanho do Rodap� do grid - menu de pagina��o*/
.x-grid .x-toolbar-default .x-box-inner{
    height: 20px !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

/*Fundo dos icones do rodap�*/
.x-grid .x-btn-default-toolbar-small,
.x-grid .x-btn-default-toolbar-small-disabled{
    background-color: transparent;
    background-image: none;
    padding: 0;
    border-width: 0;
    top: 3px !important;
}

/*Separador dos icones do rodap�*/
.x-grid .x-toolbar-separator-horizontal{
    top: 3px !important;
    border-left-color: rgb(200,200,200);
}

/*Texto do rodap� (P�gina de X)*/
.x-grid .x-toolbar-text{
    top: 3px !important;
}

/*Tamanho do Input/Edit dentro do Rodap� para informar o numero da p�gina*/
.x-grid .x-form-trigger-wrap .x-form-text{
    height: 17px;
    padding: 2px 6px 3px 6px;
}

/*Tamanho das colunas dos grids e centraliza��o do titulo da coluna*/
.x-grid .x-column-header-inner{
    padding: 4px 10px 4px 4px;
}

/*Tamanho das colunas dos grids e centraliza��o do titulo da coluna - Quando a coluna � do tipo CheckBox*/
.x-grid .x-column-header-checkbox .x-column-header-inner{
    padding: 4px 10px 4px 4px;
}

/*Tamanho da fonte das colunas */
.x-grid .x-column-header-text{
    font-size: 11px;
}


/* Cor das linhas alternadas/listradas do grid */
.x-grid .x-grid-item-alt{
    background-color: rgba(0,96,96, 0.1);
}


/* Linha selecionada da grid */
.x-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.x-grid .x-grid-no-row-lines .x-grid-item.x-grid-item-selected {    
    background-color: rgba(0, 96, 96, 0.45);
    font-weight: bold;
    border-color: rgb(150,150,150);
    border-top: 1px solid #006060;
    border-bottom: 1px solid #006060; 
}

/* Cor da borda da celula quando linha selecionada da grid */
.x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
    border-color: white;
    border-style: solid;
}

/* Cor da linha quando o mouse est� sobre ela */
.x-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over, 
.x-grid .x-grid-no-row-lines .x-grid-item.x-grid-item-over {
    background-color: rgb(230,230,230);
    border-color: rgba(0,96,96);
    cursor: pointer;
}

/* Cor da linha zebrada quando o mouse est� sobre ela */
.x-grid .x-grid-with-row-lines .x-grid-item-alt.x-grid-item-over, 
.x-grid .x-grid-no-row-lines .x-grid-item-alt.x-grid-item-over {
    background-color: rgba(0, 96, 96, 0.1);
    border-color: rgba(0,96,96);
    cursor: pointer;
}

/* Cor da linha SELECIONADA quando o mouse est� sobre ela */
.x-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected.x-grid-item-over, 
.x-grid .x-grid-no-row-lines .x-grid-item.x-grid-item-selected.x-grid-item-over {
    background-color: rgba(0, 96, 96, 0.45);
    border-color: rgba(0,96,96);
    cursor: pointer;
}

/* Cor da linha quando o mouse est� sobre ela - Celulas */
.x-grid .x-grid-with-col-lines .x-grid-item-over .x-grid-cell {
    cursor: pointer;   
}

/*Cor da linha anterior da linha - Quando o mouse est� sobre ela */
.x-grid .x-grid-with-row-lines .x-grid-item-over + .x-grid-item,
.x-grid .x-grid-no-row-lines .x-grid-item-over + .x-grid-item {
    border-top-color: rgba(0,96,96);    
}

/*Cor da linha anterior da linha selecionada ou com focus - Quando o mouse est� sobre ela */
.x-grid .x-grid-with-row-lines .x-grid-item-selected.x-grid-item-over + .x-grid-item,
.x-grid .x-grid-no-row-lines .x-grid-item-selected.x-grid-item-over + .x-grid-item {
    border-top-color: transparent;    
}

/* Cor da celula selecionada quando o grid N�O � RowLine */
.x-grid .x-grid-row .x-grid-cell-selected {
    background-color: rgba(0, 96, 96, 0.45) !important;
    font-weight: bold;
}

/*Cor de fundo dos agrupamentos da tabela*/
.x-grid .x-grid-group-hd{
    background-image: none;
    background: rgb(220,220,220);
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -o-gradient(rgb(255,255,255), rgb(220,220,220));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(220,220,220));
    background: linear-gradient(rgb(255,255,255), rgb(220,220,220));
    border-width: 1px;
}

/*Titulo dos agrupamentos da tabela*/
.x-grid .x-grid-group-title {
    color: #333;
}

/*Intensidade da mascara branca em Campos e Grid desabilitados*/
/* favor deixar sempre por ultimo */
.x-item-disabled.x-grid .x-mask{
    opacity: 0 !important;
}


/*------------------------ GRIDS - TABELAS --------------------------------*/
/*------------------------ GRIDS - TABELAS --------------------------------*/

/*-------------------------- ABAS - TABS ----------------------------------*/
/*-------------------------- ABAS - TABS ----------------------------------*/

/* Remove fundo das abas */
.x-tab-bar-default {
    background-color: rgb(0,96,96);
}

.x-tab-bar-top > .x-tab-bar-body-default {
    padding-bottom: 4px;
}

.x-tab-bar-horizontal > .x-tab-bar-body-default {
    min-height: 31.2px;
}

.x-treelist-nav .x-treelist-item-text {
    color: white;
}
.x-treelist-item-icon, .x-treelist-item-tool {
    color: white !important;
}

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    border-color: #f397978a;
    background-color: #f397978a;
    -webkit-box-shadow: inset 0px -4px 0px -1px rgb(241 71 71) !important;
}

.x-tab.x-tab-active.x-tab-default {
    border-color: #f397978a;
    background-color: #f397978a;
    -webkit-box-shadow: inset 0px -4px 0px -1px rgb(241 71 71) !important;
}

.x-unselectable {
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    cursor: default;
}

/*Aba/Tab do Top Desabilitada*/
.x-tab-bar .x-tab-default-top {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    background: -o-linear-gradient(rgb(210,210,210), rgb(255,255,255));
    background: -moz-linear-gradient(rgb(210,210,210), rgb(255,255,255));
    background: rgb(0,96,96);
    padding: 5px 12px 5px 12px;
}


/*Aba/Tab do Top Ativada*/
.x-tab-bar .x-tab.x-tab-active.x-tab-default-top {   
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210));
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210));
    padding: 2px 12px 5px 12px;
    box-shadow: inset 0px -4px 0px -1px rgb(0 96 96);
    -moz-box-shadow: inset 0px -4px 0px -1px rgb(0 96 96);
    -o-box-shadow: inset 0px -4px 0px -1px rgb(0 96 96);
    -webkit-box-shadow: inset 0px -4px 0px -1px rgb(0 96 96);
}


/*Aba/Tab do Bottom Desabilitada*/
.x-tab-bar .x-tab-default-bottom{   
    border-color: rgb(175,175,175);
    border-style: solid;
    border-width: 1px 1px 0 1px;
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210));
    background: rgb(0,96,96) !important;
}


/*Aba/Tab do Bottom Ativada*/
.x-tab-bar .x-tab.x-tab-active.x-tab-default-bottom {
    border-color: rgb(175,175,175);
    border-style: solid;
    border-width: 1px 1px 0 1px;
    background: rgb(0,150,150) !important;
    -moz-box-shadow: inset 0px -4px 0px -1px #0fbf90;
    -o-box-shadow: inset 0px -4px 0px -1px #0fbf90;
    -webkit-box-shadow: inset 0px -4px 0px -1px #0fbf90;
}


/*Aba/Tab da Left Desabilitada*/
.x-tab-bar .x-tab-default-left{   
    border-color: rgb(175,175,175);
    border-style: solid;
    border-width: 1px 1px 0 1px;
    background: rgb(210,210,210); 
    background: -webkit-linear-gradient(rgb(210,210,210), rgb(255,255,255)); 
    background: -o-linear-gradient(rgb(210,210,210), rgb(255,255,255)); 
    background: -moz-linear-gradient(rgb(210,210,210), rgb(255,255,255));
    background: linear-gradient(rgb(210,210,210), rgb(255,255,255)); 
    /*padding: 8px 12px 7px 12px;*/  /*Default*/       
}


/*Aba/Tab da Left Ativada*/
.x-tab-bar .x-tab.x-tab-active.x-tab-default-left{   
    border-color: rgb(175,175,175);
    border-style: solid;
    border-width: 1px 1px 0 1px;
    background: rgb(255,255,255); 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210));
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    /*padding: 8px 12px 7px 12px;*/  /*Default*/   

    box-shadow: inset 0px -4px 0px -1px #0fbf90;          
    -moz-box-shadow: inset 0px -4px 0px -1px #0fbf90;
    -o-box-shadow: inset 0px -4px 0px -1px #0fbf90;
    -webkit-box-shadow: inset 0px -4px 0px -1px #0fbf90;    
}


/*Barra embaixo das Abas/Tab*/
.x-tab-bar .x-tab-bar-strip-default{
    background: rgb(210,210,210);
    border-color: rgb(175,175,175);
    border-width: 1px 1px 0;

}

/*Cor do Texto das Abas/Tabas*/
.x-tab-bar .x-tab-default-top .x-tab-inner,
.x-tab-bar .x-tab-default-left .x-tab-inner{
    color: #f0f0f0;
    font-weight: normal;
    font-size: 12px;
}


/*Cor do Texto das Abas/Tabas quando Ativadas*/
.x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #f0f0f0;
    font-weight: bold;
}

/*Aumenta o icone da aba lateral (LEFT)*/
.x-tab-bar .x-tab-default-left .x-tab-icon-el {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-position: center center;
    top: -6px;
    left: -6px;
}

/*Icone de fechar a aba*/
.x-tab-bar .x-tab-default .x-tab-close-btn{
   background-image: url(../imgs/tab/tab-default-close.png); 
}

.x-tab-default.x-tab-active .x-tab-close-btn {
    background-position: -12px !important;
}

/* Cor de fundo das steas */
.x-tab-bar .x-box-scroller-tab-bar-default {
    background-color: transparent;
}

/*Opacidade das setas*/
.x-tab-bar .x-box-scroller {
    opacity: 1;
}

/*Icone do mouse quando a seta est� desabilitado*/
.x-tab-bar .x-box-scroller-disabled {
    cursor: not-allowed;
}

/*Icone seta para direita*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-right {    
    background-image: url(../imgs/tab/scroll-right.png); 
    background-position: 0px 0px;
}

/*Icone seta para direita - Desabilitada*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-right.x-box-scroller-disabled {
    background-image: url(../imgs/tab/scroll-right.png); 
    background-position: -24px 0px;
}


/*Icone seta para esquerda*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-left {
    background-image: url(../imgs/tab/scroll-left.png); 
    background-position: 0px 0px;
}

/*Icone seta para esquerda - Desabilitada*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-left.x-box-scroller-disabled  {
    background-image: url(../imgs/tab/scroll-left.png); 
    background-position: -24px 0px;
}


/*Icone seta para cima*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-top {
    background-image: url(../imgs/tab/scroll-top.png); 
    background-position: 0px 0px;
}

/*Icone seta para cima - Desabilitada*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-top.x-box-scroller-disabled {
    background-image: url(../imgs/tab/scroll-top.png); 
    background-position: -31px 0px;
}

/*Icone seta para baixo*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-bottom {
    background-image: url(../imgs/tab/scroll-bottom.png); 
    background-position: 0px 0px;
}

/*Icone seta para baixo - Desabilitada*/
.x-tab-bar .x-box-scroller-tab-bar-default.x-box-scroller-bottom.x-box-scroller-disabled{
    background-image: url(../imgs/tab/scroll-bottom.png); 
    background-position: -31px 0px;
}

/* Corrige o tamanho dos icones dos m�dulos */
.x-tab-bar .x-tab-button-default {
    height: 100%;
}

/* Corrige o tamanho dos icones dos m�dulos */
.x-tab-bar .x-tab-icon-left > .x-tab-icon-el-default, .x-tab-icon-right > .x-tab-icon-el-default {
    width: 24px;
    height: 24px;
}

/*-------------------------- ABAS - TABS ----------------------------------*/
/*-------------------------- ABAS - TABS ----------------------------------*/

/*---------------------------- TREEVIEW -----------------------------------*/
/*---------------------------- TREEVIEW -----------------------------------*/

/*Texto dos TreeView*/
.x-tree-panel .x-tree-node-text {
   font-family: var(--fontDefault) !important;
   font-weight: bold;
   font-size: 13px;
   color: rgb(50,50,50);   
}

/*Fundo padr�o dos itens do TreeView*/
.x-tree-panel .x-grid-item {
    background-color: transparent;
}

/*Tamanho dos Icones do treeView*/
.x-tree-panel .x-tree-elbow-img,
.x-tree-panel .x-tree-icon{
    height: 30px;
}

/*Cor do itens quando o mouse est� sobre eles*/
.x-tree-panel .x-grid-item-over {
    background-color: rgb(230,230,230);
    background-image: none;
    cursor: pointer;
    border-width: 0;
}


/*Cor das celulas do itens quando o mouse est� sobre eles*/
.x-tree-panel .x-grid-item-over .x-grid-cell {
    cursor: pointer;    
}

/*Cor do itens quando selecionado ou em focus*/
.x-tree-panel .x-grid-item-selected {
    background-color: rgba(0, 96, 96, 0.4);
    border-color: rgb(0, 96, 96);
    border-width: 1px 0;   
    border-style: solid;
}


/*Imagem da Linha Pai dos Itens => | */
.x-tree-panel .x-tree-elbow-line{
    background-image: url("../imgs/tree/elbow-line.png") !important;
}

/*Imagem da Linha Normal dos Itens => |- */
.x-tree-panel .x-tree-elbow{
    background-image: url("../imgs/tree/elbow.png") !important;
}

/*Imagem da Linha Final - �ltimo item => |_ */
.x-tree-panel .x-tree-elbow-end{
    background-image: url("../imgs/tree/elbow-end.png") !important;
}


/*Imagem da Linha Normal Reduzida - Item Reduzido => |+- */
.x-tree-panel .x-tree-elbow-plus{
    background-image: url("../imgs/tree/elbow-plus.png") !important;
}

/*Imagem da Linha Normal Expandido - Item Expandido => |-- */
.x-tree-panel .x-grid-tree-node-expanded .x-tree-elbow-plus{
    background-image: url("../imgs/tree/elbow-minus.png") !important;
}



/*Imagem da Linha Final Expandida - �ltimo item Expandido => |-_ */
.x-tree-panel .x-grid-tree-node-expanded .x-tree-elbow-end-plus{
    background-image: url("../imgs/tree/elbow-end-minus.png") !important;
}

/*Imagem da Linha Final Reduzida - �ltimo item Reduzido => |+_  */
.x-tree-panel .x-tree-elbow-end-plus{
    background-image: url("../imgs/tree/elbow-end-plus.png") !important;
}

/*---------------------------- TREEVIEW -----------------------------------*/
/*---------------------------- TREEVIEW -----------------------------------*/


/*----------------- NAVIGATOR - NAVEGACAO - NAVEGA��O ---------------------*/
/*----------------- NAVIGATOR - NAVEGACAO - NAVEGA��O ---------------------*/

/*Cor de fundo dos navigators/navegacao branco*/
.navigator .x-btn-default-small {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(230,230,230); 
    background: -webkit-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -o-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -moz-linear-gradient(#ffffff, rgb(230,230,230));
    background: linear-gradient(#ffffff, rgb(230,230,230)); 
}

/*Cor de fundo dos navigators/navegacao branco - desabilitado */
.navigator .x-btn-default-small.x-btn-disabled {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(230,230,230); 
    background: -webkit-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -o-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -moz-linear-gradient(#ffffff, rgb(230,230,230));
    background: linear-gradient(#ffffff, rgb(230,230,230)); 
    opacity: 0.3;
} 



/*Cor de fundo dos navigators/navegacao branco - Quando o mouse est� sobre eles*/
.navigator .x-btn-default-small:hover {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(230,230,230);  
    background: -webkit-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -o-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -moz-linear-gradient(#ffffff, rgb(230,230,230));
    background: linear-gradient(#ffffff, rgb(230,230,230)); 
    text-decoration: none;
}

/*----------------- NAVIGATOR - NAVEGACAO - NAVEGA��O ---------------------*/
/*----------------- NAVIGATOR - NAVEGACAO - NAVEGA��O ---------------------*/

/*------------------------ LISTA - LISTBOX --------------------------------*/
/*------------------------ LISTA - LISTBOX --------------------------------*/

/*Borda da lista*/
.x-boundlist{
    border-color: rgb(175, 175, 175);
}

/*Borda do item da lista quando o mouse est� sobre ele*/
.x-boundlist-item{
    border-style: solid;
    border-width: 0px;
}

/*Fundo do item selecionado*/
.x-boundlist-selected{
   background: rgba(0, 96, 96, 0.5);
   border-color: rgba(0, 96, 96, 0.5);
}

/*Fundo do item quando o mouse est� sobre ele*/
.x-boundlist-item-over{
   background: rgba(0, 96, 96, 0.5);    
}

/*------------------------ LISTA - LISTBOX --------------------------------*/
/*------------------------ LISTA - LISTBOX --------------------------------*/

/*------------------------ BOTOES - BUTTONS -------------------------------*/
/*------------------------ BOTOES - BUTTONS -------------------------------*/

/*Cor de fundo dos botoes*/
.x-btn-default-small,
.x-btn-default-medium,
.x-btn-default-large,
.x-datepicker-month .x-btn,
.x-datepicker-month .x-btn .x-btn-tc,
.x-datepicker-month .x-btn .x-btn-tl,
.x-datepicker-month .x-btn .x-btn-tr,
.x-datepicker-month .x-btn .x-btn-mc,
.x-datepicker-month .x-btn .x-btn-ml,
.x-datepicker-month .x-btn .x-btn-mr,
.x-datepicker-month .x-btn .x-btn-bc,
.x-datepicker-month .x-btn .x-btn-bl,
.x-datepicker-month .x-btn .x-btn-br
{
    border-radius: 3px; 
    border-style: solid;
    border-width: 1px !important;
    border-color: rgb(0,96,96);
    background-image: none;
    background-color: rgb(0,96,96); 
    background-image: -webkit-linear-gradient(rgb(36,136,136), rgb(0,96,96)); 
    background-image: -o-linear-gradient(rgb(36,136,136), rgb(0,96,96)); 
    background-image: -moz-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background-image: linear-gradient(rgb(36,136,136), rgb(0,96,96)); 
    transition: 0.3s;
}

/*Cor do texto dos botoes*/
.x-btn-default-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-large .x-btn-inner{      
    color: rgb(255,255,255);
    font-size: 11px;
    font-family: var(--fontDefault) !important;
}

/*Cor de fundo dos botoes - Quando o mouse est� sobre eles*/
.x-btn-default-small.x-btn-over,
.x-btn-default-medium.x-btn-over,
.x-btn-default-large.x-btn-over{  
    background-image: none;
    background-color: rgb(56,156,156); 
    background-image: -webkit-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background-image: -o-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background-image: -moz-linear-gradient(rgb(56,156,156), rgb(16,116,116));
    background-image: linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    text-decoration: none;
}

/*Cor do texto dos botoes - Quando o mouse est� sobre eles*/
.x-btn-default-small.x-btn-over .x-btn-inner,
.x-btn-default-medium.x-btn-over .x-btn-inner,
.x-btn-default-large.x-btn-over .x-btn-inner{ 
    color: rgb(255,255,255);        
    font-size: 11px;
    font-family: var(--fontDefault) !important;
}


/*Cor de fundo dos botoes - Quando o mouse est� em focus*/
.x-btn-default-small.x-btn-focus,
.x-btn-default-medium.x-btn-focus,
.x-btn-default-large.x-btn-focus,
.x-btn-default-small.x-btn-pressed,
.x-btn-default-medium.x-btn-pressed,
.x-btn-default-large.x-btn-pressed,
.x-btn-default-small.x-btn.x-btn-menu-active,
.x-btn-default-medium.x-btn.x-btn-menu-active,
.x-btn-default-large.x-btn.x-btn-menu-active { 
    background-image: none;
    border-color: rgb(15,175,130);  
    background-color: rgb(15,175,130) !important; 
    background-image: -webkit-linear-gradient(rgb(96,196,196), rgb(16,116,116)) !important; 
    background-image: -o-linear-gradient(rgb(96,196,196), rgb(16,116,116)) !important; 
    background-image: -moz-linear-gradient(rgb(96,196,196), rgb(16,116,116)) !important;
    background-image: linear-gradient(rgb(96,196,196), rgb(16,116,116)) !important; 
    text-decoration: none;

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 10px rgba(15, 175, 130, 0.9) !important;
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 10px rgba(15, 175, 130, 0.9) !important;
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 10px rgba(15, 175, 130, 0.9) !important;

}

/*Cor do texto dos botoes - Quando o mouse est� em focus*/
.x-btn-default-small.x-btn-focus .x-btn-inner,
.x-btn-default-medium.x-btn-focus .x-btn-inner,
.x-btn-default-large.x-btn-focus .x-btn-inner,
.x-btn-default-small.x-btn-pressed .x-btn-inner,
.x-btn-default-medium.x-btn-pressed .x-btn-inner,
.x-btn-default-large.x-btn-pressed .x-btn-inner{    
    color: rgb(255,255,255);        
    font-weight: bold !important;
    font-size: 11px;
    font-family: var(--fontDefault) !important;
}



/*Cor de fundo dos botoes - Quando est� desabilitado*/
.x-btn-default-large.x-btn-disabled,
.x-btn-default-medium.x-btn-disabled,
.x-btn-default-small.x-btn-disabled {
    border-radius: 3px; 
    border-style: solid;
    border-width: 1px !important;
    border-color: rgb(0,96,96);
    background-image: none !important;
    background-color: rgb(0,96,96)  !important; 
    background-image: -webkit-linear-gradient(rgb(36,136,136), rgb(0,96,96)) !important; 
    background-image: -o-linear-gradient(rgb(36,136,136), rgb(0,96,96)) !important; 
    background-image: -moz-linear-gradient(rgb(36,136,136), rgb(0,96,96)) !important;
    background-image: linear-gradient(rgb(36,136,136), rgb(0,96,96)) !important; 
}

/*Cor do texto dos botoes - Quando est� desabilitado*/
.x-btn-default-large.x-btn-disabled .x-btn-inner,
.x-btn-default-medium.x-btn-disabled .x-btn-inner,
.x-btn-default-small.x-btn-disabled .x-btn-inner{
    color: rgb(255,255,255);        
    font-weight: normal;
}



/*------------------------ BOTOES - BUTTONS -------------------------------*/
/*------------------------ BOTOES - BUTTONS -------------------------------*/

/*------------------------- EDITS - INPUTS --------------------------------*/
/*------------------------- EDITS - INPUTS --------------------------------*/

/* Borda dos campos Inputs/Edits */
 .x-form-item .x-form-trigger-wrap-default {
    border-radius: 3px; 
    border-color: rgb(150,150,150);
    border-width: 1px;
    border-style: solid;
 }

 /* Borda dos Icones do lado Ex: ComboBox e Date*/
.x-form-item .x-form-trigger{
    border-radius: 3px;   
}

/* Borda e fonte dos campos Inputs/Edits - Input dentro do campo */
 .x-form-item .x-form-text-default {
    border-radius: 3px; 
    padding: 2px;
    font-size: 11px;
    font-family: var(--fontDefault) !important;
 }

/* Fundo e formato dos Edits - Quando est� em focus */
 .x-form-item .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: rgb(0,96,96);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 96, 96, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(0, 96, 96, 0.6);
 }

/* Intensidade da mascara branca quando est�o desabilitados */
.x-form-item.x-form-item-default.x-item-disabled {
    opacity: .6;
}

/* Cor de fundo do edit quando desabilitado */
 .x-form-item.x-item-disabled .x-form-text-default {
    background-color: rgb(235,235,235);
 }

/*------------------------- EDITS - INPUTS --------------------------------*/
/*------------------------- EDITS - INPUTS --------------------------------*/


/*------------------------- TextArea - MEMO --------------------------------*/
/*------------------------- TextArea - MEMO --------------------------------*/

/* Remove a altura minima dos Memos/TextArea */
.x-form-text-default.x-form-textarea {
	min-height: initial;
}

/*------------------------- TextArea - MEMO --------------------------------*/
/*------------------------- TextArea - MEMO --------------------------------*/

/*------------------------- LABELS - LABELS -------------------------------*/
/*------------------------- LABELS - LABELS -------------------------------*/

/*Cor padr�o das Labels*/
.x-unilabel{
    color: rgb(35,35,35);
}

/*------------------------- LABELS - LABELS -------------------------------*/
/*------------------------- LABELS - LABELS -------------------------------*/


label {
   font-family: var(--fontDefault) !important;
}

/*-------------------------- RADIO - RADIO --------------------------------*/
/*-------------------------- RADIO - RADIO --------------------------------*/

/* Fonte padr�o dos RadioButtons e CheckBox */
.x-form-cb-label-default {
    font-size: 11px;
    font-family: var(--fontDefault) !important;
    padding-top: 2px;
}


/*Formato do radio button quando o mouse est� sobre ele*/
.x-form-type-radio:hover .x-form-radio,
.x-form-type-radio:hover .x-form-cb-input,
.x-form-type-radio:hover .x-form-cb-label{
   cursor: pointer;
}

/*-------------------------- RADIO - RADIO --------------------------------*/
/*-------------------------- RADIO - RADIO --------------------------------*/

/*----------------------- CHECKBOX - CHECKBOX -----------------------------*/
/*----------------------- CHECKBOX - CHECKBOX -----------------------------*/

/*ATENCAO O TEXTO/FONTE PADRAO DOS CEHCKBOXS SAO DEFINIDOS NO ITEM A CIMA RADIO*/
/*ATENCAO O TEXTO/FONTE PADRAO DOS CEHCKBOXS SAO DEFINIDOS NO ITEM A CIMA RADIO*/
/*ATENCAO O TEXTO/FONTE PADRAO DOS CEHCKBOXS SAO DEFINIDOS NO ITEM A CIMA RADIO*/

/*Formato do CheckBox quando o mouse est� sobre ele*/
.x-form-type-checkbox:hover .x-form-checkbox,
.x-form-type-checkbox:hover .x-form-cb-input,
.x-form-type-checkbox:hover .x-form-cb-label {
    cursor: pointer;
}

/*----------------------- CHECKBOX - CHECKBOX -----------------------------*/

/*---------------------- GROUPBOX - RADIOGROUP ----------------------------*/

.x-fieldset-default {
    border-color: #006060;
}

/*---------------------- GROUPBOX - RADIOGROUP ----------------------------*/



/*------------------------------------------------------- CUSTOMIZACAO - CUSTOM -----------------------------------------------------------*/

/*----------------------- JANELAS - WINDOWS -------------------------------*/

/* Janela Popup */
.popWindow
{
    background-color: white !important;
    background-repeat: no-repeat;
}

.popImage
{
   background-repeat: no-repeat;
   background-size:cover;
}

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.popWindowInfo
{
   background-image:url("../imgs/fiorilli/icones/iinfo.png");
   background-repeat: no-repeat;
   background-size:cover;
   height: 16px;
   width: 16px;
}

.popWindowLogo
{
   background-image:url("../imgs/fiorilli/icones/logo.png");
   background-repeat: no-repeat;
   background-size:cover;
   height: 24px;
   width: 24px;
}

/*Retira a borda dos Forms/Janelas*/
.sem-borda{
    border-width: 0px !important; 
    border-style: none !important;
}

/*Retirar a borda do Form/Janela de Login*/
.login-semborda{
    border-width: 0px;
}

/*----------------------- JANELAS - WINDOWS -------------------------------*/


/*------------------------- PANEL - PANEIS --------------------------------*/

/*Tamanho do titulo dos panels - Panel Fiorilli*/
.panel-top .x-panel-header-default-horizontal {
    padding: 2px 9px 2px !important;
}

/*Tamanho da fonte dos panels - Panel Fiorilli*/

.panel-top .x-panel-header-text-container-default,
.panel-top .x-panel-header-title-default{
    font-size: 11px;
    color: white;
}

/*Expande o panel para altura 100% */
.expand-panel{
    height:100% !important;
}

/*------------------------- PANEL - PANEIS --------------------------------*/

/*--------------------------- ABAS - TABS ---------------------------------*/

/*Aba/Tab com tamanho reduzido desabilitado*/
.tab-menu-top {
    height: 25px !important;
}

/*Aba/Tab com tamanho reduzido desabilitado*/
.tab-menu-top .x-tab-default-top{
    height: 25px !important;
    padding: 2px 12px 1px 12px !important;
}

.x-tab-default-top {
    border-radius: 0;
    padding: 8px 10px 8px 10px;
    border-style: solid;
}

/*Aba/Tab com tamanho reduzido Ativado*/
.tab-menu-top .x-tab-default-active{
    height: 25px !important;
    padding: 2px 12px 1px 12px !important;
}

/*Aba/Tab com tamanho reduzido Ativado*/
.tab-menu-top .x-tab-bar-plain{
    height: 30px !important;
}

/*Adiciona o icone de "+" (Incluir) nas abas - Rodrigo */
.x-tab-header-inserir {
    background-image: url(../imgs/button/inserir.png) !important;
    background-color: transparent !important;
    background-position-y: 4px;
    background-repeat: no-repeat !important;
    padding: 1px 5px 0px 15px;
    width: 68px !important;
    cursor: pointer;
}

.x-tab-header-cursor {
    cursor: pointer;
}

/*Altera o tamanho do icone da aba para 26px*/
.tab-icon26 .x-tab-icon-el {
    width: 26px;
    height: 26px;
    line-height: 26px;
    background-position: center center;
}

/*--------------------------- ABAS - TABS ---------------------------------*/

/*----------------------- TREEVIEW - TREEVIEW -----------------------------*/

/*Diminui o tamanho da fonte dos itens do TrewView para 11px*/
.x-tree11 .x-tree-node-text {
    font-weight: normal;
    font-size: 11px !important;
}

/*Remove a sele��o do Grid*/
.treeview-semselecao .x-grid-row-selected .x-grid-td {
    background-image:none;
    background-color: transparent !important;
    font-weight: bold;
}

/*Remove a sele��o do Grid*/
.treeview-semselecao .x-grid-row-focused .x-grid-td {
    border-bottom-color: transparent !important;
    border-bottom-width: 0px;
    border-top-color: transparent;
    border-top-width: 0px;
}

/*Remove a sele��o do Grid*/
.treeview-semselecao .x-grid-row-before-focused .x-grid-td {
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
}

/*Remove a sele��o do Grid*/
.treeview-semselecao .x-grid-row-before-over .x-grid-td {
    border-bottom-color: transparent !important;
    border-bottom-style: solid;
}

/*Remove a sele��o do Grid*/
.treeview-semselecao .x-grid-row-over .x-grid-td {
    background-color: #e6e6e6 !important;
    border-bottom-color: transparent !important;
    border-bottom-style: solid;
}

/*Remove a sele��o do Grid*/
.treeview-semselecao .x-grid-with-row-lines .x-grid-table-over-first {
    border-top-color: transparent !important;
    border-top-style: solid;
}

/*----------------------- TREEVIEW - TREEVIEW -----------------------------*/

/*-------------------------- EDITS - INPUTS -------------------------------*/

/*Deixa o Edit/DBEdit com aparecencia de Label/DBText - Felipe Godinho (Little) */
.edit-text .x-form-text,
.edit-text .x-form-trigger-wrap-default {
    border-width: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    cursor: default !important;
    color: black;
    padding: 0px;
    opacity: 1 !important;
    min-height: 9px !important;
    height: initial !important;
    font-size: 11px;
    font-family: var(--fontDefault) !important;
}


/*Deixa o Edit/DBEdit com aparecencia de Label/DBText quando desabilitado - Felipe Godinho (Little) */
.edit-text.x-form-item.x-form-item-default.x-item-disabled {
    opacity: 1 !important;
}

/*Deixa o espa�amento interno no TextArea/DBMemo/Memo quando est� com aparecencia de Label/DBText - Felipe Godinho (Little) */
.edit-text .x-form-textarea{
    padding: 2px 3px 3px 3px;
}

/*Adiciona a borda no Edit/DBEdit com aparecencia de Label/DBText - Felipe Godinho (Little) */
.edit-text-borda .x-form-text{
    border-width: 1px !important;
    border-style: solid !important;   
}

/*Alinha o conteudo/texto do Edit/DBEdit com aparecencia de Label/DBText para esquerda - Felipe Godinho (Little) */
.edit-text-left .x-form-text{
    text-align: left !important;    
}

/*Alinha o conteudo/texto do Edit/DBEdit com aparecencia de Label/DBText para direita - Felipe Godinho (Little) */
.edit-text-right .x-form-text{
    text-align: right !important;    
}

/*Alinha o conteudo/texto do Edit/DBEdit com aparecencia de Label/DBText ao Centro - Felipe Godinho (Little) */
.edit-text-center .x-form-text{
    text-align: center !important;    
}

/*-------------------------- EDITS - INPUTS -------------------------------*/

/*------------------------- TOOLTIPS - HINTS ------------------------------*/

/*Posiciona o Icone de Erro dentro do Edit/Input - Felipe Godinho (Little) */
.tooltip-icon{
    position: absolute;
    /*margin-left: -22px;
    margin-top: -11px;*/
    right: 0;
    margin-top: -23px;
}

/*Posiciona o Icone de Erro dentro do ComboBox - Felipe Godinho (Little) */
.tooltip-icon-combo{
    position: absolute;
    margin-left: -46px;
    margin-top: -11px;
}

/*Posiciona o Icone de Erro dentro do DatePicker  - Felipe Godinho (Little) */
.tooltip-icon-date{
    position: absolute;
    /*margin-left: -41px;
    margin-top: -11px;*/
    right: 0;
    margin-top: -23px;
    margin-right: 18px;
}

/*Icone de erro do ToolTipo/Hint - Felipe Godinho (Little) */
.tooltip-error{
    background-image: url("../imgs/fiorilli/outros/field-error.png");
    background-repeat: no-repeat;
    background-position: center center !important;
    background-color: transparent !important;
    width: 22px; 
    height: 22px;
}

/*Deixa a borda do Edit/Input vermelha - Felipe Godinho (Little) */
.tooltip-red{
    border: 1px solid red !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(226, 46, 35, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(226, 46, 35, 0.6);    
}

/*------------------------- TOOLTIPS - HINTS ------------------------------*/

/*------------------------ BOTOES - BUTTONS -------------------------------*/

/*Botao com o cor de fundo Branco/Cinza/Prateada*/
.btn-silver,
.btn-silver.x-btn-disabled  {    
    color: rgb(35,35,35) !important;
    border-color: rgb(150,150,150) !important;
    background: rgb(230,230,230) !important; 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
    background: -o-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important;
    background: linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
}

/*Altara o icone da seta para os bot�es menu que utilizam btn-silver*/
.btn-silver .x-btn-wrap-default-small.x-btn-split-right:after
{
    background-image: url("../imgs/button/default-small-s-arrow.png");
    /*background-repeat: no-repeat;*/
}


/*Botao com o cor de fundo Branco/Cinza/Prateada - Quando o mouse est� sobre ele*/
.btn-silver:hover {
    color: rgb(35,35,35) !important;
    border-color: rgb(150,150,150) !important;
    background: rgb(210,210,210) !important; 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;
    /*text-decoration: none;*/
}

/*Botao com o cor de fundo Branco/Cinza/Prateada - Quando est� em focus*/
.btn-silver:focus{   
    background-image: none !important;
    border-color: rgb(15,175,130) !important;
    background: rgb(210,210,210) !important;     
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;     

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
}


/*Botao com o cor de fundo Branco/Cinza/Prateada - Quando est� � pressionado*/
.btn-silver:active{   
    background-image: none !important;
    border-color: rgb(15,175,130) !important;
    background: rgb(210,210,210) !important;     
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;     

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
}

/*Botao com o cor de fundo Branco/Cinza/Prateada - Quando est� � pressionado*/
.btn-silver .x-btn-menu-active,
.btn-silver.x-btn.x-btn-menu-active {   
    background-image: none !important;    
    border-color: rgb(15,175,130) !important;
    background: rgb(210,210,210) !important;     
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important; 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)) !important;     

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9) !important;
}

/*Botao com o cor de fundo Branco/Cinza/Prateada - Quando o mouse est� sobre ele e ele est� desabilitado! */
.btn-silver.x-btn-disabled:hover{
    color: rgb(35,35,35) !important;
    border-color: rgb(150,150,150) !important;
    background: rgb(230,230,230) !important; 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
    background: -o-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important;
    background: linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
}

/*Cor do texto do Botao Branco/Cinza/Prateada*/
.btn-silver .x-btn-inner{
    color: rgb(35,35,35) !important;
}

/*Cor do texto do Botao Branco/Cinza/Prateada - Quando est� em focus*/
.btn-silver:focus .x-btn-inner{
    color: rgb(0,96,96) !important;
    font-weight: bold !important;
}

/*Remove a seta do button menu*/
.btn-menu-no-image .x-btn-split-right{
    background-image: none;
    background-repeat: no-repeat;
}

/*Bot�o sem fundo*/
.btn-clear{
    color: rgb(255,255,255);
    background-image: none;
    background-color: transparent;
    background: transparent;
    transition: 0s;
}

/*Bot�o sem fundo - Quando o mouse est� sobre ele*/
.btn-clear:hover {    
    box-sizing: border-box;
    border-radius: 10%;
    border-width: 1px;
    border-color: rgba(0,0,0,0.5);

    background: rgb(56,156,156); 
    background: -webkit-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background: -o-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background: -moz-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background: linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
}

/*Bot�o sem fundo em formato de circulo*/
.btn-clear-radius-50{
    color: rgb(255,255,255);
    background-image: none;
    background-color: transparent;
    background: transparent;
    transition: 0s;
}

/*Bot�o sem fundo em formato de circulo - Quando o mouse est� sobre ele*/
.btn-clear-radius-50:hover {
    box-sizing: border-box;
    border-radius: 50%;
    border-width: 1px;
    border-color: rgba(0,0,0,0.5);

    background: rgb(56,156,156); 
    background: -webkit-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background: -o-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background: -moz-linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
    background: linear-gradient(rgb(56,156,156), rgb(16,116,116)); 
}

/*Botao com icone 52*/
.x-btn-52 .x-btn-icon-el{
    width: 52px !important;
    background-position: center center !important;
}

/*Botao com o cor de fundo Branco/Cinza/Vermelho*/
.btn-red{   
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(210,210,210); 
    background: -webkit-linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
    background: -o-linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
    background: -moz-linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
    background: linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
}

/*Altara o icone da seta para os bot�es menu que utilizam btn-red*/
.btn-red .x-btn-split-right{    
    background-image: url("../imgs/button/btn-silver-arrow.png");
    background-repeat: no-repeat;
}


/*Botao com o cor de fundo Branco/Cinza/Vermelho - Quando o mouse est� sobre ele*/
.btn-red:hover {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(255,125,125);
    background: -webkit-linear-gradient(rgb(255,125,125), rgb(255,76,76)); 
    background: -o-linear-gradient(rgb(255,125,125), rgb(255,76,76)); 
    background: -moz-linear-gradient(rgb(255,125,125), rgb(255,76,76)); 
    background: linear-gradient(rgb(255,125,125), rgb(255,76,76)); 
    /*text-decoration: none;*/
}

/*Botao com o cor de fundo Branco/Cinza/Vermelho - Quando est� em focus*/
.btn-red:focus{   
    background-image: none;
    border-color: rgb(15,175,130);
    background: rgb(210,210,210);     
    background: -webkit-linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
    background: -o-linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
    background: -moz-linear-gradient(rgb(255,109,109), rgb(255,0,0)); 
    background: linear-gradient(rgb(255,109,109), rgb(255,0,0)); 

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
}

/*Botao com o cor de fundo Branco/Cinza/Vermelho - Quando o mouse est� sobre ele e ele est� desabilitado! */
.btn-red.x-btn-disabled:hover{
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(255,0,0); 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
}

/*Cor do texto do Botao Branco/Cinza/Vermelho*/
.btn-red .x-btn-inner{
    color: rgb(255,255,255);
}

/*Cor do texto do Botao Branco/Cinza/Vermelho - Quando est� em focus*/
.btn-red:focus .x-btn-inner{
    color: rgb(96,0,0) !important;
    font-weight: bold !important;
}

/*Botao com o cor de fundo Branco/Cinza/Azul*/
.btn-blue{   
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(210,210,210); 
    background: -webkit-linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
    background: -o-linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
    background: -moz-linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
    background: linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
}

/*Altara o icone da seta para os bot�es menu que utilizam btn-blue*/
.btn-blue .x-btn-split-right{    
    background-image: url("../imgs/button/btn-silver-arrow.png");
    background-repeat: no-repeat;
}

/*Botao com o cor de fundo Branco/Cinza/Vermelho - Quando o mouse est� sobre ele*/
.btn-blue:hover {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(109,158,255);
    background: -webkit-linear-gradient(rgb(109,158,255), rgb(76,112,255)); 
    background: -o-linear-gradient(rgb(109,158,255), rgb(76,112,255)); 
    background: -moz-linear-gradient(rgb(109,158,255), rgb(76,112,255)); 
    background: linear-gradient(rgb(109,158,255), rgb(76,112,255)); 
    /*text-decoration: none;*/
}

/*Botao com o cor de fundo Branco/Cinza/Vermelho - Quando est� em focus*/
.btn-blue:focus{   
    background-image: none;
    border-color: rgb(15,175,130);
    background: rgb(109,158,255);     
    background: -webkit-linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
    background: -o-linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
    background: -moz-linear-gradient(rgb(109,158,255), rgb(0,86,255)); 
    background: linear-gradient(rgb(109,158,255), rgb(0,86,255)); 

    box-shadow: inset 0px 0px 3px rgba(15,58,175,0.9), 0px 0px 5px rgba(15,111,175,0.9);
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,58,175,0.9), 0px 0px 5px rgba(15,111,175,0.9);
    -moz-box-shadow: inset 0px 0px 3px rgba(15,58,175,0.9), 0px 0px 5px rgba(15,111,175,0.9);
}

/*Botao com o cor de fundo Branco/Cinza/Vermelho - Quando o mouse est� sobre ele e ele est� desabilitado! */
.btn-blue.x-btn-disabled:hover{
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(0,0,255); 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
}

/*Cor do texto do Botao Branco/Cinza/Vermelho*/
.btn-blue .x-btn-inner{
    color: rgb(255,255,255);
}

/*Cor do texto do Botao Branco/Cinza/Vermelho - Quando est� em focus*/
.btn-blue:focus .x-btn-inner{
    color: rgb(0,16,96) !important;
    font-weight: bold !important;
}

/*Botao com o cor de fundo Branco/Cinza/Verde*/
.btn-green{   
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(210,210,210); 
    background: -webkit-linear-gradient(rgb(116,173,90), rgb(54,173,0)); 
    background: -o-linear-gradient(rgb(116,173,90), rgb(54,173,0)); 
    background: -moz-linear-gradient(rgb(116,173,90), rgb(54,173,0)); 
    background: linear-gradient(rgb(116,173,90), rgb(54,173,0)); 
}

/*Altara o icone da seta para os bot�es menu que utilizam btn-green*/
.btn-green .x-btn-split-right{    
    background-image: url("../imgs/button/btn-silver-arrow.png");
    background-repeat: no-repeat;
}


/*Botao com o cor de fundo Branco/Cinza/Verde - Quando o mouse est� sobre ele*/
.btn-green:hover {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(125,255,125);
    background: -webkit-linear-gradient(rgb(125,255,125), rgb(76,255,125)); 
    background: -o-linear-gradient(rgb(125,255,125), rgb(76,255,125)); 
    background: -moz-linear-gradient(rgb(125,255,125), rgb(76,255,125)); 
    background: linear-gradient(rgb(125,255,125), rgb(76,255,125)); 
    /*text-decoration: none;*/
}

/*Botao com o cor de fundo Branco/Cinza/Verde - Quando est� em focus*/
.btn-green:focus{   
    background-image: none;
    border-color: rgb(15,175,130);
    background: rgb(210,210,210);     
    background: -webkit-linear-gradient(rgb(109,255,125), rgb(0,255,125)); 
    background: -o-linear-gradient(rgb(109,255,125), rgb(0,255,125)); 
    background: -moz-linear-gradient(rgb(109,255,125), rgb(0,255,125)); 
    background: linear-gradient(rgb(109,255,125), rgb(0,255,125)); 

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
}

/*Botao com o cor de fundo Branco/Cinza/Verde - Quando o mouse est� sobre ele e ele est� desabilitado! */
.btn-green.x-btn-disabled:hover{
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(0,255,125); 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
}

/*Cor do texto do Botao Branco/Cinza/Verde*/
.btn-green .x-btn-inner{
    color: rgb(255,255,255);
}

/*Cor do texto do Botao Branco/Cinza/Verde - Quando est� em focus*/
.btn-green:focus .x-btn-inner{
    color: rgb(0,96,0) !important;
    font-weight: bold !important;
}





/*Botao com o cor de fundo Branco/Cinza/Laranja*/
.btn-orange{   
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(210,210,210); 
    background: -webkit-linear-gradient(rgb(246,174,90), rgb(246,133,0)); 
    background: -o-linear-gradient(rgb(246,174,90), rgb(246,133,0)); 
    background: -moz-linear-gradient(rgb(246,174,90), rgb(246,133,0)); 
    background: linear-gradient(rgb(246,174,90), rgb(246,133,0)); 
}

/*Altara o icone da seta para os bot�es menu que utilizam btn-green*/
.btn-orange .x-btn-split-right{    
    background-image: url("../imgs/button/btn-silver-arrow.png");
    background-repeat: no-repeat;
}


/*Botao com o cor de fundo Branco/Cinza/Laranja - Quando o mouse est� sobre ele*/
.btn-orange:hover {
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(255,199,125);
    background: -webkit-linear-gradient(rgb(255,203,125), rgb(255,180,76)); 
    background: -o-linear-gradient(rgb(255,203,125), rgb(255,180,76)); 
    background: -moz-linear-gradient(rgb(255,203,125), rgb(255,180,76)); 
    background: linear-gradient(rgb(255,203,125), rgb(255,180,76)); 
    /*text-decoration: none;*/
}

/*Botao com o cor de fundo Branco/Cinza/Laranja - Quando est� em focus*/
.btn-orange:focus{   
    background-image: none;
    border-color: rgb(175,106,15);
    background: rgb(210,210,210);     
    background: -webkit-linear-gradient(rgb(255,194,109), rgb(255,125,0)); 
    background: -o-linear-gradient(rgb(255,194,109), rgb(255,125,0)); 
    background: -moz-linear-gradient(rgb(255,194,109), rgb(255,125,0)); 
    background: linear-gradient(rgb(255,194,109), rgb(255,125,0)); 

    box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
    -webkit-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
    -moz-box-shadow: inset 0px 0px 3px rgba(15,175,130,0.9), 0px 0px 5px rgba(15, 175, 130, 0.9);
}

/*Botao com o cor de fundo Branco/Cinza/Laranja - Quando o mouse est� sobre ele e ele est� desabilitado! */
.btn-orange.x-btn-disabled:hover{
    color: rgb(35,35,35);
    border-color: rgb(150,150,150);
    background: rgb(255,125,0); 
    background: -webkit-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -o-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: -moz-linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
    background: linear-gradient(rgb(255,255,255), rgb(210,210,210)); 
}

/*Cor do texto do Botao Branco/Cinza/Laranja*/
.btn-orange .x-btn-inner{
    color: rgb(255,255,255);
}

/*Cor do texto do Botao Branco/Cinza/Laranja - Quando est� em focus*/
.btn-orange:focus .x-btn-inner{
    color: rgb(96,58,0) !important;
    font-weight: bold !important;
}


/*------------------------ BOTOES - BUTTONS -------------------------------*/

/*----------------------- CHECKBOX - CHECKBOX -----------------------------*/

/*Imagem do check box alterada para Check Verde e Check Vazio em grid - Quando UNchecked fica um check vazio*/
.checkfull .x-grid-checkcolumn{
    background: url("../imgs/fiorilli/checkbox/checkfull.png") 0 0 no-repeat;
}

/*Imagem do check box alterada para Check Verde e Check Vazio em grid - Quando checked fica um check verde*/
.checkfull .x-grid-checkcolumn-checked{
    background-position: 0 -15px;
}

/*Imagem do check box alterada para Check Verde e X Vermelho em grid - Quando UNchecked fica um X Vermelho*/
.checkfull-x .x-grid-checkcolumn{
    background: url("../imgs/fiorilli/checkbox/checkfullx.png") 0 0 no-repeat;
}

/*Imagem do check box alterada para Check Verde e Check Vazio em grid - Quando checked fica um check verde*/
.checkfull-x .x-grid-checkcolumn-checked{
    background-position: 0 -15px;
}

/*Imagem do check box alterada para Check Verde e Check Vazio em panels*/
.checkfull .x-form-checkbox{
    background: url("../imgs/fiorilli/checkbox/checkfull.png") no-repeat;
}

/*Imagem do check box alterada para Check Verde e X Vermelho em panels*/
.checkfull-x .x-form-checkbox{
    background: url("../imgs/fiorilli/checkbox/checkfullx.png") no-repeat;
}

/*Imagem do check box alterada para Check Verde e X Vermelho em panels - Quando UNchecked fica um X Vermelho*/
.checkfull-x .x-form-cb-checked .x-form-checkbox {
  background-position: 0 -15px;   
}

/*----------------------- CHECKBOX - CHECKBOX -----------------------------*/

/*----------------------- GROUPBOX - RADIOGROUP ---------------------------*/

/*Alterar as dimensoes do GroupBox/RadioGroup para 95% */
.x-group-dimensoes-95 {
    padding: 0px 0px 0px 0px;
    top: 2px!important;
    left: 2px!important;
    width: 95%!important;
    height: 95%!important;
}

/*Alterar as dimensoes do GroupBox/RadioGroup para 97% */
.x-group-dimensoes-97 {
    padding: 0px 0px 0px 0px;
    top: 2px!important;
    left: 2px!important;
    width: 97%!important;
    height: 95%!important;
}

/*Alterar as dimensoes do GroupBox/RadioGroup para 98% */
.x-group-dimensoes-98 {
    padding: 0px 0px 0px 0px;
    top: 2px!important;
    left: 2px!important;
    width: 98%!important;
    height: 95%!important;
}

/*----------------------- GROUPBOX - RADIOGROUP ---------------------------*/

/*------------------------- TEMA - THEME -----------------------------------*/

/*Fundo na cor tema padr�o*/
.background-theme{
    background-color: rgb(0,96,96) !important;
}

/*Color na cor tema padr�o*/
.color-theme {
    color: rgb(0,96,96) !important;
}

/*Borda na cor tema padr�o*/
.border-color-theme {
    border-color: rgb(0,96,96) !important;
}

/*Gradient na cor tema padr�o*/
.gradient-theme {
    /*border-color: rgb(0,96,96);*/
    background: rgb(0,96,96); 
    background: -webkit-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: -o-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: -moz-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: linear-gradient(rgb(36,136,136), rgb(0,96,96));
}

/*Gradiente branco/prateado/cinza na cor tema padr�o*/
.gradient-theme-silver {       
    background: rgb(230,230,230); 
    background: -webkit-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -o-linear-gradient(#ffffff, rgb(230,230,230)); 
    background: -moz-linear-gradient(#ffffff, rgb(230,230,230));
    background: linear-gradient(#ffffff, rgb(230,230,230));
}

/*Gradient na cor tema padr�o - Aplicado para paneis*/
.gradient-theme .x-panel-body-default {
    border-color: rgb(0,96,96);
    background: rgb(0,96,96);
    background: -webkit-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: -o-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: -moz-linear-gradient(rgb(36,136,136), rgb(0,96,96));
    background: linear-gradient(rgb(36,136,136), rgb(0,96,96));
}


/*Gradient na cor tema padr�o invertido*/
.gradient-theme-inverse {
    /*border-color: rgb(0,96,96);*/
    background: rgb(36,136,136);
    background: -webkit-linear-gradient(rgb(0,96,96), rgb(36,136,136));
    background: -o-linear-gradient(rgb(0,96,96), rgb(36,136,136));
    background: -moz-linear-gradient(rgb(0,96,96), rgb(36,136,136));
    background: linear-gradient(rgb(0,96,96), rgb(36,136,136));
}

/*Gradiente branco/prateado/cinza na cor tema padr�o invertido*/
.gradient-theme-silver-inverse {       
    background: #ffffff; 
    background: -webkit-linear-gradient(rgb(230,230,230), #ffffff); 
    background: -o-linear-gradient(rgb(230,230,230), #ffffff); 
    background: -moz-linear-gradient(rgb(230,230,230), #ffffff);
    background: linear-gradient(rgb(230,230,230), #ffffff);
}

/*Gradient na cor tema padr�o invertido - Aplicado para paneis*/
.gradient-theme-inverse .x-panel-body-default {
    border-color: rgb(0,96,96);
    background: rgb(36,136,136);
    background: -webkit-linear-gradient(rgb(0,96,96), rgb(36,136,136));
    background: -o-linear-gradient(rgb(0,96,96), rgb(36,136,136));
    background: -moz-linear-gradient(rgb(0,96,96), rgb(36,136,136));
    background: linear-gradient(rgb(0,96,96), rgb(36,136,136));
}

/*------------------------- TEMA - THEME -----------------------------------*/

/*------------------------ IMGS - IMAGENS ----------------------------------*/

/*Adiciona borda nas imagens*/
.img-border{
    border: 1px solid #363636;
    padding: 1px;
}

/*Arredonda borda da imagem do usu�rio em 10% */
.img-small-user-10{
    border-radius: 10% !important;
    background: white !important;
}

/*Arredonda borda da imagem do usu�rio em 10% */
.img-small-user-10 > img {
    border-radius: 10% !important;
    background: white !important;
    border: 1px solid #363636;
    padding: 1px;
}

/*Arredonda borda da imagem em 5% */
.img-radius-5{
    border-radius: 5% !important;
    background: transparent !important;
}

/*Arredonda borda da imagem em 5% */
.img-radius-5 > img {
    border-radius: 5% !important;
    background: transparent !important;
    border: 1px solid #363636;
    padding: 1px;
}

/*Arredonda borda da imagem em 10% */
.img-radius-10{
    border-radius: 10% !important;
    background: transparent !important;
}

/*Arredonda borda da imagem em 10% */
.img-radius-10 > img {
    border-radius: 10% !important;
    background: transparent !important;
    border: 1px solid #363636;
    padding: 1px;
}

/*Arredonda borda da imagem em 15% */
.img-radius-15{
    border-radius: 15% !important;
    background: transparent !important;
}

/*Arredonda borda da imagem em 15% */
.img-radius-15 > img {
    border-radius: 15% !important;
    background: transparent !important;
    border: 1px solid #363636;
    padding: 1px;
}

/*Arredonda borda da imagem em 25% */
.img-radius-25{
    border-radius: 25% !important;
    background: transparent !important;
}

/*Arredonda borda da imagem em 25% */
.img-radius-25 > img {
    border-radius: 25% !important;
    background: transparent !important;
    border: 1px solid #363636;
    padding: 1px;
}

/*Arredonda borda da imagem em 50% - Imagem fica em formato de circulo */
.img-radius-50{
    border-radius: 50% !important;
    background: transparent !important;
}

/*Arredonda borda da imagem em 50% - Imagem fica em formato de circulo */
.img-radius-50 > img {
    border-radius: 50% !important;
    background: transparent !important;
}

/*------------------------ ICONES - TOOLS ----------------------------------*/

/*Icone Windows 16x16*/
.windows-16{
    background-image: url("../imgs/fiorilli/so/Windows-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Windows 24x24*/
.windows-24{
    background-image: url("../imgs/fiorilli/so/Windows-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Windows 32x32*/
.windows-32{
    background-image: url("../imgs/fiorilli/so/Windows-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Linux 16x16*/
.linux-16{
    background-image: url("../imgs/fiorilli/so/Linux-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Linux 24x24*/
.linux-24{
    background-image: url("../imgs/fiorilli/so/Linux-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Linux 32x32*/
.linux-32{
    background-image: url("../imgs/fiorilli/so/Linux-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Mac 16x16*/
.mac-16{
    background-image: url("../imgs/fiorilli/so/Mac-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Mac 24x24*/
.mac-24{
    background-image: url("../imgs/fiorilli/so/Mac-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Mac 32x32*/
.mac-32{
    background-image: url("../imgs/fiorilli/so/Mac-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Mozilla FireFox 16x16*/
.firefox-16{
    background-image: url("../imgs/fiorilli/browser/Firefox-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Mozilla FireFox 24x24*/
.firefox-24{
    background-image: url("../imgs/fiorilli/browser/Firefox-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Mozilla FireFox 32x32*/
.firefox-32{
    background-image: url("../imgs/fiorilli/browser/Firefox-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Google Chrome 16x16*/
.chrome-16{
    background-image: url("../imgs/fiorilli/browser/Chrome-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Google Chrome 24x24*/
.chrome-24{
    background-image: url("../imgs/fiorilli/browser/Chrome-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Opera 32x32*/
.chrome-32{
    background-image: url("../imgs/fiorilli/browser/Chrome-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Microsoft Internet Explorer 16x16*/
.iexplorer-16{
    background-image: url("../imgs/fiorilli/browser/IE-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Microsoft Internet Explorer 24x24*/
.iexplorer-24{
    background-image: url("../imgs/fiorilli/browser/IE-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Microsoft Internet Explorer 32x32*/
.iexplorer-32{
    background-image: url("../imgs/fiorilli/browser/IE-32.png") !important;
    background-repeat: no-repeat !important;
}




/*Icone Safari 16x16*/
.safari-16{
    background-image: url("../imgs/fiorilli/browser/Safari-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Safari 24x24*/
.safari-24{
    background-image: url("../imgs/fiorilli/browser/Safari-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Safari 32x32*/
.safari-32{
    background-image: url("../imgs/fiorilli/browser/Safari-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Opera 16x16*/
.opera-16{
    background-image: url("../imgs/fiorilli/browser/Opera-16.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Opera 24x24*/
.opera-24{
    background-image: url("../imgs/fiorilli/browser/Opera-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Opera 32x32*/
.opera-32{
    background-image: url("../imgs/fiorilli/browser/Opera-32.png") !important;
    background-repeat: no-repeat !important;
}



/*Icone Endere�o de IP 24x24*/
.enderecoip-24{
    background-image: url("../imgs/fiorilli/outros/IP-24.png") !important;
    background-repeat: no-repeat !important;   
}


/*Icone hospedagem da base de dados local (Servidor da Entidade) 24x24*/
.serverlocal-24{
    background-image: url("../imgs/fiorilli/bases/Serverlocal-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone hospedagem da base de dados na Nuvem (Data Center Fiorilli) 24x24*/
.servercloud-24{
    background-image: url("../imgs/fiorilli/bases/Servercloud-24.png") !important;
    background-repeat: no-repeat !important;   
}

/*Icone Chave de Validade Ok/V�lida 24x24*/
.chave-ok-24{
    background-image: url("../imgs/fiorilli/chave/1.png")  !important;
    background-repeat: no-repeat !important;
}

/*Icone Chave de Validade Alerta/Preste a Vencer 24x24*/
.chave-atencao-24{
    background-image: url("../imgs/fiorilli/chave/2.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Chave de Validade Vencida 24x24*/
.chave-vencida-24{
    background-image: url("../imgs/fiorilli/chave/3.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone Chave de Validade Neutra 24x24*/
.chave-neutra-24{
    background-image: url("../imgs/fiorilli/chave/4.png") !important;
    background-repeat: no-repeat !important;
}


/*Icone utilizando a base de dados do SIA 24x24*/
.sia-24{
    background-image: url("../imgs/fiorilli/bases/Sia-24.png") !important;
    background-repeat: no-repeat !important;
}

/*Icone utilizando a base de dados do Secretaria/Protocolo 24x24*/
.secretaria-24{
    background-image: url("../imgs/fiorilli/bases/Secretaria-24.png") !important;
    background-repeat: no-repeat !important;
}

/*------------------------ ICONES - TOOLS ----------------------------------*/

/*-------------------------- MODAL - DIALOG --------------------------------*/

.modalf {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 19005; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modalf-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    top: 15%;
    padding: 0;
    /*border: 1px solid #888;*/
    border-radius: 6px;
    width: 75%;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:15%; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:15%; opacity:1}
}

.modalf-show {
    position: relative;    
    top: 25% !important;
    left: 15%  !important;
    border-radius: 6px;
    width: 75%  !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -webkit-animation-name: animateshowtop;
    -webkit-animation-duration: 0.8s;
    animation-name: animateshowtop;
    animation-duration: 0.8s;
}

@-webkit-keyframes animateshowtop {
    from {top:-300px; opacity:0} 
    to {top:25%; opacity:1}
}

@keyframes animateshowtop {
    from {top:-300px; opacity:0}
    to {top:25%; opacity:1}
}

/* The Close Button */
.modalf-close {
    color: black;
    float: right;
    width: 28px;
    height: 28px;
    background: url("../imgs/fiorilli/icones/close.png") no-repeat;
    background-position: center center;
    /*font-size: 28px;*/
    /*font-weight: bold;*/
}

.modalf-close:hover,
.modalf-close:focus {
    /*color: silver;
    text-decoration: none;*/
    cursor: pointer;
    background: url("../imgs/fiorilli/icones/close-red.png") no-repeat;
    background-position: center center;
}

.modalf-header {
    padding: 16px 16px 0px 16px;
    /*background-color: #5cb85c;*/
    color: black;
}

.modalf-body {
    padding: 2px 16px 10px 16px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: silver;
    min-height: 150px;
    max-height: 200px;
    overflow-y: auto;

}

.modalf-footer {
    padding: 10px 16px;    
    /*background-color: #5cb85c;*/
    color: black;
}

.modalf-header-icon{
    position: absolute;
    width: 86px;
    height: 86px;
    top: 0px;
    left: 50%;
    background-color: #fefefe;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-60%);
}

.modalf-btn{
    display: block;
    margin-top: 15px;
    border-style: none;
    border-radius: 4px;
    height: 36px;
    color: white;
    font-weight: bold;
    font-size: 13px;
}

.modalf-btn:hover{
    cursor: pointer;
}

.modalf-btn-large{
    width: 100%;
    height: 40px;
    margin: auto;
    font-size: 18px;
}

.modalf-help{
    background-color: #0097f6;
}

.modalf-icon-help{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/help.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.modalf-success{
    background-color: #0ead82;
}

.modalf-icon-success{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/ok.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.modalf-locker{
    background-color: #ff8d00;
}

.modalf-icon-locker{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/locker.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.modalf-sobre{
    background-color: #e5a654;
}

.modalf-icon-sobre{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.modalf-danger{
    background-color: #e22e23;
}

.modalf-icon-danger{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/cancel.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.modalf-warning{
    background-color: #f4c520;
}

.modalf-icon-warning{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/warning.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.modalf-info{
    background-color: #35b8ff;
}

.modalf-icon-info{
    background-color: #fefefe;
    background-image: url("../imgs/fiorilli/icones/info.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

/*-------------------------- MODAL - DIALOG --------------------------------*/

/*---------------------- SNACKBAR - POPALERT --------------------------------*/

#snackbar_loader_fiorilli {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid black;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#snackbar_pb_fiorilli {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #ddd;
}

#snackbar_barra_fiorilli {
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #4CAF50;
}

#snackbar_porcent_fiorilli {
  text-align: center;
  line-height: 30px;
  color: white;
}

#snackbar_fiorilli {
    visibility: hidden;
    min-width: 250px;
    /*margin-left: -125px;*/        
    color: black;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 19005;
    /*left: 50%;*/
    left: 15px;
    bottom: 50px;    
    font-size: 17px;
}

#snackbar_fiorilli.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

.snackbar-red{
    background-color:  #ffdddd;
    border-left: 6px solid #f44336;
}

.snackbar-blue{
    background-color:  #5189b4;
    border-left: 6px solid #1f5782;
}

@-webkit-keyframes fadein {
    from {left: -250px; opacity: 0;} 
    to {left: 15px; opacity: 1;} 
}

@keyframes fadein {
    from {left: -250px; opacity: 0;} 
    to {left: 15px; opacity: 1;} 
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*---------------------- SNACKBAR - POPALERT --------------------------------*/

/*------------------------------------------------------- CUSTOMIZACAO - CUSTOM -----------------------------------------------------------*/



/*------------------------- GLOBAL - GLOBAL -------------------------------*/


/*Cor de fundo dos Toolpis/Hints*/
.x-tip-default,
.x-tip-form-invalid{
    background-color: #555;
    border-color: black;
    border-width: 2px;
    color: white !important;
}

/*Cor da letra dos Toolpis/Hints*/
.x-tip-body-default,
.x-tip-body-default div,
.x-tip-body-form-invalid{
    color: white !important;
    background-position: center left;
}

/*Ajusta a posi��o das letras dos Tooltips/Hints */
.x-tip-default .x-list-plain,
.x-tip-form-invalid .x-list-plain{
    margin-top: 5px;
}

/*------------------------- GLOBAL - GLOBAL -------------------------------*/

.conteudofluido {
    background-color: #FFFFFF !important;
    padding: 1px 1px 0px 1px;	
}

.conteudofluido .x-panel-body-default {
    border: none !important;
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.semborda .x-panel-default-outer-border-trbl{
	border: none !important;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.ColunaPequena {
	width: 30% !important;
}

.ColTerco_P {
	width: 33.3% !important;
}

.ColTerco_G {
	width: 66% !important;
}

.ColQuarto_P {
	width: 25% !important;
}

.ColQuarto_M {
	width: 50% !important;
}

.ColQuarto_G {
	width: 75% !important;
}

.ColQuinto_P{
	width: 20% !important;
}

.ColQuinto_MP{
	width: 40% !important;
}

.ColQuinto_MG{
	width: 60% !important;
}

.ColQuinto_G{
	width: 80% !important;
}

.ColDecimo_S{
	width: 5% !important;	
}

.ColDecimo_SMX{
	width: 6% !important;	
}

.ColDecimo_SMS{
	width: 7% !important;	
}

.ColDecimo_SM{
	width: 8% !important;	
}

.ColDecimo_SMN{
	width: 9% !important;	
}

.ColDecimo_P{
	width: 10% !important;	
}

.ColDecimo_PM{
	width: 15% !important;	
}

.ColDecimo_M{
	width: 30% !important;	
}

.ColDecimo_MG{
	width: 70% !important;	
}

.ColDecimo_MGG{
	width: 90% !important;	
}

.ColDecimo_G, .x-panel-body{
	width: 100% !important;	
}

.MargemTopo{
	margin-top: 20px !important;
}

.MargemBottom{
	margin-bottom: 20px !important;
}

.MargemEsquerda{
	margin-left: 20px !important;
}

.ColunaGrande {
	width: 70%;
}

.SemPadding .x-panel-body{
	padding: 0px !important;
}

.PaddingMinimo .x-panel-body{
	padding: 5px !important;
}

.cardbox {
    margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 10px;
    background-color: #ffffff !important;	
	border-radius: 3px;    
}

.cardboxTotal {
    margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
    background-color: #ffffff !important;	
	border-radius: 3px;    
}

.cardboxTotal, .cardboxTotal .x-panel-default-outer-border-trbl{
    border: 1px solid #dddddd !important;
    border-radius: 3px;    
}

.cardbox .x-panel-body{
    padding: 10px;
    background-color: #ffffff !important;
}

.heightAuto{
    height: auto !important;
}

.heightFull{
   height: 100% !important;
   width: 100% !important;
}

.w100 {
    padding: 0px 5px 0px 0px;
    width: 100% !important;
}

.w95 {
    padding: 0px 5px 0px 5px;
    width: 95% !important;
}

.w100OnlyWidth {
    width: 100% !important;
}

.w33 {
    padding: 0px 5px 0px 0px;
    width: 33% !important;
}


/*.x-tool-tool-el {
    display: none;
}*/

@media screen and (max-width: 1000px) {
	.ColunaPequena, .ColunaGrande{
		width: 50% !important;
	}
	.ColTerco_P, .ColTerco_G, .ColQuarto_P, .ColQuarto_G, .ColQuarto_M, .ColQuinto_P, .ColQuinto_MP, .ColQuinto_MG, .ColQuinto_G, .ColDecimo_S, .ColDecimo_SM, .ColDecimo_P, .ColDecimo_PM, .ColDecimo_M, .ColDecimo_MG, .ColDecimo_G, .ColDecimo_MGG{
		width: 50% !important;
	}
}

@media screen and (max-width: 600px) {
    .widthpainel, .x-panel-body {        
		width: 100% !important;		
    }
	.conteudofluido {
		padding: 1px 1px 0px 1px;
	}
	.ColunaPequena, .ColunaGrande{
		width: 100% !important;
	}
	.ColTerco_P, .ColTerco_G, .ColQuarto_P, .ColQuarto_G, .ColQuarto_M, .ColQuinto_P, .ColQuinto_MP, .ColQuinto_MG, .ColQuinto_G, .ColDecimo_S, .ColDecimo_SM, .ColDecimo_P, .ColDecimo_PM, .ColDecimo_M, .ColDecimo_MG, .ColDecimo_G, .ColDecimo_MGG{
		width: 100% !important;
	}
	.floatright{
		float: left;
	}
}


.fioCard {
	margin-top: 5px !important;
        margin-left: 5px !important;
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}

.topzero{
    top: 0px !important;
    padding: 10px;
}

.margin-rg-1 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -1% !important; }

.margin-rg-2 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -2% !important; }

.margin-rg-3 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -3% !important; }

.margin-rg-4 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -4% !important; }

.margin-rg-5 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -5% !important; }

.margin-rg-6 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -6% !important; }

.margin-rg-7 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -7% !important; }

.margin-rg-8 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -8% !important; }

.margin-rg-9 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -9% !important; }

.margin-rg-10 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -10% !important; }

.margin-rg-11 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -11% !important; }

.margin-rg-12 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -12% !important; }

.margin-rg-13 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -13% !important; }

.margin-rg-14 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -14% !important; }

.margin-rg-15 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -15% !important; }

.margin-rg-16 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -16% !important; }

.margin-rg-17 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -17% !important; }

.margin-rg-18 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -18% !important; }

.margin-rg-19 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -19% !important; }

.margin-rg-20 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -20% !important; }

.margin-rg-21 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -21% !important; }

.margin-rg-22 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -22% !important; }

.margin-rg-23 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -23% !important; }

.margin-rg-24 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -24% !important; }

.margin-rg-25 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -25% !important; }

.margin-rg-26 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -26% !important; }

.margin-rg-27 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -27% !important; }

.margin-rg-28 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -28% !important; }

.margin-rg-29 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -29% !important; }

.margin-rg-30 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -30% !important; }

.margin-rg-31 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -31% !important; }

.margin-rg-32 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -32% !important; }

.margin-rg-33 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -33% !important; }

.margin-rg-34 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -34% !important; }

.margin-rg-35 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -35% !important; }

.margin-rg-36 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -36% !important; }

.margin-rg-37 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -37% !important; }

.margin-rg-38 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -38% !important; }

.margin-rg-39 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -39% !important; }

.margin-rg-40 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -40% !important; }

.margin-rg-41 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -41% !important; }

.margin-rg-42 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -42% !important; }

.margin-rg-43 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -43% !important; }

.margin-rg-44 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -44% !important; }

.margin-rg-45 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -45% !important; }

.margin-rg-46 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -46% !important; }

.margin-rg-47 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -47% !important; }

.margin-rg-48 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -48% !important; }

.margin-rg-49 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -49% !important; }

.margin-rg-50 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -50% !important; }

.margin-rg-51 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -51% !important; }

.margin-rg-52 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -52% !important; }

.margin-rg-53 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -53% !important; }

.margin-rg-54 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -54% !important; }

.margin-rg-55 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -55% !important; }

.margin-rg-56 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -56% !important; }

.margin-rg-57 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -57% !important; }

.margin-rg-58 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -58% !important; }

.margin-rg-59 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -59% !important; }

.margin-rg-60 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -60% !important; }

.margin-rg-61 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -61% !important; }

.margin-rg-62 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -62% !important; }

.margin-rg-63 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -63% !important; }

.margin-rg-64 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -64% !important; }

.margin-rg-65 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -65% !important; }

.margin-rg-66 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -66% !important; }

.margin-rg-67 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -67% !important; }

.margin-rg-68 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -68% !important; }

.margin-rg-69 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -69% !important; }

.margin-rg-70 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -70% !important; }

.margin-rg-71 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -71% !important; }

.margin-rg-72 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -72% !important; }

.margin-rg-73 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -73% !important; }

.margin-rg-74 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -74% !important; }

.margin-rg-75 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -75% !important; }

.margin-rg-76 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -76% !important; }

.margin-rg-77 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -77% !important; }

.margin-rg-78 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -78% !important; }

.margin-rg-79 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -79% !important; }

.margin-rg-80 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -80% !important; }

.margin-rg-81 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -81% !important; }

.margin-rg-82 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -82% !important; }

.margin-rg-83 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -83% !important; }

.margin-rg-84 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -84% !important; }

.margin-rg-85 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -85% !important; }

.margin-rg-86 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -86% !important; }

.margin-rg-87 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -87% !important; }

.margin-rg-88 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -88% !important; }

.margin-rg-89 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -89% !important; }

.margin-rg-90 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -90% !important; }

.margin-rg-91 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -91% !important; }

.margin-rg-92 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -92% !important; }

.margin-rg-93 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -93% !important; }

.margin-rg-94 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -94% !important; }

.margin-rg-95 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -95% !important; }

.margin-rg-96 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -96% !important; }

.margin-rg-97 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -97% !important; }

.margin-rg-98 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -98% !important; }

.margin-rg-99 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -99% !important; }

.margin-rg-100 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: -100% !important; }



.margin-rgn-1 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 1% !important; }

.margin-rgn-2 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 2% !important; }

.margin-rgn-3 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 3% !important; }

.margin-rgn-4 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 4% !important; }

.margin-rgn-5 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 5% !important; }

.margin-rgn-6 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 6% !important; }

.margin-rgn-7 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 7% !important; }

.margin-rgn-8 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 8% !important; }

.margin-rgn-9 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 9% !important; }

.margin-rgn-10 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 10% !important; }

.margin-rgn-11 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 11% !important; }

.margin-rgn-12 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 12% !important; }

.margin-rgn-13 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 13% !important; }

.margin-rgn-14 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 14% !important; }

.margin-rgn-15 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 15% !important; }

.margin-rgn-16 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 16% !important; }

.margin-rgn-17 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 17% !important; }

.margin-rgn-18 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 18% !important; }

.margin-rgn-19 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 19% !important; }

.margin-rgn-20 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 20% !important; }

.margin-rgn-21 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 21% !important; }

.margin-rgn-22 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 22% !important; }

.margin-rgn-23 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 23% !important; }

.margin-rgn-24 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 24% !important; }

.margin-rgn-25 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 25% !important; }

.margin-rgn-26 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 26% !important; }

.margin-rgn-27 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 27% !important; }

.margin-rgn-28 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 28% !important; }

.margin-rgn-29 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 29% !important; }

.margin-rgn-30 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 30% !important; }

.margin-rgn-31 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 31% !important; }

.margin-rgn-32 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 32% !important; }

.margin-rgn-33 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 33% !important; }

.margin-rgn-34 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 34% !important; }

.margin-rgn-35 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 35% !important; }

.margin-rgn-36 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 36% !important; }

.margin-rgn-37 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 37% !important; }

.margin-rgn-38 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 38% !important; }

.margin-rgn-39 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 39% !important; }

.margin-rgn-40 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 40% !important; }

.margin-rgn-41 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 41% !important; }

.margin-rgn-42 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 42% !important; }

.margin-rgn-43 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 43% !important; }

.margin-rgn-44 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 44% !important; }

.margin-rgn-45 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 45% !important; }

.margin-rgn-46 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 46% !important; }

.margin-rgn-47 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 47% !important; }

.margin-rgn-48 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 48% !important; }

.margin-rgn-49 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 49% !important; }

.margin-rgn-50 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 50% !important; }

.margin-rgn-51 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 51% !important; }

.margin-rgn-52 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 52% !important; }

.margin-rgn-53 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 53% !important; }

.margin-rgn-54 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 54% !important; }

.margin-rgn-55 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 55% !important; }

.margin-rgn-56 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 56% !important; }

.margin-rgn-57 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 57% !important; }

.margin-rgn-58 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 58% !important; }

.margin-rgn-59 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 59% !important; }

.margin-rgn-60 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 60% !important; }

.margin-rgn-61 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 61% !important; }

.margin-rgn-62 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 62% !important; }

.margin-rgn-63 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 63% !important; }

.margin-rgn-64 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 64% !important; }

.margin-rgn-65 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 65% !important; }

.margin-rgn-66 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 66% !important; }

.margin-rgn-67 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 67% !important; }

.margin-rgn-68 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 68% !important; }

.margin-rgn-69 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 69% !important; }

.margin-rgn-70 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 70% !important; }

.margin-rgn-71 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 71% !important; }

.margin-rgn-72 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 72% !important; }

.margin-rgn-73 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 73% !important; }

.margin-rgn-74 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 74% !important; }

.margin-rgn-75 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 75% !important; }

.margin-rgn-76 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 76% !important; }

.margin-rgn-77 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 77% !important; }

.margin-rgn-78 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 78% !important; }

.margin-rgn-79 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 79% !important; }

.margin-rgn-80 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 80% !important; }

.margin-rgn-81 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 81% !important; }

.margin-rgn-82 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 82% !important; }

.margin-rgn-83 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 83% !important; }

.margin-rgn-84 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 84% !important; }

.margin-rgn-85 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 85% !important; }

.margin-rgn-86 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 86% !important; }

.margin-rgn-87 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 87% !important; }

.margin-rgn-88 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 88% !important; }

.margin-rgn-89 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 89% !important; }

.margin-rgn-90 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 90% !important; }

.margin-rgn-91 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 91% !important; }

.margin-rgn-92 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 92% !important; }

.margin-rgn-93 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 93% !important; }

.margin-rgn-94 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 94% !important; }

.margin-rgn-95 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 95% !important; }

.margin-rgn-96 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 96% !important; }

.margin-rgn-97 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 97% !important; }

.margin-rgn-98 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 98% !important; }

.margin-rgn-99 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 99% !important; }

.margin-rgn-100 .x-form-checkboxgroup{ position: absolute; top: 50% !important; margin-top: 100% !important; }

.VisFrame iframe {
	position: relative !important;
}

.body {
    text-align: left !important;
}

.displayblock {
  display: block !important;
}

legend{ margin-bottom: 0 !important; }

.visurl iframe {
  position: absolute;
}

.vispdf iframe {
  position: fixed !important;
}

.posfix {
  position: fixed !important;
}

.leftzero{
  left: 0px !important;
}

.mbtn_help {   
    border-radius: 70px !important;
    background-image: linear-gradient(#01a6c3, #0375ad) !important;
    background-color: #0375ad !important;
    border-color: #0375ad !important;
    color:#000000 !important;
    text-align:center !important;
    box-shadow: 2px 2px 3px #999 !important;
    z-index : 1;
}

.slider {
  position: absolute;
  cursor: pointer;
  -webkit-transition: .4s;
  transition: .4s;
  height: 25px !important;
  width: 87px !important;
}

.slider .x-btn-inner {
  color: black !important;
}

.slider.color {
  border-color: rgb(150,150,150) !important;
  background: rgb(230,230,230) !important; 
  background: -webkit-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
  background: -o-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
  background: -moz-linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important;
  background: linear-gradient(rgb(255,255,255), rgb(230,230,230)) !important; 
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  top: 2px;
  left: 4px;
  bottom: 4px;
  background-color: red;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.slider.x-btn-pressed:before {
  -webkit-transform: translateX(58px);
  -ms-transform: translateX(58px);
  transform: translateX(58px);
  background-color: green;
}

.slider.x-btn-focus.x-btn-default-small .x-btn-wrap{
  outline:0px !important
}

.x-tree-icon-leaf ~ .x-tree-node-text{
  font-weight: normal !important;
}