/*************************************************************************************** 
 * Inicio-Classes CSS disponibilizadas 'a todas as views                               *
 *                                                                                     *
 */

/*
 * Secao e Artigo : Composicao das grandes areas das paginas
 *
 * Nota: Comente a opcao nao utilizada
 */ 
  
	/* Opcao A -> "Fluir" Ocupar toda a tela */
	html body /* .linha, */ html body section, html body div.secao{
		width         : 100%;
		padding-left  : 0;
		padding-right : 0;
	} 
	
	html body /* .coluna, */ html body section>article, html body div.artigo{
		width         : 95%;
		margin        : 0 auto;
		padding-left  : 0;
		padding-right : 0;
	}
	
	html body /* .coluna .coluna, */ html body section>article article, html body div.artigo .artigo{
		margin-left   : 0;
		margin-right  : 0;
	}
	/* Fim - Opcao A */ 

	/* Opcao B -> "Fixar" -> Nao ultrapassar "1024" */
	/*html body .linha, html body section, html body div.secao{
		min-width     : 990px;
		width         : 100%;
		padding-left  : 0;
		padding-right : 0;
	}
	
	html body .coluna, html body section>article, html body div.artigo{
		width         : 990px;
		max-width     : 990px;
		margin        : 0 auto;
		padding-left  : 0;
		padding-right : 0;
	}*/
	/* Fim - Opcao B */

	/* Estilo-Compartilhado */
	section, div.secao{
	    /* padding   : 120px 0; */
	    /* padding   : 90px 0; */
		padding: 60px 0;
	    display   : block;
	    clear     : both;
	    text-align: left;
	}
	
	section>article, div.artigo{
	    display: table;
	}
	
	/** Correcao para o firefox o campo senha ja estava sendo carregado com focus vermelho. **/
	input:required {
    	box-shadow:none;
	}

/*
 * Navegacao do sistema 
 */
	/* .breadcrumb {
	    padding: 12px;
	    padding-left: 63px;
	    background: #EEEEEE;
	}
	
	.breadcrumb a {
	    color: #777777;
	}
	
	.breadcrumb a:hover {
	    color: #333333;
	    text-decoration: none;
	}
	
	.breadcrumb i.icon-home {
	    margin-right: 5px;
	    font-size: 14px;
	    color: #777;
	}
	
	Ajustes para o Apps
	.breadcrumb{
		width        : 100%;.
		padding-left : 0;
		text-align   : left;
		font-size    : 13px;
	}
	
	.breadcrumb .links{
		display : block;
		width   : 95%;
		margin  : 0 auto;
	}
	
	.breadcrumb a, .breadcrumb span{
		text-decoration : none;
		color           : #777777;
		cursor          : pointer;
	} */
	
	/* .history-bar {
	    height: 35px;
	    padding: 8px 20px;
	    position: fixed;
	    top: 60px;
	    background-color: #ededed;
	    z-index: 1;
	    width: 100%;
	}
	
	.history-bar ul {
    	padding: 0 20px;
	}
	
	.history-bar li {
    	float: left;
    	margin-right: 5px;
	}
	
	.history-bar li:last-child {
    	margin-right: 0;
	} */

	.history-bar li:last-child {
		font-weight: normal;
	}

	.history-bar li a:last-child {
    	font-weight: bold;
	}

/*
 * Barra de mensagem : Area onde as mensagens de excecoes e avisos sao apresentadas
 */ 

	div.barra-mensagem{
	    display: block;
	    clear: both;
		margin-top: -25px;
		min-width: 990px;/*999px*/
	    width: 100%;
	    padding: 20px 70px; /* 10px 0 */
		text-align: left;	    
	    background-color: #f0f0f0;
	}
	
	div.barra-mensagem .msg-erro, div.barra-mensagem .msg-aviso{
		overflow: auto; /*display   : table;*/
		/* width: 990px;
		width: 95%;
	    margin: 95px 40px auto; */
	    text-align: left;
	}
	
	div.barra-mensagem .msg-titulo{
		font-size: 16px;
		color: #990000;
	}
	
	div.barra-mensagem .msg-botao{
		float: right;
		color: #3aa495;
		text-decoration: none;
		cursor: pointer;
		font-size: 16px;	
	}
	
	div.barra-mensagem .msg-texto{
		font-size: 16px;
		color: #3aa495;
		margin-top: 20px;
	}
	
