/*   ABAIXO PARA USAR NO TABLET */ 
.panel{
    margin: 15px !important;
    width: 25vw !important;
    display: inline-table !important ;
	    text-shadow: none;
}
/*   ABAIXO PARA USAR NA WEB  */ 
/*
.panel{
    margin: 15px !important;
    width: 15vw !important;
    display: inline-table !important ;
	    text-shadow: none;
}
*/

.cssPanelIcon{
    float: left;
    font-size: 20px;
    left: initial;
    top: initial;
    margin-left: -5px;
    margin-top: -2px;
	}


.panel .card:last-of-type{
    border-bottom: none;
}

.card{
	border: none !important;
}	
.card > h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-stretch: expanded;
}

.panel .card{
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: lightgray;	
}

.ui-input-text {
	border-radius: 0px !important;
}

 .ui-btn{
 	/*border-radius: 0px !important;*/
 }

body{
	font-size: 14px !important;
}

a:hover {
	text-decoration: underline;
}


/*
|--------------------------------------------------------------------------
| Loader
|--------------------------------------------------------------------------
*/
/*.ui-loader {
	opacity: 1 !important;
	border-radius: 0px !important;
	height: 80px !important;
	width: 80px !important;
	transform: translate(-30%, -30%) !important;
}
.ui-loader span {
	height: 100px !important;
	width: 100px !important;
}
*/

/*.ui-icon-loading {*/
	/*background: url(https://www.antoine-traductions.com/css/images/patientez.gif) !important;*/
	/*background-size: 80px 80px !important;
	background-repeat: no-repeat !important;*/
	/* background-size: cover; */
	/*background-position: center !important;
}*/



/*
|--------------------------------------------------------------------------
| Alterando componenet Table
|--------------------------------------------------------------------------
*/
/*
td, td > div, th {
	font-family: Helvetica, Arial, sans-serif !important; 
	font-family: 'Roboto', sans-serif;
	text-shadow: none !important;
	color: var(--table-color) !important;
}

th {
	text-align: center !important;
	font-weight: normal !important;
}

td {
	border: 1px solid var(--table-border-color) !important;
}

td > div {
	font-size: 10pt;
}

tbody {
	border: 1px solid;
}

tbody > tr:nth-child(odd) > td {
	background-color: var(--table-oddline-color) !important;
}

tbody > tr:nth-child(even) {
	background-color: var(--table-evenline-color);
}

thead >tr >th {
	text-align: center;
	border-bottom: 1px solid var(--color-theme-4) !important;
}
*/

/*  retirado pois está dando impacto nas 2as colunas de tabelas 22/07/2020  */
/*thead>tr>th:nth-child(2) {
	min-width: 150px;
}*/

:root {
	--color-theme-1: rgb(207, 207, 93);
	--color-theme-2: #B27209;
	--color-theme-3: #ee1947;
	--color-theme-4: darkblue;
	--color-theme-5: #282828;

	/* Header */
	--header-bar-color: #F5F5F5;
	--header-img-background-color: rgba(255, 255, 255, 0);
	--btn-menu-icon-color: #555;
	--btn-menu-color-hover: #DCDCDC;
	--btn-menu-color-active: rgb(105, 105, 105);

	/* Menu sidebar */
	--sidemenu-color: #555;
	--sidemenu-background-color: #FFF;

	--sidemenu-search-placeholder-color: rgb(151, 151, 151);
	--sidemenu-search-input-bg-color: #FFF;
	--sidemenu-search-dirty-background-color: #FFF;
	--sidemenu-search-background-color: #F3F3F3;
	--sidemenu-search-border-color: #CCC;

	--sidemenu-item-background-color-hover: #DCDCDC;
	--sidemenu-item-separator-border-color: #CCC;
	--sidemenu-item-separator-color: #FF9800;
	
	/* novo */
	--content-color: #555;
	--content-background-color: #FFF;
	--content-wrapper-background-color: #E5E5E5;

	--link-login-color: #6E6212;
	--btn-login-color: #0F0F0F;

	/* Novo */

	--navbar-main-color: #009432;
	--navbar-second-color: #5BB12F;
	
	--tab-background-color-hover: #dcdcdc;
	--tab-border-color: rgb(65, 65, 65);
	--tab-background-color: #FFF;
	/*--tab-color: #555;

	--table-color: #555; */
	--table-border-color: #ccc;
	/*--table-oddline-color: #fff;
	--table-evenline-color: #e8e8e8;*/
	--table-btn-action-color: #2196F3;

	--input-color: #555;
	--input-backgroud-color: #F9F9F9;
	--input-border-color: #CED4DA;
	--select-color-hover: #DCDCDC;
	
	--checkbox-color: #455A64;
	--checkbox-checked-color: #4FC5C5;

	--scrollbar-thumb-color: rgb(138, 137, 137);
	--scrollbar-hover-color: #555;

	--menu-user-info-background-color: #F3F3F3;
	--menu-user-item-background-color: #FFF;
	--menu-user-item-background-color-hover: #DCDCDC;
	--menu-user-color: #555;

	--shadow-color-1: rgba(0, 0, 0, 0.2);
	--shadow-color-2: rgba(0, 0, 0, 0.5);
	--shadow-color-3: rgba(0,0,0,0.1);
	--shadow-color-4: rgba(0,0,0,0.25);

	--whiteness-1-color: #FFF;
	--whiteness-2-color: #E6E6E6;
	--whiteness-3-color: #CCCCCC;
	--whiteness-4-color: #DDD;
	--blackness-color: #000;

	--primary-color: #3498DB;
	--primary-color-hover: #217DBB;
	--primary-color-shadow: #196090;

	--success-color: #2ECC71;
	--success-color-hover: #1B7943;
	--success-color-shadow: #25A25A;
	
	--info-color: #81CFE0;
	--info-color-hover: #58BFD6;
	--info-color-shadow: #32AEC9;
	
	--warning-color: #F39C12;
	--warning-color-hover: #C87F0A;
	--warning-color-shadow: #976008;
	
	--danger-color: #C0392B;
	--danger-color-hover: #962D22;
	--danger-color-shadow: #6D2018;
}

