@CHARSET "UTF-8";

/* --------------------------------------------*/
/* -------------->>> IMPORTS <<<---------------*/
/* --------------------------------------------*/
@IMPORT "alunoonline-mobile.css";
@IMPORT "alunoonline-popup.css";
@IMPORT "alunoonline-table.css";
@IMPORT "docente-online.css";
@IMPORT "quadro-de-avisos.css";
@IMPORT "projetos-de-pesquisa.css";

/* --------------------------------------------*/
/* --------------->>> FONTS <<<----------------*/
/* --------------------------------------------*/
@font-face {
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
		 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/OpenSans-Regular-webfont.svg#teste') format('svg');
	font-size: 16px;
}

/* --------------------------------------------*/
/* --------------->>> RESET <<<----------------*/
/* --------------------------------------------*/
html, body {
	min-height: 100%;
}

body {
	background-color: #CCC !important;
	background-image: url(../images/desktop-body-background.jpg);
	background-position: -175px 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body.sem-scroll {
    position: fixed; 
    overflow-y: scroll;
}

a[disabled] {
    filter: Alpha(Opacity=50);
    opacity: .5;
    cursor: default !important;
    pointer-events: none;
}

/* --------------------------------------------*/
/* -------->>> CLASSES PARA LAYOUT <<<---------*/
/* --------------------------------------------*/
.alunoonline-app {
	overflow: hidden !important;
	background: none !important;
	display: none;
}

.alunoonline-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	background-image: url(../images/desktop-header-background.png);
	background-color: #0A3F8F !important;
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0 !important;
	padding: 0 !important;
}

.assinatura-conatiner {
	display: flex;
	gap: 1rem;
}

.full-width > div {
	width: 100% !important;
}

@media screen and (max-width: 970px) {
	.assinatura-conatiner {
		display: block;
	}
}

.alunoonline-botao-menu .botao-aviso-validade-senha{
	margin-right : 10px;
	color : #FFCC00;
}

	.alunoonline-header h1 {
		position: absolute;
		left: 13px;
		top: 10px;
		margin: 0;
		padding: 0;
	}

		.alunoonline-header h1 .alunoonline-header-logo {
			overflow: hidden;
			display: block;
			height: 26px;
			margin: 0;
			padding: 4px 0 0 125px;
			background-image: url(../images/desktop-logo-2024-branco.png);
			background-size: contain;
			background-position: left center;
			background-repeat: no-repeat;
			font-family: 'Open Sans', sans-serif;
			font-size: .4em;
			font-weight: normal;
			color: #ffdb01;
			text-shadow: none;
			text-decoration: none;
		}

			.alunoonline-header h1 .alunoonline-header-logo.svg {
				background-image: url(../images/desktop-logo-2024-branco.png);
			}
			
			.alunoonline-header h1 .alunoonline-header-logo .alunoonline-beta {
				font-style: italic;
				text-transform: uppercase;
				color: #23B1FB;
			}
		
		.alunoonline-header nav {
			display: none;
		}
		
		.alunoonline-header .alunoonline-box-modo-consulta-docente {
			display: none;
			z-index: 2;
			position: absolute;
			top: 50px;
			width: 100%;
			padding: .4em;
			box-sizing: border-box;
			overflow: hidden;
			border-bottom: 2px solid #EA8C00;
			background-color: #FFEC9F;
			font-size: .8em;
			text-align: center;
		}
		
			.alunoonline-header .alunoonline-box-modo-consulta-docente span {
				display: inline-block;
				text-align: left;
			}
			
			.alunoonline-header .alunoonline-box-modo-consulta-docente .alunoonline-box-modo-consulta-sair {
				display: inline-block;
				padding: .2em;
				box-sizing: border-box;
				color: #EA8C00;
				text-decoration: none;
				text-shadow: 1px 1px 0px rgba(0, 0, 0, .15);
				text-align: center;
				-webkit-border-radius: 4px;
				   -moz-border-radius: 4px;
						border-radius: 4px;
			}
		
.alunoonline-botao-menu {
	display: none;
	font-size: .7em;
	position: absolute;
	right: 13px;
	top: 8px;
}

.alunoonline-botao-menu .botao-aviso-validade-senha {
	margin-right: 10px;
	color: #FFCC00;
}

.alunoonline-botao-menu .alunoonline-botao-meus-comentarios {
	position: relative;
	margin-right: 10px;
}

.alunoonline-botao-menu .alunoonline-botao-meus-comentarios.alunoonline-quantidade-notificacao::before {
	content: attr(data-content);
	position: absolute;
	left: -8px;
	top: -18px; 
	display: block;
	min-width: 12px;
	height: 12px;
	color: white;
	background-color: #FF9900;
	text-align: center;
	text-shadow: none;
	font-size: .8em;
	font-weight: normal;
    line-height: 12px;
	margin-right: .4em;
	padding: .2em;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}
	
	.alunoonline-botao-menu.mostrarmenu {
		display: block;
	}

	.alunoonline-botao-menu i:before {
		font-size: 2.5em;
		color: white;
		-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	   	   -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
				text-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	}
	
.alunoonline-texto-apresentacao-sair {
	display: none;
}

