/**** [ structure@DiF2 | DIGITALIS | NOV2020 | v.02 ] ****/
/*ELZA - revisão 25/10/2021*/
@font-face {
    font-family: NunitoLight;
    src: url("../webfonts/Nunito-Light-webfont.eot");
    src: url("../webfonts/Nunito-Light-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/Nunito-Light-webfont.woff") format("woff"),
    url("../webfonts/Nunito-Light-webfont.ttf") format("truetype"),
    url("../webfonts/Nunito-Light-webfont.svg#NunitoLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: NunitoRegular;
    src: url("../webfonts/Nunito-Regular-webfont.eot");
    src: url("../webfonts/Nunito-Regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/Nunito-Regular-webfont.woff") format("woff"),
    url("../webfonts/Nunito-Regular-webfont.ttf") format("truetype"),
    url("../webfonts/Nunito-Regular-webfont.svg#NunitoRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@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: "proxima_nova_rgregular";
    src: url("../webfonts/proximanova-regular-webfont.eot");
    src: url("../webfonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/proximanova-regular-webfont.woff") format("woff"),
    url("../webfonts/proximanova-regular-webfont.ttf") format("truetype"),
    url("../webfonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "proxima_novalight";
    src: url("../webfonts/proximanova-light-webfont.eot");
    src: url("../webfonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/proximanova-light-webfont.woff") format("woff"),
    url("../webfonts/proximanova-light-webfont.ttf") format("truetype"),
    url("../webfonts/proximanova-light-webfont.svg#proxima_novalight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OpenSansExtrabold;
    src: url("../webfonts/OpenSans-ExtraBold-webfont.eot");
    src: url("../webfonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/OpenSans-ExtraBold-webfont.woff") format("woff"),
    url("../webfonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"),
    url("../webfonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "montserratregular";
    src: url("../webfonts/montserrat-regular-webfont.eot");
    src: url("../webfonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/montserrat-regular-webfont.woff2") format("woff2"),
    url("../webfonts/montserrat-regular-webfont.woff") format("woff"),
    url("../webfonts/montserrat-regular-webfont.ttf") format("truetype"),
    url("../webfonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body, .x-body {
    color: #1b1b1b;
    font-family: montserratregular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-height: 100%;
    line-height: 1.5;
    background-color: #fff;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/**** [MEDIA...] ****/
/*** [mediaPRINT - Layout for printing] ***/
@media print {
    div#top {
        display: none;
    }
}

/*** [mediaSCREEN] ***/
/*just for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #top {
        line-height: 25px;
    }
}

/*** [Hides hack from IE-mac] ***/
* html .holyhack {
    height: 1%;
}

/*** [ TEXT/IMG/LIST/LINK ] ***/
img {
    border: 0;
}

ol {
    margin: 15px;
}

a {
    color: #888;
    text-decoration: none;
    border: none;
    font-weight: normal;
}

a:hover {
    color: #000;
    border: none;
    text-decoration: none !important;
}

a:focus {
    outline: none;
}

/**** [toALL classes] ****/
.nobg {
    background-image: none !important;
}

/**** [CONTENTS/CONTAINERS] ****/
#content { /*ELZA - ver onde está aplicado*//*css netP@*/
    overflow: hidden;
    padding: 10px;
    background-color: #fff;
}

div#maincontentarea {
    clear: both;
}

.contentfixed { /*ELZA - ver onde está aplicado*//*css layouts*/
    height: 100px;
    overflow: auto;
    margin: 0 10px 10px 10px;
    padding: 10px 0 0 0;
}

.contentauto { /*ELZA - ver onde está aplicado*//*css layouts*/
    overflow: auto;
    margin: 0 0 10px 10px;
    padding: 20px 10px 0 0;
}

.contentnoauto { /*ELZA - ver onde está aplicado*//*css layouts*/
    margin: 0 0 10px 10px;
    padding: 20px 10px 0 0;
}

#container { /*ELZA - ver onde está aplicado*/
    display: block;
    padding: 3px;
}

div#loginMainContainer { /*margin-bottom: 15px;*/ /*cssnet - autenticação*//*classe repetida na css_componentes*/
}

.divcentercontent { /*css ComQuest*/
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/**** [HEADER] ****/
div#difheaderInnerStage {
    margin-bottom: 0; /*css netP@+MOB*/
}

/*** [areaTOP] ***/
div#top {
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    line-height: 28px;
    background-color: #1b1b1b;
}

div#top a {
    color: #999;
}