/*
 * Barra de rodape
 */
	 
	 /* Inicio - Fixo em baixo independente do conteúdo da tela */
	.rodape {
		background-color: #EEE;
		bottom: 0;
		color: #666666;
		font-size: 0.85em;
		padding: 15px 0;
		position: absolute;
		width: 100%;
		z-index: 1001;
	}
	
	.rodape p 
	/* .rodape ul, 
	.rodape li, 
	.rodape a */ {
		color: #666666;
	}
	
	#conteudo a {
		color: #666666;
	}	
	
	body {
		position: relative;
		/*display: table;*/
		height: 100%;
	}
	
	.viewsNucleo {
		flex: 1 1; /*necessario para manter o rodapé no final da página*/
		padding-bottom: 79px;/*height do rodape*/
		padding-top: 170px;
	}
	/* Fim */
	 
	div.rodape p {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 15px;
		text-align: center;
	}

	div.rodape ul {
		padding-left: 0px;
		text-align: center;
	}
	 
	div.rodape ul li {
		display: inline;
	}
	 
	div.rodape a {
		text-decoration: none;
	}
	
/*
 * Barra de Progresso
 */
	.progress {
		width: 97.5%;
		height: 50px;
		height: 16px;
		height: 30px;
	}
	.progress-wrap {
		background: #f80;
		margin: 0 0 20px 0; /*20px 0*/
		overflow: hidden;
		position: relative;
		background: #3aa495;
		border: 1px solid #CCC;
		border-radius: 3px;
	}
	.progress-wrap .progress-bar {
		background: #ddd;
		left: 0;
		position: absolute;
		top: 0;
		background: #EEEEEE;
		background: #FFF;
	}

/*
 * Areas : Englobam elementos dentro de uma area
 */

/* .area : Dispoe elementos lado a lado com excecao do Ultimo  */
	.area{
	    list-style-type: none;
	    display: table; 
	    padding: 0;
	}
	
	.area li, .area>*{
	    display: inline;
	    float: left;    
	}
	
	.area li:last-child, .area>*:last-child{
	    clear: both; 
	    display: table;
	}

/* .area2 : Dispoe todos os elementos lado a lado */ 
	.area2{
	    list-style-type: none;
	    display: table; 
	    padding: 0;
	}
	
	.area2 li, .area2>*{
	    display: inline; 
	    float: left;  
	}

/* .area3 : ... */
	.area3{
		list-style-type: none;
	    display: table; 
	}

/* .apps : Representa grupo de Aplicativos */ 
	.apps{
	    list-style-type: none;
	    display: table;
	}
	
	.app{ /* .app : Aplicativo */
	    /*display    : inline-block;*/
	    display      : table;
	    float        : left;
	    padding      : 0; 
	    margin-right : 30px;
	    margin-bottom: 30px;
	    max-height   : 240px;
	}
	
	.app a{
		display        : table;
		text-decoration: none;
	}
	
	.app div{ /* Box contendo imagem + nome + possivel Recomendado */
		display         : table;
		text-align      : center;
		min-height      : 170px;
		min-width       : 200px;
		width           : 200px;
		padding         : 0;
		background-color: #FFFFFF;
		border          : 1px solid #999999;
		border-bottom-width: 4px;
		border-radius   : 4px;
	}
	
	.app div img{ 
		display: block;
		clear  : both;
		/*margin : 0 auto 10px;*/
		margin : 30px auto 10px;
	}
	
	.app div span+span{
		display   : block;
		visibility: hidden;
		padding   : 4px 0 4px 0;
		margin-top: 14px;
	}
	
	.app div span{
		display   : block;
		padding: 0 30px;
	}
	
	.app.recomendado div{
		border-bottom : 4px solid #3aa495;
	}
	
	.app.recomendado div span+span{
		display         : block;
		visibility      : visible;				
		background-color: #3aa495;
		color           : white;
	}
	
	.app b{ /* Nome da Categoria */
	    display    : block;
	    clear      : both;
		width      : 200px;
		word-wrap  : break-word; /* Quebra linha de texto se necessario */
		/* Altura suficiente para servir de margem com 100% de zoom
		 * e suficiente para exibir nome da Categoria em 2 linhas com zoom em 25%
		 * overflow-x : hidden;
	     * height     : 50px; 
		 */ 
	    margin     : 5px 0 0 0;
	    text-align : left;
	    color      : #666666;
	    font-weight: 500;
	    font-size  : 0.95em;
	}
	
	.app b.nao-exibir{
		display:none;
	}
	
	.app  img{
		width:140px;
		height:140px;
	}
	
