/*Cor Verde Padrão Escuro
#006060
rgb(0,96,96)
*/


/*Cor Verde Padrão Claro (Utilizado para gradients)
#248881
rgb(36,136,136)
*/


/*Cor Verde Claro Superior (Utilizado para gradients)
#389c9c
rgb(56,156,156)
*/


/*Cor Verde Claro Base (Utilizado para gradients)
#107474
rgb(16,116,116)
*/


/*Cor Branca Padrão (Utilizada em fundo de paneis)
#F6F6F6
rgb(246,246,246)
*/


/*Cor Cinza Clara (Utilizada em gradients)
#e6e6e6
rgb(230,230,230)
*/


/*Cor Cinza Escura (Utilizada em gradients)
#dcdcdc
rgb(220,220,220)
*/


/*Cor Preta Clara (Utilizada para Bordas)
#969696
rgb(150, 150, 150)
*/


/*Cor Preta Padrão (Utilizada para cor dos textos)
#232323
rgb(35, 35, 35)
*/


/* Cor Laranjada
#FF9800
rgb(255,152,0)
*/


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

.tira-borda {
    border-style: none !important;
}


/*------------------------- GIF FIORILLI -------------------------------*/

.x-mask-gif {
    background-image: url("../imgs/loadmask/GifFiorilli48x48.gif") !important;
    padding: 48px 0 0 !important;
}


/*------------------------- TABSHEET - TABSHEET -------------------------------*/

.x-panel-body-default {
    border-width: 0 !important;
    border-style: none !important;
}

.x-uni-tabsheet {
	border-radius: 3px;
    border-style: solid !important;
    border-width: thin !important;
    border-color: rgba(0, 96, 96, 0.35) !important;
	box-shadow: 0px 0px 8px rgba(0, 96, 96, 0.30) !important;
}

.ui-state-default .ui-corner-top .ui-tabs-selected .ui-state-active:before {
    border: 3px solid #f50707 !important;
}

.ui-tabs-selected .ui-state-active {
    border: 3px solid #f50707 !important;
}


/*------------------------- GRID - GRID -------------------------------------*/

.x-grid-view {
    border: thin solid rgba(0, 96, 96, 0.35);
	box-shadow: 0px 0px 8px rgba(0, 96, 96, 0.25) !important;
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before {
    border: 2px solid rgba(0, 96, 96, 0.5) !important;
}


/*-------------------- BARRA DE PROGRESSO - PROGRESSBAR --------------------*/


/*Barra em estado inicial */

.x-progress-default {
    background-color: #389c9c;
    border-width: 1px;
    height: 20px;
    border-color: #006060;
}


/*Barra em progresso */

.x-progress-default .x-progress-bar-default {
    background-image: none;
    background-color: #006060;
}


/*-------------------- BARRA DE NAVEGAÇÃO DA GRID ---------------*/

.x-grid .x-toolbar-default {
    height: 30px !important;
}

.x-grid .x-toolbar-default .x-box-inner {
    height: 25px !important;
    margin-top: 1px;
}


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


/* Posicionar ao topo */

.x-toolbar-docked-top {
    height: 30px !important;
}


/*-------------------- MENU LATERAL --------------------*/


/* Borda quando está recolhido */

.x-panel-header-default {
    border: 1px solid #006060
}


/*--------------------TELA DE LOGIN --------------------*/


/* Borda quando selecionado */

.x-keyboard-mode .x-mask.x-focus {
    border: none;
}


/*-------------------- WORD WRAP DE BOTÕES --------------------*/

.wordwrapbtn .x-btn-button {
    white-space: normal;
    text-align: center;
}


/*-------------------- WORD WRAP DE BOTÕES --------------------*/


/*-------------------- LEGEND GROUPBOX  --------------------*/

legend {
    width: auto !important;
    margin-bottom: auto !important;
}


/*-------------------- LEGEND GROUPBOX  --------------------*/


/*-------------------- BORDA BRANCA DO FORM --------------------*/

.colorborder {
    border-color: rgb(255, 255, 255);
}


/*-------------------- BORDA BRANCA DO FORM --------------------*/


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

.x-fieldset-default {
	border-radius: 3px;
	border-color: rgba(0, 96, 96, 0.35);
	box-shadow: 0px 0px 8px rgba(0, 96, 96, 0.25) !important;
    margin: 0px !important;
	padding-bottom: 0px;
}


/* Espaço padrão dos RadioButtons e CheckBox */

.x-form-cb-label-default {
    margin: 2px 0px 2px;
    padding: 2px 0px 2px 19px;
}


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


/*-------------------- ALINHAMENTO VERTICAL LABEL--------------------*/

.labelvalign {
    vertical-align: middle;
    display: table-cell;
    position: relative !important;
}

/*-------------------- ALINHAMENTO VERTICAL LABEL --------------------*/


/*------------------------------- BORDA CARD ---------------------------------*/

.card-borda {
	border-radius: 3px;
    border: thin solid rgba(0, 96, 96, 0.35);
	box-shadow: 0px 0px 8px rgba(0, 96, 96, 0.25);
}

/*------------------------------- BORDA CARD ---------------------------------*/


/*----------------------------- TIRAR A BORDA --------------------------------*/

.sem-borda {
    border-width: 0px !important;
    border-style: none !important;
}

/*----------------------------- TIRAR A BORDA --------------------------------*/