div#top a:hover {
    color: #fff;
}

/** [LANGUAGE] **/
.language {
    color: #fff;
    float: left;
    padding: 0 14px;
    text-decoration: none;
    font-weight: bold;
    background-color: transparent;
}

.language a {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
}

.language .active {
    font-weight: bold;
}

/** [DATA/HOUR] **/
.datehour {
    width: 215px;
    text-align: left;
    display: inline;
    padding-left: 10px;
    margin-right: 10px;
}

/** [CONTENTLINK] **/
#contentlink {
    display: inline;
}

#contentlink .open {
    padding-right: 23px !important;
    background: url(../img/icon_opentop.png) right no-repeat !important;
}

#contentlink .close {
    padding-right: 23px !important;
    background: url(../img/icon_closetop.png) right no-repeat !important;
}

.division {
    color: #ccc;
    display: inline;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    margin-right: 8px;
    margin-left: 8px;
}

/** [MODE] **/
/* REVER:ELZA:12/01/2022*/
.chosemode a {
    text-decoration: none;
    border-bottom: 1px dotted !important;
    margin: 0 5px 0 5px !important;
}

.chosemode a {
    padding: 0 5px 0 0 !important;
}

/** [RESPONSIVE MODE] **/
.responsiveModeSelector {
    display: none;
    padding: 0 5px 0 5px !important;
}

.responsiveModeSelected {
    display: inline;
}

.responsiveModeSelector a {
    text-decoration: none;
    border-bottom: 1px dotted !important;
}

/** [LOGOUT] **/
div#headerTopButtons {
    float: right; /*text-align: right;*/
}

.toplogout {
    color: #fff;
    font-weight: bold;
    padding: 7px 14px;
    background-color: #888;
    margin-left: 2px;
}

div#top a.toplogout {
    color: #fff !important;
    text-decoration: none;
    border-bottom: none;
    font-weight: bold;
}

div#top a.toplogout:hover {
    color: #fff !important;
    background-color: #1b1b1b !important;
}

/*** [areaOPEN/CLOSE HEADER] ***/
div#top div.headerclose {
    text-align: center;
    line-height: 15px;
    background-color: #fff;
}

div#top div.headerclose .close {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_arrowdown.png);
}

div#top div.headerclose .open {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_arrowup.png);
}

div#top div.headerclose a {
    color: transparent;
}

div#top div.headerclose a:hover {
    color: transparent;
}

/*** [areaPAGEHEADER] ***/
#header {
    padding: 0;
    clear: both;
}

#pageheader {
    height: 130px;
    background: #fff url(../img/logobackg.jpg) left 100% repeat-x;
}

#logo {
    float: left;
    display: inline;
    width: 343px;
    height: 100%;
    background-image: url(../img/logotipo.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 10px 23%;
}

#logoright {
    display: none;
    /*float: right;
    display: inline;
    width: 314px;
    height: 100%;
    background: url(../img/logoright.png) right no-repeat;*/
}

/*** [areaPAGENAVIGATION] ***/
#navigation {
    font-size: 13px;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-top: none;
    border-left: none;
    /*background-color: #fff;*/
    background-color: #404040;
}

#navigation div#navigationlogo, #navigation div#pagenavigation, #navigation div#perfilnavegation {
    display: table-cell;
}

#navigation ul {
    list-style: none;
}

#navigation ul li {
    display: inline;
}

/** [menuHEADER] **/
#pagenavigation {
    /*float: left;*/
    /*width: 100%;*/
    height: 44px;
    line-height: 50px;
    /*line-height: 44px;*/
    /*background-color: #fff;*/
    background-color: #404040;
}

#pagenavigation ul li {
    margin: 0 !important;
}

#pagenavigation ul li a {
    /*color: #000;*/
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 14px 15px;
    text-decoration: none;
    border: none;
    /*background: #fff;*/
}

#pagenavigation ul li a:hover {
    color: #888;
    /*background-color: #1f1f1f;*/
}

