/**** [ netP@theme | Alterada a 12/12/2019 ] ****/
/***PUBLICA - homePage****/
.breadcrumbs{display: none !important;}
#welcome{
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: none;}
#welcome h2{
	border: none;
	padding-left: 0px;
    margin-bottom: 10px;}
#welcome .subtitle{margin-left: 0px;}
#welcome p{margin-left: 0px !important;}
#mainservices img{width: 100px;}
#mainservices a{background-image: none !important;}
h3.subtitle{
    padding-top: 10px !important;
    padding-left: 0px !important;}
#perfilArea{
	border-bottom: 4px solid;
	background-color: #efefef;}
#perfilAreaBox{
    margin: 15px;
	vertical-align: text-top;
    min-width: 35%;
    margin-left: 10px;
    display: inline-block;
	border-right: 1px solid #ccc;}
.perfilAreaBoxPhoto{
    vertical-align: text-top;
    display: inline-block;
    float: left;
    padding-right: 10px;}
.perfilAreaTitle h2{
	width: 125px;
	padding: 0 !important;
    font-size: 180%;
    border: none !important;
    font-weight: normal !important;
	display:inline-block;
	background-color: transparent !important;
    margin-top: 0px;}
.perfilAreaTitle .actionsbuttons{
	margin-right: 5px;
	display:inline-block;}
.perfilAreaTitle .actionsbuttons ul{
	width: 100px;
	display: inline;}
.perfilAreaTitle .actionsbuttons ul li{
	padding-left: 5px;
	text-align: center;
	font-size: 120%;
	background-image: none;}
.perfilAreaTitle .actionsbuttons ul li a{padding-left: 0px !important;}
.perfilAreaContent{
	clear: right;
	display: block;}
#alertsAreaBox{
    margin: 15px;
	vertical-align: text-top;
    min-width: 35%;
    margin-left: 10px;
    display: inline-block;}
.alertsAreaContent{
	clear: right;
	display: block;}
.alertsAreaContent ul{padding-top: 10px !important;}
#linksAreaBox{
    margin-top: 15px;
	vertical-align: text-top;
    width: 150px;
    border-left: 1px solid #ccc;
    display: inline-block;
    float: right;}
.linksAreaContent ul li img{
	margin-right: 10px;
	vertical-align: middle;}
/***PUBLICA - areaDestaquesNoticias****/
.highlightsphotoperfil{
    vertical-align: text-top;
    display: inline-block;
    float: left;
    margin-right: 10px;}
.highlightsphotonews{
    vertical-align: text-top;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 90px;
    height: 90px;}
.highlightsphotonews{
	border-style: solid;
	border-width: 3px;}
#highlightsbox{
    padding: 15px;
    *overflow: auto;
    border-bottom: 4px solid;}
#highlights{
    vertical-align: text-top;
    min-width: 45%;
    margin-left: 10px;
    display: inline-block;
    *float: left;}
#highlights h2{
    padding: 0 !important;
    font-size: 180%;
    border: none !important;
    font-weight: normal !important;}
#highlights h3{font-size: 130%;}
#highlights p{*line-height: 21px;}
#highlights ul{display: inline-block;}
#highlights ul li{
    padding-left: 15px;
    *line-height: 18px;}
.openhighlightsbox{
    padding-top: 7px;
    padding-right: 23px;}
.closehighlightsbox{
    padding-top: 7px;
   	padding-right: 23px;}
#notifications{
    vertical-align: text-top;
	background-color: #efefef;
	display: block;}
.notificationsIcon{
	float: left;
	padding: 25px 0 30px 40px;}
#notifications .noticontent{
    margin: 0px 20px;
	font-size: 120%;
	display: inline-block;}
#notifications .noticontent a{
    color: #D91D1D;
	border: none;}
#notifications .noticontent h2{
	font-size: 150%;
   	padding-top: 20px;
   	padding-bottom: 0px;
   	padding-left: 0px;
    border: none !important;
    font-weight: normal !important;
	background-color: transparent !important;}
#notifications .noticontent h3{
	font-size: 130%;
   	padding-top: 20px;
   	padding-bottom: 0px;
   	padding-left: 0px;
    border: none !important;
    font-weight: normal !important;
	background-color: transparent !important;}
#notifications .noticontent div{
   padding-left: 20px;
   padding-bottom: 10px;
   background-image: url("../img/icon_li_notification.png");
   background-repeat: no-repeat;
   background-position: 0 22%;}
div#notifications .actionsbuttons{
	margin: 10px !important;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 150%;
	height: auto;
	font-weight: normal !important;}
div#notifications .actionsbuttons ul li{
	background-color: #232A31 !important;
	border: none;
	display: block;}
div#notifications .actionsbuttons a{
	font-weight: normal !important;
	padding: 0 !important;}
div#notifications .actionsbuttons a:hover{background-color: #D91D1D !important;}
div#notifications .actionsbuttons ul li:hover{
	background-color: #D91D1D !important;
	border: none;}
.news{background-color: transparent !important;}
.news h2{
    border-bottom: none !important;
    height: 41px !important;
    line-height: 28px;
    padding-left: 35px !important;
    font-size: 150%;}
.news h2::before{content: 'N';}
.news p{
    font-weight: normal;
    margin: 0px;
    padding: 15px;
	background: none;
	background-color: transparent !important;}
.mainmenu h3,.mainmenu h4,.mainmenu h5{font-size: 180% !important;}
/* css_components.css
   -------------------------- */
.actions ul li{line-height: 26px; font-size: 11px;}
.boxarea ul li{background: none !important;}
/* css_layouts.css
   -------------------------- */
.wiznav .links_active{border-right: none !important;}
.panelboxheader{font-size: 110% !important;}
/**** ---[ DiF1 theme - netp@11 ]--- ****/
#content{
	overflow: hidden;
	padding: 10px;}
/*** ---[ commomElements ]--- ***/
#print{display: none;}
#nbsp{float: right;}
.textleft{text-align: right;}
.right{text-align: right;}
.textcenter{text-align: center;}
.fontincreased{font-size: 115%; font-weight: bold;}
.textobold{font-weight: bold;}
.textgreen{font-weight: bold;}
.fontpassw{font-family: Arial, Helvetica, sans-serif;}
.blankspace{height: 10px;}
.valoriscado{text-decoration: line-through;}
.comentario{font-size: 10px;}
#textareaprint{display: none;}
.formitem{
	font: 11px Arial, Helvetica, sans-serifs;
	padding-left: 2px;}