.alunoonline-header-sombra {
	display: block;
	position: absolute;
	left: 0;
	bottom: -6px;
	z-index: 1;
	width: 100%;
	height: 8px;
	background-image: url(../images/desktop-content-box-lateral-sombra.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.alunoonline-mobile-menu-opcao .fa {
	margin-right: .8em;
}

.alunoonline-mobile-menu-opcao.ui-collapsible-collapsed > a,
.alunoonline-mobile-menu-opcao:not(.ui-collapsible-collapsed) > a {	
	border-top: none;
	background-color: teal !important;
	color: white !important;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, .25) !important;
}

.alunoonline-mobile-menu-opcao > a:after {	
	background-color: rgba(0, 0, 0, .4) !important;
}

.alunoonline-mobile-menu-opcao-unica {
	border-top: 0 !important;
	border-bottom: 1px solid #ccc !important;
}

.alunoonline-mobile-menu-subopcoes > li > a {
	font-weight: normal !important;
}

.alunoonline-mobile-menu-subopcoes > li > a:visited {
	background-color: white !important;
}

.alunoonline-mobile-menu-subopcoes > li > a:hover {
	background-color: #f6f6f6 !important;
}

.alunoonline-mobile-menu-opcao.alunoonline-menu-coordenador.ui-collapsible-collapsed > a, 
.alunoonline-mobile-menu-opcao.alunoonline-menu-coordenador:not(.ui-collapsible-collapsed) > a {
	background-color: #0C77AF !important;
}

.alunoonline-menu-separador {
    padding: .6em 1em .4em 1em !important;
    background-color: #EEE !important;
    font-size: .8em !important;
    color: #666 !important;
    text-shadow: none !important;
}

.alunoonline-mobile-menu-sair:after {
	background-image: none;
	content: "\f08b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    text-rendering: auto;
    text-shadow: none;
    text-align: center;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
    padding-top: 3px;
    padding-left: 2px;
}

.alunoonline-content {
	margin: 50px 0 0 0;
}

.alunoonline-content.alunoonline-modo-consulta-docente {
	margin: 82px 0 0 0;
}

.alunoonline-content-coluna-controle {
	padding: .8em .8em 0 .8em;
} 

.alunoonline-content-coluna-esquerda {
	overflow: visible;
	padding: 0 .8em;
}

.alunoonline-content-coluna-controle,
.alunoonline-content-coluna-esquerda, 
.alunoonline-content-coluna-direita {
	float: none;
	display: none;
}

	.alunoonline-content-coluna-controle.mostrarcoluna, 
	.alunoonline-content-coluna-esquerda.mostrarcoluna, 
	.alunoonline-content-coluna-direita.mostrarcoluna {
		display: block;
	}

.alunoonline-box-lateral {
	position: relative;
	padding: .6em;
	margin-bottom: .8em;
	background-color: white;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.alunoonline-box-lateral-sombra {
	position: absolute;
	bottom: -5px;
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
	height: 5px;
	background-image: url(../images/desktop-content-box-lateral-sombra.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.alunoonline-box-conteudo {
	background-color: white;
}

	.alunoonline-box-conteudo *,
	.alunoonline-box-lateral *,
	.alunoonline-pagina-popup-conteudo * {
		font-family: 'Open Sans', sans-serif;
	}

.alunoonline-boxes-laterais {
	display: flex;
	flex-direction: row;
}

.alunoonline-box-lateral-identificacao-base {
	height: 134px;
}

.alunoonline-box-lateral-favoritos-base {
	overflow: hidden;
	clear: both;
}
	
.alunoonline-box-lateral-identificacao {
	min-height: 100px;
}

	.alunoonline-box-lateral-identificacao #fotoDocenteA {
		position: relative;
		display: block;
		overflow: hidden;
		padding: 0 4px 4px 0;
		float: left;
		margin-right: .8em;
	}

	.alunoonline-box-lateral-identificacao #fotoDocenteA > img {
		width: 70px;
	    height: 90px;
	    -webkit-border-radius: 4px;
	       -moz-border-radius: 4px;
	    		border-radius: 4px;
	    border: 3px solid white;
	    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
		   -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
				box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	}
	
		.alunoonline-box-lateral-identificacao #fotoDocenteA .alunoonline-alterar-foto-icone {
			position: absolute;
			right: 7px;
			bottom: 11px;
			padding: .1em .3em .08em .3em;
			background-color: #0C77AF;
			text-shadow: none;
			color: white;
			font-size: 12px;
			-webkit-border-top-left-radius: 6px;
			-moz-border-radius-topleft: 6px;
			border-top-left-radius: 6px;
			-webkit-transition: all 0.2s ease-in;
			   -moz-transition: all 0.2s ease-in;
				 -o-transition: all 0.2s ease-in;
				-ms-transition: all 0.2s ease-in;
					transition: all 0.2s ease-in;
		}
		
		.alunoonline-box-lateral-identificacao #fotoDocenteA:hover .alunoonline-alterar-foto-icone {
			font-size: 14px;
			-webkit-transition: all 0.2s ease;
			   -moz-transition: all 0.2s ease;
				 -o-transition: all 0.2s ease;
				-ms-transition: all 0.2s ease;
					transition: all 0.2s ease;
		}
		
		.alunoonline-box-lateral-identificacao #fotoDocenteA .alunoonline-alterar-foto-texto {
			position: absolute;
			left: 9px;
			bottom: 15px;
			text-shadow: none;
			color: white;
			font-size: .7em;
			font-weight: normal;
			text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
			opacity: 0;
    		filter: alpha(opacity=0); /* For IE8 and earlier */
    		-webkit-transition: all 0.2s ease-in;
			   -moz-transition: all 0.2s ease-in;
				 -o-transition: all 0.2s ease-in;
				-ms-transition: all 0.2s ease-in;
					transition: all 0.2s ease-in;
		}
		
		.alunoonline-box-lateral-identificacao #fotoDocenteA:hover .alunoonline-alterar-foto-texto {
			opacity: 1;
    		filter: alpha(opacity=100); /* For IE8 and earlier */
    		-webkit-transition: all 0.2s ease;
			   -moz-transition: all 0.2s ease;
				 -o-transition: all 0.2s ease;
				-ms-transition: all 0.2s ease;
					transition: all 0.2s ease;
		}
	
	.alunoonline-box-lateral-identificacao > p.alunoonline-identificacao-nome {
		display: block;
		margin: 0;
		padding: 0 0 .3em 0;
		color: #0C77AF;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1em;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, .2);
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    border-bottom: 4px solid #EEE;
	}
	
	.alunoonline-box-lateral-identificacao > p.alunoonline-identificacao-nome > span.sobrenome {
		margin: 3px 0 0 0;
		padding: 0;
		color: #999;
		font-size: .53em;
		text-shadow: none;
		display: block;
		text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	}
	
	.alunoonline-identificacao-informacao-adicional {
		width: 100%;
		margin: 0;
		padding: 0;
		border-spacing: 0;
	}
	
		.alunoonline-identificacao-informacao-adicional tr td:first-child {
			padding-right: 1.2em;
		}
		
		.alunoonline-identificacao-informacao-adicional.identificacao {
			width: auto;
			margin: .5em 0 0 0;
		}

        .alunoonline-box-lateral-botao-vagas {
            position: relative;
			width: 100% !important;
        }

        .quantidade-vagas-badge {
			width: 24px;
			height: 24px;
			z-index: 1;
			position: absolute;
			top: -8px;
			right: -5px;
			border-radius: 9999px;
			padding: 4px;
			background-color: #08537a;
			color: white;
			font-weight: bold;
			font-size: small;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
			text-shadow: none;
		}

	.alunoonline-box-lateral-abrir-fechar-identificacao, 
	.alunoonline-box-lateral-alterar-ano-semestre,
	.alunoonline-box-lateral-botao-favoritos, .alunoonline-box-lateral-botao-vagas {
		padding: 0 !important;
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre,
	.alunoonline-box-lateral-botao-favoritos, .alunoonline-box-lateral-botao-vagas {
		float: left;
		background-color: #0C77AF;
		box-sizing: border-box;
		width: -webkit-calc(50% - 2px);
		width: -moz-calc(50% - 2px);
		width: calc(50% - 2px);
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre > .alunoonline-box-lateral-sombra,
	.alunoonline-box-lateral-botao-favoritos > .alunoonline-box-lateral-sombra, .alunoonline-box-lateral-botao-vagas > .alunoonline-box-lateral-sombra {
		background-image: url(../images/desktop-content-box-lateral-sombra-2.png);
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre {
		margin-right: 2px;
	}
	
	.alunoonline-box-lateral-botao-favoritos, .alunoonline-box-lateral-botao-vagas {
		margin-left: 2px;
	}
	
		.alunoonline-box-lateral-abrir-fechar-identificacao > a, 
		.alunoonline-box-lateral-alterar-ano-semestre > a,
		.alunoonline-box-lateral-botao-favoritos > a, .alunoonline-box-lateral-botao-vagas > a {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: relative;
			display: block;
			padding: .6em;
		    color: white !important;
		    font-size: .9em;
		    font-weight: normal;
		    text-align: center;
		    text-decoration: none;
    		text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
    		background-color: #0C77AF;
   		    -webkit-border-radius: 4px;
    		   -moz-border-radius: 4px;
    				border-radius: 4px;
    		/*text-overflow: ellipsis;
		    white-space: nowrap;*/
			-webkit-transition: all 0.2s ease-in;
			   -moz-transition: all 0.2s ease-in;
				 -o-transition: all 0.2s ease-in;
				-ms-transition: all 0.2s ease-in;
					transition: all 0.2s ease-in;
		}
		
		.alunoonline-box-lateral-alterar-ano-semestre > a > span:first-child {
			display: none;
		}
		
		.alunoonline-box-lateral-alterar-ano-semestre > a > span:last-child {
			display: inline;
		}
		
		.alunoonline-box-lateral-alterar-ano-semestre > a:hover,
		.alunoonline-box-lateral-botao-favoritos > a:hover, .alunoonline-box-lateral-botao-vagas > a:hover {
			background-color: #3388cc;
			-webkit-transition: background-color 0.2s ease;
			   -moz-transition: background-color 0.2s ease;
				 -o-transition: background-color 0.2s ease;
				-ms-transition: background-color 0.2s ease;
					transition: background-color 0.2s ease;
		}
		
		.alunoonline-box-lateral-abrir-fechar-identificacao > a {
			padding-left: 2.4em;
			background-color: teal;
		}
		
		.alunoonline-box-lateral-alterar-ano-semestre > a {
			padding-left: 2em;
		}
		
		.alunoonline-box-lateral-abrir-fechar-identificacao > a:after, 
		.alunoonline-box-lateral-alterar-ano-semestre > a:after,
		.alunoonline-box-lateral-botao-favoritos > a:after, .alunoonline-box-lateral-botao-vagas > a:after {
		    top: 50%;
		    left: 10px;
		    position: absolute;
		    display: block;
		    box-sizing: border-box;
		    width: 22px;
		    height: 22px;
		    margin-top: -11px;
		    padding-top: 3px;
		    background-color: rgba(0,0,0,.3);
		    -webkit-border-radius: 1em;
		       -moz-border-radius: 1em;
		    	    border-radius: 1em;
		   	font: normal normal normal 14px/1 FontAwesome;
		   	text-rendering: auto;
		   	text-shadow: none;
    		-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
		}
		
		.alunoonline-box-lateral-abrir-fechar-identificacao > a:after {
			content: "\f078";
		}
		
		.alunoonline-box-lateral-abrir-fechar-identificacao > a.expandido:after {
			content: "\f077";
		}
		
		.alunoonline-box-lateral-alterar-ano-semestre > a:after {
			content: "\f040";
		}
		
		.alunoonline-box-lateral-botao-favoritos > a:after {
			content: "\f005";
		}

        .alunoonline-box-lateral-botao-vagas > a:after {
            content: "\f0b1";
        }
		
	.alunoonline-box-lateral-favoritos {
		display: block;
		clear: both;
	}
	
		.alunoonline-box-lateral-favoritos .alunoonline-favoritos-base {
			position: relative;
			max-height: 136px;
			overflow: hidden;
		}
		
			/* to make scrollbars always visible */
			.alunoonline-box-lateral-favoritos .alunoonline-favoritos-base.always-visible.ps-container > .ps-scrollbar-x-rail,
			.alunoonline-box-lateral-favoritos .alunoonline-favoritos-base.always-visible.ps-container > .ps-scrollbar-y-rail {
			  opacity: 0.6;
			}
	
		.alunoonline-box-lateral-favoritos ul {
			display: block;
			overflow: hidden;
			padding: 0;
			margin: 0;
		}
		
		.alunoonline-box-lateral-favoritos ul li {
			position: relative;
			display: block;
			overflow: hidden;
			list-style: none;
		}
		
		.alunoonline-box-lateral-favoritos ul li:nth-child(odd) {
			background-color: #EEE;
		}
		
			.alunoonline-box-lateral-favoritos ul li a.alunoonline-favorito {
				display: block;
				overflow: hidden;
				width: 100%;
				box-sizing: border-box;
				padding: .4em 2em .4em .4em;
				margin: 0;
				font-family: 'Open Sans', sans-serif;
			    font-size: .8em;
			    font-weight: normal;
			    text-decoration: none;
			    text-shadow: 0 1px 0 #fff;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    color: #333 !important;
			    -webkit-transition: all 0.2s ease-in;
				   -moz-transition: all 0.2s ease-in;
					 -o-transition: all 0.2s ease-in;
					-ms-transition: all 0.2s ease-in;
						transition: all 0.2s ease-in;
			}
			
			.alunoonline-box-lateral-favoritos ul li a.alunoonline-favorito:hover {
				background-color: rgba(175, 224, 250, .6);
				color: #333;
				-webkit-transition: all 0.2s ease;
				   -moz-transition: all 0.2s ease;
					 -o-transition: all 0.2s ease;
					-ms-transition: all 0.2s ease;
						transition: all 0.2s ease;
			}
			
			.alunoonline-box-lateral-favoritos ul li a.alunoonline-favorito-remover {
				position: absolute;
				display: block;
				box-sizing: border-box;
				overflow: hidden;
				padding: .4em .8em;
				right: 4px;
				top: 0;
				bottom: 0;
				font-family: 'Open Sans', sans-serif;
			    font-size: .8em;
			    font-weight: normal;
			    text-decoration: none;
			    text-shadow: 0 1px 0 #fff;
			    color: rgba(12, 119, 175, .4) !important;
			    -webkit-transition: color 0.2s ease-in;
				   -moz-transition: color 0.2s ease-in;
					 -o-transition: color 0.2s ease-in;
					-ms-transition: color 0.2s ease-in;
						transition: color 0.2s ease-in;
			}
			
			.alunoonline-box-lateral-favoritos ul li a.alunoonline-favorito-remover:hover {
			    color: rgba(12, 119, 175, 1) !important;
			    -webkit-transition: color 0.2s ease;
				   -moz-transition: color 0.2s ease;
					 -o-transition: color 0.2s ease;
					-ms-transition: color 0.2s ease;
						transition: color 0.2s ease;
			}
			
			.alunoonline-box-lateral-favoritos ul li span {
				display: block;
				width: 100%;
				padding: .4em;
				margin: 0;
				font-family: 'Open Sans', sans-serif;
			    font-size: .8em;
			    font-weight: normal;
			    text-decoration: none;
			    text-shadow: 0 1px 0 #fff;
			    color: #333 !important;
			}
		
.alunoonline-box-identificacao-consulta-docente {
	border: 2px solid #EA8C00;
	background-color: #FFEC9F;
}

	.alunoonline-box-identificacao-consulta-docente > p.alunoonline-identificacao-nome {
		color: #D27E00 !important;
    	text-shadow: 2px 2px 0px rgba(0, 0, 0, .1) !important;
    	border-bottom: 4px solid #EA8C00;
	}
	
	.alunoonline-box-identificacao-consulta-docente > p.alunoonline-identificacao-nome > span.sobrenome {
		color: #EA8C00 !important;
	}
	
	.alunoonline-box-identificacao-consulta-docente > .alunoonline-box-lateral-sombra {
		bottom: -7px !important;
	}
	
.alunoonline-informacoes-titulo {
    font-size: .6em;
    font-weight: normal;
    text-shadow: none;
    text-transform: uppercase;
    color: #666;
}

.alunoonline-informacoes-texto {
    font-size: .8em;
    font-weight: bold;
    text-shadow: none;
}

.alunoonline-informacoes-texto.curso {
    padding-bottom: 1em;
}

.alunoonline-heading {
	position: relative;
	box-sizing: border-box;
	background-color: #004c73;
	padding-bottom: 4px;
}

	.alunoonline-heading > h3 {
		display: block;
		padding: .4em 3em .4em .6em;
		margin: 0;
		color: white;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
		font-weight: normal;
		background-image: url(../images/heading-bg.jpg);
/* 		background-color: #0C77AF;  */
		background-position: top center;
		background-repeat: repeat-x;
		text-overflow: ellipsis;
	  	white-space: nowrap;
	  	overflow: hidden;
	}

		.alunoonline-heading > h3 > span {
			vertical-align: middle;
			font-size: .6em;
			font-weight: normal;
		}

.alunoonline-heading-seta {
	position: absolute;
	display: block;
	width: 17px;
	height: 8px;
	bottom: -8px;
	left: 2.5em;
	background-position: center center;
	background-repeat: no-repeat;
}

.alunoonline-heading-opcoes {
	display: block;
	position: absolute;
	top: .8em;
	right: 1em;
	padding: 0 0 0 1.5em;
	text-shadow: none;
	text-decoration: none;
	font-size: .8em;
	font-weight: normal !important;
	color: white !important;
	background-image: url(../images/icone-opcoes.png);
	background-position: left center;
	background-repeat: no-repeat;
}

	.alunoonline-heading-opcoes:visited, 
	.alunoonline-heading-opcoes:hover {
		color: white !important;
	}

	.alunoonline-heading-opcoes.ajuda {
		background-image: url(../images/icone-ajuda.png);
	}
	
	
	
.alunoonline-subheading {
	clear: both;
	overflow: hidden;
	padding: 0 !important;
	margin: .5em 0 .5em 0;
	border-bottom: 4px solid #EEE;
}

.alunoonline-subheading > h4 {
	padding: 0 .5em .3em .5em;
	margin: 0;
	font-size: 1.5em;
	font-weight: 300;
	color: #004c73;
}

.alunoonline-subheading > h4 span.desabilitado {
	color: #004c734f;
}

.alunoonline-footer {
	background: #032565 !important;
	border: 0 !important;
}

.alunoonline-footer-conteudo {
	box-sizing: border-box;
	padding: 1em;
}

.alunoonline-emec {
	position: static;
	width: 100%;
	text-align: center;
	margin-right: 0;
}

	.alunoonline-emec a {
		display: inline-block;
		padding: 5px 5px 0 5px;
		overflow: hidden;
		background: white;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.alunoonline-emec a img {
		width: 110px;
		height: auto;
	}

	.alunoonline-popuptematica-largura-minima-seloemec {
		max-width: 790px;
	}

	.alunoonline-imagem-seloemec {
		width: 100%;
	}

.alunoonline-footer-logo {
	text-align: center;
	background-color: #ccc;
	padding: 10px;
}

	.alunoonline-footer-logo img {
		width: 120px;
		height: auto;
	}

	.alunoonline-footer-logo p {
		color: white;
		font-family: 'Open Sans', sans-serif;
		font-size: .8em;
		text-shadow: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

.alunoonline-paragrafo {
	margin-top: 0 !important;
	font-size: .8em;
}

.alunoonline-loading {
	display: block;
}

.alunoonline-box-loading {
	background-color: #032565;
	opacity: 1;
	text-align: center;
}

	.alunoonline-box-loading p {
		margin: .4em 0 0 0;
		font-family: 'Open Sans', sans-serif;
		color: white;
		text-shadow: none;
		font-weight: bold;
	}
	
	.alunoonline-box-loading i {
		font-size: 2.2em !important;
		font-weight: 100 !important;
		margin-bottom: .25em;
		color: #FFCB05;
		text-shadow: none;
	}
	
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando {
		display: none;
		margin-top: 1em !important;
		padding: .4em 0 0 0;
		border-top: 1px solid #FFCC00;
	}
	
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando p,
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando div {
		font-size: .8em;
		font-weight: normal !important;
		text-shadow: none;
		color: #FFCC00 !important;
	}
	
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando div {
		margin-top: 1em;
	}
	
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando div a,
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando div a i {
		font-size: 1em !important;
		text-decoration: none;
		color: #FFCC00;
	}
	
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando div a:hover,
	.alunoonline-box-loading .alunoonline-loading-mensagem-demorando div a:hover i {
		color: white !important;
	}

.alunoonline-alerta {
	display: block;
	max-width: 42em; 
	margin: 10px auto;
	padding: 94px 20px 20px 20px;
	text-align: center;
	border: 1px solid #FFCC00;
	background-color: #FFEC9F;
	background-image: url(../images/icone-alerta.png);
	background-position: center 20px;
	background-repeat: no-repeat;
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, .1);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, .1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.alunoonline-mensagem {
	display: block;
	font-size: .9em;
	margin: .62em 4px .62em 0;
	padding: .62em .62em .62em 3em;
	background-position: .62em center;
	background-repeat: no-repeat;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	   -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
			box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	background-size: 22px;
}

.alunoonline-mensagem-erro {
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBoZWlnaHQ9IjgwMCIgd2lkdGg9IjgwMCIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSIgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiIHNvZGlwb2RpOmRvY25hbWU9Imljb25lLWVycm9yLnN2ZyI+IDxtZXRhZGF0YSBpZD0ibWV0YWRhdGExMCI+IDxyZGY6UkRGPiA8Y2M6V29yayByZGY6YWJvdXQ9IiI+IDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiA8ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4gPC9jYzpXb3JrPiA8L3JkZjpSREY+IDwvbWV0YWRhdGE+IDxkZWZzIGlkPSJkZWZzOCIgLz4gPHNvZGlwb2RpOm5hbWVkdmlldyBwYWdlY29sb3I9IiNmZmZmZmYiIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBib3JkZXJvcGFjaXR5PSIxIiBvYmplY3R0b2xlcmFuY2U9IjEwIiBncmlkdG9sZXJhbmNlPSIxMCIgZ3VpZGV0b2xlcmFuY2U9IjEwIiBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE4IiBpZD0ibmFtZWR2aWV3NiIgc2hvd2dyaWQ9ImZhbHNlIiBpbmtzY2FwZTp6b29tPSIwLjgxNjQwNjUiIGlua3NjYXBlOmN4PSI0MjMuMDM4MjciIGlua3NjYXBlOmN5PSIzNzcuNzcyNzgiIGlua3NjYXBlOndpbmRvdy14PSItOCIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiBzaG93Z3VpZGVzPSJ0cnVlIiBpbmtzY2FwZTpndWlkZS1iYm94PSJ0cnVlIiAvPiA8cGF0aCBzdHlsZT0iZmlsbDojYzMzNTFkO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoyLjQ0OTc1OTk2O3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Ik0gMzk5LjUxMzY3IDAuOTc0NjA5MzggQyAxNzguMjQ0ODQgMC45NzQ2MDkzOCAwIDE3OS4yMTc1IDAgNDAwLjQ4NjMzIEMgMy43ODk1NjEzZS0wMTQgNjIwLjUyNTg5IDE3OC4yNDQ4NCA4MDAgMzk5LjUxMzY3IDgwMCBDIDYxOS41NTMyMyA4MDAgNzk5LjAyNTM5IDYyMC41MjU4OSA3OTkuMDI1MzkgNDAwLjQ4NjMzIEMgNzk5LjAyNTM5IDE3OS4yMTc1IDYxOS41NTMyMyAwLjk3NDYwOTM4IDM5OS41MTM2NyAwLjk3NDYwOTM4IHogTSAyNzguMTE3MTkgMTgxLjA1ODU5IEMgMjgzLjMyMDAxIDE4MS4wNTg1OSAyODguNTIxMTQgMTgzLjA1MjM5IDI5Mi41MDc4MSAxODcuMDM5MDYgTCA0MDcuMjczNDQgMzAxLjgwMjczIEwgNTIwLjIwMTE3IDE4OC44NzUgQyA1MjguMTc0NTEgMTgwLjkwMTY2IDU0MS4wMTI5OSAxODAuOTAxNjYgNTQ4Ljk4NjMzIDE4OC44NzUgTCA2MTkuODA0NjkgMjU5LjY5NTMxIEMgNjI3Ljc3ODAzIDI2Ny42Njg2NSA2MjcuNzc4MDMgMjgwLjUwNTE4IDYxOS44MDQ2OSAyODguNDc4NTIgTCA1MDYuODc2OTUgNDAxLjQwNjI1IEwgNjE3Ljk2NjggNTEyLjQ5NjA5IEMgNjI1Ljk0MDE0IDUyMC40Njk0MyA2MjUuOTQwMTQgNTMzLjMwNzkxIDYxNy45NjY4IDU0MS4yODEyNSBMIDU0Ny4xNDg0NCA2MTIuMTAxNTYgQyA1MzkuMTc1MSA2MjAuMDc0OSA1MjYuMzM2NjIgNjIwLjA3NDkgNTE4LjM2MzI4IDYxMi4xMDE1NiBMIDQwNy4yNzE0OCA1MDEuMDExNzIgTCAyOTQuMzQ1NyA2MTMuOTM3NSBDIDI4Ni4zNzIzNiA2MjEuOTEwODQgMjczLjUzMzg5IDYyMS45MTA4NCAyNjUuNTYwNTUgNjEzLjkzNzUgTCAxOTQuNzQyMTkgNTQzLjExOTE0IEMgMTg2Ljc2ODg1IDUzNS4xNDU4IDE4Ni43Njg4NSA1MjIuMzA3MzIgMTk0Ljc0MjE5IDUxNC4zMzM5OCBMIDMwNy42Njk5MiA0MDEuNDA4MiBMIDE5Mi45MDQzIDI4Ni42NDI1OCBDIDE4NC45MzA5NiAyNzguNjY5MjQgMTg0LjkzMDk2IDI2NS44MzA3NiAxOTIuOTA0MyAyNTcuODU3NDIgTCAyNjMuNzI0NjEgMTg3LjAzOTA2IEMgMjY3LjcxMTI4IDE4My4wNTIzOSAyNzIuOTE0MzcgMTgxLjA1ODU5IDI3OC4xMTcxOSAxODEuMDU4NTkgeiAiIGlkPSJwYXRoNDE0NCIgLz4gPC9zdmc+');
}

.alunoonline-mensagem-aviso {
	border: 1px solid #FFCC00;
	background-color: #FFEC9F;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwMCIgaGVpZ2h0PSI3MDMiIHZpZXdCb3g9IjAgMCA4MDAgNzAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNDQ5LjM0NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiIHNvZGlwb2RpOmRvY25hbWU9Imljb25lLWFsZXJ0YS5zdmciPjxtZXRhZGF0YSBpZD0ibWV0YWRhdGExMSI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzOSIgLz48c29kaXBvZGk6bmFtZWR2aWV3IHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEiIG9iamVjdHRvbGVyYW5jZT0iMTAiIGdyaWR0b2xlcmFuY2U9IjEwIiBndWlkZXRvbGVyYW5jZT0iMTAiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTgiIGlkPSJuYW1lZHZpZXc3IiBzaG93Z3JpZD0iZmFsc2UiIGlua3NjYXBlOnpvb209IjAuODEyNjQxNDMiIGlua3NjYXBlOmN4PSI0MTUuNjc4NiIgaW5rc2NhcGU6Y3k9IjM1OC44MTUzNiIgaW5rc2NhcGU6d2luZG93LXg9Ii04IiBpbmtzY2FwZTp3aW5kb3cteT0iLTgiIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkxheWVyXzEiIC8+PGcgaWQ9ImczIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjU2MTQwMzMsMCwwLDEuNTYxNDAzMywwLDEuMzkxMjE4KSIgc3R5bGU9ImZpbGw6I2ZmOTkwMDtmaWxsLW9wYWNpdHk6MSI+PHBhdGggZD0ibSA1MTAuMTMxLDQxOC4zMzYgMC4wMzcsLTAuMDI0IC0wLjg1NiwtMS40ODIgYyAtMC40MjIsLTAuNzg0IC0wLjgzMiwtMS41NzkgLTEuMzM4LC0yLjMxNSBMIDI3NS4zMjQsMTEuNTQ1IEMgMjcxLjU1LDQuNjk5IDI2NC4zNjQsMCAyNTUuOTg1LDAgMjQ2LjkxLDAgMjM5LjEyNyw1LjQ3NyAyMzUuNzA2LDEzLjI4OSBMIDIzNS42ODMsMTMuMjc3IDQuODQsNDEzLjEyOCBsIDAuMjIzLDAuMTIgQyAxLjk0NCw0MTcuMDcgMCw0MjEuODgxIDAsNDI3LjE4NiBjIDAsMTIuMjM2IDkuOTE5LDIyLjE1OSAyMi4xNSwyMi4xNTkgbCAwLDAgNDY3LjY5MSwwIDAsMCBjIDEyLjIzNywwIDIyLjE1OSwtOS45MjMgMjIuMTU5LC0yMi4xNDcgMCwtMy4xNiAtMC42ODgsLTYuMTM3IC0xLjg2OSwtOC44NjIgeiBNIDI1Ni4yMTQsNDA3LjQ5NyBjIC0xNy43NCwwIC0zMi4xMDUsLTEzLjkzNyAtMzIuMTA1LC0zMS42NzEgMCwtMTcuNzM0IDE0LjM1OSwtMzIuMDk0IDMyLjEwNSwtMzIuMDk0IDE3LjMwMSwwIDMxLjY2NiwxNC4zNDcgMzEuNjY2LDMyLjA5NCAwLjAwNiwxNy43MzUgLTE0LjM2NSwzMS42NzEgLTMxLjY2NiwzMS42NzEgeiBtIDMxLjY2NiwtMjgwLjA0MyAwLDE3NC42ODIgLTAuMDEzLDAgYyAwLDAuMDM2IDAuMDEzLDAuMDYxIDAuMDEzLDAuMDk3IDAsNy4yNDUgLTUuODY2LDEyLjkyNyAtMTIuOTMxLDEyLjkyNyAtMC4wMjQsMCAtMC4wNDgsMCAtMC4wODQsMCBsIDAsMCAtMzcuNjA5LDAgYyAtNy4yNDYsMCAtMTMuMTA1LC01LjY4MiAtMTMuMTA1LC0xMi45MjcgMCwtMC4wMjQgMC4wMTMsLTAuMDYxIDAuMDEzLC0wLjA5NyBsIC0wLjAxMywwIDAsLTE3NC4yMTEgYyAtMC4wMDYsLTAuMTYzIC0wLjA0OCwtMC4zMTYgLTAuMDQ4LC0wLjQ3NyAwLC02Ljg5NiA1LjM0MSwtMTIuMzIxIDExLjk0NCwtMTIuODI3IGwgMCwtMC4wOTcgMzguODE4LDAgMCwwLjAwNiBjIDcuMDg5LDAuMDQyIDEyLjc5Nyw1LjUzNCAxMi45NzksMTIuNTg0IGwgMC4wMjksMCAwLDAuMzI4IDAsMC4wMTIgYyAwLjAxMywwIDAuMDA3LDAgMC4wMDcsMCB6IiBpZD0icGF0aDUiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIHN0eWxlPSJmaWxsOiNmZjk5MDA7ZmlsbC1vcGFjaXR5OjEiIC8+PC9nPjwvc3ZnPg==');
}

.alunoonline-mensagem-sucesso {
	border: 1px solid #009900;
	background-color: #CAFFCA;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBoZWlnaHQ9IjgwMCIgd2lkdGg9IjgwMCIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSIgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiIHNvZGlwb2RpOmRvY25hbWU9Imljb25lLXN1Y2Vzc28uc3ZnIj4gPG1ldGFkYXRhIGlkPSJtZXRhZGF0YTEwIj4gPHJkZjpSREY+IDxjYzpXb3JrIHJkZjphYm91dD0iIj4gPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+IDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+IDxkYzp0aXRsZT48L2RjOnRpdGxlPiA8L2NjOldvcms+IDwvcmRmOlJERj4gPC9tZXRhZGF0YT4gPGRlZnMgaWQ9ImRlZnM4IiAvPiA8c29kaXBvZGk6bmFtZWR2aWV3IHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEiIG9iamVjdHRvbGVyYW5jZT0iMTAiIGdyaWR0b2xlcmFuY2U9IjEwIiBndWlkZXRvbGVyYW5jZT0iMTAiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTgiIGlkPSJuYW1lZHZpZXc2IiBzaG93Z3JpZD0iZmFsc2UiIGlua3NjYXBlOnpvb209IjAuNTc3Mjg2NTgiIGlua3NjYXBlOmN4PSI0MTkuMTY3NzEiIGlua3NjYXBlOmN5PSI0MTEuNDY5OCIgaW5rc2NhcGU6d2luZG93LXg9Ii04IiBpbmtzY2FwZTp3aW5kb3cteT0iLTgiIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIHNob3dndWlkZXM9InRydWUiIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiIC8+IDxwYXRoIHN0eWxlPSJmaWxsOiMwYzkxMGM7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjIuNDQ5NzU5OTY7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTSAzOTkuNTEzNjcgMC45NzQ2MDkzOCBDIDE3OC4yNDQ4NCAwLjk3NDYwOTM4IDAgMTc5LjIxNzUgMCA0MDAuNDg2MzMgQyAzLjc4OTU2MTNlLTAxNCA2MjAuNTI1ODkgMTc4LjI0NDg0IDgwMCAzOTkuNTEzNjcgODAwIEMgNjE5LjU1MzIzIDgwMCA3OTkuMDI1MzkgNjIwLjUyNTg5IDc5OS4wMjUzOSA0MDAuNDg2MzMgQyA3OTkuMDI1MzkgMTc5LjIxNzUgNjE5LjU1MzIzIDAuOTc0NjA5MzggMzk5LjUxMzY3IDAuOTc0NjA5MzggeiBNIDU3OC4xMTkxNCAxODYuMDE5NTMgQyA1ODUuMzg5ODcgMTg2LjAxOTUzIDU5Mi42NjEyMSAxODguODAzNzkgNTk4LjIzMjQyIDE5NC4zNzUgTCA2NjUuNzcxNDggMjYxLjkxNDA2IEMgNjc2LjkxMzg5IDI3My4wNTY0OCA2NzYuOTEzODkgMjkwLjk5ODIyIDY2NS43NzE0OCAzMDIuMTQwNjIgTCAzNjEuOTQxNDEgNjA1Ljk3MjY2IEMgMzU3LjEwMTA0IDYxMC44MTMwMiAzNTAuOTc5MDMgNjEzLjU0NjY3IDM0NC42ODc1IDYxNC4xODE2NCBDIDMzOC4yMDgwNCA2MTYuMDg0OTQgMzMwLjkzMzg4IDYxNC40NzcwOSAzMjUuNzk4ODMgNjA5LjM1NTQ3IEMgMzI0LjM2NDE0IDYwOC4zNzEzNSAzMjIuOTkzNDcgNjA3LjI0OTMyIDMyMS43MTY4IDYwNS45NzI2NiBMIDI1NC4xNzc3MyA1MzguNDMzNTkgQyAyNTIuOTAxMzggNTM3LjE1NzI1IDI1MS43Nzg4NiA1MzUuNzg3ODMgMjUwLjc5NDkyIDUzNC4zNTM1MiBMIDEyMS40Nzg1MiA0MDUuMDM3MTEgQyAxMTMuOTg2MiAzOTcuNTQ0OCAxMTMuOTg2MiAzODUuNDgwNTkgMTIxLjQ3ODUyIDM3Ny45ODgyOCBMIDIwMi4xOTUzMSAyOTcuMjcxNDggQyAyMDkuNjg3NjMgMjg5Ljc3OTE2IDIyMS43NTE4MiAyODkuNzc5MTYgMjI5LjI0NDE0IDI5Ny4yNzE0OCBMIDM0Mi4xNzc3MyA0MTAuMjA1MDggTCA1NTguMDA3ODEgMTk0LjM3NSBDIDU2My41NzkwMiAxODguODAzNzkgNTcwLjg0ODQxIDE4Ni4wMTk1MyA1NzguMTE5MTQgMTg2LjAxOTUzIHogIiBpZD0icGF0aDQxNDQiIC8+IDwvc3ZnPg==');
}

.alunoonline-mensagem-info {
	border: 1px solid #3498DB;
	background-color: #C6E1F4;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBoZWlnaHQ9IjgwMCIgd2lkdGg9IjgwMCIgaWQ9InN2ZzIiIHZlcnNpb249IjEuMSIgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiIHNvZGlwb2RpOmRvY25hbWU9Imljb25lLWluZm8uc3ZnIj4gPG1ldGFkYXRhIGlkPSJtZXRhZGF0YTEwIj4gPHJkZjpSREY+IDxjYzpXb3JrIHJkZjphYm91dD0iIj4gPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+IDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+IDxkYzp0aXRsZSAvPiA8L2NjOldvcms+IDwvcmRmOlJERj4gPC9tZXRhZGF0YT4gPGRlZnMgaWQ9ImRlZnM4IiAvPiA8c29kaXBvZGk6bmFtZWR2aWV3IHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEiIG9iamVjdHRvbGVyYW5jZT0iMTAiIGdyaWR0b2xlcmFuY2U9IjEwIiBndWlkZXRvbGVyYW5jZT0iMTAiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9Ijk0NCIgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAwMiIgaWQ9Im5hbWVkdmlldzYiIHNob3dncmlkPSJmYWxzZSIgaW5rc2NhcGU6em9vbT0iMC42NTU0MzU3OCIgaW5rc2NhcGU6Y3g9IjQwNS4zMzcyMyIgaW5rc2NhcGU6Y3k9IjM4Mi4yNjM5MSIgaW5rc2NhcGU6d2luZG93LXg9Ijk2MCIgaW5rc2NhcGU6d2luZG93LXk9IjAiIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIHNob3dndWlkZXM9InRydWUiIGlua3NjYXBlOmd1aWRlLWJib3g9InRydWUiIC8+IDxwYXRoIHN0eWxlPSJmaWxsOiMzNDk4ZGI7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjIuNDQ5NzU5OTY7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTSAzOTkuNTEzNjcgMC45NzQ2MDkzOCBDIDE3OC4yNDQ4NCAwLjk3NDYwOTM4IDAgMTc5LjIxNzUgMCA0MDAuNDg2MzMgQyAzLjc4OTU2MTNlLTAxNCA2MjAuNTI1ODkgMTc4LjI0NDg0IDgwMCAzOTkuNTEzNjcgODAwIEMgNjE5LjU1MzIzIDgwMCA3OTkuMDI1MzkgNjIwLjUyNTg5IDc5OS4wMjUzOSA0MDAuNDg2MzMgQyA3OTkuMDI1MzkgMTc5LjIxNzUgNjE5LjU1MzIzIDAuOTc0NjA5MzggMzk5LjUxMzY3IDAuOTc0NjA5MzggeiBNIDQwMC43NDIxOSAxMjUuMTMwODYgQyA0NDAuMDc4ODcgMTI1LjEzMDg2IDQ3MC44MTA1NSAxNTUuODYxMzQgNDcwLjgxMDU1IDE5My45Njg3NSBDIDQ3MC44MTA1NSAyMzQuNTM0NyA0NDAuMDc4ODcgMjY1LjI2NzU4IDQwMC43NDIxOSAyNjUuMjY3NTggQyAzNjEuNDA1NTEgMjY1LjI2NzU4IDMzMC42NzM4MyAyMzMuMzA1NDMgMzMwLjY3MzgzIDE5My45Njg3NSBDIDMzMC42NzM4MyAxNTUuODYxMzQgMzYxLjQwNTUxIDEyNS4xMzA4NiA0MDAuNzQyMTkgMTI1LjEzMDg2IHogTSAzNjAuODcxMDkgMzIzLjUyMTQ4IEwgNDQxLjQyNTc4IDMyMy41MjE0OCBDIDQ1Mi43MDE4MSAzMjMuNTIxNDggNDYxLjc3OTMgMzMyLjU5ODk3IDQ2MS43NzkzIDM0My44NzUgTCA0NjEuNzc5MyA2NDguNDI5NjkgQyA0NjEuNzc5MyA2NTkuNzA1NzIgNDUyLjcwMTgxIDY2OC43ODMyIDQ0MS40MjU3OCA2NjguNzgzMiBMIDM2MC44NzEwOSA2NjguNzgzMiBDIDM0OS41OTUwNyA2NjguNzgzMiAzNDAuNTE3NTggNjU5LjcwNTcyIDM0MC41MTc1OCA2NDguNDI5NjkgTCAzNDAuNTE3NTggMzQzLjg3NSBDIDM0MC41MTc1OCAzMzIuNTk4OTcgMzQ5LjU5NTA3IDMyMy41MjE0OCAzNjAuODcxMDkgMzIzLjUyMTQ4IHogIiBpZD0icGF0aDQxNDQiIC8+IDwvc3ZnPg==');
}

.alunoonline-form .ui-field-contain {
	border: none;
	padding: 0;
	margin-bottom: .8em;
}

.alunoonline-form-input-aux {
	margin-top: .6em;
}

.alunoonline-form-input-aux-2 {
	margin: 0 0 .6em 0;
}

	.alunoonline-form-input-aux .ui-input-text,
	.alunoonline-form-input-aux-2 .ui-select {
		margin: 0;
	}

.alunoonline-botao-container .ui-btn:first-child {
	margin: 0 0 .6em 0 !important;
}

.alunoonline-botao-container .ui-btn:last-child {
	margin: 0 !important;
}

.alunoonline-botao-container.login .ui-btn:first-child {
	margin: .6em 0 !important;
}

.alunoonline-botao-container.pesquisa .ui-btn:first-child {
	margin: .6em 0 0 0 !important;
}

.alunoonline-botao-container.contrato {
	margin: 0 0 .5em 0 !important;
}

.alunoonline-botao-estilo-1 {
	background-color: #3388cc !important;
	border-color: #3388cc !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #005599 !important;
}

	.alunoonline-botao-estilo-1:hover {
		background-color: #2C73AD !important;
		border-color: #2C73AD !important;
	}

.alunoonline-botao-estilo-2 {
	background-color: #1F527C !important;
	border-color: #1F527C !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #005599 !important;
}

	.alunoonline-botao-estilo-2:hover {
		background-color: #1C496F !important;
		border-color: #1C496F !important;
	}

.alunoonline-botao-estilo-3 {
	background-color: #e45454 !important;
	border-color: #e45454 !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #be3333 !important;
}

.alunoonline-botao-estilo-3:hover {
	background-color: #BE3E3EFF !important;
	border-color: #BE3E3EFF !important;
}

.alunoonline-pdf,
.alunoonline-visualizador-iframe,
.alunoonline-pagina-popup {
	display: none;
    flex-direction: column;
	position: fixed;
	left: 0;
	top: 50px;
	box-sizing: border-box;
	width: 100%;
	height: -webkit-calc(100% - 50px);
	height: -moz-calc(100% - 50px);
	height: calc(100% - 50px);
	z-index: 1000;
	border: 4px solid rgba(0, 0, 0, .5);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

	.alunoonline-pdf iframe,
	.alunoonline-visualizador-iframe iframe {
		border: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: -webkit-calc(100% - 42px);
		height: -moz-calc(100% - 42px);
		height: calc(100% - 42px);
		background-color: white;
	}
	
	.alunoonline-visualizador-iframe iframe {
		overflow: scroll !important;
	}
	
.alunoonline-pagina-popup-conteudo {
	overflow: scroll;
	border: 0;
	margin: 0;
	box-sizing: border-box;
	width: 100%;
	height: -webkit-calc(100% - 43px);
	height: -moz-calc(100% - 43px);
	height: calc(100% - 43px);
	background-color: white;
	font-family: 'Open Sans', sans-serif;
}

.alunoonline-pdf-heading,
.alunoonline-visualizador-iframe-heading, 
.alunoonline-pagina-popup-heading {
	box-sizing: border-box;
	background-color: #CDCDCD;
	padding-bottom: 4px;
	font-family: 'Open Sans', sans-serif;
}

	.alunoonline-pdf-heading > h3,
	.alunoonline-visualizador-iframe-heading > h3, 
	.alunoonline-pagina-popup-heading > h3 {
		display: block;
		padding: .4em .6em .4em .6em;
		margin: 0;
		color: white;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
		font-weight: normal;
		background-image: url(../images/heading-bg.jpg);
		background-position: top center;
		background-repeat: repeat-x;
	  	text-overflow: ellipsis;
	  	white-space: nowrap;
	  	overflow: hidden;
	  	padding-right: 75px;
	}

	.alunoonline-pdf-heading > h3 > span,
	.alunoonline-visualizador-iframe-heading > h3 > span, 
	.alunoonline-pagina-popup-heading > h3 > span {
		vertical-align: middle;
		font-size: .6em;
		font-weight: normal;
	}

.alunoonline-heading-menu {
	display: block;
	position: absolute;
	top: .6em;
	right: 1em;
	padding: 0;
	color: white;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
	text-decoration: none;
	font-size: 1em;
	font-weight: normal !important;
	color: white !important;
}

	.alunoonline-heading-menu a {
		color: white;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
		text-decoration: none;
		font-size: 1em;
		font-weight: normal !important;
		color: white !important;
	}
	
		.alunoonline-heading-menu a span {
			display: none;
		}

/*.alunoonline-heading-menu,*/
.alunoonline-pdf-heading-fechar,
.alunoonline-visualizador-iframe-heading-fechar, 
.alunoonline-pagina-popup-heading-fechar {
	display: block;
	position: absolute;
	top: .85em;
	right: 1em;
	padding: 0;
	color: white;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, .25);
	text-decoration: none;
	font-size: .8em;
	font-weight: normal !important;
	color: white !important;

}
.alunoonline-pdf-buttons {
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -5px;
	left: 1.2em;
	right: 1.2em;
	background-color: #474747;
	padding: 0 .5em;
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-box-shadow: 0px 0px 8px #000000;
	-moz-box-shadow: 0px 0px 8px #000000;
	box-shadow: 0px 0px 8px #000000;
}

.alunoonline-pdf-buttons span {
	display: block;
	color: white;
	text-shadow: none;
	margin: .5em 0;
}
.alunoonline-dados-lista {
	display: block;
	overflow: hidden;
	padding: .4em 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

.alunoonline-dados-lista .ui-input-text{
	display: inline-block;
	
}

.alunoonline-dados-lista-label {
	display: inline-block;
	float: left;
	width: -webkit-calc(30% - 1em);
	width: -moz-calc(30% - 1em);
	width: calc(30% - 1em);
	margin-right: 1em; 
	line-height: 150%;
	text-transform: uppercase;
	font-size: .7em;
	color: rgba(0,0,0,0.8);
	font-weight: normal;
}

.alunoonline-dados-lista-conteudo {
	display: inline-block;
	width: 60%;
}

.alunoonline-passo {
	padding: 0;
	margin: 0;
}

.alunoonline-passo > li {
	list-style: none;
}

.alunoonline-passo > li > a::after {
	background-color: #009900 !important;
}

.alunoonline-botoes-submissao-base {
	margin-top: 1em;
}

.alunoonline-botao-opcao-base .ui-btn {
	margin-top: 0;
}

.alunoonline-botoes.ui-grid-b > .ui-block-a {
	float: right;
}

.alunoonline-error {
	border: 1px solid red !important;
}

.alunoonline-error.alunoonline-error-rounded {
	-webkit-border-radius: .3125em;
    		border-radius: .3125em;
}

.alunoonline-error.ui-focus {
	-webkit-box-shadow: 0 0 12px red !important;
	   -moz-box-shadow: 0 0 12px red !important;
			box-shadow: 0 0 12px red !important;
}

.alunoonline-error-label {
	color: red !important;
}

.jqplot-table-legend-label a {
	text-shadow: none;
	color: #999;
}

.jqplot-highlighter-tooltip {
	z-index: 1000;
}

.backgrid-paginator ul {
    padding: 0 10px;
}

.alunoonline-block-ui {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, .5);
	text-align: center;
	color: #0c77af;
	font-size: 1.5em;
}

.alunoonline-block-ui i {
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -15px;
}

.alunoonline-botao-desabilitado {
	filter: Alpha(Opacity=50);
    opacity: .5;
    cursor: default !important;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.alunoonline-ui-field-contain-grande.com-botao .ui-select {
	margin-bottom: 1em;
}
.alunoonline-progress-bar-detalhe,
.alunoonline-progress-bar {
	border-radius: 5px;
	width: 200px;
	height: 30px;
	background-color: #cfcecc;
	position: relative;
}
.alunoonline-progress-bar-detalhe > div,
.alunoonline-progress-bar > .porcentagem-progress-bar {

	border-radius: 5px;
	height: 30px;
	background-color: #0089ca;
	color: white;
	text-align: center;
	font-weight:normal;
	line-height: 30px;
}

.alunoonline-progress-bar-detalhe > div
{
	background-color: #ff4952;
}

.alunoonline-progress-bar > .porcentagem-progress{
	position: absolute;
	color: white;
	font-weight:normal;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.alunoonline-popuptematica-largura-minima-curso {
	min-width: 100px !important;
	text-align: center;
}

/* --------------------------------------------*/
/* ---------->>> CLASSES GLOBAIS <<<-----------*/
/* --------------------------------------------*/
.alunoonline-margin-bottom-10px { margin-bottom: 10px; }
.alunoonline-margin-right-5px { margin-right: 5px; }
.alunoonline-margin-bottom-20px { margin-bottom: 20px; }
.alunoonline-margin-top-0 { margin-top: 0 !important; }
.alunoonline-margin-bottom-0 { margin-bottom: 0 !important; }

.alunoonline-padding-1em { padding: 1em; }
.alunoonline-padding-top-1em { padding-top: 1em; }
.alunoonline-padding-bottom-1em { padding-bottom: 1em; }
.alunoonline-padding-bottom-02em { padding-bottom: .2em !important; }
.alunoonline-padding-left-1em {	padding-left: 1em; }
.alunoonline-padding-right-1em { padding-right: 1em; }

.alunoonline-margin-08em { margin: .8em; }
.alunoonline-margin-top-08em { margin-top: .8em; }
.alunoonline-margin-bottom-08em { margin-bottom: .8em; }

.alunoonline-color-verde { color: #67cf78; }
.alunoonline-color-vermelho { color: #de606a; }
.alunoonline-color-cinza { color: #666; }

.alunoonline-mostrar-senha{
	position: relative;
}
.alunoonline-mostrar-senha .ui-input-text {
	width: 100% !important;

}
.alunoonline-mostrar-senha .ui-input-text input{
	padding-right: 16%;
}

.alunoonline-mostrar-senha i.fa{
	margin: 0;
}
.alunoonline-mostrar-senha .ui-btn{
	padding: 0;
}

.alunoonline-mostrar-senha button {
	width: 20% !important;
	position: absolute;
	right: 0;
	top: 0;
	background: none !important;
	border: none !important;
	border-radius: 50%;
	box-shadow: none !important;
	z-index: 1000;
}

.alunoonline-display-none {
	display: none;
}

.alunoonline-display-none-important {
	display: none !important;
}

.ui-collapsible-heading-toggle span.info-direita {
	float: right;
}

/* --------------------------------------------*/
/* ------------->>> ANIMAÇÕES <<<--------------*/
/* --------------------------------------------*/

.alunoonline-animacao-contrair,
.alunoonline-animacao-contrair-2,
.alunoonline-animacao-expandir,
.alunoonline-animacao-expandir-2 {
	height: 0;
    overflow-y: hidden;
    -webkit-transition: height 0.5s ease-in-out;
       -moz-transition: height 0.5s ease-in-out;
    	 -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.alunoonline-animacao-expandir {
	height: 132px;
}

.alunoonline-animacao-expandir-2 {
	height: 210px;
}

.docenteonline-conteudo-textarea {
	height: 130px;
	overflow-y: scroll !important;
}

.sem-vagas {
	line-height: 1.3rem;
	font-size: medium;
	font-weight: bold;
	margin: 0;
	text-wrap: nowrap;
	color: rgba(0,0,0,.6);
	width: 100%;
	text-align: center;
	padding-top: 48px;
	padding-bottom: 48px;
}

.vagas-list-disponiveis, .vagas-list-minhas,.vagas-list-anteriores, .vagas-list-solicitadas-disponiveis, .vagas-list-solicitadas-anteriores {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vagas-list-item {
	position: relative;
}

.vagas-list-item-container {
	position: relative;
	background-color: white;
	padding: 16px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.vagas-list-item-header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	cursor: pointer;
	position: relative;
	gap: 4px;
}

.vagas-list-item-header-candidato {
	padding-top: 0;
}

.vagas-list-item-header-start {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vagas-list-item-header-end {
	display: flex;
	gap: 16px;
}

.vagas-list-item-header-end i {
	margin-right: 0;
}

.vagas-list-item-header-end-date {
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.vagas-list-item-header-titulo {
	font-weight: bold;
	font-size: medium;
	margin: 0;
	user-select: none;
}

.vagas-list-item-header-data {
	line-height: 1.3rem;
	font-weight: normal;
	font-size: small;
	margin: 0;
	text-wrap: nowrap;
	user-select: none;
	color: rgba(0,0,0,.6);
}

.vagas-list-item-content {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.5s ease-out;
}

.vagas-list-item-content-inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px 0 0 0;
}

.vagas-list-item-content-inner-item {
	display: flex;
	flex-direction: column;
}

.vagas-list-item-content-inner-actions {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 8px;
}

.vagas-list-item-content-inner-item-label {
	margin: 0;
	font-weight: bold;
	font-size: medium;
}

.vagas-list-item-content-inner-item-text {
	margin: 0;
	text-align: justify;
	text-justify: inter-word;
	white-space: pre-line;
}

.expand-button {
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vagas-list-item-candidato::before{
	position: absolute;
	content: '';
	background: #0a628c;
	height: 28px;
	width: 28px;
	top: 18px;
	right: -2px;
	transform : rotate(45deg);
}

.vagas-list-item-candidato::after{
	position: absolute;
	content: 'Candidato';
	top: 6px;
	right: -8px;
	padding: 4px;
	font-size: 14px;
	width: 8rem;
	background: #0c77af;
	color: white;
	text-align: center;
	box-shadow: -4px 4px 15px rgba(26, 35, 126, 0.2);
	border-radius: 4px 4px 0 4px;
	text-shadow: none;
}

.mobile-hide {
	display: inline-block;
}

.vagas-list-item-content-candidatos-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.vagas-list-item-content-candidatos {
	padding-top: 16px;
}
.vagas-list-item-content-navbar {
	padding-top: 16px;
}
.vagas-list-item-content-candidatos-content-avatar {
	object-fit: cover;
}
.vagas-candidato {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	padding: 16px;
}
.vagas-candidato-row {
	height: 100%;
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.vagas-candidato-column {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.vagas-candidato-title {
	font-weight: bold;
	font-size: medium;
	margin: 0;
	text-wrap: nowrap;
}
.vagas-candidato-subtitle {
	line-height: 1.3rem;
	font-weight: normal;
	font-size: small;
	margin: 0;
	color: rgba(0,0,0,.6);
}

@media (max-width: 970px) {
	.vagas-candidato-row {
		height: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
}

@media (max-width: 60.625em) {
	.vagas-list-item-header-candidato {
		padding-top: 18px;
	}

	.vagas-list-item-header-end-date {
		flex-direction: column;
		gap: 2px;
	}
	.mobile-hide {
		display: none;
	}
}

/* --------------------------------------------*/
/* --------->>> BREAKPOINT 425px <<<-----------*/
/* --------------------------------------------*/
@media (max-width: 425px) {
	.alunoonline-progress-bar-detalhe,
	.alunoonline-progress-bar {
		width: 100%;
	}
}
/* --------------------------------------------*/
/* --------->>> BREAKPOINT 375px <<<-----------*/
/* --------------------------------------------*/
@media (max-width: 375px) {
	.alunoonline-progress-bar-detalhe,
	.alunoonline-progress-bar {
		width: 100%;
	}
}
/* --------------------------------------------*/
/* --------->>> BREAKPOINT 320px <<<-----------*/
/* --------------------------------------------*/
@media (max-width: 320px) {
	.alunoonline-progress-bar-detalhe,
	.alunoonline-progress-bar {
		width: 175px;
	}
	.alunoonline-progress-bar-detalhe{
		width: 115px;
	}
}


/* --------------------------------------------*/
/* --------->>> BREAKPOINT 448px <<<-----------*/
/* --------------------------------------------*/
@media all and (min-width: 28em) {

	.alunoonline-form-input-extra > .ui-input-text,
	.alunoonline-form-input-extra > .ui-select {
		width: 100% !important;
	}
	
	.alunoonline-form-input-grande > .ui-input-text,
	.alunoonline-form-input-grande > .ui-select,
	.alunoonline-form-input-grande > .ui-textarea-ckeditor {
		width: 75% !important;
	}
	
	.alunoonline-form-input-medio > .ui-input-text {
		margin-right: .8em !important;
	}
	
	.alunoonline-form-input-medio > .ui-input-text,
	.alunoonline-form-input-medio > .ui-select,
	.alunoonline-form-input-medio > .ui-textarea-ckeditor {
		width: 40% !important;
	}
	
	.alunoonline-form-input-pequeno > .ui-input-text,
	.alunoonline-form-input-pequeno > .ui-select,
	.alunoonline-form-input-pequeno > .ui-textarea-ckeditor {
		width: 25% !important;
	}
	
	.alunoonline-botao-opcao-base .ui-btn {
	    display: inline-block;
	    vertical-align: middle;
	}
	
	.alunoonline-passo > li {
		display: inline-block;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 .3em;
	}
	
	.alunoonline-dados-lista-label {
		min-width: 9em;
	}
	
	.alunoonline-dados-lista-conteudo {
		max-width: -webkit-calc(70% - 2em);
		max-width: -moz-calc(70% - 2em);
		max-width: calc(70% - 2em);
	}
	
	.alunoonline-botoes-opcao-base .ui-btn,
	.alunoonline-botoes-submissao-base .ui-btn {
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: .5em;
	}
	
	.alunoonline-botoes-submissao-base.formulario-empilhado {
		box-sizing: border-box;
		padding-left: 22%;
	}
	
	.alunoonline-ui-field-contain-grande.com-botao .ui-select {
		width: calc(78% - 160px) !important;
		margin-right: 10px !important;
		margin-bottom: 0;
		box-sizing: border-box;
	}
}

/* --------------------------------------------*/
/* --------->>> BREAKPOINT 768px <<<-----------*/
/* --------------------------------------------*/
@media all and (min-width: 48em) {
	.alunoonline-heading-menu {
		top: .85em;
		font-size: .8em;
	}
	
		.alunoonline-heading-menu a span {
			display: inline;
		}
}

/* --------------------------------------------*/
/* --------->>> BREAKPOINT 970px <<<-----------*/
/* --------------------------------------------*/
@media all and (min-width: 60.625em) {

	.alunoonline-boxes-laterais {
		display: flex;
		flex-direction: column;
	}

	.alunoonline-box-lateral-botao-vagas {
		position: relative;
		width: 100%;
	}

	.alunoonline-app {
		background: none;
	}
	
	.alunoonline-header {	
		min-height: 50px;
		box-sizing: border-box;
		padding: 50px 0 0 0;
		background-image: url(../images/desktop-header-background.png);
		background-color: #032565 !important;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
		.alunoonline-header * {
			font-family: 'Open Sans', sans-serif;
		}
	
		.alunoonline-header h1 {
			left: 20px;
			top: 10px;
		}

		.alunoonline-header h1 .alunoonline-header-logo {
			overflow: hidden;
			display: block;
			width: 350px;
			height: 28px;
			margin: 0;
			padding: 2px 0 0 128px;
			background-image: url(../images/desktop-logo-2024-branco.png);
			background-size: contain;
			background-position: left center;
			background-repeat: no-repeat;
			font-family: 'Open Sans', sans-serif;
			font-size: .5em;
			font-weight: normal;
			color: #ffdb01;
			text-shadow: none;
			text-decoration: none;
		}
	
		.alunoonline-header h1 .alunoonline-header-logo.svg {
			background-image: url(../images/desktop-logo-2024-branco.png);
		}
		
		.alunoonline-header nav {
			width: 100%;
			height: 35px;
			padding: 0;
			position: relative;
			top: 50px;
			background-color: white;
			border-bottom: 2px solid #032565;
		}
		
			.alunoonline-header nav.mostrarmenu {
				display: block;
			}
		
			.alunoonline-header nav.alunoonline-menu-fixo {
				width: 100%;
		    	z-index: 999;
				position: fixed;
				top: 0px;
			}
		
			.alunoonline-header nav > ul {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
				margin: 0 auto;
				padding: 0;
				list-style: none;
			}
			
			.alunoonline-header nav ul {
				list-style: none;
			}
		
				.alunoonline-header nav > ul > li {
					display: block;
					min-width: 105px;
					height: 35px;
					padding: 0;
					margin: 0;
					position: relative;
					
					border-right: 1px solid #EEE;
					text-align: center;
				}
				
				.alunoonline-header nav > ul > li ul li {
					position: relative; 
				}
				
					.alunoonline-header nav > ul > li:first-child {
					}
					
					.alunoonline-header nav > ul > li:last-child {
						border: 0;
					}
		
					.alunoonline-header nav > ul > li.alunoonline-menu-ultimo {
						background-image: none;
					}
					
					.alunoonline-header nav > ul > li.alunoonline-menu-hover {
						background-color: #EEE;
					}
					
					.alunoonline-header nav > ul > li > a {
						display: block;
						box-sizing: border-box;
						width: 100%;
						height: 35px;
						padding: 9px 10px 0 10px;
						font-family: 'Open Sans', sans-serif;
						font-size: .8em;
						font-weight: normal;
						text-decoration: none;
						text-shadow: 0 1px 0 #fff;
						color: #032565;
						background-position: 10px center;
						background-repeat: no-repeat;
					}
					
					.alunoonline-header nav > ul > li > a:hover,
					.alunoonline-header nav > ul > li > a:visited {
						color: #032565;
					}
		
						.alunoonline-header nav > ul > li > a > i {
							font-size: 1.1em !important;
							color: teal;
						}
		
						.alunoonline-header nav > ul > li > ul {
							display: none;
/* 							overflow: hidden; */
							width: 140%;
							padding: 0;
							margin: 0;
							position: absolute;
							left: -4px;
							top: 35px;
							z-index: 4;
							border-top: 0;
							border-right: 4px solid rgba(0, 0, 0, .1);
							border-bottom: 4px solid rgba(0, 0, 0, .1);
							border-left: 4px solid rgba(0, 0, 0, .1);
						}
							
							.alunoonline-submenu {
								display: none;
								overflow: hidden;
								width: 100%;
								padding: 0;
								margin: 0;
								position: absolute;
								left: 150px;
								top: 4px;
								z-index: 5;
								border-top: 4px solid rgba(0, 0, 0, .1);
								border-right: 4px solid rgba(0, 0, 0, .1);
								border-bottom: 4px solid rgba(0, 0, 0, .1);
								border-left: 4px solid rgba(0, 0, 0, .1);
							}
							
							.alunoonline-submenu.esquerdo {
								left: auto;
								right: calc(100% - 8px);
							}
		
							.alunoonline-header nav > ul > li > ul.extendido {
								width: 180% !important;
							}
		
							.alunoonline-header nav > ul > li > ul > li > a,
							.alunoonline-submenu li > a {
								display: block;
								position: relative;
								box-sizing: border-box;
								padding: 6px 10px 6px 40px;
								background-color: teal;
								text-align: left;
								font-family: 'Open Sans', sans-serif;
								font-size: .8em;
								font-weight: normal;
								text-decoration: none;
								text-shadow: 2px 2px 0px rgba(0, 0, 0, .25) !important;
								color: white;
							}
		
								.alunoonline-header nav > ul > li > ul > li > a:hover,
								.alunoonline-submenu li > a:hover,
								.alunoonline-header nav > ul > li.alunoonline-menu-hover > ul > li.alunoonline-menu-hover > a {
									color: white;
									background-color: #007171;
								}
								
								.alunoonline-header nav > ul > li > ul > li > a:visited,
								.alunoonline-submenu li > a:visited {
									color: white;
								}
								
								.alunoonline-header nav > ul > li > ul > li > a:after,
								.alunoonline-submenu li > a:after,
								.menu:not(:first-child):after {
								    top: 50%;
								    left: 10px;
							    	margin-top: -11px;
							    	content: "";
								    position: absolute;
								    display: block;
								    width: 22px;
								    height: 22px;
								    background-color: rgba(0,0,0,.3);
								    background-position: center center;
								    background-repeat: no-repeat;
								    -webkit-border-radius: 1em;
								       -moz-border-radius: 1em;
								    	    border-radius: 1em;
								   	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
								}
								
								.menu:after {
									color: white;
									background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg8' version='1.1' viewBox='0 0 5.820833 5.8208335' height='22' width='22'%3E%3Cdefs id='defs2' /%3E%3Cmetadata id='metadata5'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(0,-291.17915)' id='layer1'%3E%3Cg style='fill:%23010101;fill-opacity:1' transform='matrix(0.32097768,0,0,0.32097768,-2.4048837,242.20579)' id='g4545'%3E%3Cg style='stroke:none' transform='matrix(0.17558444,0,0,0.17558444,85.55766,59.963935)' id='g4550'%3E%3Cg transform='matrix(0.97682194,0,0,1.0190111,-435.06746,452.975)' id='g4555'%3E%3Crect style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:1.07573819;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect21' width='55.847836' height='10.175019' x='15.222109' y='98.256035' ry='0' /%3E%3Crect style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:1.07573819;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect21-0' width='55.847836' height='10.175019' x='15.139979' y='118.56106' ry='0' /%3E%3Crect style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:1.07573819;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' id='rect21-0-0' width='55.847839' height='10.175019' x='15.139979' y='139.09117' ry='0' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
								}
		
							.alunoonline-header nav > ul > li > ul > li:first-child,
							.alunoonline-submenu li:first-child {
								background-color: teal;
								padding-top: 5px;
							}
							
							.alunoonline-header nav > ul > li > ul > li:last-child,
							.alunoonline-submenu li:last-child {
								background-color: teal;
								padding-bottom: 5px;
							}
							
							.alunoonline-header nav > ul > li > ul > li.separador,
							.alunoonline-submenu li.separador {
								padding-top: 0;
								background-color: #007171;
							}
							
							.alunoonline-header nav > ul > li > ul > li > span,
							.alunoonline-submenu li > span {
								display: block;
								box-sizing: border-box;
								width: 100%;
								padding-bottom: 2px;
								text-align: center;
								font-size: .8em;
								color: #CCC;
								text-shadow: none;
							}
							
		.alunoonline-header .alunoonline-box-modo-consulta-docente {
			position: absolute;
			top: 0;
			left: -webkit-calc(50% - 167px);
			left: -moz-calc(50% - 167px);
			left: calc(50% - 167px);
			width: 400px;
			padding: .4em .8em .6em .8em;
			box-sizing: border-box;
			overflow: hidden;
			-webkit-border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			   -moz-border-radius-bottomright: 4px;
			   -moz-border-radius-bottomleft: 4px;
					border-bottom-right-radius: 4px;
					border-bottom-left-radius: 4px;
			border: 2px solid #EA8C00;
			border-top: 0;
			background-color: #FFEC9F;
			font-size: .8em;
			text-align: center;
		}
		
			.alunoonline-header .alunoonline-box-modo-consulta-docente span {
				display: inline-block;
				margin: 0;
			}
		
			.alunoonline-header .alunoonline-box-modo-consulta-docente .alunoonline-box-modo-consulta-sair,
			.alunoonline-header .alunoonline-box-modo-consulta-docente .alunoonline-box-modo-consulta-ajuda {
				display: inline-block;
				width: auto;
				color: #EA8C00;
				background-color: transparent;
				text-decoration: none;
				text-shadow: 1px 1px 0px rgba(0, 0, 0, .15);
			}
			
			.alunoonline-header .alunoonline-box-modo-consulta-docente .alunoonline-box-modo-consulta-sair:hover {
				color: #D27E00;
			}
			
	.alunoonline-botao-menu {
		display: none !important;
	}
	
	.alunoonline-texto-apresentacao-sair {
		position: absolute;
		right: 20px;
		top: 16px;
		font-size: .8em;
		color: white;
		text-shadow: none;
	}
	
	.alunoonline-texto-apresentacao-sair.mostrarapresentacaosair {
		display: block;
	}
	
	.alunoonline-texto-apresentacao-sair a,
	.alunoonline-texto-apresentacao-sair a:visited {
		position: relative;
		display: inline-block;
		color: #FFCC00;
		text-decoration: none;
		margin-left: .4em;
		font-weight: normal !important;
		-webkit-transition: all 0.2s ease-in;
		   -moz-transition: all 0.2s ease-in;
			 -o-transition: all 0.2s ease-in;
			-ms-transition: all 0.2s ease-in;
				transition: all 0.2s ease-in;
	}
	
	.alunoonline-texto-apresentacao-sair a:hover {
		color: white;
		-webkit-transition: all 0.2s ease;
		   -moz-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
				transition: all 0.2s ease;
	}
	
	.alunoonline-separador-sair {
		display: inline-block;
		margin-left: .4em;
		color: #FFCC00;
	}
	
	.alunoonline-quantidade-notificacao {
		margin-left: 1em !important;
	}
	
	.alunoonline-quantidade-notificacao::before {
		content: attr(data-content);
		position: absolute;
		left: -11px;
		top: -9px;
		display: block;
		min-width: 12px;
		height: 12px;
		color: white;
		background-color: #FF9900;
		text-align: center;
		font-size: .8em;
		font-weight: bold;
		margin-right: .4em;
		padding: .2em;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
				border-radius: 2px;
		
		-webkit-animation-duration: .75s;
				animation-duration: .75s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		-webkit-animation-name: bounceIn;
  				animation-name: bounceIn;
	}
	
	.alunoonline-header-sombra {
		bottom: -8px;
		background-image: url(../images/desktop-header-sombra.png);
	}
	
	.alunoonline-header-sombra.commenu {
		bottom: -44px;
	}
	
	.alunoonline-header-mobile-sombra {
		display: none;
	}
	
	.alunoonline-content {
		overflow: hidden;
		padding: 15px 10px 0 10px;
	}
	
	.alunoonline-content.alunoonline-modo-consulta-docente {
		margin: 50px 0 0 0;
	}
	
	.alunoonline-content.commenu {
		margin: 87px 0 0 0;
	}
	
	.alunoonline-content-coluna-controle.mostrarcoluna {
		display: none !important;
	}
	
	.alunoonline-content-coluna-central {
		width: 100%;
		background: none;
	}
	
	.alunoonline-content-coluna-central.comcoluna {
		width: 72%;
		width: -webkit-calc(100% - 260px);
		width: -moz-calc(100% - 260px);
		width: calc(100% - 260px);
		margin-left: 260px;
	}
	
	.alunoonline-content-coluna-esquerda {
		position: fixed;
		width: 244px;
		padding: 0;
	}
	
	.alunoonline-content-coluna-direita {
		float: right;
		width: 244px;
		margin-left: 16px;
		background: none;
	}
	
	.alunoonline-box-conteudo {
		min-height: 305px;
		position: relative;
		margin-bottom: 15px;
		padding: 10px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
	}
	
	.alunoonline-content-coluna-central.comcoluna .alunoonline-box-conteudo {
		min-height: 436px;
	}
	
	.alunoonline-box-conteudo-sombra {
		overflow: hidden;
		position: absolute;
		bottom: -5px;
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
		height: 5px;
		background-image: url(../images/desktop-header-sombra.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre > a {
		padding: .8em .8em .8em 2.4em;
		font-size: .8em;
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre > .alunoonline-box-lateral-sombra {
		background-image: url(../images/desktop-content-box-lateral-sombra.png);
	}
	
	.alunoonline-box-lateral-favoritos {
		display: block;
	}
	
	.alunoonline-heading {
	}
	
		.alunoonline-heading,
		.alunoonline-heading > h3 {
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
					border-radius: 4px;
		}
	
	.alunoonline-footer {
		overflow: hidden;
		padding: 10px 10px 13px 10px;
		margin: 0 0 10px 0;
		border: 0;
		background: none !important;
	}
	
	.alunoonline-footer-logo {
		float: left;
		background-color: transparent;
		padding: 10px 0 0 0;
		min-width: 260px;
		/*width: 13%;*/
	}
	
		.alunoonline-footer-logo img {
			display: inline-block;
			width: 150px;
		}
		
		.alunoonline-footer-logo p {
			margin: 0;
			padding: 0;
			color: inherit;
			font-size: .6em;
			font-weight: normal;
			color: #012565;
		}
	
	.alunoonline-footer-conteudo {
		display: block;
		float: left;
		width: 80%;
		width: -webkit-calc(100% - 260px);
		width: -moz-calc(100% - 260px);
		width: calc(100% - 260px);
		box-sizing: border-box;
		padding: .6em 0 0 1em;
		height: 60px;
		background-color: #012565;
		background-image: url(../images/desktop-footer-background.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.alunoonline-form-input-extra > .ui-input-text,
	.alunoonline-form-input-extra > .ui-select {
		width: 75% !important;
	}
	
	.alunoonline-form-input-grande > .ui-input-text,
	.alunoonline-form-input-grande > .ui-select {
		width: 50% !important;
	}
	
	.alunoonline-form-input-medio > .ui-input-text,
	.alunoonline-form-input-medio > .ui-select {
		width: 25% !important;
	}
	
	.alunoonline-form-input-pequeno > .ui-input-text,
	.alunoonline-form-input-pequeno > .ui-select {
		width: 10% !important;
	}
	
	.alunoonline-form {
		padding: 0;
	}
	
	.alunoonline-pdf,
	.alunoonline-visualizador-iframe,
	.alunoonline-pagina-popup {
		top: 50px;
	}
	
	/*.alunoonline-botoes-opcao-base .ui-btn,
	.alunoonline-botoes-submissao-base .ui-btn {
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: .5em;
	}
	
	.alunoonline-botoes-submissao-base.formulario-empilhado {
		box-sizing: border-box;
		padding-left: 22%;
	}*/
	
	.alunoonline-ui-field-contain-grande .ui-input-text,
	.alunoonline-ui-field-contain-grande .ui-select,
	.alunoonline-ui-field-contain-grande .ui-slider,
	.alunoonline-ui-field-contain-grande .ui-textarea-ckeditor {
		width: 50% !important;
	}
	
	.alunoonline-ui-field-contain-grande.com-botao .ui-select {
		width: calc(50% - 160px) !important;
	}
	
	.alunoonline-ui-field-contain-medio .ui-input-text,
	.alunoonline-ui-field-contain-medio .ui-select,
	.alunoonline-ui-field-contain-medio .ui-slider,
	.alunoonline-ui-field-contain-medio .ui-textarea-ckeditor {
		width: 30% !important;
	}
	
	.alunoonline-ui-field-contain-pequeno .ui-input-text,
	.alunoonline-ui-field-contain-pequeno .ui-select,
	.alunoonline-ui-field-contain-pequeno .ui-slider,
	.alunoonline-ui-field-contain-pequeno .ui-textarea-ckeditor {
		width: 20% !important;
	}
	
	.alunoonline-animacao-expandir,
	.alunoonline-animacao-contrair,
	.alunoonline-animacao-contrair-2 {
		overflow-y: visible;
	}
	
	.alunoonline-animacao-contrair {
		height: 132px;
		-webkit-transition: none;
	       -moz-transition: none;
	    	 -o-transition: none;
	    transition: none;
	}
	
	.alunoonline-animacao-contrair-2 {
		height: 210px;
		-webkit-transition: none;
	       -moz-transition: none;
	    	 -o-transition: none;
	    transition: none;
	}
	
	.alunoonline-dados-lista-label {
		width: auto;
		min-width: 20%;
		line-height: 200%;
		text-overflow: clip;
	    white-space: normal;
	    overflow: visible;
	}
	
	.alunoonline-dados-lista-conteudo {
		display: inline-block;
		width: auto;
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre {
		float: none;
		box-sizing: border-box;
		width: 100%;
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre > a > span:first-child {
		display: inline;
	}
	
	.alunoonline-box-lateral-alterar-ano-semestre > a > span:last-child {
		display: none;
	}
	
	.alunoonline-box-lateral-botao-favoritos{
		display: none;
	}

	.alunoonline-emec {
		position: relative;
		width: 110px;
		text-align: left;
		margin-right: 20px;
	}

		.alunoonline-emec a {
			position: absolute;
			top: -20px;
		}
}

/* --------------------------------------------*/
/* --------->>> BREAKPOINT 1310px <<<-----------*/
/* --------------------------------------------*/
@media all and (min-width: 81.875em) {
	.alunoonline-submenu.esquerdo {
		left: 150px;
		top: 4px;
		right: auto;
	}
}

/* --------------------------------------------*/
/* ------------>>> MEDIA PRINT <<<-------------*/
/* --------------------------------------------*/
@media print {
	body * {
		color: #333 !important;
	}

	body > * {
		display: none;
	}
	
	.alunoonline-header,
	.alunoonline-heading,
	.alunoonline-footer,
	.ui-listview,
	.ui-content > p,
	.alunoonline-nao-imprimivel {
		display: none !important;
	}
	
	.ui-content * {
		font-size: 14px !important; 
	}
}
