/* -------------------------------------------------------------------------------- */
/*
             ____                                                
		    / __ \___  _________ _____ _____ ___  __  ______ ___ 
		   / /_/ / _ \/ ___/ __ `/ __ `/ __ `__ \/ / / / __ `__ \
		  / ____/  __/ /  / /_/ / /_/ / / / / / / /_/ / / / / / /
		 /_/    \___/_/   \__, /\__,_/_/ /_/ /_/\__,_/_/ /_/ /_/ 
		       

*/
/* -------------------------------------------------------------------------------- */

/*

 =========================================================
 	Pergamum - v10.0
 =========================================================
 
	*	Pergamum 					 
	*	by Bourscheid, Ricardo 	 
	*	2020 						 

*/

/* -------------------------------------------------------------------------------- */
		
/* -- BG  -- */			
		.bannerlogin
			{				
				background-size: cover;
				background-position: center;
			}
		.bkdark70_0			{	background-color: rgba(  0,   0,   0, 0.70);	}	
		.bkmontanha 
			{
			    background-image: url(../../resources/img/montanha.png);
			    background-position: center;
			    background-size: cover;
			}
		.bkloading {
				background-image: url(../../resources/img/loading_default.svg);
			    background-position: center;
			    background-size: 5%;
    			background-repeat: no-repeat;
		}
		.card [data-background-color="filtro"] {		    
			    box-shadow: 
					    0 12px 20px -10px rgba(74 117 130 , 0.3), 
					    0 4px 20px 0px rgba(16 60 93 , 0.1), 
					    0 7px 8px -5px rgba(74 106 130 , 0.2);			
			    background-image: url(../../resources/img/montanha.png) , url(../../resources/img/card_filtro.svg);
			    background-size: 100%;
			    background-position: 0px 50%, center;
			}
		.card [data-background-color="chatbot"] {		    
			box-shadow: 0px 5px 20px 0px rgb(23 56 103 / 50%);
			background: linear-gradient(176deg, #00476c, #91d8f7);
			/*border: 1px solid #76bedd;*/
			}
		.imgFilter
			{
				background-image: url(../../resources/img/filter-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 16px;
			}
		.imgCalendar
			{
				background-image: url(../../resources/img/calendar-alt-regular.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 16px;
			}
		.imgTimes
			{
				background-image: url(../../resources/img/times-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgPencil
			{
				background-image: url(../../resources/img/pencil-alt-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgTimesBranco
			{
				background-image: url(../../resources/img/times-solid_branco.svg);
			    background-position: 7px;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgCheckBranco
			{
				background-image: url(../../resources/img/check-solid_branco.svg);
			    background-position: 7px;
			    background-repeat: no-repeat;
			    background-size: 12px;
			    padding: 6px 8px;
			}
		.imgPlus
			{
				background-image: url(../../resources/img/plus-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 18px;
			    padding: 6px 8px;
			}
		.imgIdcard
			{
				background-image: url(../../resources/img/id-card-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 20px;
			    padding: 6px 8px;
			}
		.imgImage
			{
				background-image: url(../../resources/img/image-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 20px;
			    padding: 6px 8px;
			}
		.imgEntrada
			{
				background-image: url(../../resources/img/arrow-right-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 15px;
			    padding: 6px 8px;
			}
		.imgSaida
			{
				background-image: url(../../resources/img/arrow-left-solid.svg);
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: 15px;
			    padding: 6px 8px;
			}
/* -- .BG  -- */		

/* -- MARGIN -- */
		.mgeral-5		{	margin: -5px;	}
/* -- .MARGIN -- */

/* -- CARD -- */
		.card 	
			{
			    display: inline-block;
			    position: relative;
			    width: 100%;
			    margin: 20px 0 5px 0;
			    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.05);
			    border-radius: 3px;
			    background: #fff;
			    border: 1px solid rgba(0,0,0,.05) !important;
			}
		 .card .card-header .title 
		 	{
		    	color: #FFFFFF;
			}
		
		.card [data-background-color="chatbot"] 
			{
			    
			}
		
		h4 	
			{
			    font-size: 1.3em;
			    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
		    	font-weight: 300;
		    	line-height: 1.1;
		    	margin-bottom: -5px;
			}
		.cardVazio .card-header, .card .card-header 
			{	   
			    margin: -20px 15px 12px 15px;
			    border-radius: 3px !important;
			    padding: 3px 10px 5px 10px;	    
			}
		.card [data-background-color] 
			{
			    color: #FFFFFF;
			}
		.card-header 
			{	   
			    border-bottom: 1px solid rgba(0,0,0,.125);
			}
		.card .title 
			{
			    margin-top: 0;
			    margin-bottom: 0px;
			}
/* -- . CARD -- */

/* -- ESTRUTURAS -- */
		.canto_inclinado
			{
				transform: skewX(-12deg); 
				margin: -0 -90px 0 90px;
			}
		[data-simplebar] {
		      overflow: auto;
		    }
		.numeroAlertas {
			width: 26px;
		    height: 26px;
		    position: absolute;
		    margin-top: -8px;
		    margin-left: -8px;
		}
		.numeroAlertasChat {
			width: 26px;
		    height: 26px;
		    position: absolute;
		    margin-top: -74px;
		    margin-left: 61px;
		}
		.btnFooterMarc {
			position: fixed;
			bottom: 10px;
			right: 300px;
			z-index: 5;
		}
		.fixedFooter {
			position: fixed;
			bottom: 0px;
			left: 0px;
			right: 0px;
			z-index: 5;
		}
		.teste .z-popup-content{
			background-color: rgba(0,0,0, 0.7);
		}
		.btnLabelView .label
			{	display: inline-block;
			    transition: All 0.4s ease;
			    width: 0px;
			    overflow: hidden;		
			}
		.btnLabelView:hover .label 	
			{	display: inline-block;
			    transition: All 0.4s ease;
			    width: auto;
			    overflow: inherit;		
			}
			
		.excluirhover i{
				opacity: 0;
				transform: translateY(-40px);
			}
		.excluirhover:hover i{
				transition: All 0.4s ease;
				opacity: 1;
				transform: translateY(0px);
			}
		.excluirhover {
				transition: All 0.4s ease;
			}
		.excluirhover:hover {
				transition: All 0.4s ease;
				background-image: none !important;
				background-color: #F00 !important;
			}
		.opcionalAzul:after {
				content: var(--opcional);
				margin-left: 2px;
				font-size: 12px;
				color: rgba(var(--azul),1);
				font-weight: 500;
			}
		.filterChatBot {
				filter: blur(20px);
			}
		.cantoDireita{
				margin: -16px -34px 0 0px;
			}
		.cantoEsquerda{
				margin: -16px 0px 0px -34px;
				transform: rotateY(180deg);
			}
		.btnStatus button{
				min-width: 410px;
			}
		.posicaoAlertaAtendimento{
				margin: 17px 0 13px -74px; /* 14px 0 0 -60px; */
			}
		#idRoboFlutuante {
				cursor: pointer;
			}

		.listaChatBot {
				.z-listitem {
					    background: #474646;
						border-bottom: rgba(255,255,255, 1) solid 1px;
					}
		.z-listcell-content 								{		color: rgba(255,255,255, 0.7);	}
		.z-listitem.z-listitem-selected>.z-listcell			{ 	  	background:rgba(0,0,0, 0); 		}
				tr:nth-child(even).z-listitem.z-listitem-selected  	{ 	   	background: rgb(60, 60, 60); 		}
				tr:nth-child(odd).z-listitem.z-listitem-selected  	{ 	   	background: rgb(57, 83, 91); 		}
				.z-listitem:hover>.z-listcell 						{	   	background: rgb(0, 128, 255);		}
				.z-listitem:hover>.z-listcell>.z-listcell-content 	{      	color: #FFF;						}
				tr:nth-child(even).z-listitem.z-listitem-selected 	{		background: rgba(0,0,0,0);		}
				.z-listitem.z-listitem-selected>.z-listcell>.z-listcell-content, .z-listcell-content, .z-footer-content { color: #FFF !important; }
			}
		.lh30 {
				line-height: 30px;
			}	
		.perfilChatBot {
				background-image: url(../../resources/img/chatbot_assistente_perfil.svg); 
				background-size: cover;
			}
			
		.perfilChatBotManual {
				background-image: url(../../resources/img/chatbot_assistente_perfil_manual.svg); 
				background-size: cover;
			}

		.positionMap-25 {
			transform: translate(-25%, -25%);
		}
		.positionMap-0 {
			transform: translate(0%, 0%);
		}
		.scaleMap-05 {
			transform: scale(0.5);
		}
		.scaleMap-1 {
			transform: scale(1);
		}
		.excluirhover i{
			opacity: 0;
			transform: translateY(-40px);
		}
		.excluirhover:hover i{
			transition: All 0.4s ease;
			opacity: 1;
			transform: translateY(0px);
		}
		.excluirhover {
			transition: All 0.4s ease;
		}
		.excluirhover:hover {
			transition: All 0.4s ease;
			background-image: none !important;
    		background-color: #F00 !important;
		}
		.ajuda {
			width: calc(100% - 40px) !important
		}
/* -- .ESTRUTURAS -- */


/* -- ANIMACAO CHATBOT -- */
		.scale-up-ver-center {
	        animation: scale-up-ver-center 1.2s ease-in-out alternate-reverse backwards;
			animation-iteration-count: 5;			
		}
		#idRoboFlutuante:hover .scale-up-ver-center {
			animation-iteration-count: infinite;								
		}

		.opcoes {
		    display: none;
		    position: absolute;
			right: 0px;
			top: 50px;
			z-index: 1;
		}

		.meuBotao:hover + .opcoes,
		.opcoes:hover {
		    display: block;
		}

		.opcoes button {
		    display: block;
		}

		.opcoes button.opcao {
		    cursor: pointer;
		}

		.perfilNomeLetras{
			background-image: url(../../resources/img/perfilNomeLetras.svg);
			background-size: cover; 
		}

		
						
		@keyframes scale-up-ver-center {
		  0% {
			transform: translateY(0px) scaleY(1) ;
		  }
		  90% {
		  			transform: translateY(0px) scaleY(1) ;
		  		  }
		  100% {
            transform: translateY(80px) scaleY(0.1) ;
		  }
		}

/* -- .ANIMACAO CHATBOT -- */


/* -- COMPONENTES - JSP -- */
		select,
		input[type=text],
		input[type=password],
		input[type=date]
			{
				padding: 8px;
			    font-size: 14px!important;
			    font-weight: 300;
			    border: none;
			    background: #FFF;			    
			    border-radius: 5px;
			    /*width: 100%;*/
			    margin-top: 2px!important;
			    border-style: solid ;
			    border-color: rgb(0 0 0 / 15%);
			    border-width: 1px;
			}	
		input:read-only
			{
				background-color:rgb(0 0 0 / 6%);
			}
		textarea {
			border-style: solid;
			border-color: rgb(0 0 0 / 15%);
			border-width: 1px;
		}
		#id_calendar,
		#id_cor_marc,
		#id_login,
		#id_lider,
		#id_pesquisa_autoridade_sub,
		#id_tesauro,
		#layer_rfidbrasil,
		#id_tableAfastamento,
		#id_titulo_transf,
		.layer_jsp,
		.layer_jsp_z18,
		#id_historico_marc,
		#id_area,
		#id_uo,
		#id_situacao,
		#id_importacao_lista,
		#id_tela_cheia,	
		#div_inclusao_exemplares,
		#id_motivoColecaoExemplar,
		#id_arvore,	
		#id_vinculos_kardex,
		#id_acervo_nao,
		#id_CCN,
		#id_historico_acervo,
		#id_complemento_mostrar,
		#id_complemento,
		#id_ordenar_campo,
		#id_alterar_campo,
		#id_remissivas
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(0 0 0 / 0.8);
				visibility: hidden;
				left: 0px;
				top: 0px;
				overflow-y: auto;
			}
			
		#id_duplicatas_kardex
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:100;
				background: rgba(0 0 0 / 0.8);
				visibility: hidden;
				left: 0px;
				top: 0px;
				overflow-y: auto;
			}
		
		.divIncluirSubCampo,
		#id_selecao_titulo,
		#id_devolucao,
		#id_emprestimo,
		#idAlertas,
		#div_wrapper_pagamento
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(0 0 0 / 0.8);
				left: 0px;
				top: 0px;
				padding: 20px;
			}
		.divIncluirSubCampo,
		#id_selecao_titulo,
		#id_devolucao,
		#id_emprestimo,
		#idAlertas,
		#div_wrapper_questionario
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(0 0 0 / 0.8);
				left: 0px;
				top: 0px;
				padding: 20px;
			}
		#idNovidadesVersao
			{
				position:fixed !important;
				width:100%;
				height:100%;
				z-index:99;
				background: rgba(255 255 255 / 0.9);
				left: 0px;
				top: 0px;
				padding: 20px;
			}
		/*#id_arvore {
				position:absolute;
				left:363px;
				top:85px;
				width:400px;
				height:250px;
				z-index:75;
				background:  rgba(0 0 0 / 0.8);;
				padding: 5px;
				visibility: hidden;
				overflow: auto;
			}*/
		.janela_etiquetas {
				padding: 10px;
			    height: 140px;
			    overflow: auto;
			    background-color: #FFFFFF;
			    border: solid #CCC 1px;
			    border-radius: 5px;
			}	
		.tab_marc_tamanho {
				height: 250px;
				width: 100%;
				border: none;				
				overflow: auto;
				padding: 2px;
			}	
		textarea	{	line-height: 1.3em  !important; 	}	
		
		.ui-accordion .ui-accordion-content {	padding: 5px!important; 	}

		.excluirhoverimg i{
			opacity: 0;
			transform: translateY(-40px);
			
		}
		.excluirhoverimg:hover i{
			transition: All 0.4s ease;
			opacity: 1;
			transform: translateY(0px);
			
		    left: 145px;
		    top: 85px;
		}
		.excluirhoverimg:hover video{
			opacity: 0;
			transition: All 0.4s ease;
		}
		.excluirhoverimg {
			transition: All 0.4s ease;
		}
		.excluirhoverimg:hover {
			transition: All 0.4s ease;
			background-image: none !important;
    		background-color: #000 !important;
		}
		
		
		.ajuda { width: calc(100% - 31px);	}
		
		
		.meioAlerta{			
			margin: 50px auto auto auto;
			/* width: auto; */				
			border: 5px rgba(var(--ceu), 0.3) solid;
			border-radius: 5px;
			background-color: #FFF;			
			
			-webkit-box-shadow: 0 0 5px 2px #333;
			box-shadow: 0 0 5px 2px #333;
		}
		
		.meioAlerta .topoLayer{	
			padding: 10px;
			/*border-radius: 5px 5px 0px 0px;*/
			box-shadow: 0 12px 20px -10px rgba(var(--ceu), 0.3), 0 4px 20px 0px rgba(var(--ceu), 0.1), 0 7px 8px -5px rgba(var(--ceu), 0.2);
		    background: url(../../resources/img/montanha.png) , url(../../resources/img/card_tema.svg) , rgba(var(--ceu),1);
		    background-size: 100%;
		    background-position: 0px 50%, center;
			color: #FFF;
			font-weight: bold;	
			font-family: verdana;
			font-size: 12px;
		}
		
		.container.tabela .row:nth-child(odd) {		background-color: rgba(0,0,0, .03)	}
		
		.w300 	{	width: 300px						}
		.movX1 	{	transform: translateX(-270px);		}
		.ml-220 {	margin-left: -260px					}
		.ml-390 {	margin-left: -390px					}
		.txtLateral, 
		.txtLateral2,
		.txtLateral3  {	
			transform: rotate(270deg);
		    position: absolute;
		    margin-top: 90px;
		 }
		.txtLateral 	{	margin-left: -15px;		 }
		.txtLateral2 	{	margin-left: -5px;		 }
		.txtLateral3 	{	margin-left: -8px;		 }
				
/* -- .COMPONENTES - JSP -- */



/* -- MENU -- */
		.menuOut 	{	transform: translateX(-380px); opacity: 0;	}
		.menuIn 	{	transform: translateX(0px); opacity: 1;	}
/* -- .MENMU -- */

/* -- INPUT CARACTERE POR CARACTERE - CONFIRMA��O DE C�DIGO P/ TROCAR SENHA -- */
		input.inputCodigoSenha {
			display: block !important;
			border: none !important;
			padding: 0 !important;
			width: 10.5ch !important;
			background: repeating-linear-gradient(90deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 10ch 2px no-repeat !important;
			font: 5ch droid sans mono, consolas, monospace !important;
			letter-spacing: 0.5ch !important;
			box-shadow: none !important;
		}
		input.inputCodigoSenha:focus {
			outline: none !important;
			color: dodgerblue !important;
		}		
/* -- .INPUT CARACTERE POR CARACTERE - CONFIRMA��O DE C�DIGO P/ TROCAR SENHA -- */

/* -- INPUT GERAL � JSP POR EXEMPLO -- */
		input:focus,
		input[type=text]:focus
			{				
				box-shadow: inset 0px -2px #419F42,  0px 2px 4px 0px rgba(76, 175, 80, 0.28) !important;
				
			}
			
/* -- .INPUT GERAL � JSP POR EXEMPLO -- */	

/* -------------------------------------------------------------------------------- */
/* --- MEDIAS QUERY --- */

	@media (min-width: 576px) 
		{ /*...*/ }
	
	
	@media only screen and (max-width: 768px) 
		{ /*...*/ }
		
	@media only screen and (max-width: 991px) 
		{ /*...*/ }
		
	@media (min-width: 992px) 
		{ /*...*/ }
	
	@media (min-width: 1200px) 
		{ /*...*/ }
		
/* --- .MEDIAS QUERY --- */
/* -------------------------------------------------------------------------------- */	




/* -------------------------------------------------------------------------------- */
/*
			 
		   ____     __       __
		  / __ \   / /  ____/ /
		 / / / /  / /  / __  / 
		/ /_/ /  / /  / /_/ /  
		\____/  /_/   \__,_/   
			                 			                 
                 
*/                 
/* -------------------------------------------------------------------------------- */

/* --- tabelas --- */
		.borda_tab_tp,
		.borda_tab_10,		
		.borda_tab {			
				font-size: 14px;
				color: #666666;
				border-width: 1px;
				border-style: solid;
				border-top-color: #FFFFFF;
				border-right-color: #FFFFFF;
				border-bottom-color: #C6DCE3;
				border-left-color: #C6DCE3;			
				vertical-align: middle;
				padding: 5px 0px;
				font-weight: 400;
			}
		.divTxt			{	font-weight:  700;		font-size: 14px;		}
		.borda_tab_10_write {			
				font-size: 12px;
				color: #666666;
				border-width: 1px;
				border-style: solid;		
				border-top-color: #FFFFFF;
				border-right-color: #FFFFFF;
				border-bottom-color: #CCCCCC;
				border-left-color: #CCCCCC;
				padding: 5px 0px;
				/*height: 30px;*/
				vertical-align: middle;
				background-color: #f7f7f7;
				font-weight: 400;
			}
		.divFoto img, .img_capa_zk	{	width: 80px;	}
		.gridZK{
			border: 1px solid #CFCFCF;
			padding: 3px;
			margin: 10px 0px 0px 0px;
			border-radius: 2px;
		}
		.gridZK th{
			background: linear-gradient(to bottom, #FEFEFE 0%, #EEEEEE 100%);
			font-weight: 900;
			border:1px solid #CFCFCF;
		}
		.gridZK th, 
		.gridZK td 
			{
				font-family: 'Roboto', serif !important;
    			font-size: 14px;
    			color: rgba(0,0,0,.8);
    			padding: 4px 5px;
			}	
		.gridZK tr:nth-child(even) 	{	background: #f7f7f7;}
		.gridZK tr:nth-child(odd) 	{	background: transparent;}
		
		.important_box_branco 
			{
			    border: none !important;
			    color: #ffffff !important;
			    width: 1px !important;
			    background-color: #FFFFFF !important;			    
			    display: none;
			}
/* --- tabelas --- */

/* --- aba --- */
		.aba_ativa,
		.aba_inativa
			{
				font-family: 'Roboto', serif !important;
				width: 150px;
				font-size: 14px;
				font-weight: 700;
				text-align: center;
				border-style: solid solid none solid;
				margin-right: 5px;
				border-radius: 5px 5px 0 0;
			}
		.aba_ativa {
			color: #FFFFFF;
			background-color: #00B394;
			border-width: 3px;
			border-color: #00B394;			
			padding: 7px 2px;
		}
		.aba_inativa {
			color: #333333;
			border-width: 1px;
			border-color: #c0c0c0;
			background-color: #CCCCCC;
			padding: 5px 2px;
		}
		.box_ativo {
			border-style: solid;
			background-color: #FFFFFF;
			border-width: 3px;
			border-color: #00B394;
			border-radius: 2px;
		}
/* --- .aba --- */

/* --- bot�es --- */
		.btn_link_agenda{
			width: 15px;
			height: 10px;
			cursor: pointer;
			background-color: #0000cd;
			border-style: none;
		}
		.btn_link_agenda:hover{
			background-color: #32cd32;
		}
/* --- bot�es --- */

/* --- checkbox --- */		
	    input[type=radio],
		input[type=checkbox] {
         	position: relative;
	       	cursor: pointer;
	       	margin-right: 10px;
	    }
	    input[type=radio]:before {
	        content: "";
		    display: block;
		    position: absolute;
		    width: 20px;
		    height: 20px;
		    top: 0;
		    left: 0;
		    border: 2px solid #555555;
		    border-radius: 3px;
		    background-color: white;
		    margin-top: -2px;
		    border-radius: 50%;
		}
	    input[type=checkbox]:before {
	        content: "";
		    display: block;
		    position: absolute;
		    width: 20px;
		    height: 20px;
		    top: 0;
		    left: 0;
		    border: 2px solid #555555;
		    border-radius: 3px;
		    background-color: white;
		    margin-top: -2px;
		}
		input[type=radio]:checked:after,
	    input[type=checkbox]:checked:after {
	         content: "";
		     display: block;
		     width: 6px;
		     height: 10px;
		     border: solid black;
		     border-width: 0 2px 2px 0;
		     -webkit-transform: rotate(45deg);
		     -ms-transform: rotate(45deg);
		     transform: rotate(45deg);
		     position: absolute;
		     top: 1px;
		     left: 7px;
		}
		input[type=radio]:checked:disabled:after,	
		input[type=checkbox]:checked:disabled:after {
	         content: "";
		     display: block;
		     width: 6px;
		     height: 10px;
		     border: solid rgba(0,0,0,.5);
		     border-width: 0 2px 2px 0;
		     -webkit-transform: rotate(45deg);
		     -ms-transform: rotate(45deg);
		     transform: rotate(45deg);
		     position: absolute;
		     top: 1px;
		     left: 7px;
		}		
		input[type=checkbox]:disabled:before {
	         content: "";
		     display: block;
		     position: absolute;
		     width: 20px;
		     height: 20px;
		     top: 0;
		     left: 0;
		     border: 2px solid #777;
		     border-radius: 3px;
		     background-color: #CCC;
		     margin-top: -3px;
		     cursor: no-drop;
		}
		input[type=radio]:disabled:before {
	         content: "";
		     display: block;
		     position: absolute;
		     width: 20px;
		     height: 20px;
		     top: 0;
		     left: 0;
		     border: 2px solid #777;
		     border-radius: 3px;
		     background-color: #CCC;
		     margin-top: -3px;
		     cursor: no-drop;
		     border-radius: 50%;
		}
/* --- .checbox --- */

/* --- menu --- */
		.bt_menu_sub2,
		.bt_menu_sub3,
		.bt_menu_sub4{
				font-family: 'Roboto', serif !important;
    			font-size: 14px;
    			color: rgba(0,0,0,.7); 
    			display: block !important;
    			padding: 2px;   
    			border-radius: 2px;			
			}
		.bt_menu_sub2
			{
				font-weight: 900;
				margin-top: 10px;
				padding-top: 10px;
				border-top: 1px solid rgba(0,0,0,.1);
			}
		.bt_menu_sub3
			{
				font-weight: 700;
				padding-left: 30px;
			}
		.bt_menu_sub4
			{
				font-weight: 500;
				padding-left: 60px;
			}
		.bt_menu_sub2:hover,
		.bt_menu_sub3:hover,
		.bt_menu_sub4:hover{
				/*text-decoration: underline;*/
				background: rgba(0,0,0,.7);
				color: #fff;
				transition: All 0.4s ease; 			
			}
/* --- .menu --- */

/* --- classes da tela relat�rio --- */
		.janela_relatorio_check
			{
				height: 200px;
				overflow: auto;
				border: 1px solid rgba(0,0,0,.1);
				padding: 5px; 
				font-size: 14px; 
				margin: 5px 5px 0 5px;
			}
		.janela_relatorio_check .tab_relatorio2:nth-child(even),
		.janela_relatorio .tab_relatorio2:nth-child(even) 			
			{	background: #f7f7f7;		padding: 2px 0 2px 10px;		}
		.janela_relatorio_check .tab_relatorio2:nth-child(odd),
		.janela_relatorio .tab_relatorio2:nth-child(odd) 			
			{	background: #fff;			padding: 2px 0 2px 10px;		}	
		

		#id_tela_relatorio table:nth-child(even) 		{	background: #f7f7f7;	margin: 2px 0;		}
		#id_tela_relatorio table:nth-child(odd) 		{	background: #fff;	  	margin: 2px 0;		}
		#id_tela_relatorio table td 					{	padding: 5px;		}
		
		.janela_relatorio,
		.janela_relatorio9
			{
				border: 1px solid rgba(0,0,0,.1);
				padding: 5px; 
				font-size: 14px; 
    			margin: 5px 5px 0 5px;
    			height: 200px;
				overflow: auto;
			}
		
		 u {
		/* --- 	text-decoration: none;  --- */
		 		font-family: 'Roboto', serif !important;
    			font-size: 14px;
    			color: rgba(0,0,0,.7);
    			margin-left: 5px;
		 	}
		 	
		 .tab_relatorio2 label
		 	{
		    	margin-bottom: 0rem;
		 	}
/* --- .classes da tela relat�rio --- */

/* --- topo MODAL JSP --- */
		.header-modal-jsp	{		    
		    margin: -49px -5px 0px -5px;
		    font-size: 15px;
		    font-weight: 500;		    
		    color: #FFF;
		    padding: 5px 5px 5px 10px;
		}		
/* --- topo MODAL JSP --- */


.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-rotate-45-neg {
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}