/** [menuPERFIL] **/
#perfilnavegation {
    /*text-align: right;*/
    width: 105px;
    white-space: nowrap;
    vertical-align: top;
    line-height: 50px;
}

#perfilnavegation ul li a {
    color: #fff;
    font-weight: bold;
    /*margin: 0 !important;
    padding: 14px 15px !important;
    border: none;
    text-decoration: none;*/
    /*background-color: #1f1f1f;
    background-color: #404040;*/
}

#perfilnavegation ul li a:hover {
    /*color: #000;*/
    color: #888;
    /*padding: 13px 15px !important;
    background-color: #fff;
    background-color: #1f1f1f;*/
}

/** [menuMYPERFIL] **/
#perfilchange {
    background-color: transparent !important;
}

#outrosServicos {
    padding: 0px 10px 10px 15px;
    margin-left: 15px;
}

#perfil {
    right: 0;
    z-index: 100 !important;
}

#perfil a {
    color: #fff !important;
}

#perfil a:hover {
    color: #999 !important;
}

#perfil div.column {
    float: left;
}

#perfil div.column p {
    color: #ccc;
    padding-left: 0;
}

#perfil .submenu li {
    padding: 0 !important;
}

#perfil li a {
    padding-left: 15px !important;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow_w.png);
}

/** [menuHOMEPAGE LINK]  **/
li.homepage a {
    padding-left: 25px !important;
    padding-right: 25px !important;
    background-image: url(../img/icon_home.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0 50% !important;
    background-color: transparent !important;
}

li.homepage a:hover {
    opacity: 0.4;
}

/**** [LEFT/RIGHT] ****/
#left {
    width: 250px;
    padding: 0;
    float: left;
    margin-top: 10px;
    /*background-color: #fff;*/
}

#right {
    width: 250px;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    /*background-color: #fff;*/
}

div#rightAutoShow div#difrightnavbarInnerStage {
    max-width: 300px;
}

#left ul, #right ul {
    list-style: none;
}

/**** [CONTENTCOLUMNS] ****/
#contentonecolumn {
    padding: 10px;
    margin-left: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #fff;
}

#contentonecolumn h2 {
    color: #000;
    font-size: 200%;
    text-transform: uppercase;
    padding: 10px 10px 10px 0;
    background-color: transparent;
}

#contentonecolumn h3, #contentonecolumn h4, #contentonecolumn h5, #contentonecolumn h6, #contentonecolumn .formSubtitle,
.x-window h3, .x-window h4, .x-window h5, .x-window h6, .x-window .formSubtitle {
    color: #666;
    font-weight: bold !important;
    text-transform: uppercase;
    /*line-height: 22px;*/
    /*padding-left: 0;*/
    /*margin: 15px 0 5px 0;*/
    border: none;
    background-color: transparent;
}

/*.x-window h3, .x-window h4, .x-window h5, .x-window h6, .x-window .formSubtitle {*/
/*    padding-top: 15px;*/
/*    padding-bottom: 10px;*/
/*    padding-left: 0;*/
/*    background-image: none !important;*/
/*    background-color: transparent !important;}*/

#contentonecolumn h3, .x-window h3 {
    font-size: 160%;
}

#contentonecolumn h4, .x-window h4 {
    font-size: 150%;
}

#contentonecolumn h5, .x-window h5 {
    font-size: 140%;
}

#contentonecolumn h6, .x-window h6 {
    font-size: 120%;
}

#contentonecolumn h3 a, .x-window h3 a {
    font-weight: bold;
}

#contenttwocolumns {
    padding: 10px;
    margin-left: 10px;
    overflow: auto;
    background-color: #fff;
}

#contenttwocolumns h2 {
    color: #000;
    font-size: 200%;
    text-transform: uppercase;
    padding: 10px 10px 10px 0;
    background-color: transparent;
}

#contenttwocolumns h3, #contenttwocolumns h4, #contenttwocolumns h5, #contenttwocolumns h6, #contenttwocolumns .formSubtitle {
    color: #666;
    /*font-size: 140%;*/
    text-transform: uppercase;
    font-weight: bold !important;
    background-image: none !important;
    /*line-height: 22px;*/
    /*padding-left: 0;*//*ELZA - revisão 25/10/2021 - valores aplicados por elza*/
    /*margin: 15px 0 5px 0;*//*ELZA - revisão 25/10/2021 - valores aplicados por elza*/
    /*padding-left: 10px;*/ /*VIEGAS - valores aplicados por viegas*/
    margin: 10px 0; /*VIEGAS - valores aplicados por viegas*/
    border: none;
}