.formitemtextarea{
	font: 11px Arial, Helvetica, sans-serifs;
	padding-left: 2px;
	height: auto;
	width: 100%;}
.formitemlist{
	font: 11px Arial, Helvetica, sans-serifs;
	padding-left: 2px;}
.formitemultiline{
	font: 11px Arial, Helvetica, sans-serifs;
	padding-left: 2px;}
.formitemfile{
	font: 11px Arial, Helvetica, sans-serifs;
	padding-left: 2px;}
#radiobutton ul{
	width: 130px;
	list-style: none;
	margin: 0;
	padding: 0;}
#radiobutton li{font-weight: normal;}
#radiobutton label{font-weight: normal;}
.inputbox{
	font: 11px Arial, Helvetica, sans-serifs;
	height: 14px;}
/* labels */
label{
	text-align: left;
	font-weight: bold;}
/** componentStyle **/
.boxoff{
	height: 100%;
	overflow: visible;
	border: 0;}
/*** ---[ noResults ]--- ***/
#resultnone{width: auto;}
#resultnone p{
	text-align: center;
	font-weight: bold;
	color: #900;}
/*** ---[ só no consultar sumários / validar fotografia ]--- ***/
.subheader{
	line-height: 10px;
	font-weight: bold;}
/* ---[ alterarPassword/loginMoodle/loginPHPBB/loginTELEFORMAR/loginWEBCT ]--- */
#logcol{width: 100%;}
#logcol label{font-weight: bold;}
#logcol p{padding: 0 10px 10px 15px;}
/*** ---[ errorlogin/tecnicalerror/fatalerror ]--- ***/
#error{width: auto;}
#error p{
	text-align: center;
	font-weight: bold;
	color: #900;}
#errorpage label{text-align: left;}
/* ---[ notesAlerts ]--- */
#note{
	padding: 10px;
	width: auto;}
#footnote ul{
	margin: 0;
	padding: 0;
	list-style: none;}
#footnote p{
	display: inline;
	font-size: 85%;}
.alert{
	padding: 0 0 0 10px;
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;}
.destaque{
	padding: 0;
	font-weight: bold;
	color: #900;}
sup{letter-spacing: 0.1em;}
/***  ---[ footer table/formlinks/info ]--- ***/
/* footer/links */
#footertable{
	width: 100%;
	height: 30px;
	line-height: 27px;
	margin-top: 2px;}
#footertable a{padding: 5px 5px 5px 25px;}
/* footer/linksleft */
#sonav{float: left;}
#sonav ul{list-style-type: none;}
#sonav ul li{
	padding-left: 10px;
	display: inline;}
/* footer/linksright */
#footernav{
	float: right;
	display: inline;}
#footernav ul{list-style-type: none;}
#footernav ul li{display: inline;}
/* paginacao */
#pagenumber{
	line-height: 30px;
	float: right;
	padding: 0 10px;}
#pagenumber p{
	text-align: center;
	font-weight: bold;}
/* menu/submenu [menuEsquerdo] */
.sub2leftnav{
	display: block !important;
	margin-top: 2px;
	margin-left: 15px;
	padding: 0 15px 0 15px !important;
	border: none !important;
	background-position: left;
	background-repeat: no-repeat;}
/* menu/linksinformativos [menuEsquerdo] */
#zona{
	padding: 20px 0 0 8px;
	clear: both;}
#zona li{
	padding: 0 0 0 10px;
	line-height: 15px;
	list-style: none;}
#zona ul li a{font-weight: normal;}
#zona .areabold{font-weight: bold;}
/*** ---[ tables ]--- ***/
/* fontsize tables */
#simpletable, #shopping, #formtablecontent{font-size: 11px;}
/* alerttable */
#alerttable{
	padding: 30px 0 0 0;
	width: auto;
	height: 350px;
	text-align: left;}
#alerttable td{padding: 5px 0 5px 150px;}
/* simpletable */
#simpletable{width: 100%;}
#simpletable label{line-height: 25px;}
#simpletable p{font-weight: bold;}
#simpletable img{border: 0;}
#simpletable th{
	padding-left: 5px;
	height: 30px;
	line-height: 25px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
	font-size: 12px;}
#simpletable th.ordenacao{
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;}
#simpletable th.ordenacao a{
	padding-left: 5px;
	display: block;
	text-decoration: none;
	font-weight: bold !important;}
#simpletable th.ordenacao a:hover{
	width: auto;
	background-repeat: no-repeat;
	background-position: 100%;}
#simpletable th.ordenacaoup{
	background-repeat: no-repeat;
	background-position: right;}
#simpletable th.ordenacaoup span{margin: 0 25px;}
#simpletable th.ordenacaoup a{
	padding-left: 5px;
	display: block;
	text-decoration: none;
	font-weight: bold !important;}
#simpletable th.ordenacaoup a:hover{
	width: auto;
	background-repeat: no-repeat;
	background-position: right;}
#simpletable th.ordenacaodown{
	background-repeat: no-repeat;
	background-position: right;}
#simpletable th.ordenacaodown span{margin: 0 25px;}
#simpletable th.ordenacaodown a{
	padding-left: 5px;
	display: block;
	text-decoration: none;
	font-weight: bold !important;}
#simpletable th.ordenacaodown a:hover{
	width: auto;
	background-repeat: no-repeat;
	background-position: right;}
#simpletable .year{
	height: 25px !important;
	line-height: 10px !important;
	font-weight: bold;}
#simpletable td{padding: 0 0 0 10px;}
/* shoppingcart */
#shopping label{
	padding-right: 10px;
	text-align: right !important;
	font-weight: normal;}
#shopping th{
	padding-left: 10px;
	height: 20px;
	white-space: nowrap;
	font-weight: bold;}
#shopping th p{
	padding-right: 10px;
	text-align: right;}
#shopping td{
	padding: 4px 0;
	vertical-align: top;}
#shopping td p{padding: 0 0 0 10px;}
#shopping img{border: 0;}
.qnt{
	width: 18px;
	height: 12px;
	font-size: 10px;}
.total{
	text-align: right;
	font-size: 12px;
	font-weight: bold;}
.emptycart{
	text-align: center;
	font-weight: bold;}
/* [filtros/dadosPessoais] */
#info{padding: 25px;}
#info h3{
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 30px;
	font-size: 110%;}
#info p{white-space: normal;}
#info label{margin: 0 7px 0 0;}
#info td{padding: 0 0 5px 0;}
#info ul li{
	list-style: none;
	display: inline;}
