/**** [ netP@theme | Alterada a 12/12/2019 ] ****/
/***PUBLICA - homePage****/
.breadcrumbs {
    display: none !important;
}

#right {
    float: right;
}

.openrightarea {
    float: right;
}

#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;
    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 !important;
    padding: 0 !important;
    font-size: 180%;
    border: none !important;
    font-weight: normal !important;
    display: inline-block;
    background-color: transparent !important;
    margin-top: 0px;
    margin-bottom: 20px !important;
}

.perfilAreaTitle .actionsbuttons {
    margin-top: 0px !important;
    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 {
    padding: 15px;
    vertical-align: text-top;
    min-width: 35%;
    padding-left: 10px;
    display: inline-block;
}

.alertsAreaContent {
    clear: right;
    display: block;
}

#linksAreaBox {
    margin-top: 15px;
    vertical-align: text-top;
    width: 150px;
    border-left: 1px solid #ccc;
    display: inline-block;
    float: right;
}
#linksAreaBox .linksAreaContent {min-height: 150px;}
.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);
/* REVER:ELZA:28/10/2021: START */
/*
.blue {
    background: #3498db;
}

.purple {
    background: #9b59b6;
}

.navy {
    background: #34495e;
}

.green {
    background: #2ecc71;
}

.red {
    background: #e74c3c;
}

.orange {
    background: #f39c12;
}
*/
/* REVER:ELZA:28/10/2021: END */


.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 .label-checkbox {
    font-size: 120% !important;
    color: #666 !important;
}

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;*/
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#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;
}

#contenttwocolumns .postGradAnexo {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#contenttwocolumns .postGradAnexo h4 {
    color: black;
    font-size: 14px;
    font-weight: bold !important;
    padding: 0;
    margin: 0;
}

#contenttwocolumns .postGradAnexo p.desc {
    color: #333;
    font-size: 12px;
}

.postGradAnexo .documentDetails {
    margin-left: 20px;
    border-left: 0.5px dotted #aaa;
    padding-left: 10px;
}

.postGradAnexo .documentDetail {
    color: #777;
    padding-left: 25px;
}

.postGradAnexo .documentOK {
    background: url(../img/icongeral_ok.png) no-repeat left top;
    background-size: 17px;
}

.postGradAnexo .documentMissing {
    background: url(../img/icongeral_warning.png) no-repeat left top;
    background-size: 17px;
}

.postGradAnexo .documentNotValid {
    background: url(../img/icongeral_flag.png) no-repeat left top;
    background-size: 17px;
}

.postGradAnexo .documentDetails input[type="file"] {
    margin: 5px 0 0 25px;
    border: none;
}

.postGradAnexo .documentDetails .deleteUploadFile {
    line-height: 30px;
    background: url("../img/icongeral_cancel.png") no-repeat scroll left center transparent;
    background-size: 14px;
    padding-left: 18px;
}

.postGradAnexo .documentDetails .actions {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.postGradAnexo .documentDetails .actions ul li {
    line-height: 20px;
}

.menuNovaCandidatura {
    background-image: url(../img/icon_document.png) !important;
    background-size: 100px !important;
    background-position-x: 25px;
}

.menuCandidaturaExistente {
    background-image: url(../img/icon_documents.png) !important;
    background-size: 100px !important;
    background-position-x: 25px;
}

.menuCalendarioCandidatura {
    background-image: url(../img/icon_calendar_wating.png) !important;
    background-size: 85px !important;
    background-position-x: 35px;
}

.sgdWheel {
    /*    background-image: url(../img/SDG_Wheel_WEB.png) !important;
        background-repeat: no-repeat;*/
    /*background-size: 25px;
    padding-left: 20px;*/
}
.sgdWheel:before {
    width: 25px;
    height: 25px;
    position: absolute;
    background: url(../img/SDG_Wheel_WEB.png);
    background-size: cover;
    content: "";
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}
.sgdWheel a {padding-left: 30px;}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}