#contenttwocolumns h3 {
    font-size: 160%;
}

#contenttwocolumns h4 {
    font-size: 150%;
}

#contenttwocolumns h5 {
    font-size: 140%;
}

#contenttwocolumns h6 {
    font-size: 120%;
}

#contenttwocolumns h3.panelboxheader, h3.panelboxheader {
    border-color: #ddd !important;
    font-weight: bold !important;
    padding: 2px 10px 2px 0;
    background: #ddd !important;
}


/**** [FOOTER] ****/
div#diffooterInnerStage {
    bottom: 0;
    width: 100%;
}

#footer {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
}

#footer img {
    vertical-align: middle;
}

/*** [areaLINKTOP] ***/
div#footer .actions {
    line-height: 35px;
    margin-bottom: 0;
}

div#footer .actions a:hover {
    opacity: 0.4;
}

div#footer .actions .top {
    padding: 10px 15px 10px 50px !important;
    background-size: 45px !important;
    background-image: url(../img/icon_arrowup.png) !important;
}

/*ELZA - VALIDAR APLICAÇÃO DA NORMA COM VIEGAS*/
/*div#footerActionsContainer {}
div#footerActionsContainer .actions {
    margin-right: 30px;
    margin-bottom: 0;}
div#footerActionsContainer .actions ul {background-color: #ebebeb !important;}
div#footerActionsContainer .actions ul li a {padding: 3px 5px;}
div#footerActionsContainer .actions .top {
    font-size: 150% !important;
    background-position: 50% 50%;
    background-image: url(../img/icon_top.png);}
div#footerActionsContainer .actions a.top {
    color: transparent !important;
    text-transform: uppercase;
    background-color: transparent;}
div#footerActionsContainer .actions a.top:hover {color: transparent !important;}*/


/*** [areaSUBFOOTER] ***/
#subfooter {
    color: #1b1b1b;
    clear: both;
    display: table;
    width: 100%;
    height: auto;
    background-color: #ddd !important;
}

#subfooter a {
    color: #888;
}

#subfooter a:hover {
    color: #000;
}

div.subfootermenu {
    display: flex;
    padding: 20px 0 20px 30px;
}

div.subfootermenu h2 {
    color: #000 !important;
    font-size: 130%;
}

div.subfootermenu ul {
    display: inline;
    width: 100%;
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #ccc;
}

div.subfootermenu ul li {
    display: inline !important;
    padding-top: 5px;
}

/*** [areaFOOTERLOGOS] ***/
div#footer #footerlogos {
    display: none;
}

/*div#footer #footerlogos{
	float:right;
	width: 500px;
	min-height:40px;
	margin-right: 10px;
	background: url("../img/logos.png") right no-repeat;}*/

/*** [areaOPEN/CLOSE BOTTOM] ***/
div.bottomclose {
    text-align: center;
    background-color: #ddd;
}

div.bottomclose .close {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_arrowdown.png);
}

div.bottomclose .open {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_arrowup.png);
}

div.bottomclose a {
    color: transparent;
}

div.bottomclose a:hover {
    color: transparent;
}

/*** [areaBOTTOM] ***/
div.bottom {
    font-size: 85%;
    color: #fff;
    grid-template-columns: 50% 50%;
    grid-auto-rows: auto;
    display: grid;
    background-color: #1b1b1b;
}

#copyright {
    padding-top: 18px;
    min-height: 30px;
    padding-left: 115px;
    background: url("../img/companylogo.png") 1% 0 no-repeat !important;
    background-color: inherit !important;
}

#technical {
    padding-top: 8px;
    text-align: right;
    padding-right: 85px !important;
    background: url("../img/footerlogo.png") 99% 50% no-repeat !important;
    background-color: inherit !important;
}

/**** [HEADERS/H..] ****/
.simpleheader {
    color: #000 !important;
    border: none !important;
    margin: 0 10px 10px 0 !important;
    padding-left: 0 !important;
    background: none !important;
}