/* formtablecontent*/
#formtablecontent{padding: 15px;}
#formtablecontent h3{
	margin-bottom: 10px;
	padding-left: 10px;
	width: auto;
	line-height: 30px;
	font-size: 110%;}
#formtablecontent h4{
	margin-bottom: 10px;
	padding-left: 10px;
	width: auto;
	line-height: 25px;}
#formtablecontent td{
	padding-bottom: 5px;
	white-space: normal;}
#formtablecontent p{
	padding-left: 10px;
	white-space: normal;}
#formtablecontent img{margin: 0 0 0 10px;}
#formtablecontent label{margin: 0 7px;}
#formtablecontent ol{list-style-type: square;}
#formtablecontent ol li{
	margin: 0;
	padding: 0;}
#formtablecontent ul li{
	list-style-type: none;
	padding: 2px 0 0 20px;
	display: block;}
#formtablecontent input{margin: 0 7px 0 0;}
/* inputRadio [autoregisto] */
#formtablecontent .radio{margin: 0 7px 0 25px;}
/* inputData [autoregisto] */
#formtablecontent .datainput{
	margin: 0;
	padding-left: 2px;
	font-size: 11px;}
/* combobox [componente externo] */
#formtablecontent div.autocompleteBox input, #formtablecontent div.autocompleteBox img{margin: 0;}
#text{
	width: 100%;
	white-space: normal;}
/* tabela [fichaDisciplina] */
#formresultscol label{margin: 0;}
#formresultscol ul{display: block;}
#formresultscol ul li{
	margin-left: 25px;
	padding-left: 15px;
	display: block;
	list-style-type: none;}
/* formphoto */
#formtablephoto{
	white-space: nowrap;
	padding: 15px;}
#formtablephoto td{
	line-height: 20px;
	white-space: nowrap;}
/***  ---[ algures ]--- ***/
#radiobuttonnavbar{vertical-align: middle;}
#radiobuttonnavbar ul{
	width: 276px;
	list-style: none;}
#radiobuttonnavbar li{
	line-height: 12px;
	font-weight: normal;}
#radiobuttonnavbar label{
	margin: 0;
	padding: 0;
	font-weight: normal;}
/** ---[ reportinfo ]--- **/
#reportinfo{width: 100%;}
#reportinfo td{
	padding-bottom: 10px;
	vertical-align: top;}
/** ---[ utilizadorInfo ]--- **/
#utilinfo{
	margin: 10px;
	float: left;}
#utilinfo ul li{
	padding: 0 7px 0 10px;
	list-style: none;}
#utilinfo02{
	margin: 10px 10px 10px 40px;
	float: left;
	list-style: none;}
#utilinfo02 label{font-weight: bold;}
#utilinfo02 ul{list-style: none;}
#utilinfo02 ul li{
	padding: 0 7px 0 10px;
	list-style: none;}
.utilinfowidth{
	padding: 0 7px 0 10px;
	display: inline;}
#reportinfo dl{
	margin: 0;
	padding-left: 7px;
	text-align: left;}
#reportinfo dt{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-weight: bold;}
#reportinfo dt label{width: 250px;}
#reportinfo dd{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;}
#reportinfocornertopleft{display: none;}
#reportinfocornertopright{display: none;}
#reportinfocornerbottomleft{display: none;}
#reportinfocornerbottomright{display: none;}
#reportinfocentertop{display: none;}
#reportinfocenterbottom{display: none;}
#reportinfocenteresq{display: none;}
#reportinfocenterdto{display: none;}
/* reporTabelaInfo */
#reportinfofooter{
	width: 100%;
	height: 20px;
	margin-top: 10px;}
#reportinfonavfooter{
	padding: 2px 0 0 0;
	float: left;}
#reportinfonavfooter ul{list-style-type: none;}
#reportinfonavfooter ul li{
	padding: 0 7px 0 10px;
	display: inline;}
#reportinfolinkfooter{
	padding: 2px 0 0 0;
	float: right;}
#reportinfolinkfooter ul{display: inline;}
#reportinfolinkfooter ul li{
	padding: 0 7px 0 10px;
	height: 20px;
	display: inline;
	list-style: none;}
#filterfooter{
	margin-top: 15px;
	width: 100%;
	height: 20px;
	line-height: 20px;}
#navfooter{float: left;}
#navfooter ul{list-style-type: none;}
#navfooter ul li{
	padding: 0 7px 0 10px;
	display: inline;}
#linkfooter{float: right;}
#linkfooter ul{display: inline;}
#linkfooter ul li{
	padding: 0 7px 0 10px;
	list-style: none;
	display: inline;}
/*** [utilizada na escolha plano/ramo] ***/
#dlistmenu03{
	margin-top: 15px;
	font-weight: normal;}
#dlistmenu03 h3{display: none;}
#dlistmenu03 dl{margin-left: 15px;}
#dlistmenu03 dt{padding-left: 15px;}
#dlistmenu03 dd{
	margin-left: 30px;
	padding-left: 10px;}
#tabelabackg03 th{
	padding: 0 0 0 10px;
	height: 20px;
	text-align: left;}
#tabelabackg03 td{padding: 0 0 0 10px;}
.tabelabackgresultado03{
	padding: 0 0 0 5px;
	height: 15px;
	font-weight: bold;}
/***  ---[ horario ]--- ***/
.filtrosHorarios dl{
	display: inline-block;
    float: left;
    margin-top: 15px;
    overflow: hidden;
    width: 600px;}
.filtrosHorarios dt{
	float: left;
    line-height: 20px;
    width: 100px;}
.filtrosHorarios dd{
	float: left;
    line-height: 20px;}
.semananterior a{
	width: 22px;
	height: 37px;
	padding-top: 10px;
	padding-right: 20px;
	border: none;
	background: url("../img/arrow_left_horarios.png") no-repeat scroll left center;}
.semanaseguinte a{
	width: 22px;
	height: 37px;
	padding-top: 10px;
	padding-left: 20px;
	border: none;
	background: url("../img/arrow_right_horarios.png") no-repeat scroll left center;}
.cellborder{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;}
#zoom{
	position: absolute;
	z-index: 1;
	visibility: hidden;}
#zoomheader #navzoom{
	margin: 0;
	padding: 0;
	text-align: right;
	list-style: none;}
#zoomheader #one a{
	padding-left: 25px;
	color:#212121 !important;
	border:none;}
#zoomcontent label{
	display: inline;
	color:#666;}
#zoomcontent p{
	display: inline;
	padding-left: 10px;}