/* Aplicativo em tamanho ampliado */
	.app-ampliado{ 
	    display: inline;
	    float  : left;
	    padding: 0; 
	    margin : 0 30px 30px 0;/*0 11% 11% 0;*/
	}
		
	.app-ampliado b{ /* Nome da Categoria */
	    display    : block;
	    clear      : both;
	    width      : 240px;
	    margin     : 5px 0 0 0;
	    text-align : center;
	    color      : #666666;
	    font-weight: 500;
	    font-size  : 1em;
	}
	
	.app-ampliado img {
		width: 240px;
	}

/* .instalacao : Apresenta Aplicativo & dados da instalacao */
	/* .instalacao{
		margin-bottom: 60px;
	} */
	
	.instalacao>*+*{
		margin-top: 20px;
	}
	
	/*
	.instalacao .area{
		border: 1px solid blue;
	}
	*/
	
	.instalacao .btn-area{
		text-align : left;
	}
	
	/*Iguala ao tamanho do btn superior*/
	.instalacao .btn-acessar, .instalacao .btn-desinstalar{
		min-width:115px;
		font-size: 15px  !important;
	}
	
	.instalacao .btn-administracao, .instalacao .btn-alterarsenha{
		min-width:120px;
		font-size: 15px !important;
	}
	
	.instalacao .btn-alterarconfig{
		min-width:190px;
		font-size: 15px !important;
	}
	
	.instalacao .btn-configurardominio{
		min-width:160px;
	}
	
	.caixaAppInstalado, .caixaInstalacao{
		display: inline;
		float  : left;
	}
	.caixaInstalacao h3 {
		font-size: 21px;
		margin-top: 0px;
	}
	
	.caixaAppInstalado ul{
		max-width:240px;
	}

/* .definicao : Auxilia 'a disposicao de lista de dados */
	.definicao{
		display: flex;
	}
	
	.definicao dl{
		display   : inline; 
	    float     : left;
		text-align: left;
		/*max-width : 300px;*/
		min-width: 50px;
	}
	
	.definicao dl:first-of-type, .definicao dl+dl{
		margin-right: 20px;
	}
	
	.definicao dl:last-of-type{
		margin-right: 0;
	}
	
	.definicao dl>*:first-of-type{
		display:table; /*Garante espaco suficiente para planos incompativeis*/
	}
	
	.definicao dl.remove{
		visibility: hidden;
		display   : none;
	}
	
	.definicao dt, .definicao dd, .definicao dl>*{
	    display    : block;
	    height     : 30px;
	    text-align : left;
	}
	
	.definicao dt{
		color    : #666666;
		font-size: 0.9em;
		/*font-size: 10pt;*/	
	}
	
	.definicao dd{
		margin-top : 10px;
		color      : #666666;	
		font-size  : 1.1em;
		/*font-size: 14pt;*/
	}
	
	.definicao a {
		color: #666666; 
	}

/* Area de cursos e guias */
	.cursos-e-guias>div{
		width       : 32%;
		margin      : 0 1% 3% 0;
		float       : left;
	}
	
	.cursos-e-guias>div iframe{
		border: 0;
		width : 100%;
	}
	
	.cursos-e-guias>div p+p{
		margin-top: 20px;
	}
	
	.cursos-e-guias>a{
		margin-top: 20px;
		display   : table;
		clear     : both;
	}
	