/*** [MENU/arealEFTCOLUMN] ***/
/** [arealEFTCOLUMN/FIRSTLEVEL] **/
.menuleft h2 {
    color: #000;
    font-size: 150% !important;
    text-transform: uppercase;
    font-weight: normal !important;
    border-top: 3px solid #ccc !important;
    height: 35px;
    line-height: 35px;
    padding: 4px 0 0 10px;
    margin: 0;
    background: #fff;
}

.menuleft ul {
    margin: 10px;
}

.menuleft li a {
    /*display: block;
    padding-left: 15px;
    border: none;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../img/icon_arrow.png) !important;*/
}

.menuleft ul.submenunavbar a {
    /*padding-left: 15px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../img/icon_arrow.png) !important;*/
}

.menuleft li.showArrowIcon {
    background-image: none !important;
}

.menuleft li.showArrowIcon a {
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 6px !important;
    background-image: url(../img/icon_arrow.png) !important;
}

/*** [MENU/areaRIGHTCOLUMN] ***/
/** [areaRIGHTCOLUMN/FIRSTLEVEL] **/
.menuright h2 {
    color: #000;
    font-size: 150% !important;
    text-transform: uppercase;
    font-weight: normal !important;
    border-top: 3px solid #ccc !important;
    height: 35px;
    line-height: 35px;
    padding: 4px 0 0 10px;
    margin: 0;
    background: #fff;
}

.menuright ul {
    margin: 10px;
}

.menuright li a {
    /*display: block;
    padding-left: 15px;
    padding: 0 5px 0 10px;
    border: none;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../img/icon_arrow.png) !important;*/
}

/** [areaRIGHTCOLUMN/SUBLEVEL] **/
.submenuright {
    margin: 3px !important;
}

.submenuright li {
    display: block !important;
    margin-left: 10px;
    padding: 0 15px 0 15px !important;
    border: none !important;
    background-position: 0 50%;
    background-repeat: no-repeat;
    /*background-size: 6px;*/
    background-size: 0 4px !important; /** ELZA: Alterei isto para quando faz wrap */
    background-image: url(../img/icon_arrow.png) !important;
}

h2.menutitle { /*MENUS MOBILIDADEnet*/
    color: #000;
    font-size: 150% !important;
    text-transform: uppercase;
    font-weight: bold !important;
    border-top: 3px solid #000 !important;
    height: 35px;
    line-height: 35px;
    padding: 4px 0 0 10px;
    margin: 0;
    background: #fff;
}

/**** [HOMEPAGES] ****/
/*** [areaPUBLIC HOMEPAGE WELCOME] ***/
#welcome {
    margin: 30px 15px 20px 15px;
    padding-bottom: 20px;
}

#welcome h2 {
    color: #000;
    font-size: 210%;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent !important;
}

#welcome .subtitle {
    padding-top: 0;
    font-size: 120%;
}

#welcome p {
    margin-left: 0 !important;
}

/*** [areaPRIVATE HOMEPAGE SERVICES] ***/
#mainservices {
    margin: 30px 0 10px 0;
    width: 98%;
}

#mainservices td {
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
}

#mainservices p {
    display: inline;
    float: left;
}

#mainservices img {
    margin-left: 10px;
    width: 100px;
}

#mainservices a {
    line-height: 20px;
    border: none;
    padding-right: 15px;
    background-image: none !important;
}

#mainservices .fontfirstlevel {
    color: #000;
    font-size: 140%;
    font-family: NunitoLight, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 5px !important;
}

#mainservices .fontsecondlevel {
    color: #888;
    font-size: 180%;
    font-weight: bold;
    font-family: NunitoLight, Arial, Helvetica, sans-serif;
}

.separationBar {
    border-right: 1px dotted #ddd;
}

/*** [areaPRIVATE HOMEPAGE SERVICES DOCENTE] ***/
#mainservicesone {
    margin: 30px 0 10px 0;
}

#mainservicesone td {
    width: 33%;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
}

#mainservicesone p {
    display: inline-block;
    margin-left: 10px;
    padding-top: 40px;
}

#mainservicesone img {
    width: 120px;
    margin-right: 10px;
    float: left;
}

#mainservicesone ul {
    margin-top: 15px;
}

