/*****ANIMAÇÕES********************************/
@keyframes spin {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(360deg);
	}
}
/********************************************/

html,body {
	padding: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	background:#F0F2F4;
	display: flex;
	flex-direction: column;
}
#body {
	flex: 1;	
	display: flex;
	flex-direction: column;
	width:100%;
}
*{
	font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

#topo,#rodape {
	flex: 1;
	flex-grow: 0;
	color:#FFF;
	background:#0d8aad;
	z-index:1000;
}
#topo *,#rodape *{
	color:#FFF;
	text-decoration:none;
}



#topo{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	position:fixed;
	width:100%;
	justify-content: center;
	min-height:60px;
}
#topo div{
	flex:1;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	white-space: nowrap;
	align-items: center;
}

#topo .left{
	text-align:left;
}
#topo .center{
	text-align:center;
}
#topo .right{
	justify-content: flex-end;
}
@media (max-width: 600px) {
	#topo .right .user{
		display:none;
	}
	.menu .user{
		display:block !important;
	}
}
@media (max-width: 400px) {
	#topo .right{
		flex-wrap: wrap;
	}
}
#topo .right a,#topo .right div{
	flex:0;
	padding:10px;
}
#topo .right a{
	flex-grow: 0;
	transition: color .6s ease;
}
#topo .right a *{
	transition: color .6s ease;
}
#topo .right a i{
	font-size:16px;
}
#topo .right a:hover,#topo .right a:hover *{
	color:#f4b220;
	transition: color .6s ease
}
#topo .right .user{
	flex-grow: 1;
	text-align:right;
	white-space: nowrap;
}


#pagina{
	flex: 1;
	flex-grow: 1;
	display:flex;
	padding-top:60px;
}


#pagina .pagina_menu{
	flex:1;
	flex-grow: 0;
	background:#282828;
	display:initial;
}

@media (max-width: 600px) {
	#pagina .pagina_menu {
		position: fixed;
		height: 100%;
/*		top: 0;*/
		z-index: 9999;
/*		width: 100%;*/
		overflow: auto;
		display:none;
	}
	#topo .left .menu_mob_icon{
		display:block !important;
	}

	#pagina .pagina_menu.menu_mobile_hidden{
		display:none !important;
	}
}


#pagina .pagina_centro{
	flex:1;
	flex-grow: 1;	
	margin:10px 10px 10px 10px;
	overflow:hidden;
}
#pagina .pagina_centro_buscamenu{

}
#pagina .pagina_centro_conteudo{
	background:#FFF;
	border:1px solid #CCC;
}
#pagina .conteudo_pagina_centro{
	padding:10px 10px 10px 10px;
}

#rodape{
	box-shadow: 0 -6px 6px 0 rgba(32,33,36,0.28);
	text-align:center;
	padding:10px;
	font-size:10px;
}