/* Forcando aspect ratio (proporcao) em iframes */
	.h_iframe        {
		position:relative;
	}
	
	.h_iframe .ratio {
		display: block;
		width: 100%;
		/* width: 577px; */
		height: auto;
	}
	
	.h_iframe iframe {
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*
 * Estilos para os elementos de marcacao mais utilizados (titulos, botoes)
 */
	
	f6{font-size:6px;}f7{font-size:7px;}f8{font-size:8px;}f9{font-size:9px;}f10{font-size:10px;}
	f11{font-size:11px;}f12{font-size:12px;}f13{font-size:13px;}f14{font-size:14px;}f15{font-size:15px;}
	f16{font-size:16px;}f17{font-size:17px;}f18{font-size:18px;}f19{font-size:19px;}f20{font-size:20px;}
	f21{font-size:21px;}f22{font-size:22px;}f23{font-size:23px;}f24{font-size:24px;}f25{font-size:25px;}
	
	a{
		color : #666666;
	}
	
	a.padrao{
		text-decoration : none;
	}
	
	a.voltar, .voltar, a.voltarPrincipal, .voltarPrincipal{
		cursor: pointer;
	}
	
/*
 * Agrupador de botoes
 */
	.btn-area{
		display   : block;
	    margin-top: 20px;
	    width     : 100%;
	}
	
	/* .btn-area>*{
		margin-right : 20px;
	} */
	
/*
 * Botoes
 */	
 	.btn {
		height: auto;
		margin-bottom: 20px;
		padding: 10px 40px;
	 }
	 
	 @media only screen and (max-width: 1023px) and (min-width: 320px) {
	 	.btn {
	 		margin-bottom: 15px;
	 	}
	 	
	 	.frm .form-line {
		    margin-bottom: 45px !important;
		}
	 }

 	.btn.btn-primary {
		background: #3aa495;
	}
	
	button.btn,
	input[type=submit].btn,
	input[type=button].btn,
	a.btn {
		font-size: 19px;
	}

/*
 * Cores de texto e background
 */
	.tx-cinza{
	    color: #666666;
	}
	
	.tx-azul{
	    color: #3aa495 !important;
	}
	
	.tx-vermelho{
			color: red !important;
	}
	
	.tx-amarelo{
			color: yellow !important;
	}
	
	.fundoCinza{
	    background-color : #CCC;
	}
	
	.artigo .appInstalacao{
		padding : 0;
	}
	
	.artigo .appInstalacao .artigo{
		margin : 0;
	}

/*
 * Outros
 */
	.align-left{
		text-align: left;
	}
	
	.hide{/*Nao aparece*/
		visibility:hidden;
	}
	
	.remove{/*Nao aparece, Nao ocupa espaco*/
		visibility: hidden;
		display   : none;
	}
	
/*                                                                                    *
 * Fim-Classes CSS disponibilizadas 'a todas as views                                 *
 **************************************************************************************/ 










/*************************************************************************************** 
 * Estilos especificos para cada pagina (view) : Seletores precedidos pelo ID da view  *
 *                                                                                     *
 */
 
/* Diminuir a distância entre os titulos e o topo */
	/*[id^=pagina] section:first-of-type, *[id^=pagina] div.secao:first-of-type{
	    padding-top : 10px;
	}*/

/* pagina_instalador */
	#pagina_instalador #verCategorias div{
		text-align : center;
		flex: 0 0 auto;
	}
	
	#pagina_instalador #verCategorias div div{
		margin : 0 20px 20px 0;
	}
	
	#pagina_instalador #verCategorias p{
	    /* width    : 65%; */
	    /* word-wrap : break-word; */
	    font-size : 16px;	    
	}
	
	#maisUsados {
		/* height: 500px; */
		padding: 0 70px 20px 70px;
		/* padding-left: 40px; */
	}
	
	#verCategorias  {
		/* padding-top : 40px; */	
		padding: 50px 70px; /* padding: 40px 0; */
		text-rendering: optimizeLegibility;
	}
	
	#verCategorias article{
		padding-top: 0px;
		flex-flow: row nowrap;
		/* padding-left: 40px; */
	}
	
	#pagina_instalador ul {
		padding-left: 0px;
	}
	
	#pagina_instalador b {
		font-weight: 500;
		font-size: 15px;
	}
	
	#recomendados, #materiais {
		padding: 37px 70px 20px 70px;
		/* padding-top: 20px; */
		/* height: 680px; */ 
	}
	
	.todasCategorias {
		flex: 1 1 auto !important;
		float: none;
		margin-left: 10px;
	}
	
	#materiais {
		width: 100%;
		/* padding-left: 40px; */
		padding-bottom: 80px;
	}
	#materiais section, article {
		width: 100%;
	}
