/* html,body{ overflow:hidden ; }*/


#mascara, #subMascara { z-index:5000; height:3500px; width:3500px; opacity:0.6; background-color:#000000; position:fixed; top:0px; left:0px; display:none;   }

#modal {  width: calc(100% - 200px); max-width:1200px; background-color:#FFF; position: fixed;  top:10px; margin: 0 auto;
  left: 0; right: 0; z-index:5100;   display:none; }

#subMascara{
	z-index: 5150;
}

#subModal {  
	width: calc(100% - 400px); 
	max-width: 700px; 
	background-color: #FFF; 
	position: fixed;  
	top: 150px; 
	margin: 0 auto;
  	left: 0; 
  	right: 0;
  	bottom: 50px; 
  	z-index: 5200;   
  	display: none; 
}




/* menus */



.card-header .menu-grid{
	
	 line-height:30px; 
	
	
}

.card-header .menu-grid a{
	height:30px; display:inline-block; 	 padding-left:10px; padding-right:10px; 
	
	}

.card-header .menu-grid a:hover{
background-color:#DDD; 
}

.card-header .menu-grid img{
	 margin-right:5px; 
}

.card-hub-item{
	padding:15px;
	width:auto;
	display:table;
	width: 100%;
	transition: background-color 0.5s;
}

.card-hub-item:hover{
	background-color:#FFFADD;
	cursor:pointer;
	text-decoration:underline;
	}

.card-hub-item img{
	margin-right:10px;
}


.menu-modal .menu-grid a:last-child{
	float:right;
	margin-right:15px; 
}

.menu-modal-topo{
	width:100%;
	background-color:#718BBB; /*#70A2BA; */
	height:40px;
}