#mainservicesone p a {
    padding-right: 15px;
    border: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);
}

#mainservicesone ul li a {
    line-height: 25px;
    padding-right: 15px;
    border: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url(../img/icon_arrow.png);
}

#mainservicesone .fontfirstlevel {
    font-size: 140%;
    font-family: NunitoLight, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 17px !important;
    margin-bottom: 10px;
    display: block;
}

/*** [areaHOMEPAGE SERVICESLINS] ***/
/* REVER:ELZA:15/11/2021: START
Objctivo: remover as tabelas e tornar responsiva a homepage */
/*#allservices {
    width: 98%;
    margin: 30px 0 20px 0;
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 1px solid #ddd;}
#allservices td {
    padding-top: 30px;
    padding-left: 20px;
    vertical-align: top;
    width: 25%;}*/
#allservices {
    margin: 30px 0 20px 0;
    padding-top: 10px;
    padding-bottom: 20px;
    border-top: 1px solid #e0e0e0;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    -webkit-column-width: 250px;
    -moz-column-width: 250px;
    column-width: 250px;
    column-gap: 1em;
}

#allservices .servicegroup {
    margin: 0 0 1em;
    width: 100%;
    margin: 0 20px 20px 10px;
    padding-top: 15px;
    padding-left: 10px;
    border-left: 1px solid #ccc !important;
    min-width: 250px;
    break-inside: avoid-column;
}

/* REVER:ELZA:15/11/2021: END */

#allservices p {
    display: inline;
}

#allservices a {
    line-height: 20px;
    padding-right: 15px;
    border: none;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);
}

#allservices a:hover {
    padding-right: 20px;
}

#allservices .fontfirstlevel {
    font-size: 150%;
    font-weight: bold;
    font-family: NunitoLight, Arial, Helvetica, sans-serif;
    line-height: 5px !important;
}

#allservices .fontsecondlevel {
    font-size: 200%;
    color: #888;
    font-family: NunitoLight, Arial, Helvetica, sans-serif;
}

/*** [areaPUBLIC HOMEPAGE DIRETORIOSLINKS] ***/
#moreservices {
    clear: both;
    display: inline-block;
    width: -moz-available;
    margin: 30px 10px 10px 0;
    padding: 20px;
    border-top: 1px dotted #ddd;
    /*background-color: #000;*/
    /*ELZA - revisão 25/10/2021 - valores vindos CSS da última versão aplicacoes*/
    /*padding-top: 10px;
    border-top: 1px solid #e0e0e0;
    width: 150px;*/
}

/*ELZA - revisão 25/10/2021 - valores vindos CSS da última versão aplicacoes*/
/*#moreservices a {
    color: #666 !important;
    border-bottom-color: #666 !important;}
#moreservices ul {
    margin-right: 60px;}
*/
#moreservices p {
    color: #888;
    text-transform: uppercase;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 10px;
}

#moreservices a {
    color: #000;
    line-height: 20px;
}

#moreservices a:hover {
    color: #888;
}

#moreservices ul {
    margin-right: 40px;
}

#moreservices .column {
    display: inline !important;
    float: left;
}

/**** [LOGINPOPUP] ****/
.login-close {
    /*background: url("../img/login_close.png") no-repeat scroll 0 0 transparent;*/
    border: 0 none;
    display: block;
    padding: 0 10px 0 15px;
    position: absolute;
    right: 1px;
    top: 10px;
    /*width: auto;
    background-position: 0 0;*/
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url("../img/icon_x.png");
}

.login-heading {
    color: #000;
    font-size: 250%;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0.4em;
}

form#login label, form#registration label, form#registrationlogin label {
    line-height: 46px;
    font-size: 1.3em;
    vertical-align: middle;
    font-weight: normal;
}

.login-input[type="text"], .login-input[type="email"], .login-input[type="password"], form#login input[type="text"], form#login input[type="password"],
form#registration input[type="text"], form#registration input[type="password"],
form#registrationlogin input[type="text"], form#registrationlogin input[type="password"] {
    color: #1b1b1b !important;
    -moz-appearance: none;
    border-radius: 6px 6px 6px 6px !important;
    border: 2px solid #ccc !important;
    font-size: 1.1em !important;
    height: 44px !important;
    margin: 0 0 6px !important;
    outline: medium none;
    padding: 0 13px !important;
    transition: border 0.15s ease 0s;
}