/***  ---[ calendario ]--- ***/
#tabelames{
	padding: 0 10px;
	width: 100%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;}
.cellbotesq{text-align: left;}
.cellbotdto{text-align: right;}
.buttonano{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;}
.buttonoverano{
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;}
#tabelasemana{
	width: 100%;
	height: 20px;}
#tabelasemana th{
	width: 100px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;}
#tabeladias{width: 100%;}
#tabeladias td{
	width: 100px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;}
#tabeladias a{
	text-decoration: none;
	font-weight: normal;}
#tabeladias a:hover{
	text-decoration: underline;
	font-weight: bold;}
#celldiactual{
	text-align: center;
	vertical-align: middle;}
#celldiactual a, #cellfds a{
	text-decoration: none;
	font-weight: bold;}
#cellfds{
	text-align: center;
	vertical-align: middle;}
/** ---[ tags ]--- **/
#tabletags{
	margin: 0;
	padding: 0;}
#tabletags th{
	padding: 0 0 0 10px;
	height: 17px;
	text-align: left;
	font-weight: bold;}
#tabletags label{
	text-align: left;
	white-space: nowrap;}
/***  ---[ filteringtableDOJO ]--- ***/
.emptyMessage{width: 100%;}
.filtering{
	margin: 0;
	width: 100%;
	border-collapse: collapse;}
.filtering th{
	margin: 0;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;}
.filtering td{
	margin: 0;
	padding: 2px;
	font-weight: normal;}
.filtering thead td, .filtering thead th{
	height: 20px;
	font-weight: bold;}
#inputArea{
	margin: 1em 0;
	padding: 1em;}
#updateTestInput{
	height: 80px;
	overflow: auto;
	font-family: serif;
	font-size: 0.9em;}
.headerClass{margin: 0;}
/* ---[ [sianet] ]--- */
.colunas{margin: 0;}
.activa{
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px;
	font-weight: bold;}
.activa a{font-weight: bold !important;}
.coldefinitiva, .bottomNormal, .bottomVagasIndisponiveis, .SemTurmas{
	margin: 0;
	font-weight: bold;}
/* ---[ noResults ]--- */
#importantinfo{
	margin: 0 5px;
	width: auto;
	height: 18px;}
#importantinfo p{
	padding: 2px 0 0 0 !important;
	text-align: center;}
#mainservices .aluno{
	width: 30%;
	height: 250px;
	padding-right: 100px;
	background: url(../img/aluno.png) top left no-repeat;}
#mainservices .docente{
	width: 30%;
	height: 250px;
	padding-right: 50px;
	background: url(../img/docente.png) top left no-repeat;}
#mainservices .funcionario{
	width: 30%;
	height: 250px;
	padding-right: 100px;
	background: url(../img/funcionario.png) top left no-repeat;}
.divhorarios{
    overflow-x: scroll !important;
    overflow-y: hidden !important;}
#alertnote p{
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url(../img/simb_alert.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-weight: normal;}
span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}
div#difheaderInnerStage{margin-bottom: 0px;}
/******CSHnet - CONSULTA HORARIOS/TABELA NOVA*******/
.infohorarios{
	height:46px;
	margin-left:20px;
	background: url("../img/popup_info.png") no-repeat left;}
.infohorarios p{
	line-height:46px;
	vertical-align: top;
	font-size: 120%;
	margin-left: 50px;}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