.menu-modal-fechar{ float:right; color:#FFF; margin-top:10px; cursor:pointer; }
.menu-modal-fechar:hover{ color:#CCCCCC; } 


.menu-modal .menu-grid{
 /* background: linear-gradient(to bottom, #e1e1ef 0%,#e1e1ef 49%,#D0D0E6 50%,#e1e1ef 100%); */
	width:100%;
/* 	border-bottom:1px solid #B3B3D7 ; */
	height: 45px; line-height:45px;
	background-color:#F1F4F9;
	
	background: linear-gradient(to bottom,#DFE5F0 0%,#DFE5F0 50%,#CFD8E9 50%,#DFE5F0 100%); 
	
}



.menu-separador{
	border-left:1px solid #BBC8DF;
	border-right:1px solid #FFF;
	height:18px;
	margin-bottom:14px;
	display:inline-block;
	}

.menu-separador-grid{
	
	border-left:1px solid #BBC8DF;
	border-right:1px solid #FFF;
	display:inline;	
	}
	
	
	
	
.menu-item{ height:44px; width:auto; display:inline-block; cursor:pointer; padding-left:15px;  } 

.menu-item:hover{ 
background: linear-gradient(to bottom, #FFFFCB 0%,#FFFFCB 50%,#FAF896 50%,#FFFFCB 100%); 


 }
/*.menu-item:hover a{ color:#FFFFFF !important }*/

/* datatable */
 #table_datagrid mark{background:moccasin !important ;color:black !important;}

.table .even{ background-color:#F8F8F8;	 }
 
.dataTables_filter{ float:right; } 
 
 #table_datagrid_filter{ display:none; }
 
 #filtro_datatable{ 
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
} 
 
 
 
.form-control-search{

	margin:0px !important;
	margin-left:5px !important; 
    font-family: "PT Sans", sans-serif;
    padding: 5px;
    border-color: #ccc;
    color: #74708d;
  
    font-size: 1rem;
    line-height: 1.25;
	border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;	
	
}

.form-control-pequeno{
	width:80px !important; display:inline !important;
	
}

.data_table_filter{ width:300px; position:absolute; z-index:5010; top:5px;  }

/* modal */


.modal_content{ width:100%; height:auto; 
/* background: linear-gradient(to bottom, #f8f8f8 0%,#CECEE8 100%);  */
background-color:#F1F4F9;
}

.modal_content_submenu{ width:170px; height:auto; display:inline-block; padding:10px; margin:10px; 
/*border-right:1px solid #CCCCCC; */
text-align:center; overflow:auto; padding-right:0px; }

.modal_content_submenu ul{ padding:0px; margin:0px; list-style:none; text-align:left; padding-top:25px;   }


.modal_content_submenu span{ margin-right:10px; }


.modal_content_submenu li{ text-decoration:none; text-align:left; padding:5px; border-radius:4px; cursor:pointer; }

.modal_content_submenu .selecionado{ font-weight:bold; background-color:#FFFFFF !important;}

.modal_content_submenu li:hover{ background: linear-gradient(to bottom, #FFFFCB 0%,#FFFFCB 50%,#FAF896 50%,#FFFFCB 100%);  }


.modal_content_form{ width:calc(100% - 194px);  max-width:1250px;  display:inline-block; height:auto; vertical-align:top;margin-top:10px; overflow:auto; padding:20px;  background-color:#FFFFFF; border-radius:4px; 

	border:1px solid #E1E1E1;
}

.modal_content_form_tudo{ 
	width: 100%;  
	max-width: 1250px;  
	display: inline-block; 
	height: auto; 
	vertical-align: top;
	overflow: auto; 
	padding: 20px;  
	background-color: #FFFFFF; 
	border-radius:4px;   
	}



.modal_content_form table{
padding:0px; margin:0px; table-layout:fixed; width:100%; 

}

.modal_content_form table tr{
	vertical-align:baseline;
	}


/* tabela da modal */

.modal_content_form table td{ height:35px;}


.modal_content_form table td:nth-child(1), .modal_content_form table td:nth-child(4) {
   color:#7E7E7E; }


/* sub titulos da modal */

.sub_titulo {  padding-top:10px; margin-bottom:10px; border-bottom:1px solid #CFD8E9;  }

.modal_title{  font-size:1.1rem;  color:#6EA1B9; margin-top:10px; display:block; }

.modal_content_form .modal_status{ float:right; }

.modal_content_form .modal_title2{ font-size:1.1rem;  }

/* configurar alguns inputs */

.modal_content_form  textarea{ margin-bottom:8px; }



/* tabela de alicotas */
.tabela_alicotas{  border:1px solid #ccc; border-radius:.25rem; margin:5px; }
 
.tabela_alicotas th{ border-bottom: 1px solid #CCC; padding:5px; background-color:#F3F3F3; text-align:center; }
.tabela_alicotas td{ padding:5px; text-align:center; background-color: transparent !important; }
 
/* tabela de nve */
.tabela_nve td , .tabela_nve th {  text-align:left !important;  }

.informacoes_ncm{

	 width:100%; border:1px #CFD8E9 solid; padding:10px; background-color:#EBEFF5; border-radius:.25rem;
 }
 
 
 /* link de lookup */
 .link_lookup{ color:#0275d8 !important; text-decoration:underline;  }

 /*Div limita a tela*/
 .limitaTela{
 	width: 100%;
 	max-width: 1300px;
 }

 hr.margin2{
 	margin: 2rem 0;
 }

 .subTitulo{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
 }
 .marginB{
 	margin-bottom: 15px;
 }

 
 .cat_subtitulo{ display:inline-block; }
 
 #frmNomeEmpresa{ display:inline-block; } 

 .select2-container{
 	z-index: 5300;
 }

 #itensNotificacao{
 	overflow-y: auto;
 }

.icone-fechar{
	color: rgb(29, 179, 29);
    cursor: pointer;
    font-size: 13px;
	margin: 5px;
	z-index: 100;
	position: relative;
	float: right;
}

.obrigatorio{ color: #e24b4b; }

@keyframes rodarIcone {
    0%{
    	transform: rotateZ(0deg);
    }
    100%{
    	transform: rotateZ(360deg);
    }
}

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

@-moz-keyframes rodarIcone {
    0%{
    	-moz-transform: rotateZ(0deg);
    }
    100%{
    	-moz-transform: rotateZ(360deg);
    }
}

@-ms-keyframes rodarIcone {
    0%{
    	-ms-transform: rotateZ(0deg);
    }
    100%{
    	-ms-transform: rotateZ(360deg);
    }
}


@-o-keyframes rodarIcone {
    0%{
    	-o-transform: rotateZ(0deg);
    }
    100%{
    	-o-transform: rotateZ(360deg);
    }
}

#table_datagrid_length {
	text-align: center;
    color: #514d6a;
}

#table_datagrid_length [name=table_datagrid_length] {
	text-align: center;
	color: #74708d;
	border: 1px solid #ccc;
	background-color: #FFF;
	border-radius: 4px;
	padding-left: 5px;
}

.notifica {
	width: 100%;
	padding: 1rem;
	margin: 4px;
}

.notifica.aviso.title,
.notifica.aviso.text {
	padding: 0;
	margin: 0;

	box-sizing: border-box;

	margin-bottom: 5px;
}

.notifica.aviso.title {
	color: #b29b6a;
	font-size: 1.25rem;
}

.notifica.aviso.text {
	color: #beac87;
	font-size: 1.15rem;
}

.notifica.aviso {
	background-color: #f8f3d6;
}