.login-input[type="text"]:focus, .login-input[type="email"]:focus, .login-input[type="password"]:focus {
    border-color: #000;
}

.input-button-color {
    /*background: #1b1b1b;*//*ELZA - revisão 18/11/2021 - rever com viegas - class repetida abaixo // rever conflitos entre botoes diferentes*/
    border-bottom: none !important;
}

/*.input-button-color{background-color: #ccc;}*//*ELZA - REVER | css ComQuest*/
.input-button {
    color: #fff !important;
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.3em;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    outline: medium none;
    padding: 12px 12px 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease 0s;
    background-image: none;
    background-color: #1b1b1b;
}

.input-button span {
    color: #fff !important;
    text-transform: uppercase;
}

.login-input[type="button"]:hover, .login-input[type="submit"]:hover, .input-button:hover {
    color: #fff !important;
    background-color: #888 !important;
}

.login-submitbutton {
    color: #fff !important;
    /*padding-right: 20px;*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 14px;
    background-image: url(../img/icon_arrow_w.png);
    background-color: #1b1b1b;
}

.login-otherbutton {
    color: #fff !important;
    background-color: #1b1b1b;
}

.login-input[type="button"]:hover, .login-input[type="submit"]:hover, .input-button:hover {
    background-color: #888 !important;
}

.login-vertical-line {
    border-left: 1px solid #ddd;
    padding-left: 30px;
    margin-left: 30px;
}

#loginRegister .x-form-invalid-icon {
    background-image: url("../img/field_error.png");
    height: 62px;
    width: 65px;
}

.x-btn-default-toolbar-small-disabled .x-btn-inner {
    color: #fff !important;
}

.x-btn-disabled span {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/**** [HOMEPAGE PUBLICITY] ****/
/*ELZA - PROCURAR*/
.pub {
    margin-top: 20px;
    padding-bottom: 0;
}

/*.pub a{border: none;}*/
.pub h2 {
    font-size: 120%;
    font-weight: bold;
    font-family: NunitoLight, Arial, Helvetica, sans-serif;
}

div.checkBoxContainer {
}

div.checkBoxContainer label {
    padding-bottom: 10px;
    display: inline-block;
}

span#captchaValueSuffix {
    display: inline-block;
}

form#registration div.x-form-trigger {
    background-image: url("../img/tall_trigger.gif");
    height: 43px;
}

form#registration div.x-form-date-trigger {
    background-image: url("../img/tall_date_trigger.gif");
}

div#customFooter {
    display: none;
}

/**** [WAITING FOR PROCESS PAGE] ****/
.waitprocesstitle {
    text-align: center;
    margin: 10px 0;
}

.waitprocesstitle #titleElement {
    text-transform: uppercase;
}

.waitprocesstitle span {
    color: #888;
}

.waitprocessimage {
    height: 150px;
    padding: 50px;
    background: #ebebeb url(../img/waitprocess_img.png) center no-repeat;
}

.waitprocessimageError {
    height: 150px;
    padding: 50px;
    background: #ebebeb url(../img/waitprocess_img_error.png) center no-repeat;
}

.waitprocesscontent {
    margin: 10px 0;
}

.waitprocesscontent ul li p {
    display: inline;
    float: left;
    width: 40%;
    padding-left: 20px;
}

.waitprocesscontent ul li p span {
    display: block;
}

/**** [BUILDSURVEY] ****/
.stepsWizard, .stepsWizardExport {
    width: 100%;
    height: 160px;
    margin-bottom: 30px;
    border-bottom: 2px dotted #ccc;
    padding: 10px 0;
    display: inline-table;
    background-color: #fff;
}

.stepsWizard ul, .stepsWizardExport ul {
    padding-left: 30px;
}

.stepsWizard ul li, .stepsWizardExport ul li {
    display: inline;
    float: left;
    height: 120px;
    font-size: 150% !important;
}

.stepsWizard ul li {
    width: 25%;
}

.stepsWizardExport ul li {
    width: 33%;
}

.stepsWizard li p, .stepsWizardExport li p {
    padding-top: 120px;
}