/* pagina_instalador */	
	
/* pagina_login */
	#pagina_login {
		padding-top: 13px;
	}

	#pagina_login section {
		padding: 0 70px 20px 70px;
	}
/* pagina_login */
	
/* pagina_busca */
	#pagina_busca section {
		padding: 0 70px 20px 70px;
	}
	
	#pagina_busca ul {
		padding-left: 0px;
	}
	
	#pagina_categoria {
		/* padding-top: 90px;
		padding-left: 40px; */
		padding: 0 70px 20px 70px;
	}
	
	#pagina_categoria section {
		padding-top: 0px;
	}
	
	#pagina_categoria ul{
		padding-left: 0px;
	}

/* pagina_formulario */
	#pagina_formulario #alternativas p{
		margin-bottom : 30px;
			
	}
	
	#pagina_formulario #thumb{
		cursor : pointer;
	}
	
	#pagina_formulario p /* :not(.tx-azul) */ {
		color: #666666;
	}
	
	#pagina_formulario section {
		padding: 0 70px 20px 70px;
	}

	.senha_forca_hide {
		visibility: visible;
	}

	.senha_forca {
		background-color: #eeeeee;
		border: 0 none;
		height: 5px;
	}

	.senha_forca_fraca {
		width: 25%;
		background-color: #ff4929;
		border: 0 none;
		height: 5px;
	}

	.senha_forca_razoavel {
		width: 50%;
		background-color: #009900;
		border: 0 none;
		height: 5px;
	}

	.senha_forca_forte {
		width: 100%;
		background-color: #33ccff;
		border: 0 none;
		height: 5px;
	}
	
	.popup_content pre, .popup_content p {
	    margin: 10px;
	    padding: 10px;
	}
	
	.popup_content a, .popup_content a:visited, .popup_content a:active {
	    color: #1369b1;
	}
	
	.popup_content .frm .form-line .input-container.no-label {
	    margin-left: 20px;
	}
	
	.btn-modal-cancel {
		border-bottom: 3px solid rgba(0,0,0,0.2);
	}
	
	i.btn-modal-cancel {
		display: none;
	}
		
	/* pagina_instalacao */
	#pagina_instalacao {
		font-size: 16px;
		
	}
	
	#avisos-instalacao {
		/* padding-top: 120px;
		padding-left: 40px; */
		padding: 0 70px 20px 70px;
	}
	
	#instalacao-do-aplicativo {
		padding-top: 40px;
		padding-left: 40px;
	
	}
	
	#avisos-instalacao p, strong :not(#pagina_formulario){
		font-size: 16px;
	
	}
	
	.instalacao-do-aplicativo ul {
		padding-left: 0px;
	}

	.instalacao-do-aplicativo article[class^="aplicativo-"] {
		display: flex;
	}
	
	#frmvoltar {
		padding: 0 70px;
	}
	
	#frmvoltar input {
		font-size: 15px !important;
	}