.blue{background: #3498db;}
.purple{background: #9b59b6;}
.navy{background: #34495e;}
.green{background: #2ecc71;}
.red{background: #e74c3c;}
.orange{background: #f39c12;}
.cs335, .cs426, .md303, .md352, .md313, .cs240{
  font-weight: 300;
  cursor: pointer;}
.newtable{
  font-family: 'Open Sans', Helvetica;
  color: #efefef;
  width: 100%;}
.newtable tr:nth-child(2n){background: #eff0f1;}
.newtable tr:nth-child(2n+3){background: #fff;}
.newtable th, .newtable td{
  padding: 1em;
  width: 8em;}
.newtable th{font-weight: bold;}
.days, .time{
  background: #e4e4e4;
  text-transform: uppercase;
  font-size: 0.9em;
  text-align: center;
  color: #404040;
  font-weight: bold;}
.time{width: 3em !important;}
/* Add this attribute to the element that needs a tooltip *//*** Tooltips!*/
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip{
	position: relative;
	cursor: pointer;}
[data-tooltip]:hover:after {
  white-space: pre-line;
  display: block;}
/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after{
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition:
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;}
/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after{
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;}
/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before{
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";}
/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after{
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;}
/* Directions */
/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after{
  bottom: 100%;
  left: 50%;}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before{
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);}
/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after{
  margin-left: -80px;}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after{
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px);}
/* Left */
.tooltip-left:before,
.tooltip-left:after{
  right: 100%;
  bottom: 50%;
  left: auto;}
.tooltip-left:before{
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after{
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); }
/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after{
  top: 100%;
  bottom: auto;
  left: 50%;}
.tooltip-bottom:before{
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after{
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); }
/* Right */
.tooltip-right:before,
.tooltip-right:after{
  bottom: 50%;
  left: 100%;}
.tooltip-right:before{
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after{
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); }
/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before{top: 3px;}
/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after{
  margin-left: 0;
  margin-bottom: -16px;}
/******CONSULTA HORARIOS/SELECTS PESQUISA*******/
@font-face{
    font-family: 'Lato';
    src: url('../webfonts/Lato-Regular-webfont.eot');
    src: url('../webfonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Lato-Regular-webfont.woff2') format('woff2'),
         url('../webfonts/Lato-Regular-webfont.woff') format('woff'),
         url('../webfonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: 400;
    font-style: normal;}
@font-face{
    font-family: 'Lato';
    src: url('../webfonts/Lato-Bold-webfont.eot');
    src: url('../webfonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Lato-Bold-webfont.woff2') format('woff2'),
         url('../webfonts/Lato-Bold-webfont.woff') format('woff'),
         url('../webfonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/Lato-Bold-webfont.svg#latobold') format('svg');
    font-weight: 700;
    font-style: normal;}
.divselect .formitemlist{
    height:inherit;
    width: 240px !important;
    padding: 5px 5px 5px 15px !important;
    -webkit-padding-before: 15px !important;
    -webkit-padding-after: 15px !important;
    margin-top: 2px;
    background: #2f829e  url(../img/arrow_menu_expand.png) no-repeat !important;
    background-position: 220px 20px !important;
    color: #fff;
    font-family: "Lato" !important;
    font-size: 18px !important;
    border: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border-bottom-left-radius: 0px;
   	border-top-left-radius: 0px;}
.divselect select option{
    padding: 10px !important;
    color: #fff !important;}
.divselect .search{
    background-color: #2f829e !important;
    padding: 21px 15px 17px 15px !important;
    width: 30px !important;
    margin-left: 4px !important;
    background-position: center !important;
    border-bottom: none !important;}
.actionsbuttons .clear{background: url("../img/icon_clear_s.png") no-repeat !important;}
.actionsbuttons .submit{background: url("../img/icon_submit_s.png") no-repeat !important;}
/******SMDnet - EDICAO SUMARIOS/CODOCENCIA+FALTAS*******/
.smdnetchange{
	padding: 15px !important;
	background: url("../img/icon_smdnet_change.png") no-repeat left !important;}
.smdnetschedule{
	margin-left: 10px;
	padding: 15px !important;
	background: url("../img/icon_smdnet_schedule.png") no-repeat left !important;}
.smdnetchange a:hover, .smdnetschedule a:hover{background-color: transparent !important;}
.smdnetfuc{
	padding: 10px 10px 6px 30px !important;
	background: #f2f2f2 url("../img/icon_fucdetail.png") no-repeat left !important;}
a.smdnetfuc{border: none !important;}
/********************Tooltip horarios************************/
[data-balloon] {
  position: absolute; }
  [data-balloon]:before {
    filter: alpha(opactiy=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;
    /*background: rgba(17, 17, 17, 0.9);*/
	background-color: #474747;
  	/*background-color: hsla(0, 0%, 20%, 0.9);*/
    border-radius: 0px;
    color: #fff;
    content: attr(data-balloon);
    font-size: 12px;
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
  [data-balloon]:after {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    filter: alpha(opactiy=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;
    content: '';
    position: absolute;
    z-index: 10; }
  [data-balloon]:hover:before, [data-balloon]:hover:after {
    filter: alpha(opactiy=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto; }
  [data-balloon][data-balloon-break] {
    white-space: normal; }
  [data-balloon][data-balloon-pos="up"]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    -webkit-transform: translate3d(-50%, 10px, 0);
    -moz-transform: translate3d(-50%, 10px, 0);
    -ms-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up"]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate3d(-50%, 10px, 0);
    -moz-transform: translate3d(-50%, 10px, 0);
    -ms-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top; }
  [data-balloon][data-balloon-pos="up"]:hover:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  [data-balloon][data-balloon-pos="up"]:hover:after {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  [data-balloon][data-balloon-pos='down']:before {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate3d(-50%, -10px, 0);
    -moz-transform: translate3d(-50%, -10px, 0);
    -ms-transform: translate3d(-50%, -10px, 0);
    transform: translate3d(-50%, -10px, 0); }
  [data-balloon][data-balloon-pos='down']:after {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 50%;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate3d(-50%, -10px, 0);
    -moz-transform: translate3d(-50%, -10px, 0);
    -ms-transform: translate3d(-50%, -10px, 0);
    transform: translate3d(-50%, -10px, 0); }
  [data-balloon][data-balloon-pos='down']:hover:before {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  [data-balloon][data-balloon-pos='down']:hover:after {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  [data-balloon][data-balloon-pos='left']:before {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate3d(10px, -50%, 0);
    -moz-transform: translate3d(10px, -50%, 0);
    -ms-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0); }
  [data-balloon][data-balloon-pos='left']:after {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    margin-right: 5px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate3d(10px, -50%, 0);
    -moz-transform: translate3d(10px, -50%, 0);
    -ms-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0); }
  [data-balloon][data-balloon-pos='left']:hover:before {
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  [data-balloon][data-balloon-pos='left']:hover:after {
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  [data-balloon][data-balloon-pos='right']:before {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    -webkit-transform: translate3d(-10px, -50%, 0);
    -moz-transform: translate3d(-10px, -50%, 0);
    -ms-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0); }
  [data-balloon][data-balloon-pos='right']:after {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>');
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    -webkit-transform: translate3d(-10px, -50%, 0);
    -moz-transform: translate3d(-10px, -50%, 0);
    -ms-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0); }
  [data-balloon][data-balloon-pos='right']:hover:before {
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  [data-balloon][data-balloon-pos='right']:hover:after {
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  [data-balloon][data-balloon-length='small']:before {
    white-space: normal;
    width: 80px; }
  [data-balloon][data-balloon-length='medium']:before {
    white-space: normal;
    width: 150px; }
  [data-balloon][data-balloon-length='large']:before {
    white-space: normal;
    width: 260px; }
  [data-balloon][data-balloon-length='xlarge']:before {
    white-space: normal;
    width: 380px; }
    @media screen and (max-width: 768px) {
      [data-balloon][data-balloon-length='xlarge']:before {
        white-space: normal;
        width: 90vw; } }
  [data-balloon][data-balloon-length='fit']:before {
    white-space: normal;
    width: 100%; }
/******RUCnet/PlanoMelhoria*******/
form#classificacaoForm input[type="radio"]{
	margin-right: 6px;}
form#classificacaoForm .label-radio{
	color: #666;
	font-size: 120% !important;
	font-weight: normal;}
form#classificacaoForm label{
	color: #333;
	font-size: 160% !important;
	font-weight: normal;}
form#classificacaoForm h4{
	color: #666;
	font-size: 200% !important;
	font-weight: normal;
	padding-left: 0;}
form#classificacaoForm .inputnormaltextarea{
	font-size: 120%;
	color: #666;
	border: none;
    background-color: #efefef !important;
    margin: 0 0 20px 0!important;
    padding: 20px !important;
	background-color: #efefef !important;}
form#classificacaoForm .inputnormaltext{
	font-size: 120%;
	color: #666;
	border: none;
    background-color: #efefef !important;
    margin: 0 0 20px 0!important;
    padding: 5px 5px 5px 20px !important;
	background-color: #efefef !important;}
	/****** [RUCnet/Edicao] *******/
div#rucnetinqueritos{
	font-family: "kanitregular",sans-serif;
	padding: 25px 0 25px 15px !important;
	background-color: #e5e5e5;
	display: inline-block;
	width: 100%;}
div#rucnetinqueritos p{
	font-size: 85%;}
div#rucnetinqueritos sup{
	font-size: 70%;}
div#rucnetinqueritos h3{
	font-family: "kanitregular",sans-serif;
	font-size: 150%;
	color: #414141;
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	padding-top:0;}
div#rucnetinqueritos dl{
	font-family: "kanitregular",sans-serif;
	font-size: 130%;
	margin-left: 10px !important;
	padding-top:0;
	line-height: 25px;}
div#rucnetinqueritos dt{
	color: #666;
	float: left !important;
	clear:both;
	width: 450px;}
div#rucnetinqueritos dd{
	text-align: right;
	display: table-cell;}
div#rucnetinqueritos dd a{
	padding-right: 25px;
	background-image: url("../img/icon_link.png");
	background-repeat: no-repeat;
	background-position: 100% 50%; }
div#rucnetinqueritos dd span.firstnumber{
	color: #690;
	font-size: 135%;}
div#rucnetinqueritos dd span.secondnumber{
	width: 10%;
	text-align: right;}
.width300px{width: 300px !important;}
.width150px{width: 150px !important;}
.width75px{width: 75px !important;}
div#rucnetinqueritos .actionsbuttons{
	margin: 10px 10px 10px 0 !important;
	padding: 10px 10px 10px 0;
	display: block;
	text-align: center;
	font-size: 150%;
	height: auto;
	font-weight: normal !important;}
div#rucnetinqueritos .actionsbuttons ul li{
	background-color: #666 !important;
	border: none;
	display: block;}