/*ELZA - APLICAR SASS*/
.steps01ON {
    background-image: url(../img/step01_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps01OFF {
    background-image: url(../img/step01_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps02ON {
    background-image: url(../img/step02_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps02OFF {
    background-image: url(../img/step02_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps02ONLAST {
    background-image: url(../img/step02_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps02OFFLAST {
    background-image: url(../img/step02_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps03ON {
    background-image: url(../img/step03_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps03OFF {
    background-image: url(../img/step03_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps03ONLAST {
    background-image: url(../img/step03_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps03OFFLAST {
    background-image: url(../img/step03_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps04ON {
    background-image: url(../img/step04_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps04OFF {
    background-image: url(../img/step04_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps04ONLAST {
    background-image: url(../img/step04_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps04OFFLAST {
    background-image: url(../img/step04_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps05ON {
    background-image: url(../img/step05_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps05OFF {
    background-image: url(../img/step05_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps05ONLAST {
    background-image: url(../img/step05_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps05OFFLAST {
    background-image: url(../img/step05_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps06ON {
    background-image: url(../img/step06_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps06OFF {
    background-image: url(../img/step06_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps06ONLAST {
    background-image: url(../img/step06_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps06OFFLAST {
    background-image: url(../img/step06_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps07ON {
    background-image: url(../img/step07_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps07OFF {
    background-image: url(../img/step07_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps07ONLAST {
    background-image: url(../img/step07_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps07OFFLAST {
    background-image: url(../img/step07_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps08ON {
    background-image: url(../img/step08_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps08OFF {
    background-image: url(../img/step08_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps08ONLAST {
    background-image: url(../img/step08_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps08OFFLAST {
    background-image: url(../img/step08_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps09ON {
    background-image: url(../img/step09_on.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps09OFF {
    background-image: url(../img/step09_off.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps09ONLAST {
    background-image: url(../img/step09_on_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

.steps09OFFLAST {
    background-image: url(../img/step09_off_last.png);
    background-repeat: no-repeat;
    background-position: 20px;
}

/*ELZA - PROCURAR*/
.is-affixed {
}

.is-affixed #difrightnavbarInnerStage #navbarMenuContainer {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.adminMenu div.mainmenu {
    background-color: transparent !important;
}

.adminTopics {
    padding: 10px 30px 30px 30px !important;
}

/**** [HOMAPE ADMINISTRATION ????] ****/
/*ELZA - PROCURAR*/
.adminTopics {
    padding: 50px 30px 30px 30px;
}

.adminTopics table {
    padding: 0;
    border-spacing: 0;
    border-collapse: separate;
}

.adminTopics table td.bold {
    white-space: nowrap;
}

.adminTopics table td.bold {
    vertical-align: top;
    padding-right: 15px !important;
}

.adminTopics table td.secondLineIndent {
    white-space: normal;
    vertical-align: top;
    padding-left: 40px !important;
    text-indent: -40px;
    line-height: 1em;
    padding-bottom: 10px;
}

.adminTopics table td img {
    padding-left: 0;
    height: 15px;
}

/*ELZA - revisão 25/10/2021 - valores vindos CSS da última versão aplicacoes*/
div.runModeInfo {
    background-color: #fdec90;
    text-align: center;
    padding: 3px;
}

/* REVER:ELZA:29/10/2021 START*/
.titleWithOptions {
}

/*.titleWithOptions .actions {float: right; padding-left: 20px;}*/
.titleWithOptions .actions ul li {
    display: block;
    text-align: right;
}

/* REVER:ELZA:29/10/2021 END*/

.anonymous {
    min-height: 100px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-left: 70px;
    background-color: #fff;
    background-image: url("../img/anonimo.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 90px;
}

/**** [CORESTEMA] ****/
.themecolor00 {
    color: #1b1b1b;
}

.themecolor01 {
    color: #888;
}

.themecolor02 {
    color: #666;
}

.themecolor03 {
    color: #f2f2f2;
}

.bgthemecolor01 {
    background-color: #1b1b1b;
}

.bgthemecolor02 {
    background-color: #ccc;
}

.bgthemecolor03 {
    background-color: #f2f2f2;
}