.clear{clear:both;}
.hidden{display: none !important;}
.noscroll{overflow: hidden !important}
.fixed{position:fixed;width:100%;}
.sombra{box-shadow: 0 6px 6px 0 rgba(32,33,36,0.28);}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
.nowrap{flex-wrap: nowrap !important;white-space: nowrap !important;}
.background{background:#0d8aad;}
.textcenter,.text-center{text-align:center;}
.textright,.text-right{text-align:right;}
.w100{width:100%;}
.h100{height:100%;}
.padding10{padding:10px}
.padding5{padding:5px}

.text-danger{color: #dc3545 !important;}
.text-warning{color: #ffc107 !important;}
.text-info{color: #17a2b8 !important;}
.text-dark{color: #343a40 !important;}
.text-light {color: #f8f9fa!important;}
.text-white{color: #ffffff !important;}
.text-success {color: #28a745 !important;}
.text-blue {color: #007bff!important;}
.text-grey {color: #6c757d!important;}

.bg-danger{background-color: #dc3545 !important;}
.bg-warning{background-color: #ffc107 !important;}
.bg-info{background-color: #17a2b8 !important;}
.bg-dark{background-color: #343a40 !important;}
.bg-light {background-color: #f8f9fa!important;}
.bg-white{background-color: #ffffff !important;}
.bg-success {background-color: #28a745 !important;}
.bg-blue {background-color: #007bff!important;}
.bg-grey {background-color: #6c757d!important;}

.border-danger{border-color: #dc3545 !important;}
.border-warning{border-color: #ffc107 !important;}
.border-info{border-color: #17a2b8 !important;}
.border-dark{border-color: #343a40 !important;}
.border-light {border-color: #f8f9fa!important;}
.border-white{border-color: #ffffff !important;}
.border-success {border-color: #28a745 !important;}
.border-blue {border-color: #007bff!important;}
.border-grey {border-color: #6c757d!important;}

.bold{font-weight:bold}

.pnl-status,.pnl-status-sm{
	padding:3px;
	background:#CCC;
	color:#000;
	text-align:center;
	font-weight:bold;
	width:100%;
	margin:-3px;
	border-radius:5px;
}
.pnl-status-sm{
	font-size:10px;
	padding:1px 3px 1px 3px;
}

pre{
	background:#EEE;
	border:1px solid #CCC;
	padding:5px;
}


/*input[type=email]{text-transform: lowercase;}*/
input[type=number],input.moeda{text-align:right;}

.dragdrop{background:#DDD;cursor:move;}

/*****TITULOS*******************/
h1{
	background:#0d8aad;
	margin:0;
	color:#FFF;
	padding:10px;
}
h2{
	font-weight:bold;
	margin:0;
	margin-top:20px;
	color:#000;
	padding:10px;
	border-left: 3px solid #0D8AAD;
}
/*******************************/



/***FORMULÁRIOS************************************************************/
bloco{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
botoes{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-self: flex-end;
	justify-content: flex-end;
}

.grupoForm{
	flex: 1;
	padding:5px;
}

.labelForm{
	font-weight:bold;
}
.labelForm span{
	color:red;
}

.grupoCampoForm{
	display: flex;
}
.grupoCampoForm div{
	flex:1;
	flex-grow: 1;
}
.grupoCampoForm .inputBotoes{
	flex:1;
	flex-grow: 0;
	display: flex;
}
.grupoCampoForm .inputBotoes div{
	flex:1;
	flex-grow: 1;
	display: flex;
	padding: 3px 0 3px 0;
}
.grupoCampoForm .inputBotoes div a{
	width:23px;
}
.grupoCampoForm .inputBotoes div a i{
	margin:3px 0 0 0;
	position: inherit;
}
.grupoCampoForm .inputBotoes div *{
	color:#FFF !important;
}
.campoForm,
select,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices{
	background-color: #fff;
	border-radius: 3px;
	display: block;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
	width: 100%;
	height: 34px;
	border: 1px solid #cecece;
	-webkit-box-shadow: inset 1px 1px 3px #f6f6f6;
	-moz-box-shadow: inset 1px 1px 3px #f6f6f6;
	box-shadow: inset 1px 1px 3px #f6f6f6;
	outline: 0;
	font-size: 12px;
}
.chosen-container-multi .chosen-choices{
	height: auto;
}
input.campoForm:not([type=search]){
	height:20px;
}
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices{
	padding:0 10px;
	background: linear-gradient(#fff 20%,#FFF 50%,#FFF 52%,#FFF 100%) !important;
}
.chosen-container * {
	padding-top:4px;
}
.chosen-container-multi .chosen-choices li.search-field{
	padding-top:3px;
}
.chosen-container-multi .chosen-choices li.search-choice{
	border: 1px solid #cecece;
	border-radius:0;
	margin-top:5px;
}
.campoForm:disabled,
.campoForm:read-only,
select:disabled,
select:read-only,
.chosen-disabled .chosen-single,
.chosen-disabled .chosen-single span{
	background:#EEE !important;
	color:#555;
}
.chosen-disabled {
	opacity: 1!important;
}
input.icon{
	padding-left:30px !important;
}
.campoForm:focus,
.chosen-container-active .chosen-single {
	border-color: #2196F3 !important;
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

.tbDataTable .filter input,
.tbDataTable .filter .chosen-container *{
	font-size:11px;
}
.tbDataTable .filter input{
	padding:5px;
}
.tbDataTable .filter input[type=date]
.tbDataTable th[type=date],
.tbDataTable td.date{
	width:115px;
}



.grupoForm .iconForm{
	position:absolute;
	font-size:18px;
	color: #999;
	margin:7px 0 0 7px;
}
.grupoForm:focus-within .iconForm{
	color: #1162a0;
}
.grupoCheckbox,
.grupoRadio{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-self: flex-start;
	justify-content: flex-start;
}
.grupoCheckbox label,
.grupoRadio label{
	flex-grow: 0;
	padding:5px;
	margin-top:5px;
}

.botaoFormDiv{
	flex-grow: 0;
	padding:5px;
}

.botaoFormConfirm{
	flex-grow: 0;
	display: flex;
	background:#EEE;
}
.botaoFormTxt{
	padding-top:12px;
	padding-left:5px;
}

.botaoForm *{
	color:#FFF;
}
.botaoForm .iconForm{
	font-size:18px;	
	margin:0 5px 0 -10px;
}
button.botaoForm{
	background:#2196F3;
	color:#FFF;
	border:0;
	cursor:pointer;
	border-radius:4px;
	padding:7px 25px 7px 25px;
	/*border-bottom:2px solid;*/
	border-image-source: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2));
	border-image-slice: 1;
}

a.botaoForm{
	color:#FFF;
	text-decoration:none;
	margin:0 3px 0 3px;
	padding:3px;
	border-radius:4px;
	/*display:flex;
	flex-wrap: nowrap;*/
}
a.botaoForm .iconForm{
	margin:0;
	font-size:16px;
}
.botaoForm:hover{
	background-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2)) !important;
}
.botaoForm:focus{
	outline: 0 !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.botaoForm.bt_primeiro{
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
	margin-right:0 !important;
	border:1px;
	border-right-style: solid;
    border-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.4)) 1 100%;
	padding:3px 12px 3px 12px;
}
.botaoForm.bt_meio{
	border-radius:0 !important;
	margin-right:0 !important;
	margin-left:0 !important;
	border:1px;
	border-left-style: solid;
	border-right-style: solid;
    border-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.4)) 1 100%;
	padding:3px 12px 3px 12px;
}
.botaoForm.bt_ultimo{
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
	margin-left:0 !important;
	border:1px;
	border-left-style: solid;
    border-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.4)) 1 100%;
	padding:3px 12px 3px 12px;
}
.botaoForm:disabled,.disabled,.disabled:hover{
	background:#CCC !important;
	color:#999 !important;
	cursor:not-allowed !important;
}
.botaoForm:disabled *,.disabled *,.disabled:hover *{
	color:#999 !important;
}


.confirm_hide{
	width:0;
	transition: flex-basis 500ms ease-in-out;
}
.confirm_show{
	width:100px;
}

/****CHECKBOX E RADIOBUTTON**************/
.containerCheckbox,
.containerRadio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:0;
}
.containerCheckbox div,
.containerRadio div{
	padding-left:25px;
	padding-right:5px;
}
.containerCheckbox input,
.containerRadio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.containerCheckbox .checkmark,
.containerRadio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #efefef;
	border:1px solid #cecece;
}
.containerRadio .checkmark {
	border-radius: 50%;
}

.containerCheckbox:hover input ~ .checkmark,
.containerRadio:hover input ~ .checkmark {
	background-color: #ccc;
}

.containerCheckbox input:checked ~ .checkmark,
.containerRadio input:checked ~ .checkmark {
	background-color: #2196F3;
}

.containerCheckbox input:disabled ~ .checkmark,
.containerRadio input:disabled ~ .checkmark {
	background-color: #CCC;
}

.containerCheckbox .checkmark:after,
.containerRadio .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.containerCheckbox input:checked ~ .checkmark:after,
.containerRadio input:checked ~ .checkmark:after {
	display: block;
}

.containerCheckbox .checkmark:after{
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.containerRadio .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/*****************************************/


.msg,.msg_fix{
	border:1px solid #CCC;
	border-radius:3px;
	padding:5px;
	margin:5px;
	display: flex;
	align-items: center;
}
.msg .icon,
.msg .close,
.msg_fix .icon,
.msg_fix .close{
	flex-grow: 0;
	text-decoration:none;
}
.msg .txt,
.msg_fix .txt{
	flex-grow: 1;
}
.msg .icon,
.msg_fix .icon{
	font-size:30px;
	margin-right:10px;
}
.msg.erro,
.msg_fix.erro{
	background:#F9C8C7;
	border-color:#b70303;
}
.msg.erro *,.msg_fix.erro *{color:#b70303;}
.msg.alerta,
.msg_fix.alerta{
	background:#FFEFBC;
	border-color:#ff9319;
}
.msg.alerta *,.msg_fix.alerta *{color:#ff9319;}
.msg.info,
.msg_fix.info{
	background:#CBEBFB;
	border-color:#258cb2;
}
.msg.info *,.msg_fix.info *{color:#258cb2;}

/***************************************************************/


.fundo_load{
	display:none;
	text-align:center;
	width:100%;
	height:100%;
	position: fixed !important;
	bottom:0;
	z-index:99999;
}

.fundo_load .modal{
	background-color: rgba(0, 0, 0, 0.5);
	width:100%;
	height:100%;
	-moz-opacity: 0.65 !important;
	filter: alpha(opacity=65) !important;
	bottom:0;
	top:0;
	position:absolute;
	z-index:10;
}
.fundo_load .g_icon {
	text-align:center;
	z-index:20;
	position:absolute;
	margin-left: auto; 
	margin-right: auto;
	width:100%;
	height:100%;
}
.fundo_load .icon {
	font-size:25px;
	color:#FFF !important;
}
.fa-spinner {
	animation: spin 1.5s linear infinite;
}
#div_menumob{
	z-index:100;
}


/************MENU*******************************/
.pagina_menu{
	flex:1;
	flex-grow: 0;
	flex-shrink: 0;
	background:#282828;
	display:initial;
}
.menu{
	overflow:hidden;
	overflow-y:auto;
	position:fixed;
	height:calc(100vh - 60px);
	background:#282828;
	z-index:20;
}
.menu-mob .menu_exprec{
	display:none;
}
.menu .label{
	opacity:0;
	padding-left:10px;
	margin-top:-4px;
}
.menu a{
	width:calc(100% - 20px);
	display: inline-block;
	padding:0 10px 0 10px;
	display: flex;
	flex-direction: row;
	height:30px;
}
.menu a > .label{
	flex: 1;
	white-space: normal;
	display: flex;
	align-items: center;
}
.menu a > .menu-icon{
	flex-shrink: 0;
	flex-basis: 20px;
	max-width: 20px;
	flex-grow: 0;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.menu a > .arrow{
	display: flex;
	align-items: center;
}

.menu::-webkit-scrollbar {
	width: 10px;
}

.menu::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent
}

.menu::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.5)) !important;
}

.menu::-webkit-scrollbar-corner {
	background-color: transparent;
	border-color: transparent
}


.menu-sm{
	flex-basis: 50px;
	max-width: 50px;
	min-width: 50px;
}
.menu-mob{
	max-width: 200px;
	min-width: 200px;
}
.menu-sm,.menu-sm .menu{
	width:50px;
	transition: all .5s;
}

.menu-sm .label,.menu-sm .arrow{
	opacity:0;
	transition: all .5s;
}
.menu-sm(:not(.menu-sm-hover)) li{
	text-align:center;
	transition: all .5s;
	border:0;
	padding:0;
}
.menu-sm li a{
	/*height:12px;*/
}
.menu-sm li ul{
	display:none;
}


.menu-lg{
	flex-basis: 200px;
	max-width: 200px;
	min-width: 200px;
}
.menu-lg,.menu-lg .menu,.menu-sm-hover .menu{
	width: 200px;
	transition: all .5s;
}
.menu-lg .label,.menu-lg .arrow,
.menu-sm-hover .label,.menu-sm-hover .arrow{
	opacity:1;
	transition: all .5s;
}
.menu-lg li a{
	/*height:12px;*/
}


.menu ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
.menu li{
	
}
.menu li,.menu li *{
	color:#FFF;
}
.menu li a{
	color:#FFF;
	text-decoration:none;
}
.menu li a:hover,.menu-lg .selecionado a{
	background:#08586E;
}
.menu-lg .selecionado a:hover{
	background-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2)) !important;
}
.menu ul li ul{
	display:none;
}

.menu .menu-show{
	background-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2)) !important;
	transition: all .5s;
}
.menu .menu-abs > ul a{
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2)) 1 100%;
}

.menu .menu-show > a .arrow{
	transform: rotate(90deg);
	transition: all .5s;
}


.menu-sm .menu-abs{
	z-index:9999;
}
.pagina_menu .modal{
	background-color: #000;
	opacity: 0;
	width:100%;
	height:100%;
	bottom:0;
	top:0;
	position:fixed;
	z-index:10;	
	transition: all .5s;
	visibility: hidden;
}
.menu-sm-hover .modal{
	visibility: visible;
	opacity: 0.65;
	transition: all .5s;
}
/***********************************************/


/***TABELAS************************************************************/
.dataTable{
	overflow-x:auto;
	box-shadow: 0 6px 6px 0 rgba(32,33,36,0.28);
	table-layout: fixed;
	width:100%;
}
.dataTable .divHeadInterno{
	overflow-x:hidden;
}
.tbDataTable,
.tbHead{
	width: 100%;
	border-collapse: collapse;
}
.tbDataTable,
.tbDataTable td,
.tbDataTable th,
.tbHead th{
	border:1px solid #cecece;
	padding:4px;
}
.tr_header th{
	padding:0 !important;
}
.tr_header th div{
	padding:4px;
}
.tbDataTable .tr_header th *,
.tbHead .tr_header th *{
	color:#FFF;
}
.tbDataTable .tr_header th,
.tbHead .tr_header th,
.dataTable .divHead{
	background:#0d8aad;
	text-align:left;
	font-weight:bold;
	z-index:10;
}

.tbDataTable .filter td{
	background:#e8e8e8;
}
.tbDataTable .filter td .labelForm{
	display:none;
}
.tbDataTable .filter td .grupoForm{
	padding:0;
	margin:0;
}

.tbDataTable .th,
.tbHead .th{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.tbDataTable .th label,
.tbHead .th label{
	flex: 1;
	padding-right:5px;
}
.tbDataTable .th div,
.tbHead .th div{
	flex: 1;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
}
.tbDataTable .th div i,
.tbHead .th div i{
	flex: 1;
	opacity: 0.2;
}
.tbDataTable th.ASC div i.asc,
.tbDataTable th.DESC div i.desc,
.tbHead th.ASC div i.asc,
.tbHead th.DESC div i.desc{
	opacity: 1;
}

.tbDataTable .carregando *{
	color:#CCC;
}
.tbDataTable tfoot td{
	background:#EEE;
}
.dataTable .divHead {
	left:0;
	width:100%;
    opacity: 0;
	visibility: hidden;	
    position: fixed;
	top:45px;
	transition: all .5s;
}
.dataTable .divHead.divHeadShow{
	visibility: visible;
	opacity: 1;
	transition: all .5s;
}
.dataTable .date,.dataTable .datetime{
	text-align:center;
}
.dataTable .int,.dataTable .decimal{
	text-align:right;
}
.tbDataTable th[onClick] *,
.tbHead th[onClick] *{
	cursor:pointer;
}
.tbDataTable th.ordena,
.tbHead th.ordena{
	background:#0A6E8A;
}
.tbDataTable th[onClick]:hover,
.tbHead th[onClick]:hover{
	background-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2)) !important;
}
.tbDataTable tbody tr:hover td{
	background:#c3dce2;
}

.tbDataTable tfoot .td_pages *{
	text-align:center;
}
.tbDataTable tfoot .td_pages .alinh{
	display:table;
	margin:0 auto;
}
.tbDataTable tfoot .tfoot_pages{
	text-align:center;
}
.tbDataTable tfoot .tfoot_pages .page,
.tbDataTable tfoot .tfoot_pages .page *{
	color:#0d8aad;
}
.tbDataTable tfoot .tfoot_pages .page{
	font-weight:bold;
	margin:5px;
	line-height: 40px;
	border:1px solid #0d8aad;
	padding:5px 10px 5px 10px;
	text-decoration:none;
}
.tbDataTable tfoot .tfoot_pages .page.selecionado{
	background:#0d8aad;
	color:#FFF;
}
.tbDataTable tfoot .tfoot_pages .page:hover,
.tbDataTable tfoot .tfoot_pages .page:hover *{
	background:#0A6E8A;
	color:#FFF;
}

.tbDataTable tfoot .tfoot_pages .page.disabled,
.tbDataTable tfoot .tfoot_pages .page.disabled:hover,
.tbDataTable tfoot .tfoot_pages .page.disabled *,
.tbDataTable tfoot .tfoot_pages .page.disabled:hover *{
	background:#DDD;
	color:#999;
	border-color:#999;
}

.tbDataTable .export a i{
	font-size:20px;
}

span.tdBotaoForm{
	display:flex;
	min-width:40px;
}


/***************************************************************/


/******ABAS****************************************************/
abas{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width:100%;
	margin-bottom:20px;
}
abas div{
	flex: 1;
	padding:5px;
	flex-grow: 0;
	white-space: nowrap;
}
abas div.selecionado a{
	border-bottom: 3px solid #08586E;
}
abas div a{
	text-decoration:none;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	transition: border 0.2s ease-out;
}
abas div a:hover{
	border-bottom: 3px solid #0D8AAD;
	transition: border 0.2s ease-out;
}
/**************************************************************/


.menuAcessoItem{
	border:1px solid #CCC;
	border-radius:5px;
	background:#EEE;
	padding:5px;
}

.menuAcessoItem:hover{
	border:1px solid #2196F3;
	background:#83c2d3;
}


/**POPUP*********************************************/
.pp_head,.pp_body,.pp_foot{
	flex:1;
}
.pp_head,.pp_foot{
	flex-grow: 0;
	background:#0d8aad;
}
.pp_body{
	flex-grow: 1;
	overflow:auto;
}

.conteudo_popup{
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:9999;
	position:absolute;
}
.conteudo_popup_item{
	flex: 0;
	background:#FFF;
}
/****************************************************/

/**MSGBOX*********************************************/
.conteudo_msgbox{
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:9999;
	position:absolute;
}
.conteudo_msgbox_item{
	background:#FFF;
	z-index:10000;
}
.msgIcon{
	padding:10px;
}
.msgIcon i{
	font-size:40px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}
.msgTexto{
	padding:10px 10px 10px 0;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

/****************************************************/


.linhas,.colunas{
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	flex-grow: 1;
}
.linhas{
	flex-direction: column;
}
.colunas{
	flex-direction: row;
}
.linhas > *,.colunas > *{
	flex: 1;
}



/*****AJUSTE IPHONE************************/
#pagina .pagina_centro{
	overflow: auto !important;
}