div#rucnetinqueritos .actionsbuttons a{
	font-weight: normal !important;
	padding: 0 !important;}
div#rucnetinqueritos .actionsbuttons a:hover{
    color: #333 !important;
    background-color: #c0c0c0!important;}
div#rucnetinqueritos .actionsbuttons ul li:hover{
    color: #333 !important;
	background-color: #c0c0c0 !important;
	border: none;}
div#sinalizacaoAutomatica{margin-bottom: 30px !important;}
div#sinalizacaoAutomatica h4{
	color: #333;
	font-size: 180% !important;
	font-weight: normal;
	padding-left: 0;}
div#sinalizacaoAutomatica p{
	font-size: 110%;
	color: #666;}
/* CSS Document */
.totalcand{
	line-height: 70px;
	padding-left: 20px;
	font-size: 150%;
	float: left;}
.totalcand span{
	font-size: 180%;}
.table01{
	float: right;
	margin-bottom: 5px;}
.cssnettable{
	text-align: center;
	border: 1px solid #efefef;}
.cssnettable th{
	text-align: center;
	border: 1px solid #fff;
	background-color: #999;}
.cssnettable tr.c1{
	background-color: #d3d3d3;}
.cssnettable tr.c2{
	background-color: #efefef;}
.cssnettable td{
	padding: 5px;
	border: 1px solid #fff;}
#candidatosContainer{clear: both;}
#candidatosMainContainer{clear: both;}
.x-grid-cell h3{white-space: normal;}
h3.subtitle.processCell{font-size: 180% !important;}
.processCell{margin-bottom: 10px;}
.processCell td{vertical-align: top;}
.processCell .item .themecolor02{
    font-size: 16px;
    color: #666;
    min-width: 80px;
    display: inline-block;}
.processCell .item{
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 2px;}
.processCell .info{
    white-space: normal;}
.processCell .stateBg{
    background-color: #d9d1c4 !important;}
.processCell .state{
    width: 250px;
    white-space: normal;}
.x-grid-cell .processCell .link{
    padding: 10px 30px 10px 10px;
    width: 250px;
    background-position-x: 220px;
    background-position-y: 5px;}
.processCell .link{
    margin-top: 15px;
    padding: 10px 30px 10px 10px;
    width: 250px;
    font-size: 14px;
    text-align: center;
    background-color: #bbb;
    background-image: url(../img/icon_login.png);
    background-repeat: no-repeat;
    background-position-x: 240px;
    background-position-y: 10px;}
.processCell .link a{
    color: #333 !important;}
.processCell .state .large{
    font-size: 14px;
    font-weight: bold;}
.processCell .info progress, .processCell .state progress{
    margin-top: 10px;
    width: 200px;
    height: 20px;}
.processCell td.chart{
    width: 240px;
    height: 210px;
    margin-right: 50px;}
/**** [ css.forms/14-11-2018/Elza e Bruno ] ****/
/*.x-form-field:not(.x-form-checkbox):not(.x-form-radio):not(.x-boxselect) {
    margin-bottom: 10px !important;
}*/

/**** Horário da Sala Quioske ****/
body.horarioSalaBody {
    color: #000;
    background-color: #fff;}
#horarioSala {margin: 20px;}
#horarioSala #salaContent {
    font-family: 'proxima_novalight';
    position: fixed;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;}
#horarioSala #salaContent #salaLeft {
    margin: 1vh;
    text-align: center;}    
#horarioSala #salaContent #salaLeft div.dateInfo div.date {
    font-variant: small-caps;
    float: left;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.week {
    transform: rotate(-90deg);
    width: 8vmin;
    height: 7vmin;
    display: inline-block;
    font-size: 5vmin;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.day {
    display: inline-block;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.day p.day {
    display: inline-block;
    font-weight: bold;
    font-size: 10vmin;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.day div.day {
    display: inline-block;
    font-size: 10vmin;
    text-weight: bold;
    border-left: 3px solid #ddd;
    padding-left: 5px;
    margin-left: 5px;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.day div.monthYear {
    display: inline-block;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.day div.monthYear span.month {
    height: 3.5vmin;
    display: block;
    font-size: 3vmin;}
#horarioSala #salaContent #salaLeft div.dateInfo div.date div.day div.monthYear span.year {
    display: block;
    font-size: 4vmin !important;}
#horarioSala #salaContent #salaLeft div.dateInfo div.hour {
    float: right;
    text-align: right;}
#horarioSala #salaContent #salaLeft div.dateInfo div.hour div.hourSlot {
    padding-top: 2vmin;
    font-size: 12vmin;
    line-height: 12vmin;}
#horarioSala #salaContent #salaLeft div.dateInfo div.hour.offline div.hourSlot {
    padding-top: 2vmin;
    line-height: 10vmin;}
#horarioSala #salaContent #salaLeft div.dateInfo div.hour #refreshError {
    font-size: 1.7vmin;
    line-height: 1.7vmin;
    padding: 0px;
    margin: 0px;}
#horarioSala #salaContent #qrCode {
    border-top: 1px solid #eee;
    margin-top: 5px;
    padding-top: 5px;
    clear: both;}
#horarioSala #salaContent #salaLeft .sala {
    width: 100%;
    font-size: 12vh;
    line-height: 12vh;
    text-align: center;}
#horarioSala #salaContent #salaRight #salaRightContent .sala {
    width: 100%;
    display: none;}
#horarioSala #salaContent .qrCodeImage {height: 40vh;}
#horarioSala #salaContent #salaRight {
    margin: 2vh;
    padding-top: 10px;
    border-top: 2px dotted #ddd;
    text-align: center;}
#horarioSala #salaContent #salaRight #salaRightContent .inner {
    vertical-align: middle;
    font-size: 2vmin;}
#horarioSala #salaContent #salaRight #salaRightContent .inner  .aula {
    clear: both;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    margin-bottom: 1vh;
    font-size: 3vh;
    line-height: 3vh;
    background-color: #eee;}
#horarioSala #salaContent #salaRight #salaRightContent .inner  .proximaAula {
    font-size: 2.5vh;
    line-height: 2.5vh;
    color: #444;}
#horarioSala #salaContent #salaRight div.timeSlot {
    margin-top: 0.5vh;
    margin-bottom: 1vh;}