/* pagina_instalados */
	#pagina_instalados{
		/*min-height : 1081px; /* Forca barra de scroll */
		/* padding-top: 90px;
		padding-left: 40px;	*/
		padding: 0 70px 20px 70px;
	}
	
	#pagina_instalados ul{
		padding-left: 0px;
	}
	
	#pagina_istalados section {
		padding-top: 0px;
	}
	
	#pagina_instalados .listarMais{
		margin       : 20px 0 0 0;
		padding-left : 30px;
		padding-right: 30px;
	}
	
	#selecao_sites {
		padding: 0px;		
	}
	
	#selecao_sites p {
		font-size: 16px;
	}

	#selecao_sites .field-name {
		width: 15px;
	}

	#selecao_sites .input-container {
		width: calc(100% - 45px);
	}

	.instalacoes-do-site {
		padding-top: 0px;
	}
	
	.instalacoes-do-site article[class^="aplicativo-"] {
		display: flex;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background-color: #3aa495;
	}
	
	
/* pagina_aplicativo */
	#pagina_aplicativo #detalhes ul+div{
		 /* width:55%; */
		 text-rendering: optimizeLegibility;
	}
	
	#detalhes div{
		width: 99%
	}
	
	#pagina_aplicativo #telas>article{
		display:block;
	}
	
	#pagina_aplicativo #owl-telas .item{
  		margin: 3px;
	}
	
	#pagina_aplicativo #owl-telas .item img, #pagina_aplicativo #owl-telas .item img>*{
  		display: block;
  		width  : 100%;
  		height : 200px;
  		height : 300px;
	}
	
	#pagina_aplicativo #detalhes_tecnicos button{
	    cursor: auto;
	}
	
	@media screen and (min-width:2000px) {
		/* Limpa float conforme zoom (associa resolucao a zoom) */ 
		#pagina_aplicativo #detalhes_tecnicos .traducao{ clear: left; }
	}
	
	#detalhes {
		/* padding-top: 180px;
		padding-left: 70px;
		padding-right: 45px; */
		padding: 13px 70px 20px 70px;
	}
	
	#detalhes ul {
		padding-left: 0px;
	}
	
	#detalhes article div:first-child {
		display: flex;
		flex-direction: row;
	}
	
	#pagina_aplicativo p {
		font-size: 16px;
	}
	
	#pagina_aplicativo b {
		font-size: 15px;
	}
	
	#telas, #outros {
		/* padding-top: 20px;
		padding-left: 40px; */
		padding: 37px 70px 20px 70px;
	}

	#outros {
		padding-bottom: 80px;
	}
	
	#detalhes_tecnicos {
		/* padding-left: 40px; */
		font-size: 16px;
		padding: 50px 70px;
	}
	
	#detalhes_tecnicos a {
		color: #666666;
	}
	
	#outros ul {
		padding-left: 0px;
	}
	
/* pagina_alterarsenha */

	#pagina_alterarsenha section{
		padding: 0 70px 20px 70px;
	}
	
	#pagina_alterarsenha p:not(.tx-azul) {
		font-size: 0.9em;		
	}
	
	#pagina_alterarsenha p{
		font-size: 14px;
	}
	
/* pagina_alterarsenhaform */

	#pagina_alterarsenhaform section{
		padding: 0 70px 20px 70px;
	}
	
	#pagina_alterarsenhaform p:not(.tx-azul) {
		font-size: 0.9em;
	}
	
	#pagina_alterarsenhaform p{
		font-size: 14px;
	}

/* pagina_alterarconfig */

	#pagina_alterarconfig section {
		padding: 0 70px 20px 70px;
	}
	
	#pagina_alterarconfig p {
		font-size: 16px;
	}

