html body {
    margin: 0;
    padding: 0;
	font-family: 'Lato', sans-serif;
	font-size: var(--body-text);
	color: #444;
	letter-spacing: 1px;
	overflow-x: hidden;
  background: var(--color0-Lighter);
}
html {
 overflow-y: scroll;
 overflow-x: hidden;
}


.topo{ margin-top: 25px !important;}
.meioTopo{margin-top: 10px !important;}
textarea { resize: none;}
.imagemPerfil { max-height: var(--goldenRatio2-space); width: auto; }
.imagemPerfilMenu { max-height: var(--goldenRatio2-space); width: auto; }
.corPrincipal { background-color: var(--color2-Normal); }
.corPrincipal a { color: var(--color0-Lighter); }
.menuMobileHover:hover { background: none !important; }
.corPrincipal a:hover, .corPrincipal a:active, .corPrincipal ul li a:hover, .corPrincipal ul li a:active  { background-color: var(--color2-Darker) ; color: var(--color0-Lighter); }
.boxConteudo {max-width: 1024px; margin: 0 auto; }
.bloco { background-color: var(--color0-Lighter); border: 1px solid #DFDFDF; margin: 0 0 15px 0;  min-height: 210px; height: auto; padding: 10px; }
.bloco:first-child { }
.bloco h4 { padding-left: 10px; }
.corPrincipalTexto { color: var(--cor-links); }
.margin2 { margin: 2px 0px !important; }
.boxCursos { background-color: var(--color2-Normal); color:  var(--color0-Lighter); height: 50px; }
.text-white { color: var(--color0-Lighter) !important; }
.fotoPerfilNav { padding: 8px 0px 0px 0px !important; margin: 0 !important; }
.space-v { margin-top: 5px !important; margin-bottom: 5px !important; }
.clearpad { padding: 0px !important; }
.clearmargin { margin: 0px !important; }
.double-space-v { margin-bottom: 20px;}
.space-left { margin-left: 10px;}
.space-right { margin-right: 10px;}
.space-top { margin-top: 10px;}
.doublespace-top { margin-top: 20px;}
.space-bottom { margin-bottom: 10px !important;}
.topoMenu { padding: 15px 0 0;}
.cursor-pointer { cursor: pointer; }
.displayBlock { display: block !important;}
.displayInline { display: inline !important;}
.displayNone { display: none !important; }
.displayNoneSimple { display: none; }
.btn-link2 { background: var(--color0-Lighter); border: 1px solid #CCC !important; color: #CCC !important;}
.btn-link2:hover, .btn-link2:active, .btn-link2:focus { background: #3276B1; color: var(--color0-Lighter) !important;}
.borderRight { border-right: 1px solid #CCC;}
.borderTop { border-top: 1px solid #CCC;}
.breakWord { word-break: normal !important; }
.paddingTop { padding-top: 5px; }
.paddingLeft { padding-left: 5px; }
.tempoMensagem { font-size: 10px;}
.autorMensagem { font-size: 13px;}
.autorComentario { font-size: 12px;}
.autorComentario em { font-size: 11px;}
.textoComentario { font-size: 11px;}
.text-underline-hover:hover { text-decoration: underline; }
.textNoDecoration { text-decoration: none !important; }
.boxPerfilLateral, .boxAdsLateral { border: 1px solid #EEEEEE; padding: 10px;  margin-bottom: 10px;}
.naoEncontrado { margin: 150px 0;}
.btn-neutro {border: none !important;}
.exibeIE { display: none; }
.cursorDefaut{cursor: default;}
.heightChat{height: 150px;} 
.marginErro{margin-top: 30%;}
.marginErro{margin-top: 30%;}

.tabelaEscola td { vertical-align: middle !important; }
.tabelaEscola td img { max-height: 80px; max-width: 80px; }

/* CONTEUDO CHAT */

#chatGeral { border-radius: 10px 10px 0px 0px; }

.contentPrincipalConversa { margin: 0 10px 0 0; height: 335px; position: fixed; bottom: 0px; right: 20px; }
.headerChatConversa { background-color: #5B9A68 !important; color: var(--color0-Lighter) !important; padding: 10px; }
.contentChatConversa { height: 205px; padding: 15px; width: 300px;  overflow-y: auto; word-break: break-all;  margin-top: 5px; }
.inputChatConversa { margin: 10px; width: 94% !important; }
.hrChatConversa { margin: 10px 0; }
.mensagemRecebidaChat { text-align: right; }
.abreChat { background-color: #F0AD4E !important; color: var(--color0-Lighter) !important; z-index: 99999; position: relative; border-radius: 10px 10px 0px 0px; cursor: pointer; padding-top: 10px !important; padding-bottom: 3px !important; }
.headerChatConversaUsuario { padding-left: 10px; padding-right: 10px; padding-top: 15px; }


#containersChat { position: fixed; bottom: 0; right:17px; z-index: 99999;  }
.chatContainer { background: var(--color0-Lighter) !important; border: 1px solid #DFDFDF; position: relative; }
.chatContainer p { font-size: 12px !important; }
.chatContainer div:first-child { word-break: break-all; }
.chatContainer .headerChat { color: #333333 !important; padding: 10px; }
#painelChat {  background-color: #EEEEEE; padding: 5px; margin: 0 5px !important; }
.contentChat, .contentMembros { overflow-y: auto;  height: 265px; word-break: break-all; overflow-x: hidden; margin-left: 10px; margin-top: 20px;}
.header-list-chat { margin: 0; padding: 0;  }
.list-chat { list-style-type: none; margin: 10px; }
.formatarChat { bottom: 0; position: fixed; margin-right: 10px; z-index: 99999; }
.nomeUsuarioChat { margin-top: 13px; }
.containerUsuarioOnline { margin-bottom: 10px; }
.mensagemEnviada { width: auto; float: right; text-align: right; border-radius: 5px 5px 5px 5px; background: #C5EFF7; padding: 3px 10px; margin: 2px 0; color: #666666; font-size: 13px; }
.mensagemRecebida { width: auto; float: left; text-align: left; border-radius: 5px 5px 5px 5px; background: #f4f4f4; padding: 3px 10px; margin: 2px 0; color: #666666; font-size: 13px; }


/* CONTATOS */

.selecionado { opacity: 1.0 !important; }
.naoSelecionado { opacity: 0.4 !important; }
.solicitacao { background-color: #c0392b !important; }

@media (min-width: 1024px) {
    .usuarioSemFoto {  font-size: 60px; }
}

@media (max-width: 640px) {
    .mobileSpacer { margin-left: 15px;}
}

@media (max-width: 992px) {
    #menuCursos, #menuCursosEx { display: none;}
    .borderRight { border-right: none !important;}
}

@media (max-width: 768px) {
    .space-bottom-xs { margin-bottom: 15px;}
    .space-top-xs { margin-top: 5px;}
    .space-left-xs { margin-left: 5px;}
    .space-right-xs { margin-right: 5px;}
    .padding-top-xs { padding-top: 5px;}
    .text-center-xs { text-align: center; }
}

@media (max-height: 320px) {
    #containersChat{display:none;}
    .iframeChat{height: 150px;}    
    .chatContainer{height: 150px; bottom: 10px;}
}

.iconePerfil {
	color: var(--color0-Lighter);
	margin: 0 !important;	
	line-height: 40px;
}

.iconePerfil img{
	border: var(--border1) var(--color2-Normal);
	border-radius: var(--circle-shape);
	padding: 2px;
}

.logo{
	background: var(--logofull-white) no-repeat center /100% transparent;
	text-indent: -999999px;
	width: 100px;
	float: left;
	height: 50px;
	cursor: pointer;
	margin-top: 3px;
}

.logo2{
	cursor: pointer;
	margin-top: 16px;
	margin-left: 15px;
}

.content{
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 10px;
}

.abreMenu{
	height: var(--goldenRatio3-space);
	padding: 13px 14px 20px;
	color: var(--color2-Normal);
	border: none;
	font-size: 17px;
	outline: none;
	background-color: var(--color1-Normal);
}

.abreMenu:hover{
	color: var(--color2-Darker);
}

.modalPerfil{
	position: absolute;
	background-color: var(--color0-Lighter);
	right: 10%;
	top: 47px;
	border: 4px solid var(--color2-Normal);
	padding: 10px;
	display: none;
	box-shadow: 1px 3px 5px #999;
}

.modalPerfil img {
	max-width: 70%;
}

section.publicidade {
	background-color: #ebebeb;
	text-align: center;
	height: 100px;
	margin: 0 auto 30px;
        /*display: none;*/
}

section.publicidade h2{
	color: #888;
	line-height: 100px;
	font-size: 25px;
	text-transform: uppercase;
}

nav#menuTopo {
	display: block !important;
}

.menuGeral {
	position: fixed;
	background-color: var(--color1-Normal);
	top: var(--goldenRatio3-space);
	padding: 10px;
	width: 230px;
	display: none;
	border: var(--border1) var(--color1-Darker);
	border-top: none;
	left: 0;
	border-left: none;
}

.menuGeral li{
	list-style: none;
}

.menuGeral a {
	display: block;
	padding: 8px 6px;
	color: var(--color2-Normal);
}

.menuGeral a:hover{
	text-decoration: none;
	color: var(--color2-Darker);
}


.row{
	margin: 0 !important;
}

/* ------------------------------------------------- */
/* HEADER///Navbar - MENU											
/* ------------------------------------------------- */

.navbar-default {
    border-color: transparent;
    background-color: #222;
}

.navbar-default .navbar-fixed-top{
	position: relative;
}

.navbar-default .navbar-brand {
    font-family: "Helvetica Neue",Helvetica,Arial,cursive;
	position: absolute;
	top: 0;
	bottom: 0;
}

.navbar-default .navbar-brand img{
	width: auto;
	height: var(--height-logo);
}

.logo-erro .navbar-brand img{
	width: auto;
	height: var(--height-logo);
}

.navbar-brand{
	padding: 0 15px;
	display: flex;
	align-items: center;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}


.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-size: 12px;
}


.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: var(--cor-letras-navbar-hover);
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: var(--cor-letras-navbar-hover);
}

.navbar-nav .btn-primary {
	padding: 15px;
	margin-left: 10px;
}

.navbar-nav .btn-primary:hover {
	background-color: transparent;

}


.navbar-default .navbar-brand {
    color: var(--color2-Normal);
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: var(--color2-Normal);
}

.navbar-default .navbar-toggle {
    border-color: var(--color2-Normal);
    background-color: var(--color2-Normal);
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    /* color: var(--color2-Normal); */
	color: var(--color-hover);
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    /* background-color: var(--color2-Normal); */
	background-color: var(--color-hover);
}

.navbar-default .navbar-nav>.active>a {
    /* background-color: var(--color2-Normal); */
	background-color: var(--color-hover);
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    /* background-color: var(--color2-Normal); */
	background-color: var(--color-hover);
}

/*CSS DA NAVBAR(TOPO DA PAGINA)*/
@media(min-width:768px) {

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        /* background-color: #222; */
		background-color:  var(--color-header);
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
    
}
@media (max-width:767px){
	.navbar-header.page-scroll{
		background-color: var(--color-header);
	}
	.navbar-collapse{
		background-color: var(--color-header);
	}

	.navbar-default .navbar-fixed-top{
		position: static;
	}

	.navbar-default .navbar-header{
		position: relative;
	}
}



.navbar-inverse {
	background-color: #fff;
	border-color: #fff;
	margin-bottom: 10px;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #666;
}

.navbar-inverse .navbar-toggle{
	border-color: #fff;
	background: #eaeaea;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:active{
	border-color: #fff !important;
	background: #eaeaea;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border-color: #eaeaea;
	padding-top: 5px;
}

.navbar-inverse .navbar-collapse.in{
	background-color: #eaeaea;
}

.btn-block{
	padding-left: 6px;
	padding-right: 6px;
}

.required:before{
	content:"* " ;
	color:red
}

header {	
	height: var(--goldenRatio3-space);
	position: fixed;
	width: 100%;
	background: var(--color1-Normal);
	z-index: 100;
	top: 0;

}

header > div {
	padding: 0 5px;
}

header logo.headerLogo {
	background: var(--logofull-especial) no-repeat center /100% transparent;
	width: 120px;
	text-indent: -99999px;
	float: left;
	height: var(--goldenRatio3-space);
}

.oneMenuLinks ul {
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

.oneMenuLinks li {
	list-style: none;
	display: inline-block;
	padding: 10px 3%;
}

.oneMenuLinks button {
	margin: 5px 0 0 15px;
}

footer .fnavbar{	
	min-height: var(--goldenRatio4-space);
	max-height: var(--goldenRatio5-space);
	width: 100%;
	background: var(--color1-Normal);
}

footer logo.footerLogo {
	background: var(--logo-especial) no-repeat center /100% transparent;
	width: var(--goldenRatio4-space);
	text-indent: -99999px;
	float: left;
	height: 79px;
	margin-top: 0px;
	margin-right: calc(-0.5 * var(--goldenRatio4-space));
	right: 50%;
    position: absolute;

}

footer img.footerLogo {
	background: var(--logo-especial) no-repeat center /100% transparent;
	width: var(--goldenRatio4-space);
	height: 79px;
	margin-top: 0px;

}

footer .copyright{
    background-color: var(--color1-Darker);
    min-height: var(--goldenRatio2-space);
    text-align: center;
}

.miniFooter{
	text-align: center;
}

.erItem{
	color: var(--color2-Normal);
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 0;
	display: block;
}

.erItem.erLink:hover{
	text-decoration: none;
	color: var(--color2-Lighter);
} 

.erItem.erLink:focus{
	color: var(--color2-Lighter);
} 

footer .erPadding{
	padding: var(--goldenRatio2-space) 0px;
}

footer .erCenter{

}

.title {
	background-color:  var(--color-header-abaixo);
	background-size: cover;
	width: 100%;
	height: var(--goldenRatio4-space);
	display: block;
	margin-top: var(--goldenRatio3-space);
}

.no-visible{
	opacity: 0;
	clear: both;
}

.noPadding{
	padding: 0px !important;
}

.boxConteudo  h2.breadcrumb {
	position: absolute;
	top: -75px;
	background-color: transparent;
	padding: 0 15px;
	color: var(--cor-letras-barra);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	line-height: 42px;
}

.boxConteudo  h2.breadcrumb .glyphicon{
	float: left;
	margin-right: 10px;
}

@media (max-width: 768px) {
	.boxConteudo  h2.breadcrumb{
		font-size: 26px;
	}
}

.titulo-principal{
	background-color: transparent;
	padding: 0;
	color: var(--color0-Lighter);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.boxConteudo  h2.breadcrumb a{
	color: var(--color0-Lighter);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.boxConteudo  h2.breadcrumb a:hover{
	text-decoration: underline !important;
}



@media (max-width: 400px) {
	header h1 {width: 90px;}
}

/* ------------------------------------------------- */
/* END HEADER - MENU											
/* ------------------------------------------------- */


/* ------------------------------------------------- */
/* NOVOS											
/* ------------------------------------------------- */

.boxPerfilLateral {
	margin-top: -70px !important;
	background-color: var(--color0-Lighter);
	border-radius: 5px;
	padding: 7px 0;
	border: none;
}

.conteudoPrincipal{
	padding-top: 20px;
}

.containerInfos {
	margin-top: 10px !important;
	padding-top: 10px !important;
	color: #999;
	border-top: 1px solid #eee;
}

.containerInfos span{
	margin-right: 7px;
}

.pesquisa{
	position: relative;
	height: 40px;
	overflow: hidden;
}

.pesquisa span{	
	color: #444;
}

.icones-rapidos ul li {
	float: left;
	font-size: 15px;
	margin-top: 3px;
	list-style: none;
	text-align: center;
	margin-right: 10px;
}
.icones-rapidos ul li a{
	padding: 6px 0;
	display: block;
	/*border: 1px solid #ccc;
	border-radius: 50%;*/
	color: var(--color2-Normal);
	width: 40px;
	height: 40px;
}

.icones-rapidos ul li span{
	color: #999;
}

.icones-rapidos ul li a:hover span, .icones-rapidos ul li a:hover {
	color: var(--color2-Darker);
	border-color: var(--color2-Darker);
	text-decoration: none;
}

.breadcrumb .flaticon-graduation1:before, 
.breadcrumb .flaticon-open3:before,
.breadcrumb .flaticon-black218:before,
.breadcrumb .flaticon-wall11:before{
	font-size: 27px;
}

.breadcrumb .flaticon-multiple25:before{
	font-size: 32px;
}

/* ------------------------------------------------- */
/* END NOVOS											
/* ------------------------------------------------- */

.imagemEscolha {
    margin: 0 10px;
	background-color: var(--color0-Lighter);
	padding: 10px;
	border-radius: 5px;
	margin-top: -15px;
}

.btn-sair {
	padding: 8px 10px 5px;
	margin-top: 3px;
	color: var(--color2-Normal);
	font-size: 16px;
	margin-left: 7px;
	/*border: 1px solid #ccc;
	border-radius: 50%;*/
}

.btn-sair:hover, .iconePerfil img:hover {
	color: var(--color2-Darker);
	border-color: var(--color2-Darker);
}

/* ------------------------------------------------- */
/* END BOTOES											
/* ------------------------------------------------- 

@media (min-width: 1400px) {
    .boxConteudo { max-width: 1450px !important;}
}*/

@media (min-width: 1272px) {
	.boxDeslogado > .publicidade{ max-width: 1240px;}
	.publicidade{ max-width: 1270px;}
	.display{right: 7.5%;}	
    .boxConteudo { max-width: 1300px;}
	.container {max-width: 1270px;}
}

@media (max-width: 1272px) {
    .boxConteudo { max-width: 1000px;}
	.publicidade{ max-width: 940px;}
}

@media (max-width: 958px) {
    .boxConteudo { max-width: 800px;}	
	.publicidade{ max-width: 700px;}
}

@media (max-width: 644px) {
    /*.boxConteudo { max-width: 330px;} */
	#menuTopo a{padding: 14px 0px !important;}
	#menuTopo .btn-cadastrar {width: 100px;}
	#menuTopo .btn-entrar {width: 70px;}
	nav#menuTopo {width: 65%;}
	.titulo-principal{font-size: 14px}
	header h1{width: 77px !important;}
	.abreMenu{padding: 11px 6px 20px;}
}
#loading_gif{
	/*display: none;*/
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255, 255, 1);
	background-size: 20%;
}

#loading_gif .lds-spinner{
    margin-right: auto;
    margin-left: auto;
    margin-top: 30vh;
}

.inputOneLineLeft{
    padding-left: 0px !important;
    padding-bottom: 15px;
}
.inputOneLineDiv{ padding-left: 15px;}
.inputOneLineItem{}
.inputOneLineTool{}
.inputOneLineLoad{}
.inputOneLineSuccess{ color: var(--success-Normal); font-size: 20px; }
.inputOneLineDanger{ color: var(--danger-Normal); font-size: 20px; }
.inputOneLineMessage{}

.selectDropdown {
    border: 1px solid #ccc;
    color: #777;
    font-size: 14px;
    border-radius: 4px !important;
    background: #fff;
    padding: 6px 12px; 
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner {
  position: relative;
}
.lds-spinner div {
  left: 94px;
  top: 48px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #cdcdcd;
  width: 12px;
  height: 24px;
  border-radius: 40%;
  -webkit-transform-origin: 6px 52px;
  transform-origin: 6px 52px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.916666666666667s;
  animation-delay: -0.916666666666667s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -0.833333333333333s;
  animation-delay: -0.833333333333333s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.666666666666667s;
  animation-delay: -0.666666666666667s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.583333333333333s;
  animation-delay: -0.583333333333333s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.416666666666667s;
  animation-delay: -0.416666666666667s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.333333333333333s;
  animation-delay: -0.333333333333333s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.166666666666667s;
  animation-delay: -0.166666666666667s;
}
.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.083333333333333s;
  animation-delay: -0.083333333333333s;
}
.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spinner {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.lds-spinner.mini {
  width: 34px !important;
  height: 34px !important;
  -webkit-transform: translate(-17px, -17px) scale(0.20) translate(17px, 17px) !important;
  transform: translate(-17px, -17px) scale(0.20) translate(17px, 17px) !important;
}

.simpleCircle{
    border: 1px solid #ccc;
    border-radius:50%;
    padding: 2px;
    max-height: 40px;
    width:auto;
}

.simpleCircleMini{
    border: 1px solid #ccc;
    border-radius:50%;
    padding: 2px;
    max-height: 30px;
    width:auto;
}

#res{
  list-style: none;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

.switch~.label-text{
	vertical-align: top;
	margin-left: 5px;
}

.switchLarge {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 20px;
  }

  /* Hide default HTML checkbox */
.switchLarge input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--warning-Normal);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--success-Normal);
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}
.slider.round:before {
  border-radius: 50%;
}

.btn{
	text-transform: uppercase;
	font-size: 12px;
	border: var(--border2);
	border-radius: var(--corner-shape);
}

.btn-danger{
	border-color: var(--danger-Normal);
    background-color: var(--danger-Normal);
    color: var(--danger-Lighter);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{
	border-color: var(--danger-Normal);
    background-color: var(--danger-Darker);
    color: var(--danger-Lighter);
}

.btn-warning{
	border-color: var(--warning-Normal);
    background-color: var(--warning-Normal);
    color: var(--warning-Lighter);
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning{
	border-color: var(--warning-Normal);
    background-color: var(--warning-Darker);
    color: var(--warning-Lighter);
}

.btn-primary{
	border-color: var(--primary-Darker);
    background-color: var(--primary-Darker);
    color: var(--primary-Lighter);
}

.btn-primary .caret{
	border-top-color: var(--primary-Lighter);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
	border-color: var(--primary-Normal);
    background-color: var(--primary-Normal);
    color: var(--primary-Lighter);
}

.btn-secondary{
	border-color: var(--secondary-Darker);
    background-color: var(--secondary-Normal);
    color: var(--secondary-Lighter);
}

.btn-secondary .caret{
	border-top-color: var(--secondary-Lighter);
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary{
	border-color: var(--secondary-Darker);
    background-color: var(--secondary-Darker);
    color: var(--secondary-Normal);
}


.btn-info{
	border-color: var(--info-Normal);
    background-color: var(--info-Normal);
    color: var(--info-Lighter);
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{
	border-color: var(--info-Normal);
    background-color: var(--info-Darker);
    color: var(--info-Lighter);
}

.btn-success{
	border-color: var(--success-Normal);
    background-color: var(--success-Normal);
    color: var(--success-Lighter);
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
	border-color: var(--success-Normal);
    background-color: var(--success-Darker);
    color: var(--success-Lighter);
}

.btn-default{
	border-color: var(--default-Normal);
    background-color: var(--default-Normal);
    color: var(--default-Lighter);
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
	border-color: var(--default-Normal);
    background-color: var(--default-Darker);
    color: var(--default-Lighter);
}

.btn-especial, .btn-especial.dropdown-toggle{	
	border: 0px;
    background-color: var(--color1-Normal);
    color: var(--color0-Lighter);
    height: var(--goldenRatio3-space);
    border-radius: var(--corner-squared-shape);
    
}

.btn-especial .caret{
	border-top-color: var(--color0-Lighter);
}
.btn-especial:hover .caret, .btn-especial:focus .caret, .btn-especial:active .caret {
	border-top-color: var(--color2-Normal);
}

.btn-especial:hover, .btn-especial:focus, .btn-especial:active, .btn-especial.active, .open .dropdown-toggle.btn-especial{
	background-color: var(--color1-Darker);
    color: var(--color2-Normal);
}

.color-success{
	color: var(--success-Normal);
}

.color-warning{
	color: var(--warning-Normal);
}

.color-info{
	color: var(--info-Normal);
}

.color-danger{
	color: var(--danger-Normal);
}

.dropdown-menu.rightSide {
	right: 0;
	left: auto;
	
}

.dropdown-menu.especial {
	background-color: var(--color1-Normal);
   	border-color: var(--color1-Darker);
   	border: 0px;
   	margin-top: 0px;
   	border-radius: var(--corner-squared-shape) var(--corner-squared-shape) var(--corner-shape) var(--corner-shape);
}

.dropdown-menu.especial .divider {
	background-color: var(--color1-Darker);

}

.dropdown-menu.especial>li>a {	
	color: var(--color0-Lighter);

}

.dropdown-menu.especial ul {
	position: fixed;
	background-color: var(--color1-Normal);
	top: var(--goldenRatio3-space);
	padding: 10px;
	width: 230px;
	display: none;
	border: var(--border1) var(--color1-Darker);
	border-top: none;
	left: 0;
	border-left: none;
}

.dropdown-menu.especial li{
	list-style: none;
}

.dropdown-menu.especial a {
	display: block;
	color: var(--color2-Normal);
}

.dropdown-menu.especial a:hover{
	text-decoration: none;
	color: var(--color2-Normal);
	background-color: var(--color1-Darker);
}





/* ------------------------------------------------- */
/* CLASSES REESCRITAS DO BOOTSTRAP										
/* ------------------------------------------------- */

.thumbnail{
	margin-bottom: 25px;
}

.thumbnail:hover{	
	border-color: #36648B;
}

.thumbnail img {
	height: 180px;
	width: 100%;
	object-fit: contain;
}

.thumbnail a:hover {
	text-decoration: none;
}

.thumbnail h3{
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	font-size: 18px;
	color: #444;
}

.thumbnail h5 {
	font-size: 13px;
}

.thumbnail .max {
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
	bottom: 0;
	height: 25px;
	max-height: 100%;
	position: absolute;
	right: 0;
	width: 80px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	color: var(--color0-Lighter); /*#fff;*/
    background-color: var(--color2-Normal);
    border-color: var(--color2-Normal);
}
/* ------------------------------------------------- */
/* OUTROS											
/* ------------------------------------------------- */

.list-inline>li {
	margin-bottom: 5px;
}

.dropdown-menu>li>a {
	font-size: 12px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: #B0C4DE;
	cursor: pointer;
}

ol.breadcrumb{
	display: none !important;
}

ol.breadcrumb {
	position: fixed;
	top: 12px;
	padding: 8px 15px;
	z-index: 1050;
	background: transparent;
	z-index: 1030;
}

ol.breadcrumb span{
	color: #777;
	margin-right: 10px;
	font-weight: bold;
}

@media (max-width: 1594px) {
	ol.breadcrumb {
		left: 180px;
	}
}

.breadcrumb>.active {
	min-width: 100px;
}

.breadcrumb button {
	border: none;
	background: transparent;
	padding: 2px;
	height: 20px;
	line-height: 22px;
	font-size: 14px;
	font-weight: normal;
}

.breadcrumb button:hover {
	background: #fff !important;
}

.breadcrumb button:hover span {
	color: #777;
}

.breadcrumb button #seta {
	line-height: 18px;
}

.breadcrumb button span {
	color: #999;
	font-weight: normal;
}

.modal-header {
	background: var(--cor-links);
	color: var(--color0-Lighter);
}

a {
	color: var(--cor-links);
}
a:hover, a:focus {
	color: var(--cor-links-hover);
}

.text-primary{
	color: var(--cor-links);
}

.itensFeatures{
	text-align: center;
	border: var(--border2);
	border-radius: var(--corner-shape);
	border-color: #ddd;
	margin-top: 20px;
}

.itensFeatures h2{
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.itensFeatures h3{
	margin-bottom: 10px;
}

.itensFeatures h5{
	margin-bottom: 20px;
	text-transform: uppercase;
}

.publicado {
	position: absolute;
    right: 15px;
    background: #fff;
    padding: 10px;
    top: 0px;
    border: 1px solid #ddd;
    border-radius: 0px 4px 0px 0px;
}

.publicado.glyphicon-eye-open {
    color: #47a447;

}

.publicado.glyphicon-eye-close {
	color: hsl(6, 100%, 57%);
}

.publicado.glyphicon-eye-open.oculto {
    color: #bbb;
}

.selectMode2{
	border: 2px solid var(--color1-Lighter);
    text-align: center;
    padding: 50px;
    margin-bottom: 10px;
}

.selectMode2 p {
	text-transform: uppercase;
}

.selectMode2:hover{
	border: 2px solid var(--color1-Normal);
	background-color: var(--color1-Lighter);
    text-align: center;
    padding: 50px;
    margin-bottom: 10px;
}

.modalFormStruct textarea, .modalFormStruct input, .modalFormStruct select{
    margin-bottom: 10px;
}

.imgPreview{
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: block;
	cursor: pointer;
	position: relative;
}

.imgPreview img{
	height: 70px;
}

.imgPreview .edit{
	position: absolute;
	top: -10px;
	right: 40px;
	background: var(--primary-Darker);
	color: white;
	border-radius: 50%;
	padding: 4px 6px;
	height: 25px;
	width: 25px;
}

.imgPreview .remove{
	position: absolute;
	top: -10px;
	right: 10px;
	background: var(--danger-Normal);
	color: white;
	border-radius: 50%;
	padding: 4px 6px;
	height: 25px;
	width: 25px;
}