#horarioSala #salaContent div.timeSlot div {
    display: inline-block;
    text-align: right;
    padding-right: 1vh;
    margin-right: 1vh;
    margin-bottom: 0px;
    border-right: 2px solid #eee;} 
#horarioSala #salaContent div.timeSlot span ul.docentes li {
    font-size: 1.5vh;
    line-height: 2vh;
    padding-left: 1vw;
    color: #222;}    
#horarioSala #salaContent div.aula.compact div.timeSlot span ul.docentes {display: none;}    
#horarioSala #salaContent div.aula.compact div.timeSlot div p.start {display: inline-block;}    
#horarioSala #salaContent div.aula.compact div.timeSlot div p.duration {
    display: inline-block;
    padding-left: 1vw;}    
#horarioSala #salaContent div.timeSlot div p.start {
    font-size:2.5vh;
    line-height: 2.5vh;}
#horarioSala #salaContent div.timeSlot div p.duration {
    color: #999;
    font-size:2vh;
    line-height: 2vh;}
#horarioSala #salaContent div.timeSlot span {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 80%;} 
#horarioSala #salaFooter {display: none;}
#horarioSala #salaHeader {display: none;}
@media (min-aspect-ratio: 4/3) {
    #horarioSala #salaContent #salaLeft{
        float: left;
        width: 50%;
        height: 100%;}
    #horarioSala #salaContent .qrCodeImage{
        height: 65vh;}
    #horarioSala #salaContent #salaLeft .sala{display: none;}
    #horarioSala #salaContent #salaRight #salaRightContent .sala{
        display: block;
        width: 100%;
        font-size: 12vh;
        line-height: 12vh;
        text-align: center;
        margin-top: 3vh;
        margin-bottom: 7vh;
        margin-left: 1vh;
        margin-right: 1vh;}
    #horarioSala #salaContent div.aula.compact div.timeSlot span ul.docentes{display: block;}
    #horarioSala #salaContent div.aula.compact div.timeSlot div p.start{display: block;}    
    #horarioSala #salaContent div.aula.compact div.timeSlot div p.duration{
        display: block;
        padding-left: 0px;} 
    #horarioSala #salaContent #salaRight{
        padding-top: 0px;
        margin-top: 0x;
        border-top: none;
        margin-left: 10x;
        border-left: 2px dotted #ddd;
        width: 45%;
        height: 100%;
        float: right;}
    #horarioSala #salaContent #salaRight #salaRightContent .inner{display: block;}
    #horarioSala #salaContent #salaRight #salaRightContent .inner  .aula{margin-bottom: 5vh;}
}
/*DeGree*/
::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1;/* Firefox */}
:-ms-input-placeholder{/* Internet Explorer 10-11 */ color: #ccc;}
::-ms-input-placeholder{/* Microsoft Edge */ color: #ccc;}
#contentonecolumn h4.rpgh4, #contenttwocolumns h4.rpgh4{
	color: #999;
	font-size: 130%;
	padding-left: 0px;
	padding-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #999;
    background-color: transparent;}
/*homepagePUBLICACONSULTAREGISTOGRAU*/
form#pesquisaGrauForm #referedDivnumeroGrau input{
	color: #333;
	font-weight: bold;
    width: 400px !important;
	height: 50px !important;
	padding-left: 10px;
	font-size: 16px !important;
	border-radius: 0 !important;
	border-color: #dbdbdb;}
form#pesquisaGrauForm #referedDivcaptchaValue{
	margin-top: 50px;
	text-align: center;}
form#pesquisaGrauForm #referedDivcaptchaValue p{
	text-align: center;
	display: inline-block;}
form#pesquisaGrauForm #referedDivcaptchaValue label{
	color: #666;
	font-size: 140%;}
form#pesquisaGrauForm #referedDivcaptchaValue input{
	color: #333;
	font-weight: bold;
    width: 400px !important;
	height: 30px !important;
	padding-left: 10px;
	font-size: 16px !important;
	border-radius: 0 !important;
	display: block;
	border-color: #dbdbdb;}
form#pesquisaGrauForm #referedDivcaptchaValue img{
	display: block;
	margin-top: 0;
  	margin-left: auto;
	margin-bottom: 30px;
  	margin-right: auto;
  	width: 100%;}
.degreecenter{
	width: 500px;
	height: 100%;
	display: block;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 30px 0 50px 0;
	background-color: transparent !important;}
.degreecenter p{
	color: #666;
	font-size: 200%;
	text-align: center;}
.degreecenter span{display: block;}
.degreecenter img{
	display: block;
	margin-top: 30px;
  	margin-left: auto;
	margin-bottom: 30px;
  	margin-right: auto;
  	width: 30%;}
.degreecenter dl.graunumber{
	text-align: center;
	font-size: 130%;}
.degreecenter dl.graunumber dt{color: #666;}
.degreecenter dl.graunumber dd{color: #121212;}
.degreecenter ul.grauinfo{
	font-size: 120%;
	margin-top: 20px;}
.degreecenter ul.grauinfo li{
	color: #666;
	text-align: center;
	line-height: 30px;}
.degreecenter .textgrau{
	color: #000;
	font-weight: bold;}
/*homepagePRIVADALUNO*/
div#listaGraduacoesContainer .x-grid-row .x-grid-row-selected .x-grid-row-focused .x-grid-row-over{background-color: transparent !important;}
div#listaGraduacoesContainer .x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div{background-color: transparent !important;}
div#listaGraduacoesContainer .x-grid-row .x-grid-cell{
	font-size: 120%;
	font-family: inherit !important;}
div#listaGraduacoesContainer .rpgleftarea{
	/*float:left;*/
	display: inline-block;
	width: 33%;
	min-height: 250px;
	vertical-align: top;}