/* pagina_instalarplugin */

	#pagina_instalarplugin section {
		padding: 0 70px 20px 70px;
	}

	#pagina_instalarplugin h6 {
		margin: 0 0 12px 0;
		color: #232121;
		font-weight: bold;
	}

	#pagina_instalarplugin input.btn {
		margin: 0px;
	}
	#pagina_instalarplugin .descricao {
		color: #000;
	    display: inline-block;
	    font-size: 13px;
	}

	table.table {
	    background: #ededed;
	    font-family: Arial, Helvetica, sans-serif;
	    text-shadow: 1px 1px 0px #fff;
	}

	table.fixed {
		table-layout: fixed;
	}

	table.fixed tbody tr td,
	table.fixed thead tr th {
	    word-wrap:break-word;
	}

	table.table tr:nth-child(even) td {
	    background: #f7f7f7;
	}

	table.table th {
		padding: 0 10px !important;
		height: 45px;
		border-bottom: 1px solid #e0e0e0 !important;
		border-top: 1px solid #e0e0e0;
	}

	table.table th:first-child {
	    border-left: 1px solid #e0e0e0;
	}

	table.table th:last-child {
	    border-right: 1px solid #e0e0e0;
	}

	table.table a:link {
	    font-weight: bold;
	    text-decoration: none
	}

	table.table a:visited {
	    color: #666666;
	    font-weight: bold;
	    text-decoration: none
	}

	table.table tr {
	    text-align: left
	}

	table.table tr td {
	    padding: 12px;
	    border-bottom: 1px solid #e0e0e0;
	    border-right: 1px solid #e0e0e0;
	    background: #fbfbfb;
	}

	table.table tr td:first-child {
	    border-left: 1px solid #e0e0e0;
	}

	table.table.horizontal tr td:first-child {
	    width: 150px;
	    font-weight: bold !important;
	}

	table.table thead th.not-order {
	    cursor: auto;
	}

	table.table.horizontal tr {
	    text-align: left;
	}

	table.table thead th.not-order {
		cursor: auto;
	}

	table tbody tr td.centralizado {
	    text-align: center;
	}

	table.dados-ficha tr td:first-child { font-weight: normal; width: 200px; }
	table.dados-ficha tr td { font-weight: bold; padding: 5px 0; }
	table.dados-ficha tr td .chosen-container { font-weight: normal !important; }
	table.dados-ficha tr td select { min-width: 300px; }

	table.dataTable.no-footer {
    	border-bottom: none;
	}

	td.destaque { font-weight: bold; }

	.dataTables_wrapper .sorting {
	  background: url('../../../bower_components/datatables/media/images/sort_both.png') no-repeat center right !important;
	}

	.dataTables_wrapper .sorting_asc {
	  background: url('../../../bower_components/datatables/media/images/sort_asc.png') no-repeat center right !important;
	}

	.dataTables_wrapper .sorting_desc {
	  background: url('../../../bower_components/datatables/media/images/sort_desc.png') no-repeat center right !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		background-color: #3aa495 !important;
	    color: #fff !important;
	    font-weight: bold;
	    box-shadow: none;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.first, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.next, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.last {
	    background-color: #ededed !important;
	    color: #333 !important;
	    margiin: 0px 5px 0px 0px !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, 
	.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
		color: #333 !important;
	}

	.dataTables_wrapper .paging_full_numbers a.paginate_button {
	    background-color: #ededed !important;
	    border: 0 !important;
	    border-radius: 0 !important;
        padding: 6px 5px;
	    margin: 0px 5px 0px 0px !important;
	    cursor: pointer;
	    cursor: hand;
	    color: #333 !important;
	    width: auto !important;
	}

	.dataTables_wrapper .paging_full_numbers a.paginate_button.disabled {
		background-color: #ededed !important;
		color: #333 !important;
	}

	.dataTables_wrapper .paging_full_numbers a.paginate_button.disabled:hover {
		color: #333 !important;
	}

	.dataTables_wrapper .paging_full_numbers a.paginate_button:hover {
		color: #333 !important;
	}

	.dataTables_wrapper .dataTables_info {
	    clear: both;
	    float: left;
	    margin: 10px 0;
	}

/*                                                                                    *
 * Fim-Estilos especificos para cada pagina                                           *
 **************************************************************************************/ 
 
 .overlay{
    background: none repeat scroll 0 0 black;
    position: fixed;
    display: none;
    opacity: 0.5;
    z-index: 1000001;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 65px;
    height: 65px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
    visibility: hidden;
}
@keyframes spin {
    100% {
      transform: rotate(360deg);
    }
}