.botaoPesquisar
{	
	margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
	margin-top: 10px;
	
}

.botoesLogin
{
	width:200px;	
	margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
	margin-top: 10px;
	
}

.glyphicon_segasp{
	color: #090992;
    margin-right: 5px;
    margin-top: 1px;
	font-size: 12px;
}

.glyphicon_segasp_danger{
	color: #a94442;
    margin-right: 5px;
    margin-top: 1px;
	font-size: 12px;
}

.glyphicon_segasp_green{
	color: #28a745;
    margin-right: 5px;
    margin-top: 1px;
	font-size: 11px;
}

/* Tabs com Radio */



/*
|--------------------------------------------------------------------------
| Utilizar Group Box com Radio Buttons para simular layout tabs
|--------------------------------------------------------------------------
*/


.tabs {
	margin: 0px 5% !important;
}

.tabs label.ui-btn-active {
	background-color: var(--tab-background-color) !important;
}

.tabs .ui-controlgroup-controls {
	border-radius: 5px 5px 0px 0px;
}

.tabs label:not(.ui-btn-active) {
	background-color: rgba(0, 0, 0, 0) !important;
}

.tabs label:not(.ui-btn-active):hover {
	background-color: var(--tab-background-color-hover) !important;
	    border-radius: 5px 5px 0px 0px;
}

.tabs {
	/* Tema claro */
	/* border-bottom: 1px solid #ccc !important; */
	/* Tema escuro */
	/* border-bottom: 1px solid var(--tab-border-color) !important; */
	border-radius: unset !important;
}

.tabs label {
	border: none;
	z-index: 99 !important;
}

.tabs input {
	opacity: 0;
}

.tabs .ui-btn-active.ui-radio-on {
	color: var(--tab-color) !important;
	text-shadow: none !important;
	border-radius: 5px 5px 0px 0px;
	/* border: 1px solid var(--tab-border-color) !important; */
	border-bottom: 1px solid var(--tab-background-color) !important;
	bottom: -1px;
	box-shadow: 0px -4px 10px -7px var(--shadow-color-1), 
				-4px -4px 10px -4px var(--shadow-color-1), 
				4px -4px 10px -4px var(--shadow-color-1);
}

.tabs .ui-btn {
	color: var(--tab-color) !important;
	text-shadow: none !important;
}

/*Container da Tab*/
.content-container {
	/* padding: 0px 10%; */
	background-color: var(--content-background-color);
	margin: 0px 5%;
	padding: 10px 5%;
	/* border: 1px solid rgba(255, 255, 255, .2); */
	/* border: 1px solid var(--tab-border-color); */
	box-shadow: 0px 0px 10px 0px var(--shadow-color-1);
}

/* 29/07/2020 PARA CONSEGUIR MUDAR A COR DE UMA LINHA NO GRID - VIDE fMudaCorLinhaTabela*/
/*comentado no root esses 2 abaixo e adicionado esses */
/*--table-oddline-color: #fff;
	--table-evenline-color: #e8e8e8;*/

/*table>tbody>tr:nth-child(even) {background: #e5f3ff}
table>tbody>tr:nth-child(odd) {background: #FFF}
*/