div#listaGraduacoesContainer .rpgleftarea dt{
	color: #666;
	margin-bottom: 3px !important;}
div#listaGraduacoesContainer .rpgleftarea dd{
	font-size: 110%;
	/*font-weight: bold !important;*/
	margin-bottom: 10px;}
div#listaGraduacoesContainer .rpgrightarea{
	/*float:right;*/
	display: inline-block;
	width: 33%;
	min-height: 250px;
	vertical-align: top;}
div#listaGraduacoesContainer .rpgrightarea dl{text-align: center;}
div#listaGraduacoesContainer .rpgrightarea dl.estadoPedido{margin-bottom: 40px;}
div#listaGraduacoesContainer .rpgrightarea dl.estadoPedido dt{
	color: #666;
	margin-bottom: 3px !important;}
div#listaGraduacoesContainer .rpgrightarea dl.estadoPedido dd{
	font-size: 110%;
	font-weight: bold;}
div#listaGraduacoesContainer .rpgrightarea dl.numeroGrau{margin-bottom: 20px;}
div#listaGraduacoesContainer .rpgrightarea dl.numeroGrau dt{
	color: #666;
	font-size: 130%;
	/*font-weight: bold;*/
	margin-bottom: 3px !important;
	text-transform: uppercase;}
div#listaGraduacoesContainer .rpgrightarea dl.numeroGrau dd{
	font-size: 150%;
	 word-wrap: break-word;
	 white-space: normal;}
div#listaGraduacoesContainer .rpgrightarea img{
	display: block;
	margin-top: 40px;
  	margin-left: auto;
	margin-bottom: 30px;
  	margin-right: auto;}
div#listaGraduacoesContainer .rpgrightarea dl.documentos dt{
	color: #666;
	margin-bottom: 5px !important;}
div#listaGraduacoesContainer .rpgrightarea dl.documentos dd{margin-bottom: 5px !important;}
div#listaGraduacoesContainer .rpgrightarea dl.documentos dt.separation{margin-bottom: 10px !important; color: #666;}




/*buttonsACTIONSBUTTONS+SINGLECENTER*/
/*div.actionsbuttons.centerbuttons ul li{padding: 0 !important;}*/
div#listaGraduacoesContainer .actionsbuttons{
	/*font-size: 16px;*/
	text-align: center;
    margin-top: 30px !important;
	margin-bottom: 30px !important;}
/*div#listaGraduacoesContainer .actionsbuttons ul{margin: 0;}*/
div#listaGraduacoesContainer .actionsbuttons ul li{
	display: inline;
	width: auto !important;
	line-height: normal !important;
	margin-right: 10px;
	margin-left: 10px;}
div#listaGraduacoesContainer .actionsbuttons ul li{
	/*color: #fff !important;*/
	/*padding: 10px !important;*/
	border: none !important;
	background-image: none !important;
	/*background-color: #121212 !important;*/}
div#listaGraduacoesContainer .actionsbuttons ul li:hover{
	/*color: #fff !important;*/
	width: auto !important;
	border: none !important;
	/*background-color: #999 !important;*/}
div#listaGraduacoesContainer .actionsbuttons a{
	/*color: #fff !important;
	padding: 0px !important;*/}
div#listaGraduacoesContainer .actionsbuttons a:hover{
    /*color: #fff !important;*/
	/*background-color: #999 !important;*/}
div#listaGraduacoesContainer .actionsbuttons ul li a{
	/*color: #fff !important;*/
	padding: 0;
	border-bottom: none !important;}
div#listaGraduacoesContainer .actionsbuttons ul li a:hover{
    /*color: #fff !important;*/
	padding: 0;
	/*background-color: #999 !important;*/}
div#listaGraduacoesContainer .actionsbuttons li input{
	/*color: #fff !important;
	font-family: 'montserratregular', 'proxima_nova_rgregular';
	font-weight: bold;*/
	/*font-size: 16px !important;*/
	/*text-transform: lowercase;*/
	border: none !important;
	padding: 0;}
div#listaGraduacoesContainer .actionsbuttons li.disabled {cursor: not-allowed !important;  opacity: 0.5 !important;background-color: #ccc !important;}
/*div#listaGraduacoesContainer .actionsbuttons li input:hover{color: #fff !important;}
div#listaGraduacoesContainer .actionsbuttons .submit{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .clear{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .edit{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .add{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .delete{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .save{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .addIcon{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .normallink{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .detailsdata{background: none !important;}
div#listaGraduacoesContainer .actionsbuttons .no{background: none !important;}*/
.centerbuttons{
	text-align: center;
    margin-top: 30px !important;
	margin-bottom: 30px !important;}
.centerbuttons ul li{
	/*color: #fff !important;*/
	text-transform: uppercase;
	display: list-item;
	width: auto !important;
	height: 40px !important;
	line-height: 40px;
	padding: 0;
	border: none !important;
	background-image: none !important;
	/*background-color: #121212 !important;*/}
.centerbuttons ul li:hover{
	/*color: #fff !important;*/
	width: auto !important;
	border: none !important;
	/*background-color: #999 !important;*/}
.centerbuttons a{
	/*color: #fff !important;*/
	width: auto !important;
	padding: 0;}
.centerbuttons a:hover{
    /*color: #fff !important;
	background-color: #999 !important;*/}
.centerbuttons ul li a{
	/*color: #fff !important;*/
	padding: 0;
	border-bottom: none !important;}
.centerbuttons ul li a:hover{
    /*color: #fff !important;*/
	padding: 0;
	/*background-color: #999 !important;*/}
.centerbuttons li input{
	/*color: #fff !important;*/
	text-transform: uppercase;
	font-weight: bold;
	/*font-size: 16px !important;*/
	border: none !important;
	padding: 0;}
.centerbuttons li input:hover{color: #fff !important;}
.centerbuttons .submit{background: none !important;}
.centerbuttons .clear{background: none !important;}
.centerbuttons .edit{background: none !important;}
.centerbuttons .add{background: none !important;}
.centerbuttons .delete{background: none !important;}
.centerbuttons .save{background: none !important;}
.centerbuttons .addIcon{background: none !important;}
.centerbuttons .normallink{background: none !important;}
.centerbuttons .detailsdata{background: none !important;}
.centerbuttons .no{background: none !important;}