/**** [ components@DiF2 | DIGITALIS | NOV2020 | v.02 ] ****/
/*ELZA - revisão 26/10/2021*/
#print {display: none; /*css netP@*/}

#textareaprint {display: none; /*css netP@*/}

.blankspace {height: 10px; /*css netP@*/}

/**** [LABEL] ****/
label {
    color: #000;
    vertical-align: top;
    font-weight: bold;}

.labelnormal {font-weight: normal !important;}

/*** [ Attributes/classes ] ***/ /* [ background/text ] */
sup {
    font-size: 70%;
    vertical-align: super;
    letter-spacing: 0.1em;}

code, .code {
    font-family: "Lucida Console", "Courier New", "Courier", "monospace";
    white-space: pre !important}

.whitespace {
    height: 25px;
    background-color: #fff;}

/**** [FONT FAMILY] ****/
.monospace {font-family: monospace; /*css MOBILIDADEnet*/}

/**** [CURSOR] ****/
.defaultCursor {cursor: default;}
.pointerCursor {cursor: pointer;}
span.crosshair {cursor: crosshair; /*css netP@*/}
span.help {cursor: help; /*css netP@*/}
span.wait {cursor: wait; /*css netP@*/}

/**** [BACKGROUND COLOR'S] ****/
.backgthemelight {background-color: #fff;}
.backggreenlight {background-color: #f2f2f2;}
.backgthememedium {background-color: #ddd;}
.backgnone {background: none !important;}
.backgcolor {background-color: #f2f2f2 !important;}
.backgcolordark {background-color: #1b1b1b !important;}
.redBackground {background-color: #b94a48 !important;}
.gridbackg02 {background-color: #f2f2f2;}
.tdcolor {background-color: #ddd;}
.tdcolorwhite {background-color: #fff;}
.greenBackground {background-color: #687e47 !important;}
.lightGreenBackground {background-color: #90ee90 !important;}
/* REVER:ELZA:20/12/2021*/
.lightYellowBackground {background-color: #eee290 !important;}
/* REVER:ELZA:20/12/2021*/
.tdcolorbold {
    font-weight: bold;
    background-color: #e4e4e4;}

.backgwhite {
    background-image: none !important;
    background-color: #fff !important;}

.blackbackg { /*css MOBILIDADEnet*/
    color: #fff !important;
    background-color: #000 !important;}

/**** [FONTSIZE] ****/
.smallFont {font-size: 85%;}
.resetFont {font: inherit !important;}
.font65 {font-size: 65% !important;}
.font85 {font-size: 85% !important;}
.font90 {font-size: 90% !important;}
.font95 {font-size: 95% !important;}
.font100 {font-size: 100% !important;}
.font110 {font-size: 110% !important;}
.font120 {font-size: 120% !important;}
.font130 {font-size: 130% !important;}
.font150 {font-size: 150% !important;}
.font170 {font-size: 170% !important;}
.font200 {font-size: 200% !important;}
.font220 {font-size: 220% !important;}
.font250 {font-size: 250% !important;}
.font300 {font-size: 300% !important; /*css MOBILIDADEnet*/}

.fontincreased { /*css netP@*/
    font-size: 115%;
    font-weight: bold;}

.comentario {font-size: 10px; /*css netP@*/}

.moneyKeyWord {font-size: 80%;}

/**** [TEXTCOLOR] ****/
.colortext {color: #1b1b1b !important;}
.blacktext {color: #000 !important;}
.whitetext {color: #fff !important;}
.greytext {color: #888 !important;}
.redtext {color: #b94a48 !important;}
.greentext {color: #8cb58e !important;}
.gray {color: #ccc;}
.greydarktext {color: #999 !important;}

.textgreen { /*ver onde está aplicado*//*css netP@*/
    color: #888;
    font-weight: bold;}

.red {
    color: #900 !important;
    font-weight: bold;}

/**** [FONTWEIGHT] ****/
.bold {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.textobold {font-weight: bold; /*ver onde está aplicado*//*css netP@*/}

/**** [TEXTDECORATION] ****/
.underline {text-decoration: underline;}
.nodecoration a {text-decoration: none !important;}
.valoriscado {text-decoration: line-through; /*css netP@*/}

/**** [TEXTTRANSFORM] ****/
.uppercase {text-transform: uppercase !important;}

/**** [LINKCOLOR] ****/
.whitelink a {color: #fff !important;}
.whitelink a:hover {color: #fff !important;}

/**** [FLOAT] ****/
.floatLeft {float: left;}
.floatRight {float: right;}
#nbsp {float: right; /*css netP@*/}

/**** [TEXTALIGN] ****/
.alignLeft {text-align: left !important;}
.alignRight {text-align: right !important;}
.alignCenter {text-align: center !important;}
.textleft {text-align: right; /*css netP@*/}
.right {text-align: right; /*css netP@*/}
.textcenter {text-align: center; /*css netP@*/}

/**** [VERTICALALIGN] ****/
.valignreset {vertical-align: initial !important;}
.valign {vertical-align: top !important;}
.valignmiddle {vertical-align: middle !important;}
.valignbottom {vertical-align: bottom !important;}

/**** [MARGIN] ****/
.marginZero {margin: 0 !important;}
.margin10 {margin: 10px !important;}
.margin20 {margin: 20px !important;}
.margin50 {margin: 50px !important;}

/*** [MARGINTOP] ***/
.margintopzero {margin-top: 0 !important;}
.margintop5 {margin-top: 5px !important;}
.margintop10 {margin-top: 10px !important;}
.margintop15 {margin-top: 15px !important;}
.margintop20 {margin-top: 20px !important;}
.margintop30 {margin-top: 30px !important;}
.margintop40 {margin-top: 40px !important;}
.margintop50 {margin-top: 50px !important;}
.margintop70 {margin-top: 70px !important;}
.margintop130 {margin-top: 130px !important;}

/*** [MARGINBOTTOM] ***/
.marginbottomzero {margin-bottom: 0 !important;}
.marginbottom10 {margin-bottom: 10px !important;}
.marginbottom20 {margin-bottom: 20px !important;}
.marginbottom30 {margin-bottom: 30px !important;}
.marginbottom40 {margin-bottom: 40px !important;}
.marginbottom60 {margin-bottom: 60px !important;}
.break10 {margin-bottom: 10px !important;}
.break20 {margin-bottom: 20px !important;}
.break40 {margin-bottom: 40px !important;}

/*** [MARGINLEFT] ***/
.marginLeftZero {margin-left: 0 !important;}
.marginleft10 {margin-left: 10px !important;}
.marginleft20 {margin-left: 20px !important;}
.marginleft30 {margin-left: 20px !important;}
.marginleft40 {margin-left: 40px !important;}
.marginleft50 {margin-left: 50px !important;}
.marginleft60 {margin-left: 60px !important;}
.marginleft75 {margin-left: 75px !important;}
.marginleft98 {margin-left: 98px !important; /*css MOBILIDADEnet*/}
.marginleft169 {margin-left: 169px !important;}
.marginleft179 {margin-left: 179px !important;}
.marginleft200 {margin-left: 200px !important;}
.marginleft440 {margin-left: 440px !important;}

/*** [MARGINRIGHT] ***/
.marginright10 {margin-right: 10px !important;}
.marginright20 {margin-right: 20px !important;}

/*** [MARGINTOPBOTTOM] ***/
.marginTopBottom10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;}

.marginTopBottom20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;}

/**** [PADDING] ****/
.paddingZero {padding: 0 !important;}
.padding5 {padding: 5px !important;}
.padding10 {padding: 10px !important;}
.padding20 {padding: 20px !important;}
.padding30 {padding: 30px !important;}
.padding50 {padding: 50px !important;}
.padding100 {padding: 100px !important;}

.paddingZero .content {padding: 0 !important;}

/*** [PADDINGTOPBOTTOM] ***/
.paddingtopbottom5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;}

.paddingtopbottom10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;}

/*** [PADDINGTOP] ***/
.paddingTopZero {padding-top: 0 !important;}
.paddingtop0 {padding-top: 0 !important; /*ELZA - CLASS REPETIDA*/}
.paddingtop5 {padding-top: 5px !important;}
.paddingtop10 {padding-top: 10px !important;}
.paddingtop15 {padding-top: 15px !important;}
.paddingtop20 {padding-top: 20px !important;}
.paddingtop50 {padding-top: 50px !important;}
.paddingtop100 {padding-top: 100px !important;}
.paddingtop120 {padding-top: 120px !important;}
.paddingtop160 {padding-top: 160px !important;}

/*** [PADDINGBOTTOM] ***/
.paddingBottomZero {padding-bottom: 0 !important;}
.paddingbottom5 {padding-bottom: 5px !important;}
.paddingbottom10 {padding-bottom: 10px !important;}
.paddingbottom20 {padding-bottom: 20px !important;}
.paddingbottom30 {padding-bottom: 30px !important;}
.paddingbottom50 {padding-bottom: 50px !important;}

.x-panel-body.paddingBottomZero .content {padding-bottom: 0 !important;}

/*** [PADDINGLEFT] ***/
.paddingleft112 {padding-left: 112px !important;}
.leftPad0 {padding-left: 0 !important;}
.leftPad5 {padding-left: 5px !important;}
.leftPad10 {padding-left: 10px !important;}
.leftPad15 {padding-left: 15px !important;}
.leftPad25 {padding-left: 20px; /*ELZA - REVER ESTA CLASS*/}
.leftPad20 {padding-left: 20px !important;}
.leftPad30 {padding-left: 30px !important;}
.leftPad35 {padding-left: 35px !important;}
.leftPad40 {padding-left: 40px !important;}
.leftPad50 {padding-left: 50px !important;}
.leftPad60 {padding-left: 60px !important;}
.leftPad80 {padding-left: 80px !important;}
.leftPad100 {padding-left: 100px !important;}
.leftPad120 {padding-left: 120px !important;}
.leftPad150 {padding-left: 150px !important;}
.leftPad220 {padding-left: 220px !important; /*css MAILnet*/}

/*** [PADDINGRIGHT] ***/
.paddingright30 {padding-right: 30px !important;}
.paddingright112 {padding-right: 112px !important;}
.paddingright300 {padding-right: 300px !important;}
.rightPad5 {padding-right: 5px !important;}
.rightPad10 {padding-right: 10px !important;}
.rightPad20 {padding-right: 20px !important;}
.rightPad30 {padding-right: 30px !important;}
.rightPad40 {padding-right: 40px !important;}
.rightPad50 {padding-right: 50px !important;}

.formFreeContent {
    height: inherit;
    padding: 10px;}

/*** [TEXTINDENT] ***/
.textIndent30 {text-indent: 30px !important;}

/**** [DISPLAY] ****/
.displayinline {display: inline !important;}
.displayblock {display: block !important;}
.displayflex {display: flex !important;}
.displayinlineblock {display: inline-block !important;}
.displayinlinetable {display: inline-table !important;}
.displaytablecell {display: table-cell !important;}
.displaytable {display: table !important; /*css MOBILIDADEnet*/}
/**[hide any element]**/
.hide {display: none !important;}

/*** [BORDER'S] ***/
.borderNone {border: none !important;}
.borderTopWhite {border-top: 2px solid #fff !important;}
.bordertopwhite5 {border-top: 5px solid #fff !important;}
.borderdark {border: 1px solid #1b1b1b !important;}
.borderdarkLeft {border-left: 1px solid #1b1b1b !important;}
.borderdarkRight {border-right: 1px solid #1b1b1b !important;}
.borderdarkTop {border-top: 1px solid #1b1b1b !important;}
.borderdarkBottom {border-bottom: 1px solid #1b1b1b !important;}
.borderlight {border: 1px solid #ddd !important;}
.borderlightLeft {border-left: 1px dotted #ddd !important;}
.borderlightRight {border-right: 1px dotted #ddd !important;}
.borderlightTop {border-top: 1px dotted #ddd !important;}
.borderlightBottom {border-bottom: 1px dotted #ddd !important;}
.border {border: 1px solid #ccc !important;}
.borderBottom {border-bottom: 1px solid #ccc !important;}

.bordertop { /*css MOBILIDADEnet*/
    border-top: 1px dotted #ccc !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    background: none !important;}

.bordernoleft {
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-left: none !important;}

.borderrightred {
    border-top: none !important;
    border-right: 2px solid #ccc !important;
    border-bottom: none !important;
    border-left: none !important;}

.borderLeftDotted {
    border-top: none;
    border-right: none;
    border-left: 1px dotted #ccc;
    border-bottom: none;}

.borderTopDotted { /*css MOBILIDADEnet*/
    border-top: 2px dotted #000;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin-top: 40px;}

.borderTopDotted2 {border-top: 2px dotted #ccc !important;}

/**** [WIDTHPX] ****/
.width15px {width: 15px;}
.width20px {width: 20px;}
.width50px {width: 50px;}
.width100px {width: 100px !important;}
.width190 {width: 190px !important;}

.minWidth {
    width: 50px;
    *width: auto;}

/**** [WIDTH%] ****/
.width5 {width: 5% !important;}
.width10 {width: 10% !important;}
.width15 {width: 15% !important; /*css MOBILIDADEnet*/}
.width20 {width: 20% !important;}
.width33 {width: 33% !important;}
.width40 {width: 40% !important;}
.width44 {width: 44% !important; /*css MOBILIDADEnet*/}
.width45 {width: 45% !important;}
.width50 {width: 50% !important;}
.width65 {width: 65% !important;}
.width75 {width: 75% !important;}
.width80 {width: 80% !important;}
.width90 {width: 90% !important;}
.width100 {width: 100% !important;}

/**** [HEIGHT] ****/
.height10 {height: 10px !important; /*css MOBILIDADEnet*/}
.height20 {height: 20px !important; /*css MOBILIDADEnet*/}
.height50 {height: 50px !important; /*css MOBILIDADEnet*/}
.height22 {line-height: 22px; /*css DDM*/}

/**** [lINEHEIGHT] ****/
.lineheight {line-height: 50px; /*css MOBILIDADEnet*/}
.lineheightGridCell {line-height: 21px;}
.lineheight43 {line-height: 43px;}
.lineheight30 {line-height: 30px !important; /*css MOBILIDADEnet*/}

/**** [LISTSTYLE] ****/
.liststylenone {list-style: hidden !important;}
.orderlistdecimal {list-style: decimal inside !important;}
.orderlistsquare {list-style: square inside !important;}

/**** [CLEAR] ****/
.clearboth {clear: both;}
.clearnone {clear: none !important;}

/**** [OVERFLOW] ****/
.overflowauto {overflow: auto !important;}
.nooverflow {overflow: hidden !important;}

/**** [WHITESPACE] ****/
.nowrap {white-space: nowrap !important;}
.wrap {white-space: normal !important;}
.codeWrap {white-space: pre-wrap !important;}

/*** [ independentElements ] ***/ /** [ contentpage ] **/
div.x-panel-body .content {padding: 10px;}
.content {margin-bottom: 10px;}

.content h2 {
    margin-top: 10px;
    margin-bottom: 10px;}

.content ul.list {
    list-style: square !important;
    margin: 10px !important;
    padding-left: 20px !important;}

.alert { /*ELZA - CLASS REPETIDA NA CSS netP@*/
    font-weight: bold;
    padding: 0 0 0 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_alert.png); /*ELZA - VALIDAR IMAGEM*/}

.alert {color: #900 !important;}
.alert a {color: #900 !important;}

/**[links externos_popups]**/
.externalink {
    width: 13px;
    height: 13px;
    padding-left: 0 !important;
    padding-right: 20px !important;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 13px;
    background-image: url(../img/icon_link.png);}

.externalinkWhite {
    padding-left: 0 !important;
    padding-right: 20px !important;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 13px;
    background-image: url(../img/icon_link_w.png);}

/**[layout textpath]**/
.path {
    /*width: 18px;
    height: 18px;
    background: url(../img/path.png) repeat-x left bottom !important;*/
    border-bottom: 2px dotted #ccc;}

/**[Image loading]**/
.loading {background: url(../img/imageLoading2.gif) no-repeat center center;}
.loaded {background: none;}

/*** DIF:linkToTop Component
     ----------------------- ***/ /*[mode02 / FIXED]*/
div.linktotopfixed img {
    right: 0;
    bottom: 35px;
    position: fixed;}

/*** DIF:breadcrumbs Component
     ----------------------- ***/
.breadcrumbs { /* REVER:ELZA:29/10/2021*/
    color: #1b1b1b;
    /*font-size: 90%;*/
    display: table;
    clear: both;
    padding: 0;
    margin: 0;
    height: 26px !important;
    line-height: 26px !important;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 67px solid #fff !important;
    background-color: transparent !important;}

.breadcrumbsnav {
    /*REVER:ELZA:29/10/2021*/
    display: table-cell;
    /*float: left;*/}

.breadcrumbsnav ul li {
    font-weight: bold;
    padding: 0 5px;
    display: inline;}

.breadcrumbsnav ul li::before {
    content: ">";
    color: #000;}

.breadcrumbsnav a {
    color: #888;
    font-weight: normal !important;}
.breadcrumbsnav a:hover {
    color: #000;}

.menubreadcrumbs { /* REVER:ELZA:29/10/2021*/
    width: 80px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    display: table-cell;
    /*float: right;*/
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;}

.listbreadcrumbs {
    color: #1b1b1b;
    position: absolute;
    right: 20px;
    clear: both;
    max-width: 800px;
    overflow: auto;
    white-space: nowrap;
    background-color: #000 !important;}

.menubreadcrumbs ul li {
    padding-right: 18px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url(../img/icon_arrowdown.png);}

.menubreadcrumbs ul li a {color: #888;}
.menubreadcrumbs ul li a:hover {color: #000;}

/*** DIF:listlinks Component
     ----------------------- ***/
.listlinks ul {
    /*font-size: 90% !important;*/
    margin: 5px 0 0 0;
    padding: 0;}

.listlinks ul li {
    list-style: none !important;
    display: block;
    line-height: 20px;}

.listlinks a {color: #888 !important;}

/** [FILE] **/
.listlinks .file {
    padding: 0 0 0 20px !important;
    background: url(../img/leaf.gif) left no-repeat !important; /*ELZA - VALIDAR ONDE ESTÁ A SER USADO+IMG AINDA PEQUENA*/}

.listlinks .checked {
    padding: 0 0 0 20px !important;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);
    /*background: url(../img/icon_arrow.png) left no-repeat !important;*/}

/*** DIF:menuactions Component
     ----------------------- ***/
.menuactions {
    border: 1px solid #ddd;
    position: fixed;
    padding: 10px;
    background-color: #fff;
    z-index: 1000 !important;}

.menuactions li {
    line-height: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
    margin-bottom: 2px;
    white-space: normal;}

.menuactions li:hover {background-color: #f7f7f3;}
/*ELZA - revisão 25/10/2021 - rever com viegas - v.viegas - retirar cor do link daqui*/
.menuactions li a {display: block;}
/*ELZA - revisão 25/10/2021 - rever com viegas - v.viegas*/

a.boxclose {
    float: right;
    color: #fff;
    margin-top: -10px;
    margin-right: -10px;
    display: inline-block;
    font-size: 18px;
    padding: 1px 1px;}

/*.boxclose:before {content: "\D7";}*/

/*** DIF:centerbuttons Component
     ----------------------- ***/

div.actionsbuttons.centerbuttons ul li {padding: 0 !important; /*css SiGESbo*/ }

/** CENTERSINGLEBUTTON **//*css DeGree e netP@*/
.centerbuttons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;}

.centerbuttons ul li {
    color: #fff;
    display: list-item;
    width: auto;
    /*height: 40px !important;*/
    line-height: 40px;
    text-transform: uppercase;
    padding: 0;
    border: none;
    background-image: none;
    /*background-color: #1b1b1b;*/}

.centerbuttons li a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: list-item;
    line-height: 40px;
    width: auto !important;
    height: auto !important;
    border: none;
    background-color: #1b1b1b;}

.centerbuttons li a:hover {
    color: #fff;
    background-color: #888;}

.centerbuttons li input {
    color: #fff !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    width: -moz-available !important;
    height: auto !important;
    border: none !important;
    background-color: #1b1b1b;}

.centerbuttons li input:hover {
    color: #fff !important;
    border: none !important;
    background-color: #888;}

.centerbuttons li.disabled {background-color: #bbb !important;}

.centerbuttons .externalink {
    padding-right: 30px !important;
    background-position: 70% 50%;
    background-repeat: no-repeat;
    background-size: 13px;
    background-image: url(../img/icon_link_w.png);}

/*ELZA - revisão 27/10/2021*//*css netP@+SiGESbo*/
.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 .back {background: none !important;}
.centerbuttons .preview {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;}

/** CENTERTWOBUTTONS **/
.centertwobuttons {
    font-size: 14px;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 30px !important;}

.centertwobuttons ul li {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    /*display: inline;*/
    display: block;
    padding: 10px 20px;
    margin-bottom: 5px;}

.centertwobuttons li input {
    /*font-size: 16px !important;*/
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding: 0;}

.centertwobuttons ul li:hover {
    color: #fff !important;
    background-color: #888;}

.centertwobuttons a {
    color: #fff;
    font-weight: bold;
    /*padding: 10px 20px;
    background-color: #1b1b1b;*/}

.centertwobuttons a:hover {
    color: #fff;
    /*padding: 10px 20px;
    background-color: #888;*/}

.centertwobuttons ul li.menuBOXbutton {background-color: #1b1b1b;}
.centertwobuttons ul li.menuBOXbutton1 {background-color: #1b1b1b;}
.centertwobuttons ul li.menuBOXbutton2 {background-color: #1b1b1b;}
.centertwobuttons ul li.menuBOXbutton:hover {background-color: #888;}
.centertwobuttons ul li.menuBOXbutton1:hover {background-color: #888;}
.centertwobuttons ul li.menuBOXbutton2:hover {background-color: #888;}
.centertwobuttons ul li.menuBOXbutton.disabled {background-color: #bbb;}

.submenu p {
    font-size: 12px;
    color: #636363 !important;
    margin: 3px 5px 10px 15px;
    padding: 5px 0 5px 10px !important;
    border-left: 1px solid #ccc;
    text-align: left;
}

/*** DIF:actions Component
     ----------------------- ***/
.actions {
    text-align: right;
    clear: none !important;
    margin-bottom: 10px;}

.actions ul {margin: 0;}

/* REVER:ELZA:27/01/2021*/
.actions ul li {
    list-style: none;
    display: inline;
    margin-left: 5px;
    padding: 0 0 0 15px;
    text-indent: -15px;}

/* REVER:ELZA:27/01/2021*/
.actions.verticalActions ul li { display: block;margin-bottom: 5px; border-bottom: 1px dotted #ccc}

.actions ul li span {
    *line-height: 15px; /* just for IE7 */
    padding: 3px 0 3px 25px;
    *padding-top: 3px; /* just for IE7 */
    *padding-bottom: 3px; /* just for IE7 */
}

.actions ul li span {padding: 0 0 0 25px;}
.actions ul li input {padding: 0 0 0 20px;}

.actions ul li a {
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0 5px 20px;}

/** [TOP] **/
.actions .top {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_arrowup.png);}

.actions a.top {color: transparent !important;}
.actions a.top:hover {color: transparent !important;}

/** [SEARCH] **/
.actions .search {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_search.png);}

/** [EMAIL] **/
.actions .email {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_send.png);}

/** [SAVE] **/
.actions .save {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_save.png);}

/** [PRINT] **/
.actions .print {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_print.png);}

/** [HELP] **/
.actions .help {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_help.png);}

/** [PREVIOUS] **/
.actions .previous {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft.png);}

/** [NEXT] **/
.actions .next {
    padding-right: 23px !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);}

/** [CANCEL] **/
.actions .cancel {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_x.png);
    /*background: url(../img/icon_cancel.png) 0% 50% no-repeat;*/}

/** [SUBMIT] **/
.actions .submit {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_submit.png);}

/** [DELETE] **/
.actions .delete {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_x.png);
    /*background: url(../img/icon_delete.png) 0% 50% no-repeat;*/}

/** [EDIT] **/
.actions .edit {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_edit.png);}

/** [EDITDATA] **/
.actions .editdata {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_editdata.png);}

/** [ADD] **/
.actions .add {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_add.png);}

/** [INFO] **/
.actions .info {
    padding-left: 10px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_info.png);}

/** [CLEAR] **/
.actions .clear {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_x.png);
    /*background: url(../img/icon_clear.png) 0% 50% no-repeat;*/}

/** [YES] **/
.actions .yes {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_yes.png);}

/** [NO] **/
.actions .no {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_x.png);
    /*background: url(../img/icon_no.png) 0% 50% no-repeat;*/}

/** [BACK] **/
.actions .back {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft.png);}

/** [START] **/
.actions .start {
    padding-right: 23px !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);
    /*background: url(../img/icon_start.png) 0% 50% no-repeat;*/}

/** [EXIT] **/
.actions .exit {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft.png);
    /*background: url(../img/icon_exit.png) 0% 50% no-repeat;*/}

/** [EXPAND] **/
.actions .expand {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_expand.png);}

/** [CUSTOMIZE] **/
.actions .customize {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_customize.png);}

/** [ADMINISTRATION] **/
.actions .admin {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_admin.png);
    /*background: url(../img/icon_admin_s.png) 0% 50% no-repeat;*/}

/** [STATS] **/
.actions .stats {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_stats.png);
    /*background: url(../img/icon_stats_s.gif) 0% 50% no-repeat;*/}

/** [CLOSE] **/
.actions .close {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_x.png);
    /*background: url(../img/icon_close.png) 0% 50% no-repeat;*/}

/** [LOADITEM] **/
.actions .loaditem {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_loaditem.png);}

/** [UPLOADITEM] **/
.actions .uploaditem {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_upload.png);
    /*background: url(../img/icon_upload_s.png) 0% 50% no-repeat;*/}

/** [ADDITEM] **/
.actions .additem {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_additem.png);}

/** [COPY] **/
.actions .copy {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_copy.png);}

/** [PUBLISH] **/
.actions .publish {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_publish.png);}

/** [PREVIEW] **/
.actions .preview {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_preview.png);}

/** [OTHERS] **/
.actions .normallink {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);}

/*** [LAYOUT/actions_actionsbuttons] ***/
.backgext {background: #d0d0d0;}
.disablelink {color: #ccc;}

/*** DIF:actionsbuttons Component
     ----------------------- ***/
.alignfloatleftaction {
    width: auto;
    display: inline-block;
    margin-top: 0 !important;}

.alignfloatleftaction ul {margin: 0 !important;}

.alignfloatrightaction {
    width: auto;
    display: inline-block;
    margin-top: 0 !important;
    float: right;}

.alignfloatrightaction ul {margin: 0 !important;}

.actionsbuttons {
    /*text-align: left;*/
    text-align: center;
    height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;}

.actionsbuttons ul {margin: 5px 0 0 0;}

.actionsbuttons ul li {
    color: #fff;
    list-style: none;
    display: inline;
    /*padding: 10px;*/
    /*border: none;
    background-image: none !important;*/
    background-color: #1b1b1b;}

.actionsbuttons li input {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    height: auto !important;
    padding: 10px;
    /*padding-left: 23px;*/
    border-radius: 0 !important;
    border: none !important;
    background-color: #1b1b1b;}

.actionsbuttons input:hover {
    color: #fff;
    padding: 10px;
    background-color: #888;}

.actionsbuttons a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    /*padding: 3px 0 3px 23px !important;*/
    padding: 10px;
    border: none;
    background-color: #1b1b1b;}

.actionsbuttons a:hover {
    color: #fff;
    padding: 10px;
    background-color: #888;}

/** [PREVIOUS] **/
.actionsbuttons a.previous, .actionsbuttons input.previous {
    padding-left: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 50% !important;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft_w.png) !important;}

/** [BACK] **/
.actionsbuttons a.back, .actionsbuttons input.back {
    padding-left: 25px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 50% !important;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft_w.png) !important;}

/** [NEXT] **/
.actionsbuttons a.next, .actionsbuttons input.next {
    padding-right: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 92% 50% !important;
    background-size: 8px;
    background-image: url(../img/icon_arrow_w.png) !important;}

/** [TOP] **/
.actionsbuttons .top {
    background-position: 5px 50% !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-image: url(../img/icon_arrowup.png) !important;}

/** [CALCULATOR] **/
.actionsbuttons .calculator {display: inherit;}

/** [DETAILSDATA] **/
.actionsbuttons .detailsdata {background-image: none !important;}

/** [ADDICON - SINGLE] **/
.actionsbuttons .addIcon {background-image: none !important;}

/** [REFRESHICON - SINGLE] **/
.actionsbuttons .refreshIcon {background-image: none !important;}

/** [CLEARICON - SINGLE] **/
.actionsbuttons .clearIcon {background-image: none !important;}

/** [SAVELINK - SINGLE] **/
.actionsbuttons .savelink {background-image: none !important;}

/** [SEARCH] *
.actionsbuttons .search{background: url(../img/icon_search.png) 3% 50% no-repeat;}*/
/** [EMAIL] *
.actionsbuttons .email{background: url(../img/icon_send.png) 3% 50% no-repeat;}*/
/** [SAVE] *
.actionsbuttons .save{background: url(../img/icon_save.png) 3% 50% no-repeat;}*/
/** [PRINT] *
.actionsbuttons .print{background: url(../img/icon_print.png) 3% 50% no-repeat;}*/
/** [HELP] *
.actionsbuttons .help{background: url(../img/icon_help.png) 3% 50% no-repeat;}*/
/** [CANCEL] *
.actionsbuttons .cancel{background: url(../img/icon_cancel.png) 3% 50% no-repeat;}*/
/** [SUBMIT] *
.actionsbuttons .submit{background: url(../img/icon_submit.png) 3% 50% no-repeat;}*/
/** [DELETE] *
.actionsbuttons .delete{background: url(../img/icon_delete.png) 3% 50% no-repeat;}*/
/** [EDIT] *
.actionsbuttons .edit{background: url(../img/icon_edit.png) 3% 50% no-repeat;}*/
/** [ADD] *
.actionsbuttons .add{background: url(../img/icon_add.png) 3% 50% no-repeat;}*/
/** [INFO] *
.actionsbuttons .info{background: url(../img/icon_info.png) 3% 50% no-repeat;}*/
/** [CLEAR] *
.actionsbuttons .clear{background: url(../img/icon_clear.png) 3% 50% no-repeat;}*/
/** [YES] *
.actionsbuttons .yes{background: url(../img/icon_yes.png) 3% 50% no-repeat;}*/
/** [NO] *
.actionsbuttons .no{background: url(../img/icon_no.png) 3% 50% no-repeat;}*/
/** [KEY] *
.actionsbuttons .key{background: url(../img/icon_key.png) 3% 50% no-repeat;}*/
/** [REGISTRATION] *
.actionsbuttons .registration{background: url(../img/icon_registration.png) 3% 50% no-repeat;}*/
/** [START] *
.actionsbuttons .start{background: url(../img/icon_start.png) 3% 50% no-repeat;}*/
/** [EXIT] *
.actionsbuttons .exit{background: url(../img/icon_exit.png) 3% 50% no-repeat;}*/
/** [EXPAND] *
.actionsbuttons .expand{background: url(../img/icon_expand.png) 3% 50% no-repeat;}*/
/** [CUSTOMIZE] *
.actionsbuttons .customize{background: url(../img/icon_customize.png) 3% 50% no-repeat;}*/
/** [CLOSE] *
.actionsbuttons .close{background: url(../img/icon_close.png) 3% 50% no-repeat;}*/
/** [ADDITEM] *
.actionsbuttons .additem{background: url(../img/icon_additem.png) 3% 50% no-repeat;}*/
/** [LOADITEM] *
.actionsbuttons .loaditem{background: url(../img/icon_loaditem.png) 3% 50% no-repeat;}*/
/** [COPY] *
.actionsbuttons .copy{background: url(../img/icon_copy.png) 3% 50% no-repeat;}*/
/** [PUBLISH] *
.actionsbuttons .publish{background: url(../img/icon_publish.png) 3% 50% no-repeat;}*/
/** [PREVIEW] *
.actionsbuttons .preview{background: url(../img/icon_preview.png) 3% 50% no-repeat;}*/
/** [IMPORT] *
.actionsbuttons .import{background: url(../img/icon_import.png) 3% 50% no-repeat;}*/
/** [EXCEL] *
.actionsbuttons .excel{background: url(../img/icon_xls.png) 3% 50% no-repeat;}*/
/** [CALCULATOR] *
.actionsbuttons .calculator{background: url(../img/icon_calculator.png) 3% 50% no-repeat;}*/
/** [QRCODE] *
.actionsbuttons .qrcode{background: url(../img/icon_qrcode.png) 3% 50% no-repeat;}*/

/*** DIF:actionsTAB Component
     ----------------------- ***/
/*ADMIN DiF - PÁGINA CONFIGURAÇÕES*/
.actionstab {
    text-align: left;
    height: 24px;
    margin-top: 15px;
    margin-bottom: 10px;}

.actionstab ul li {
    font-weight: bold;
    list-style: none;
    display: inline;
    padding: 10px;
    border-top: 4px solid #ccc;
    background-color: #333;}

.actionstab ul li:hover {background-color: #ccc;}

.actionstab li input {
    color: #fff !important;
    font-weight: bold;
    padding-left: 23px;
    border: none !important;}

.actionstab a {
    color: #fff !important;
    font-weight: bold;}

.actionstab a:hover {
    color: #333 !important;
    font-weight: bold;}

div.actionstab li.actionstabselected {
    color: #333 !important;
    background-color: transparent;}

div.actionstab .actionstabselected {background-color: transparent;}

/** [ Floating buttons attribute for Form component ACTIONS ] **/
div.floatingButtons {
    position: fixed;
    right: 10px;
    top: 30px;}

div.sidebarFormButtons {
    float: left;
    width: 50px;}

div.sidebarFormButtons.withIndex {width: max(150px, 20%);}

div.sidebarFormButtons div.actionsbuttons ul {margin: 0 0 0 0;}

div.sidebarFormButtons div.actionsbuttons ul li {
    display: block;
    margin-bottom: 5px;}

div.sidebarForm {margin-left: 60px;}

div.sidebarForm.withIndex {margin-left: max(150px, 20%);}

div.sidebarFormButtons.buttonsOnly .sidebar__inner_body {margin-top: 20px;}

div.sidebarFormButtons .sidebar__inner_body {margin-right: 20px;}

div.sidebarFormButtons.buttonsOnly a.savelink {
    font-size: 20px;
    margin: 10px 0 0 0;
    background-size: 30px;}


/** [ link without div ACTIONS ] **/
.simplelink {
    padding-left: 15px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);}

.opencloseeditlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 25px;
    background: url(../img/icon_openclose_edit.png) left no-repeat;}

.openclosenoeditlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 25px;
    background: url(../img/icon_no_edit.png) left no-repeat;}

.infoBalloonIcon {
    background: url(../img/icon_info_balloon.png) left no-repeat;
    padding: 10px 10px 10px 50px;}

.warnBalloonIcon {
    background: url(../img/icon_warn_balloon.png) left no-repeat;
    padding: 10px 10px 10px 50px;}

/*** DIF:icon buttons
     ----------------------- ***//*botaoEXT*/
.info2Icon {
    /*background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    background-image: url(../img/icon_warn_info.png) !important;*/}
.info2Icon { /*botaoEXT*/
    background: url(../img/icon_error_info_small.png) left no-repeat !important;}
/*ELZA - revisão 25/10/2021 - rever com viegas - v.viegas*/
.iconImage {height: 16px !important;background-size: auto 15px !important;vertical-align: top; display: inline-block;}
.iconImageSmall {height: 12px !important;background-size: auto 12px !important;vertical-align: top;}
.iconImageLinkForm {margin-left: 10px; width: 18px; height: 18px;display: inline-block;cursor: pointer;}
.iconImageInlineText {margin-left: 10px;margin-right: 10px;vertical-align: middle;}
.iconImageInline {vertical-align: middle;}
.iconImageInlineGridLeft {margin-right: 5px;vertical-align: middle;}
.iconImageInlineTitleLeft {height: auto !important; background-size: 26px !important; background-position: 0 5px !important;}
/* REVER:ELZA:14/01/2022*/
.iconImageLeftOfText {padding-left: 20px; vertical-align: middle;}

.helpIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_help.png) !important; }

.sendIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 17px;
    background-image: url(../img/icon_send.png) !important;}

.backIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft.png) !important; }

.normallinkIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow.png) !important; }

.infoIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 5px 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_info.png) !important;}

.warnIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icongeral_warning.png) !important;
    /*background: url(../img/icon_warn_p.png) left no-repeat !important;*/}

.selectAllIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_selectall.png) !important;}

.unselectAllIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_unselectall.png) !important;}

.yesIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-image: url(../img/icon_yes.png) !important;}

.numbersIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_numbers.png) !important;}

.questionIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url(../img/icon_question.png) !important;}

.noIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-image: url(../img/icon_x.png) !important;}

.previousIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    background-image: url(../img/icon_arrowleft.png) !important;}

.nextIcon {
    height: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/icon_arrow.png) !important;}

.chart, .chartIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_pie.png) !important;}

.chartLegendIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_legend.png) !important;}

.chartareaIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_area.png) !important;}

.chartareaActiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_area_active.png) !important;}

.chartbarIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_bar.png) !important;}

.chartbarActiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_bar_active.png) !important;}

.chartcolumnIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_column.png) !important;}

.chartcolumnActiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_column_active.png) !important;}

.chartlineIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_line.png) !important;}

.chartlineActiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_line_active.png) !important;}

.charttableIcon, .tableIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_table.png) !important;}

.charttableActiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_table_active.png) !important;}

.chartpieIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_pie.png) !important;}

.chartpieActiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/chart_pie_active.png) !important;}

/*.table {
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_table.png) !important; /*ELZA - class igual a .tableIcon - ja nao esta a ser chamada em nenhum codigo - rever com viegas}*/

.search {
    /*width: 18px;*/
    /*height: 18px;*/
    background-position: 0 50% !important;
    background-repeat: no-repeat !important;
    background-size: 16px auto !important;
    background-image: url(../img/icon_search.png) !important;}

.emaillink {
    margin-left: 10px;
    padding-left: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-image: url(../img/icon_email.png) !important;}

.savelink {
    /*margin-left: 10px;
    padding-top: 2px;*/
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_save.png);}


.meetingLink {
    margin-left: 10px;
    padding-top: 5px;
    padding-left: 30px;
    background: url(../img/meeting.png) left no-repeat;
    background-size: 25px;
    height: 25px;
    display: block;
}

.saveIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_save.png) !important;}

.groupIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 15px;
    background-image: url(../img/icon_users.png) !important;}


.userIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_user.png) !important;}

.applicationIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_application.png) !important;}

.serviceIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_service.png) !important;}

.stageIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_stage.png) !important;}

.collapseAllIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow_circle_double_top.png) !important;}

.expandAllIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow_circle_double_bottom.png) !important;}

.lockedIcon {
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_locked.png) !important;}

.personIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icon_infodetail.png) !important; /*ELZA - ALTEREI IMG icon_person*/}

.printlink { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_print.png) !important;}

.cancelIcon { /*botaoEXT*/
    width: 18px !important;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_x.png) !important;}

.deletelink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background-size: auto 14px;
    background: url(../img/icon_x.png) left no-repeat;}

.deleteIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_x.png) !important;}

.waitIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px !important;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px !important;
    background-image: url(../img/icon_wait.png) !important;}

.editIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_edit.png) !important;}

.searchIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_search.png) !important;}

.tableIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-image: url(../img/icon_table.png) !important;}

.leftIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 8px;
    background-image: url(../img/icon_arrowleft.png) !important;}

.rightIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 8px;
    background-image: url(../img/icon_arrow.png) !important;}

.leftCircleIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow_circle_left.png) !important;}

.rightCircleIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow_circle_right.png) !important;}

.topCircleIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow_circle_top.png) !important;}

.bottomCircleIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_arrow_circle_bottom.png) !important;}

.checkIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_check.png) !important;}

.shoppingCartIcon {
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_shoppingCart.png) !important;}

.paymentIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_payment.png) !important;}

.execIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_execute.png) !important;}

.calculateIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_calculate.png) !important;}

.editdata {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_editdata.png) !important;}

/* REVER:ELZA:17/11/2021 START */
.invoiceIcon {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon_invoice.png);
    background-position: 50% 50%;
    background-repeat: no-repeat !important;
    background-size: auto 18px;}
/* REVER:ELZA:17/11/2021 END */

.noteIcon { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/
    height: 16px;
    background-size: auto 18px;
    background-image: url(../img/icon_note.png);
    background-repeat: no-repeat;
    background-position: 50%;}

/* REVER:ELZA:12/01/2022*/
.selectedIcon {
    width: 18px;
    height: 18px;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-image: url(../img/checkBoxON.png) !important;
}

/* REVER:ELZA:12/01/2022*/
.unselectedIcon {
    width: 18px;
    height: 18px;
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-image: url(../img/checkBoxOFF.png) !important;
}

.detailsdata {
    /*width: 21px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_details.png) !important;}

.addIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat !important;
    background-position: 0 50% !important;
    background-size: 14px !important;
    background-image: url(../img/icon_add.png) !important;}

.publishIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_publish.png) !important;}

.printIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_print.png) !important; /*ELZA - Class igual a .printlink*/}

.itemIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_item.png) !important;}

.customizeIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_customize.png) !important;}

.devIcon {
    width: 18px !important;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 15px;
    background-image: url(../img/icon_developer02.png) !important;}

.clearIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    /*height: 18px;*/
    background-repeat: no-repeat !important;
    background-position: 0 50% !important;
    background-size: auto 14px !important;
    background-image: url(../img/icon_x.png) !important;}

.submitIcon { /*botaoEXT*/
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_submit.png) !important;}

.closelink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_x.png) !important;}

.closeIcon { /*botaoEXT*/
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_x.png) !important;}

.loaditemlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_loaditem.png) !important;}

.loaditem {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_loaditem.png) !important;}

.loaditemdisabled {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 14px;
    background-image: url(../img/icon_loaditem_disable.png) !important;}

.additem {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_additem.png) !important;}

.finishitemIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_finishitem.png) !important;}

.academicIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_academic.png) !important; /*ELZA - alterei nome imagem icon_academic_s*/}

.contactsIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_editcontacts.png) !important; /*ELZA - alterei nome imagem icon_editcontacts_s*/}

.chooseIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 14px;
    background-image: url(../img/icon_choose.png) !important; /*ELZA - alterei nome imagem icon_choose_s*/}

.logfileIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_logfile.png) !important;}

.messageIcon {
    /*width: 18px !important;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_messages.png) !important;}

.refreshIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 14px;
    background-image: url(../img/icon_refresh.png) !important;}

.replaceIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_substituir.png) !important;}

.fillIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_preenchercom.png) !important; /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.publishlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_publish.png) !important;}

.previewlink {
    margin-left: 10px;
    /*padding-top: 2px;*/
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_preview.png) !important;}

.previewIcon {
    width: 18px !important;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_preview.png) !important;}

.reportIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_report.png) !important; /*ELZA - alterei nome imagem icon_report_s*/}

.copydata {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_copy.png) !important;}

.excelicon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_xls.png) !important; /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.descriptionIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_description.png) !important; /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.confirmationIcon {
    /*width: 19px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_check.png);}

.closeDatalink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_closedata.png); /*ELZA - alterei nome imagem icon_closedata_s*/}

/* REVER:ELZA:12/01/2022*/
.positiveIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 18px;
    background-image: url(../img/icon_warn_ok.png) !important;}
/* REVER:ELZA:12/01/2022*/
.negativeIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 18px;
    background-image: url(../img/icon_warn_error.png) !important;}

.stageGreenIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_colorgreen.png) !important;}

.stageRedIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_colored.png) !important;}

.stageOrangeIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_colororange.png) !important;}

.stageYellowIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_coloryellow.png) !important;}

.stageBlueIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_colorblue.png) !important;}

.stageGrayIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_colorgray.png) !important;}

.excelIcon {
    /*width: 20px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_tablexcel.png); /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.calculatorblueIcon {
    /*width: 20px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_calculatorblue.png); /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.calculatoredIcon {
    /*width: 20px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_calculatored.png); /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.calculatorgreenIcon {
    /*width: 20px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_calculatorgreen.png); /*ELZA - FALTA ICON COM RESOLUÇÃO*/}

.showArrowIcon {
    /*width: 18px;
    height: 18px;*/
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 8px !important;
    background-image: url(../img/icon_arrow.png) !important;
    /*background: url(../img/icon_show_arrow.png) 98% 50% no-repeat !important;*/}

.hideArrowIcon {
    /*width: 18px;
    height: 18px;*/
    /*padding-right: 15px;*/
    background-repeat: no-repeat !important;
    background-position: 0 50% !important;
    background-size: 8px !important;
    background-image: url(../img/icon_arrowleft.png) !important;
    /*background: url(../img/icon_hide_arrow.png) 0% 50% no-repeat !important;*/}

.qrCodeIcon {
    /*width: 18px;*/
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_qrcode.png) !important;}

.anexos { /*CSS MOBILIDADEnet*/
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px;
    background-image: url(../img/icon_anexos.png) !important;}

.anexosIcon {
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 14px;
    background-image: url(../img/icon_anexos.png) !important;}

.undoIcon {
    /*width: auto !important;*/
    height: 18px !important;
    /*padding-left: 18px;*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 12px;
    background-image: url(../img/icon_undo.png) !important;}

.worldIcon {
    /*width: auto !important;*/
    height: 18px !important;
    /*padding-left: 18px;*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 16px;
    background-image: url(../img/icon_world.png) !important;}


/*** DIF:box Component
     ----------------------- ***/
.box {
    height: auto;
    margin: 0 0 2px 0;
    padding-bottom: 5px;
    background-color: #fff;}

.box h2 {
    color: #000;
    font-size: 140%;
    text-transform: uppercase;
    margin: 0;
    padding: 4px 0 0 10px;
    font-weight: bold !important;
    line-height: 35px;
    background: #fff;}

.box p {margin: 0;}

.box a {
    color: #888;
    padding: 0 0 0 10px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../img/icon_arrow.png) !important;}

.box a:hover {color: #000;}

.box ul {
    list-style: none;
    margin: 0 5px 5px 5px;}

.box ul li { /*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/
    text-transform: uppercase;
    overflow: auto;
    display: block;
    padding: 4px 5px 4px 10px;
    text-indent: -10px;
    border-bottom: 1px dotted #ccc;
    /*background: url(../img/arrow.png) 0% 50% no-repeat;*/
    background: none;}

.box input {
    margin: 1px 0 3px 0 !important;
    padding: 2px !important;
    height: 14px !important;
    vertical-align: bottom !important;}

.box input[type="checkbox"] {margin-right: 5px !important;}

.box label {
    padding: 0;
    vertical-align: bottom;}

.box li.linkHighlight a {
    font-weight: bold;
    padding-left: 0;
    background: none;}


/** [ ACTIONSBUTTONS/BOXLINKAREA ] **//*ELZA - Validar onde está a ser aplicado*/
.boxactionsbuttons {
    color: #fff !important;
    height: 28px !important;
    line-height: 28px !important;
    border-top: 4px solid #999 !important;
    margin-top: 0 !important;
    background-color: #1b1b1b !important;}

.boxactionsbuttons ul {margin: 0 0 0 8px !important;}

.boxactionsbuttons ul li {
    list-style: none;
    display: inline;
    padding: 0 5px !important;
    border: none !important;
    height: 0 !important;
    background-color: #1b1b1b !important;}

.boxactionsbuttons a {
    color: #fff !important;
    text-decoration: none;
    border: none;}

.boxactionsbuttons a:hover {color: #ccc !important;}

/** [ MENU/contentAttached ] **//*ELZA - Validar onde está a ser aplicado*/
.menuattached {
    margin-right: 5px;
    background-color: #ddd !important;}

.menuattached h2 {
    color: #000 !important;
    line-height: 35px !important;
    font-size: 130% !important;
    background-color: #ddd !important;}

/*** DIF:mainMenu Component
     ----------------------- ***//*ELZA - Validar onde está a ser aplicado*/
/*ADMIN DiF - MENU PÁGINA*/
div#adminMenuMenuContainer.menu li {
    text-transform: uppercase;
    padding: 0 !important;
    line-height: 25px !important;
    background-image: none !important;}

div#adminMenuMenuContainer ul.submenu {margin-bottom: 10px;}

div#adminMenuMenuContainer ul.submenu li {
    text-transform: none !important;
    padding: 0 10px 0 15px !important;
    background-repeat: no-repeat;
    background-size: 6px;
    background-image: url(../img/icon_arrow.png) !important;
    background-position: 2% 50% !important;}

div#adminMenuMenuContainer .menuareadivision {padding-left: 15px !important;}

.mainmenu {
    color: #1b1b1b;
    /*padding: 30px 30px 30px 30px;*/
    overflow: auto;
    background-color: transparent;}

.mainmenu h3, .mainmenu h4, .mainmenu h5 {
    color: #000 !important;
    /*font-size: 180% !important;*/
    padding-bottom: 10px;
    padding-left: 0 !important;}

.mainmenu ul {
    display: inline-block;
    text-align: left;
    overflow: auto;
    margin-top: 15px;
    /*margin-left: 15px;*/
    padding-left: 10px;
    border-left: 1px dotted #ccc;}

.mainmenu ul li {
    text-transform: uppercase;
    line-height: 25px;
    padding-left: 15px;}

.mainmenu p {
    color: #1b1b1b;
    padding-left: 12px;
    padding-bottom: 10px;}

.mainmenu ul .submenu {
    margin-top: 0;
    background: none !important;}

.mainmenu ul ul.submenu {border-left: none;}

.mainmenu .submenutitle {padding: 20px 0 0 0 !important;}

.introservicesbox {
    width: 60%;
    display: inline;
    float: left;
    margin: 20px;
    padding: 10px;}

/* [ MENU/SUBLEVEL ] */
.submenu {vertical-align: top;}

.submenu li {
    display: block !important;
    padding: 0 15px 0 15px;
    border: none !important;
    background: none;}

.submenutitle {
    color: #999 !important;
    /*font-size: 100% !important;*/
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;}

.menuareadivision {
    border-left: 1px dotted #ccc;
    padding-left: 10px !important;
    vertical-align: top;}

/* [ MENUNAVBAR/SUBLEVEL ] */
.submenunavbar { /*margin: 3px !important;*/}

ul.submenunavbar li {
    display: block !important;
    margin-left: 5px;
    border: none !important;}

ul.submenunavbar.withParentLink li a {background-image: none !important;}

.subsubmenunavbar {
    margin-left: 20px;
    margin-bottom: 10px;}

/** [ SUBMENU/dropdownbox ] **/
.dropdownbox {
    min-width: 200px;
    padding: 10px 10px 10px 15px !important;
    display: inline-block;
    position: absolute;
    text-align: left;
    z-index: 1000000;
    background-color: #1b1b1b;}

.dropdownbox ul {display: inline-block !important;}

.dropdownbox li {
    color: #ccc;
    height: 30px;
    line-height: 30px;
    background-image: none !important;}

.dropdownbox li a {
    color: #fff !important;
    font-weight: normal !important;
    padding: 0 !important;
    background-color: transparent !important;}

.dropdownbox li a:hover {
    color: #999 !important;
    background-color: transparent;}

.dropdownbox span {
    float: left;
    vertical-align: top;
    /*margin-right: 10px;*/}

.dropdownbox p {
    color: #ccc;
    padding-left: 10px;
    line-height: 15px;}

.linkservicesbox {
    width: 95%;
    display: inline;
    clear: right;
    float: left;
    margin: 20px;
    padding: 10px;
    background-color: #fff;}

.linkservicesboxleft {
    width: 25%;
    display: inline;
    clear: right;
    float: left;
    margin: 20px;
    padding: 10px;
    background-color: #fff;}

.linkservicesboxright {
    width: 25%;
    display: inline;
    clear: left;
    float: right;
    margin: 20px;
    padding: 10px;
    background-color: #fff;}

.menu {
    /*font-size: 85%;*/
    color: #1b1b1b;
    font-weight: bold;}

.menu a { /*font-size: 100%;*/}

.menu p {
    font-weight: normal;
    padding-bottom: 10px;}

.menu ul {overflow: visible;}

.menu li {
    /*font-size: 120% !important;*/
    display: block;
    padding: 0 15px;
    line-height: 18px;
    border: none;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 8px;
    background-image: url(../img/icon_arrow.png);}

.iconmenu {
    margin-top: 15px;
    *margin-top: 0;
    *margin-right: 15px;
    display: inline;
    float: left;}

/*Menu LARGE Boxes*/
#menuBOX {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    padding: 20px 20px 1px 20px !important;
    background-color: #ebebeb;}

#menuBOX .fontfirstlevel {
    color: #999;
    font-size: 350%;
    display: block;
    padding-top: 25px;
    padding-left: 10px;
    line-height: 23px !important;}

#menuBOX .fontsecondlevel {
    color: #1b1b1b;
    font-size: 150%;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;}

#menuBOX .description {
    padding-left: 10px;
    padding-right: 10px;
    height: 75px;
    overflow: hidden;}

/*.centerbuttons {
    font-family: "montserratregular", "proxima_nova_rgregular";
    font-size: 16px;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    background-color: #121212 !important;}*/ /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - class repetida - validar qual a aplicar*/

#menuBOX div.centerbuttons.inactive ul li {
    color: #bbb !important;
    background-color: #ccc !important;}

#menuBOX.logo {
    padding-left: 150px !important;
    background-repeat: no-repeat !important;
    background-size: 150px;
    width: 300px;
    background-position-y: 40px;}

#menuBOX.customImage {
    width: 450px;
    padding-left: 0;}

#menuBOX.customImage img {
    width: 120px;
    display: block;
    float: left;}

#menuBOX.customImage .fontfirstlevel {
    margin-left: 150px !important;
    display: block;}

#menuBOX.customImage .fontsecondlevel {
    margin-left: 150px !important;
    display: block;}

#menuBOX.customImage .description {
    margin-left: 150px !important;
    display: block;}

#menuBOX.customImage div.centerbuttons {
    margin-left: 150px !important;
    display: block;}

/*** [MENUSMALLBoxes] ****//*SiGESbo*/
#menuBOXSmall ul li {
    width: 130px;
    height: 130px;
    margin: 1px;
    vertical-align: middle;
    display: inline-block;}

#menuBOXSmall li.title {border: 10px solid transparent;}

#menuBOXSmall .fontfirstlevel {
    color: #999;
    font-size: 400%;
    display: block;
    line-height: 20px;
    padding-top: 40px;}

#menuBOXSmall .fontsecondlevel {
    color: #1b1b1b;
    font-size: 250%;
    font-weight: bold;}

#menuBOXSmall ul li.active {
    border: 10px solid #ebebeb;
    background-color: #cecece;}

#menuBOXSmall ul li.inactive {
    border: 10px solid #ebebeb;
    background-color: #ebebeb;}

#menuBOXSmall ul li.boxmodactive:hover {
    border: 10px solid #ebebeb;
    background-color: #fff;}

#menuBOXSmall ul li:not(.title) {
    font-size: 110%;
    font-weight: bold !important;
    text-align: center;
    line-height: 130px;}

/* [ authentication/Box ] *//*ELZA - VALIDAR ONDE ESTÁ A SER USADO*/
/*div#login {background-color: #f2f2f2;}*//*ELZA - ESTAVA ASSIM*/
div#login {
    width: 500px;
    height: 100%;
    display: block;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px 0 50px 0;
    background-color: transparent !important; /*SiGESbo+DeGree*/}

/*div#login a {color: #888;}*//*ELZA - ESTAVA ASSIM*/
div#login a {color: #fff; /*SiGESbo+DeGree*/}

/*div#login h2 {
    color: #000;
    padding-top: 14px !important;
    padding-bottom: 0px !important;
    background: none !important;
    border-bottom: none !important;
    font-size: 120%;}*//*ELZA - ESTAVA ASSIM*/
div#login h2 {
    color: #666 !important;
    font-size: 200%;
    text-transform: uppercase;
    text-align: center;
    vertical-align: text-bottom !important;
    /*border-bottom: none !important;*/
    height: 250px;
    line-height: 450px;
    margin: 0 !important;
    padding: 0 0 30px 0 !important;
    background-image: url(../img/icon_login.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% 0 !important;
    background-color: transparent !important; /*SiGESbo+DeGree*/}

/*div#login input {
    width: 150px;
    height: 20px !important;
    font-size: 12px !important;}*//*ELZA - ESTAVA ASSIM*/
div#login input {
    color: #1b1b1b;
    font-weight: bold;
    font-size: 16px;
    width: 410px;
    height: 50px !important;
    border-radius: 0 !important;
    border-color: #ddd; /*SiGESbo+DeGree*/}

div#login input[type="text"] {
    padding-left: 40px !important;
    /*background-image: url(../img/user_input.png);*/
    background-position: 2% 50%;
    background-repeat: no-repeat; /*SiGESbo+DeGree*/
    background-size: 22px;
    background-image: url(../img/icon_user.png);}

div#login input[type="password"] {
    padding-left: 40px !important;
    /*background-image: url(../img/password_input.png);*/
    background-position: 2% 50%;
    background-repeat: no-repeat; /*SiGESbo+DeGree*/
    background-size: 22px;
    background-image: url(../img/icon_locked.png);}

/*div#login input.loginbutton {
    color: #fff;
    border: none;
    width: 150px !important;
    height: 25px !important;
    text-decoration: none !important;
    background-color: #1b1b1b;}*//*ELZA - ESTAVA ASSIM*/
div#login input.loginbutton {
    color: #fff !important;
    text-transform: uppercase;
    margin-top: 20px !important;
    width: 450px !important;
    height: 40px !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    background-color: #1b1b1b !important; /*SiGESbo+DeGree*/}

div#login input.loginbutton:hover {background-color: #888 !important; /*SiGESbo+DeGree*/}

.logoutbutton, .loginlink {
    color: #fff;
    height: 18px !important;
    border: none;
    padding: 2px 5px !important;
    background-color: #1b1b1b; /*ELZA - ESTAVA ASSIM*/}

/* [ homepageLINK/Box ] *//*ELZA - VALIDAR ONDE ESTÀ A SER USADO*/
.box .homepagelink {
    color: #fff;
    /*font-size: 100% !important;*/
    padding: 0 0 0 25px !important;
    margin: 0 !important;
    line-height: 17px !important;
    border: 0;
    background: url(../img/backg_homepagelink.jpg) top left no-repeat !important;}

.box .homepagelink a {color: #fff;}

.box input[type="submit"] {
    color: #fff !important;
    display: inline !important;
    border: none !important;
    padding: 0 5px !important;
    margin: 0 0 3px 0 !important;
    width: auto !important;
    height: 20px !important;
    text-decoration: underline !important;
    cursor: pointer;
    background-image: none !important;
    background-color: #1b1b1b !important;}

.headersublink {border-bottom: 2px solid #ccc; /*ELZA - Validar onde está a ser aplicado*/}

.linkservicesbox .sublink li { /*ELZA - Validar onde está a ser aplicado*/
    border: none;
    padding-left: 10px;
    line-height: 20px !important;}

/*** DIF:boxArea Component
     ----------------------- ***//*ELZA - Validar onde está a ser aplicado*/
/*.boxarea {
    color: #1b1b1b;
    font-size: 90%;
    min-height: 20px;
    margin-top: 10px;
    padding: 5px;
    border-top: 4px solid #1b1b1b;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    background-color: #ddd;}*//*ELZA - ESTAVA ASSIM*/
.boxarea {
    border: none;
    width: auto;
    height: 30px !important;
    margin-top: 5px !important;
    margin-right: 20px;
    margin-left: 20px;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent !important; /*SiGESbo+DeGree*/}

.boxarea ul {
    list-style: none;
    margin: 0; /*ELZA - ESTAVA ASSIM*/}

/*.boxarea ul li {
    display: inline;
    padding: 0 2px !important;
    overflow: auto;
    background: none !important;}*//*ELZA - ESTAVA ASSIM*/
.boxarea ul li {
    display: inline;
    border-bottom: none;
    padding: 0 0 0 10px !important;
    background-color: #fff; /*SiGESbo+DeGree*/}

.boxarea ul li:nth-child(1) {float: left; /*SiGESbo+DeGree*/}
.boxarea ul li:nth-child(2) {float: right; /*SiGESbo+DeGree*/}

.boxarea a {
    color: #000 !important;
    font-size: 14px !important;
    /*font-weight: bold;*/
    padding: 0;
    background: none !important;}

.boxarea a:hover {color: #888 !important;}

/*** DIF:boxArea Component
     ----------------------- ***//*ELZA - Validar onde está a ser aplicado*/
.multiselect {
    width: 100%;
    padding: 0 !important;
    overflow: auto;
    border: 1px solid #ccc;}

.multiselectheader {
    color: #000 !important;
    /*font-size: 85% !important;*/
    height: 19px;
    padding: 5px 0 0 10px;
    margin-bottom: 5px !important;
    background: url(../img/backg_acordeao.jpg) repeat !important;}

.multiselect textarea {
    width: auto;
    height: 150px;
    padding: 5px !important;
    margin: 10px !important;}

/**** [homepageLOGINERRO] ****//*css SiGESbo*/
form#login table.tablelayoutform {margin: auto !important;}

div#loginMainContainer {
    width: 500px;
    height: 100%;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 0 50px 0;
    background-color: transparent !important;}

form#login table.tablelayoutform input {
    color: #1b1b1b;
    font-weight: bold;
    width: 400px !important;
    height: 50px !important;
    /*padding-left: 10px;*/
    font-size: 16px !important;
    border-radius: 0 !important;
    border-color: #ddd;}

/*** DIF:download Component
     ----------------------- ***/
.downloadfile {
    padding-top: 10px;
    padding-bottom: 10px;}

.downloadInline {
    padding-top: 0;
    padding-bottom: 0;
    /*padding-left: 10px;*/
    display: inline-block;}

.downloadfile p {
    display: inline !important;
    margin-right: 10px;}

/* TODO: Elza: See why this is rendered diferently when inside a dif:containerBox */
.downloadfile ul {
    display: inline;
    margin-top: 5px;}

.downloadfile ul li {
    list-style: none;
    display: inline;}

/*.mimedefault, .mimepdf, .mimedoc, .mimexls, .mimeppt, .mimecsv, .mimehtml, .mimeexe, .mimeimage, .mimepng, .mimegif, .mimejpg, .mimejpeg, .mimesvg, .mimebmp, .mimeavi, .mimewav, .mimezip, .mimexml {
    padding: 0;background-size: auto 15px !important;}*/

.x-btn.mimeButton {padding: 0;}
.mimeButton button { height: 30px;}

.x-btn.mimeButton button .x-btn-icon {
    display: block;
    float: left;
    position: initial;
    width: auto;
    background-color: #000;
}

.x-btn.mimeButton button .x-btn-icon::before {
    background-color: #000;
    color: #fff;
    line-height: 32px;
    padding-left: 5px;
    padding-right: 5px;
}

.x-btn.mimeButton button .x-btn-inner {
    float: right;
    line-height: 30px;
    height: auto;
    padding-left: 5px;
    padding-right: 10px;}

.mimegridcell {
    padding: 0 0 0 20px;
    line-height: 15px;}

/*.mimedefault, .mimejrxml {/*ELZA - FALAR COM VIEGAS*/
/*background-position: 0 50%;
background-repeat: no-repeat;
background-size: 14px;
background-image: url(../img/icon_default.png);}*/
.mimedefault::before, .mimejrxml::before {
    content: ".FILE | ";
    font-weight: bold;
    padding: 0 15px 0 0;
    color: #00a0ba;}

/** [ DOWNLOAD PDF ] **/
/*.mimepdf {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_pdf.png);}*/
.mimepdf::before {
    content: ".PDF | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD DOC/TXT/WORD ] **/
/*.mimedoc, .mimedocx {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../img/icon_doc.png);}*/
.mimedoc::before, .mimedocx::before {
    content: ".DOC | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD XLS ] **/
/*.mimexls, .mimexlsx {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url(../img/icon_xls.png);}*/
.mimexls::before, .mimexlsx::before {
    content: ".XLS | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD PPT ] **/
/*.mimeppt, .mimepptx {background: url(../img/icon_ppt.png) 0 50% no-repeat;}*/
.mimeppt::before, .mimepptx::before {
    content: ".PPT | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD CSV ] **/
/*.mimecsv {background: url(../img/icon_csv.gif) 0 50% no-repeat;}*/
.mimecsv::before {
    content: ".CVS | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD HTML ] **/
/*.mimehtml {background: url(../img/icon_www.png) 0 50% no-repeat;}*/
.mimehtml::before {
    content: ".HTML | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD EXE ] **/
/*.mimeexe {background: url(../img/icon_exe.png) 0 50% no-repeat;}*/
.mimeexe::before {
    content: ".EXE | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD JPG/PNG/GIF/BMP/TIFF/PSD ] **//*ELZA - FALAR COM VIEGAS*/
/*.mimeimage, .mimepng, .mimegif, .mimejpg, .mimejpeg, .mimesvg, .mimebmp {background: url(../img/icon_image.png) 0 50% no-repeat;}*/
.mimeimage::before, .mimepng::before, .mimegif::before, .mimejpg::before, .mimejpeg::before, .mimesvg::before, .mimebmp::before {
    content: ".IMG | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD AVI ] **/
/*.mimeavi {background: url(../img/icon_avi.png) 0 50% no-repeat;}*/
.mimeavi::before {
    content: ".AVI | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD WAV ] **/
/*.mimewav {background: url(../img/icon_wav.png) 0 50% no-repeat;}*/
.mimewav::before {
    content: ".WAV | ";
    font-weight: bold;
    color: #00a0ba;}

/** [ DOWNLOAD ZIP/RAR ] **/
.mimezip::before {
    content: ".ZIP | ";
    font-weight: bold;
    color: #00a0ba;
    /*background: url(../img/icon_zip.png) 0 50% no-repeat;*/}

/** [ DOWNLOAD XML] **/
.mimexml::before {
    content: ".XML | ";
    font-weight: bold;
    color: #00a0ba;
    /*background: url(../img/icon_xml.png) 0 50% no-repeat;*/}

/** [ DOWNLOAD CSS ] **/
.mimecss::before {
    content: ".CSS | ";
    font-weight: bold;
    color: #00a0ba;}

.x-btn-icon.mimedefault::before, .mimejrxml::before { content: ".FILE";}
.x-btn-icon.mimepdf::before { content: ".PDF";}
.x-btn-icon.mimedoc::before, .mimedocx::before { content: ".DOC";}
.x-btn-icon.mimexls::before, .x-btn-icon.mimexlsx::before { content: ".XLS";}
.x-btn-icon.mimeppt::before, .mimepptx::before { content: ".PPT";}
.x-btn-icon.mimecsv::before { content: ".CVS";}
.x-btn-icon.mimehtml::before { content: ".HTML";}
.x-btn-icon.mimeexe::before { content: ".EXE";}
.x-btn-icon.mimeimage::before, .x-btn-icon.mimepng::before, .x-btn-icon.mimegif::before, .x-btn-icon.mimejpg::before, .x-btn-icon.mimejpeg::before, .x-btn-icon.mimesvg::before, .x-btn-icon.mimebmp::before { content: ".IMG";}
.x-btn-icon.mimeavi::before { content: ".AVI";}
.x-btn-icon.mimewav::before { content: ".WAV";}
.x-btn-icon.mimezip::before { content: ".ZIP";}
.x-btn-icon.mimexml::before { content: ".XML";}
.x-btn-icon.mimecss::before { content: ".CSS";}


/*** DIF:summary Component
     ----------------------- ***/
#infodetails {
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    overflow: auto;
    /*font-size: 90%;*/
    border: 1px dotted #ddd;
    background-color: #f2f2f2;}

#infodetails p {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;}

#infodetails ul li {
    list-style: none;
    /*display: inline;*/
    display: table-cell; /* REVER:ELZA:2/11/2021*/}

#infodetailsinfo ul li a {
    font-size: 90%; /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    padding-left: 12px; /*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/
    /*padding-left: 10px;*//*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    font-weight: bold;
    margin-left: 10px; /*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/
    /*margin-left: 5px;*//*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 5px;
    background-image: url(../img/icon_arrow.png);
    /*background: url(../img/arrow.png) left no-repeat;*/}

#infodetails .downloadfile ul { /* REVER:ELZA:2/11/2021*/
    display: block;
    margin-top: 0px !important;}

#infodetailsicon, #infodetailsinfo {
    display: inline-table;
    /*line-height: 21px;
    vertical-align: top;*/}

/*#infodetails .infodetailsSideContentArea {float: right;}*//*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/

#infodetails .infodetailsSideContentArea { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    float: right;
    padding: 2px;
    background-color: #f7f7f7;}

#infodetails .infodetailsSideContentArea .rightAlignBoxContainer .rightAlignBox {background-color: initial;}
/*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/

/** [ SERVICE/DIFDEFAULT ] **/
#infodetails .difservicedefault {
    padding-left: 28px;
    background: url(../img/icon_difservicedefault.png) 0 50% no-repeat;}

/** [ SERVICE/TASK ] **/
#infodetails .task {
    padding: 0 0 0 25px;
    background: url(../img/icon_task.png) 0 50% no-repeat; }

/** [ SERVICE/CANDIDATURA ] **/
#infodetails .candidatura {
    padding: 0 0 0 30px;
    background: url(../img/icon_candidatura.png) 0 50% no-repeat;}

/** [ SERVICE/INQUERITOS ] **/
#infodetails .inqueritos {
    padding: 0 0 0 33px;
    background: url(../img/icon_inqueritos.png) 0 50% no-repeat;}

/** [ SERVICE/SAS ] **/
#infodetails .sas {
    padding: 0 0 0 33px;
    background: url(../img/icon_sas.png) 0 50% no-repeat;}

/** [ SERVICE/FUC ] **/
#infodetails .fuc {
    padding: 0 0 0 33px;
    background: url(../img/icon_fucdetail.png) 0 50% no-repeat;}

/** [ SERVICE/RUC ] **/
#infodetails .ruc {
    padding: 0 0 0 33px;
    background: url(../img/icon_rucdetail.png) 0 50% no-repeat;}

/** [ SERVICE/RAC ] **/
#infodetails .rac {
    padding: 0 0 0 33px;
    background: url(../img/icon_racdetail.png) 0 50% no-repeat;}

/** [ SERVICE/RTC ] **/
#infodetails .rtc {
    padding: 0 0 0 33px;
    background: url(../img/icon_rtcdetail.png) 0 50% no-repeat;}

/** [ SERVICE/DOCUMENTOS ] **/
#infodetails .documentos {
    padding: 0 0 0 33px;
    background: url(../img/icon_documentos.png) 0 50% no-repeat;}

/** [ SERVICE/SMDNET ] **/
#infodetails .smdnet {
    padding: 0 0 0 20px;
    background: url(../img/icon_smdnet.png) 0 50% no-repeat;}

/** [ SERVICE/LNDNET ] **/
#infodetails .lndnet {
    padding: 0 0 0 25px;
    background: url(../img/icon_lndnet.png) 0 50% no-repeat;}

/** [ SERVICE/UC ] **/
#infodetails .unidadecurricular {
    padding: 0 0 0 33px;
    background: url(../img/icon_ucdetail.png) 0 50% no-repeat;}

/** [ SERVICE/DOCENTE ] **/
#infodetails .regentedocente {
    padding: 0 0 0 33px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_docentedetail.png);
    /*background: url(../img/icon_docentedetail.png) 0 50% no-repeat;*/}

/** [ SERVICE/@DOC ] **/
#infodetails .avaliacao {
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px;
    background-image: url(../img/icon_avaliacaodetail.png);
    /*background: url("../img/icon_avaliacaodetail.png") 0 50% no-repeat;*/}

/** [ SERVICE/netQ@ ] **/
#infodetails .netqainfo {
    padding-left: 28px;
    background: url("../img/icon_netqainfo.png") 0 50% no-repeat;}

/** [ SERVICE/DeeGree ] **/
#infodetails .degree {
    padding: 2px 0 0 33px;
    background: url(../img/icon_degree.png) 15% 2px no-repeat;}

/** [ SERVICE/SiGESbo ] **/
#infodetails .siges {
    padding: 2px 0 0 33px;
    background: url(../img/icon_siges.png) 15% 2px no-repeat;}

/** [ SERVICE/GerEventos ] **/
#infodetails .gereventos {
    padding: 0 0 0 33px;
    background: url(../img/icon_gereventos.png) 0 50% no-repeat;}

/** [ DOWNLOADFILE_ACTIONS_ACTIONSBUTTONS_INFODETAILS/SEPARATIONBAR ] **/
.separation {
    padding-left: 10px;
    background: url(../img/icon_buttonseparation.png) left no-repeat;}

/** Force style for abbreviation to solve ie problem **/
abbr {border-bottom: 1px dotted;}

/*** [ ERROR/WARNING/INFO/OK/TIP - PAGES ]  ***/
/*.warningpages {margin: 20px;}

.warningpages h4 {
    color: #900;
    font-size: 150% !important;
    border: none;
    padding: 12px 0 0 80px !important;
    background-image: none;
    background-color: transparent;}

.warningpages p {margin: 20px 0 0 80px !important;}

.warningpages img {width: 70px;}*/

/*** [ ERROR/WARNING/INFO/OK/TIP - PAGES ]  ***/
/* NOVA VERSÃO*/
.warningpages {
    margin: auto;
    width: 50%;
    display: grid;}

.warningpages h4 {
    color: #900;
    text-align: center;
    padding: 10px 0 0 0 !important;}

.warningpages p {
    text-align: center;
    margin: 20px 0 0 0 !important;}

.warningpages img {
    width: 90px;
    margin: auto;}

.warningpages .actions {margin: auto;}
.warningpages .actions ul li {margin-left: 0;}

/*.warningpages .error {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 25px;
    background-image: url(../img/icon_warn_error.png);}*/

/** [ Collapsible Areas/openclose ] **/
.openleftarea {
    /*padding: 25px 3px 10px 3px;
    background-position: top;
    background-repeat: no-repeat;*/
    /* TODO: RETIRAR ISTO! */
    text-transform: uppercase;
    float: left;
    height: 100px;
    width: 22px;
    padding-top: 25px;
    background-position: 50% 5%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_menu.png);
    background-color: #f2f2f2;}

.openrightarea {
    text-transform: uppercase;
    float: right;
    height: 100px;
    width: 22px;
    padding-top: 25px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_menu.png);
    background-color: #f2f2f2;}

.openrightarea a, .closerightarea a, .openleftarea a, .closeleftarea a {color: #000;}
.openrightarea a:hover, .closerightarea a:hover, .openleftarea a:hover, .closeleftarea a:hover {color: #888;}
.openleftarea div {writing-mode: tb-rl;}
.openrightarea div {writing-mode: tb-rl;}

.closeleftarea {
    text-transform: uppercase;
    text-align: left;
    padding-left: 25px;
    background-position: 2% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_menu.png);
    background-color: #f2f2f2;}

.closerightarea {
    text-transform: uppercase;
    text-align: right;
    padding-right: 25px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/icon_menu.png);
    background-color: #f2f2f2;}

/*** DIF:infoAlunoPopup Component
     ----------------------- ***//*ELZA - Validar onde está a ser aplicado*/
.infoaluno {
    color: #1b1b1b;
    font-size: 110%;}

.infoaluno p {padding-bottom: 5px;}

.transparent90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.9;
    opacity: 0.9;}

.transparent50 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;}

.transparent0, notransparency {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}

/*** Ext:windowIcon Component
     ----------------------- ***/
.ext-mb-icon {
    float: left;
    width: 50px;
    height: 35px;}

/*** DIF:steps Component [SIAnet]
     ----------------------- ***/
.steps {
    margin-left: 5px;
    height: 80px;}

.steps li {
    height: 70px;
    float: left;
    padding-top: 20px;
    text-indent: 10px;
    border-right: 3px solid #fff;}

.steps ul li.on {
    color: #fff;
    background-image: url(../img/step_on.png);
    background-position: center;
    background-repeat: no-repeat;}

.steps ul li.off {
    color: #fff;
    background-image: url(../img/step_off.png);
    background-position: center;
    background-repeat: no-repeat;}

.steps .periodo {font-size: 140%;}

.steps .epoca {
    font-size: 110%;
    text-align: left;
    display: block;
    line-height: 5px;}

.steps p {line-height: 45px;}

.backgnotes {clear: both;}

.imagePreview {
    padding-right: 10px;
    padding-bottom: 10px;
    max-height: 150px;
    width: auto;
    float: left;}

.deleteUploadFile {
    position: absolute; /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    text-transform: uppercase;
    font-weight: bold;
    /*height: 20px;
    width: 20px;*/
    padding: 0 0 0 15px; /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    /*background-size: 14px;*//*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/
    background-size: 12px; /*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/
    background-image: url("../img/icon_x.png"); /*ELZA - revisão 26/10/2021 - rever com viegas - v.elza*/
    /*background: url("../img/eraseIcon.png") no-repeat scroll left center transparent;*//*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/}

div.fileUploadInfo { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/
    display: inline-block;
    padding-left: 5px;}
div.fileUploadInfo .downloadInline { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/
    display: inline;
    padding: 0px;}
div.fileUploadInfo .downloadfile ul {margin: 0px;}
/*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/

input[type="file"] { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/
    border: 1px solid #ccc !important;
    height: 30px !important;
    margin-bottom: 0 !important;}

input[type="file"]::file-selector-button, input[type="file"]::-webkit-file-upload-button { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/
    height: 30px;
    border-left: none !important;
    border-top: none !important;
    border-right: 1px solid #ccc;
    border-bottom: none !important;
    background-color: #e6edf4;}

input.gridButton[type="submit"] {
    font-family: inherit !important;
    font-size: inherit !important;
    height: 15px !important;
    line-height: 10px;
    padding: 1px 4px;
    background-color: #1b1b1b;
    /*font-size: 11px;
    height: 15px !important;
    line-height: 10px;*/}

input.gridButton[type="file"] {
    font-size: 10px !important;
    font-family: inherit !important;
    /*font-size: inherit !important;*/
    height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;}
input.gridButton[type="file"]::file-selector-button {height: 17px;}

/***** [ style applied to the input radio, for star effect ] *******/
.rating {
    overflow: hidden;
    display: inline-block;}

.rating-input {
    position: absolute;
    left: 0;
    display: none;}

.rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star {background-position: 0 0;}

.rating-star, .rating:hover .rating-star {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/star-enable-disable.png") 0 -16px;}

/*** Login separator ***/
.login-separator {
    text-align: center;
    /*margin-bottom: 25px;*/
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 1.4em 0;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            right bottom,
            color-stop(0, rgb(255, 255, 255)),
            color-stop(0.1, rgb(221, 221, 221)),
            color-stop(0.9, rgb(221, 221, 221)),
            color-stop(1, rgb(255, 255, 255))
    );
    background-image: -moz-linear-gradient(
            left center,
            rgb(255, 255, 255) 0%,
            rgb(221, 221, 221) 10%,
            rgb(221, 221, 221) 90%,
            rgb(255, 255, 255) 100%
    );
}

.login-separator span {
    font-size: 12px;
    position: relative;
    top: -4px;
    background: #fff;
    padding: 0 12px;
    color: #d5d5d5;}

/*** Alertify separator ***/
.ajs-button {
    color: #888 !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    transition: background-color 0.5s ease;
    transition: color 0.5s ease;}

.ajs-button:hover {
    color: #000 !important;
    background-color: #ccc !important;}

.ajs-button:active {border: 1px solid #ccc !important;}

button.ajs-button::-moz-focus-inner {border: 0;}

.alertify button:focus {outline: none;}

.alertify .x-message-box-error, .alertify .x-message-box-warning, .alertify .x-message-box-info, .alertify .x-message-box-question {
    min-height: 40px;
    padding-left: 63px !important;
    padding-top: 8px !important;
    background-repeat: no-repeat;
    background-size: 48px;}

.errorLargeIcon, .warningLargeIcon, .infoLargeIcon, .questionLargeIcon, .positiveLargeIcon {
    height: 48px;
    width: auto;
    background-repeat: no-repeat;
    background-size: 48px;}

.alertify .x-message-box-error, .errorLargeIcon {background-image: url(../img/icon_warn_error.png);}
.alertify .x-message-box-warning, .warningLargeIcon {background-image: url(../img/icon_warn_warning.png);}
.alertify .x-message-box-info, .infoLargeIcon {background-image: url(../img/icon_warn_info.png);}
.alertify .x-message-box-question, .questionLargeIcon {background-image: url(../img/icon_warn_question.png);}
.positiveLargeIcon {background-image: url(../img/icon_warn_ok.png);}

.alertify div.ajs-modal {z-index: 50000;}

.alertify div.ajs-dialog {max-width: 650px;word-break: break-word;}

div.alertify ul {padding-left: 20px;}

div.alertify li {list-style: square;}

.alertify .ajs-header {
    font-size: 146%;
    text-transform: uppercase;}

.alertify .ajs-footer .ajs-buttons.ajs-primary {text-align: center;}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    color: #fff !important;
    background-color: #1b1b1b;}

/*ELZA - Validar onde está a ser aplicado*/
/* REVER:ELZA:14/01/2021*/
.messageSideIconError {
    background-size: 20px auto;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../img/negative.png);
}

.messageSideIconWarning {
    background-size: 20px auto;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../img/popup_warning.png);
}

.messageSideIconInfo {
    background-size: 20px auto;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../img/popup_info.png);
}

.messageSideIconOK {
    background-size: 20px auto;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../img/positive.png);
}

.messageSideIconQuestion {
    background-size: 20px auto;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../img/popup_question.png);
}
/* FIM REVER:ELZA:14/01/2021*/

/*** [ end_structure ] ***/
.divtwocolumn {
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 2;
    column-gap: 50%;}

table.radioGroupTable tr th {
    font-weight: bold;
    /*vertical-align: top;*/
    padding: 0 5px 0 5px !important;}

.disabledText, .disabled li.disabled {color: #ccc;}

img.disabledImage {
    opacity: 0.5;
    filter: grayscale(100%);}

div.inputnormaltextarea.inputreadonly {min-height: 45px;}

/**** [EXT SMALLBUTTONS - FUCnet]****/
.smallbuttons {
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    transition: none !important;
    text-align: center;
    padding: 3px 6px 3px 19px !important;
    /*padding: 5px 10px 5px 25px !important;*/
    margin-right: 5px;
    background-size: 12px;
    background-position: 10% 50%;
    background-color: #ccc !important;}

a.smallbuttons {color: #1b1b1b !important;}

.smallbuttons:hover {
    transition: background-color 0.4s ease-in-out;
    background-color: #f2f2f2 !important;}

.optionsEditorAlwaysVisible {
    border: 1px solid #b5b8c8 !important;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-image: url("../img/trigger1.gif");}

/*
.cm-s-default .cm-keyword {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14;
}
*/

.polaroid600 {
    margin: 15px 10px 15px 10px;
    display: inline-block;
    border: 1px solid #eee;
    width: 600px;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 3px 3px 3px #777;}

.polaroid600 img {
    border: 20px solid #fff;
    width: 600px;
    border-bottom: 35px solid #fff;}

.polaroid600 p {
    color: #1b1b1b;
    font-size: 14px;
    font-family: inherit;
    width: 600px;
    text-align: center;
    padding-bottom: 15px;
    border: 1px solid #fff;}

.x-mask-msg div {font-size: 110%; /*ELZA - Validar tamanho de letra*/}

.freeMarkerArea .CodeMirror-scroll {margin-right: 0 !important;}

.reportAreaType {padding: 0 10px 10px 10px;}

.reportAreaType .x-panel-body, .reportAreaType .x-toolbar {background-color: #fff !important;}

.reportAreaType h4 {font-size: 125%; /*ELZA - Validar tamanho de letra*/}

.reportAreaType img {
    width: 250px;
    padding: 10px 0 10px 0;}

font-weight: normal
;
font-style: normal
;
}

.loadingReport {
    padding: 10px 0;
    position: fixed;
    display: block;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 28px;
    font-weight: bold;
    line-height: 100px;
    z-index: 9999;
}


.tableCell_upArrow .x-grid-cell-inner {
    #padding-right: 10px;
}

.tableCell_upArrow .x-grid-cell-inner::after {
    background-size: auto 16px;
    background-position-y: -1px;
    background-repeat: no-repeat;
    display: block;
    #background-color: #1dc116;
    float: right;
    margin-left: 5px;
    min-width: 15px;
    top: 0px;
    right: 0px;
    heigth: 100%;
    weight: 50px;
    background-image: url("../img/icon_arrow_circle_top.png");
    content: "\00a0";
}

.tableCell_downArrow .x-grid-cell-inner {
    #padding-right: 10px;
}

.tableCell_downArrow .x-grid-cell-inner::after {
    background-size: auto 16px;
    background-position-y: -1px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-left: 5px;
    min-width: 15px;
    top: 0px;
    right: 0px;
    heigth: 100%;
    weight: 50px;
    background-image: url("../img/icon_arrow_circle_bottom.png");
    content: "\00a0";
}

.tableCell_forwardArrow .x-grid-cell-inner {
    #padding-right: 10px;
}

.tableCell_forwardArrow .x-grid-cell-inner::after {
    background-size: auto 16px;
    background-position-y: -1px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-left: 5px;
    min-width: 15px;
    top: 0px;
    right: 0px;
    heigth: 100%;
    weight: 50px;
    background-image: url("../img/icon_arrow_circle_right.png");
    content: "\00a0";
}

.tableCell_noArrow .x-grid-cell-inner {
    #padding-right: 10px;
}

.tableCell_noArrow .x-grid-cell-inner::after {
    background-size: auto 16px;
    background-position-y: -1px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-left: 5px;
    min-width: 15px;
    top: 0px;
    right: 0px;
    heigth: 100%;
    weight: 50px;
    #background-image: url("../img/icon_arrow_circle_top.png");
    content: "\00a0";
}


.inaccessibleLoadingElement::after {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: wait;
    background-color: white;
    opacity: 0.4;
    content: "";
}

div#reportEditorareas h3 {
    color: #666;
    font-size: 170%; /*ELZA - Validar tamanho de letra*/
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    background-color: transparent;}

div#reportEditorareas h4 {
    color: #414141;
    font-size: 180% !important; /*ELZA - Validar tamanho de letra*/
    border-bottom: 2px solid #ddd;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
    margin-bottom: 10px !important;
    background-color: transparent;}

/* REVER:ELZA:14/01/2021*/
div#reportEditorareas h4.surveyPanelBellow { margin-bottom: 2px !important;}

div#reportEditorareas h4 span.areanumber {
    color: #ccc;
    font-size: 150% !important; /*ELZA - Validar tamanho de letra*/
    padding-right: 10px;}

div#reportEditorareas h5 {
    color: #414141;
    font-size: 120% !important; /*ELZA - Validar tamanho de letra*/
    padding-left: 0 !important;
    line-height: 30px;
    background-color: #d1d3d4;}

div#reportEditorareas h5 span.areanumber {
    color: #ccc;
    font-size: 110% !important; /*ELZA - Validar tamanho de letra*/
    padding-right: 10px;
    line-height: 30px;
    background: #d1d3d4;}

div#reportEditorareas h6 {
    color: #999;
    font-size: 100% !important; /*ELZA - Validar tamanho de letra*/
    padding-left: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 10px !important;}

div#reportEditorareas button {border-radius: 0;}

div#reportEditorareas button:hover {
    opacity: 0.8;
    transition: opacity 0.5s ease;}

div#reportEditorareas .linkbutton {padding-top: 5px;}

div#reportEditorareas .linkbutton li:hover {
    opacity: 0.7;
    transition: opacity 0.5s ease;}

div#reportEditorareas .linkbutton ul {float: right;}

div#reportEditorareas .linkbutton ul li {
    display: inline;
    padding: 6px 7px 6px 20px !important;
    margin-left: 10px;
    background-color: #ccc;}

div#reportEditorareas .linkbutton ul li a {
    color: #333;
    font-weight: bold;
    background-position: 50% 10% !important;}

div#reportEditorareas .x-btn button {
    /*height: 24px;*/
    height: auto !important;
    background-color: transparent;}

.reportEditorareasTableBorder {white-space: normal;}

.reportEditorareasTableBorder table {
    width: 100%;
    white-space: normal;}

.reportEditorareasTableBorder table td, .reportEditorareasTableBorder table th {border-bottom: 1px solid #e5e5e5;}

div#reportEditorareas .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div {
    border-color: #fff !important;
    background-color: #fff !important;}

div#reportEditorareas .x-grid-row-over .x-grid-cell, .x-grid-row-over .x-grid-rowwrap-div {
    border-color: #fff;
    background-color: #fff;}

.divContentArea {
    color: #1b1b1b;
    font-size: 140%; /*ELZA - Validar tamanho de letra*/}

.divContentArea td, th {line-height: 30px;}

.divContentArea li {
    list-style-type: square !important;
    margin-left: 40px;
    line-height: 25px;
    display: list-item;}

.divContentArea .reportlabel {
    display: block;
    line-height: 30px;
    background: #d1d3d4;}

.detaillist {margin-top: 10px;margin-bottom: 10px;}
.detaillist td {padding-right: 15px;}
.detaillist dl { margin-top: 10px; margin-bottom: 15px; }

.detaillist dt, .detailslistLabel {
    color: #888 !important;
    font-size: 120% !important; /*ELZA - Validar tamanho de letra*/
    font-weight: normal;}

.detaillist dd {color: #1b1b1b;}

fieldset.advancedFilters {
    border-top: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding: 10px 0 0 0 !important;
    margin-top: 30px !important;}

fieldset.advancedFilters legend {
    font-size: 120% !important; /*ELZA - Validar tamanho de letra*/
    padding: 0 10px 0 0 !important;}

fieldset.advancedFilters legend div.x-tool {padding: 0 20px 0 0 !important;}
.fieldLayoutComponent {margin-top: 20px; margin-bottom: 20px; margin-left: 10px; display: inline-block;}

.userConsentReview {display: grid;}

.userConsentReview h3 {padding-left: 0 !important;}


/*ONLY SO BIG SECTION*/
.only-so-big {
    height: 100%;
    max-height: 100px;
    overflow: hidden;
    -webkit-transition: max-height .75s;
    transition: max-height .75s;
    padding: 10px;
    background: #f2f2f2;}

.read-more { /*ELZA - VALIDAR ONDE É APLICADA*/
    /*color: #1199f9;
    text-align: left;
    padding-left: 0;
    font-size: 1em;
    background: none;*/
    border: none;
    cursor: pointer;
    outline: none;
    font-family: montserratregular, Arial, Helvetica, sans-serif !important;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 86px;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 15px;
    background-image: url("../img/icon_arrowdown.png");}

.read-more:hover {text-decoration: underline;}

.read-more:focus {outline: none;}

.read-more::-moz-focus-inner {border: 0;}

.hid {display: none;}

.animationDuration500ms {
    animation-duration: 0.5s !important;
    -webkit-animation-duration: 0.5s !important;}

.animationDuration200ms {
    animation-duration: 0.2s !important;
    -webkit-animation-duration: 0.2s !important;}

.warnArea {
    display: inline-table;
    padding: 15px;
    background-color: #f2f2f2;}

div.userConsentReview strong {font-weight: bold;}

div#helpDialog .content ul li {
    list-style: square !important;
    margin-left: 20px;}

.h3style {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    padding: 10px !important;}

.qq-uploader {margin-bottom: 10px;}

/**** [SITUACAO CURRICULAR ALUNO] ****/
h3.separators {
    color: #333 !important;
    font-weight: bold !important;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #777 !important;}

h3.separators a {color: #888 !important;}

h3.separators a:hover {color: #000 !important;}

.topmenuNav {
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* positioning context for advancers */
    /*position: relative;*/
    /*Crush the whitespace here font-size: 0;*/
}

.topmenuNav::-webkit-scrollbar {display: none;}

@-moz-document url-prefix() {
    .topmenuNav {
        overflow: hidden !important;
    }
}

.topmenuWrapper {
    position: relative;
    padding: 0 11px;
    box-sizing: border-box;}

.topmenuContainer {
    float: left;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;}

/* Remove the default scrollbar for WebKit implementations */
.topMenuNav::-webkit-scrollbar {display: none;}

.pn-ProductNav_Contents-no-transition {transition: none;}

.pn-Advancer {
    /* Reset the button */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    /* Now style it as needed */
    position: absolute;
    top: 0;
    bottom: 0;
    /* Set the buttons invisible by default */
    opacity: 0;
    transition: opacity .3s;}

.pn-Advancer:focus {outline: 0;}

.pn-Advancer:hover {cursor: pointer;}

.pn-Advancer_Left {left: 0;}

[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {opacity: 1;}

.pn-Advancer_Right {right: 0;}

[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {opacity: 1;}

.pn-Advancer_Icon {
    width: 20px;
    height: 44px;
    fill: #bbb;}

/*ELZA - VALIDAR ONDE È APLICADA*/
.backgroundPosition100_90 {background-position: 100% 90% !important;}

.linkHighlight a {}

div.comboWithEdit table.withEdit {display: inline-block;}

div.comboWithEdit a {
    width: 60px;
    margin-left: 5px;
    margin-right: 0;
    padding-top: 0 !important;
    height: 22px;
    display: inline-block;}

input.liveFilter {
    font-size: 16px; /*ELZA - Validar tamanho de letra*/
    color: #000;
    width: 97%;
    outline: none;
    border: 1px solid #ddd;
    cursor: pointer;
    -webkit-transition: .2s all ease-in;
    -moz-transition: .2s all ease-in;
    transition: .2s all ease-in;
    height: 15px;
    /*line-height: 2em;*/
    font-weight: 100;
    padding: 6px !important;
    background-color: #f2f2f2;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22icons%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2218px%22%20height%3D%2217.8px%22%20viewBox%3D%220%200%2018%2017.8%22%20style%3D%22enable-background%3Anew%200%200%2018%2017.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text/css%22%3E%0D%0A%09.st0%7Bfill%3A%239F9E9F%3B%7D%0D%0A%3C/style%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17.4%2C15.1l-3.8-3.8c0.7-1.1%2C1.2-2.5%2C1.2-3.9c0-4-3.3-7.3-7.3-7.3c-4%2C0-7.3%2C3.3-7.3%2C7.3c0%2C4%2C3.3%2C7.3%2C7.3%2C7.3%0D%0A%09c1.4%2C0%2C2.8-0.4%2C3.9-1.2l3.8%2C3.8c0.3%2C0.3%2C0.7%2C0.5%2C1.1%2C0.5c0.4%2C0%2C0.8-0.2%2C1.1-0.5C18%2C16.7%2C18%2C15.7%2C17.4%2C15.1z%20M2.2%2C7.4%0D%0A%09c0-2.9%2C2.3-5.2%2C5.2-5.2c2.9%2C0%2C5.2%2C2.3%2C5.2%2C5.2c0%2C2.9-2.3%2C5.2-5.2%2C5.2C4.6%2C12.6%2C2.2%2C10.2%2C2.2%2C7.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding-left: 35px !important;}

.cursorPointer {cursor: pointer;}

div.noGridData {
    background-image: url("../img/icon_empty_box.png");
    background-repeat: no-repeat;
    background-size: 40px;
    background-position-x: center;
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 50px;
    font-size: 14px;
    padding: 40px 0 0 0px;
}

input.liveFilter:focus {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #000;
    background-color: #fff;}

.liveFilter-disabled {
    color: #ccc !important;
    background-image: none !important;}

.liveFilter-hidden {display: none;}

.sidebar {will-change: min-height;}

.sidebar__inner {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;}

.sidebar__inner ul.formSideIndex li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 2px;}

h4.formSideIndex {
    margin: 20px 0 5px 0 !important;
    padding: 0 !important;
    border-bottom: 1px dotted #ccc !important;}

.sidebarFormButtons.withIndex .actions {margin-top: 10px;}

.sidebarFormButtons.withIndex .actions ul {margin: 0;}

.sidebarFormButtons.withIndex .actions ul li {
    display: block;
    padding-bottom: 3px;}

.sidebarFormButtons.withIndex .actions a {
    font-size: 12px; /*ELZA - Validar tamanho de letra*/
    padding: 3px 20px 3px 0;
    white-space: nowrap;
    background-position: right;
    background-size: 20px;}

/**** [ATUALIZAÇÃO FOTO] ****/
#atualizarFoto {
    height: 100%;
    vertical-align: middle;
    margin: 100px 0 100px 50px;
    background-color: transparent;}

#atualizarFoto .atualFoto, #atualizarFoto .novaFoto {
    width: 103px;
    text-align: center;
    float: left;
    margin-right: 150px;}

#atualizarFoto .labelFoto {
    width: 103px;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 10px 0;
    background-color: #f2f2f2;}

#atualizarFoto .carregarFoto {
    display: inline;
    line-height: 20px;}

#atualizarFoto .estadoFoto {
    font-size: 120%;
    font-weight: bold;
    display: flex;
    margin-top: 20px;}

#atualizarFotografia input {border: none}

.imageGrid {
    margin: 0 auto; /*center aligned*/
    padding: 10px;
    font-size: 0; /* Remember to change it back to normal font size if have captions *//*ELZA - Validar tamanho de letra*/
    list-style: none;
    background-color: #f2f2f2;}

.imageGrid li {
    display: inline-block;
    *display: inline; /*for IE6 - IE7*/
    width: 12%;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 0;
    padding: 0;}

/* The wrapper for each item */
.imageGridCell-cell {
    margin: 12px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
}

/* If have the image layer */
.imageGridCell-cell img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    transform: scale(1);
    transition: all 1s;}

/* If have captions */
.imageGridCell-cell span {
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 15px 10px 5px 10px;}

.autogov_button {background-image: url("../img/autogov_bot_autenticacao_azul.png");}

div#issues .x-grid-cell-inner {
    white-space: normal;
    /*padding-left: 65px;/*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas*/
    /*text-indent: -65px;*/}

.checkListComponent td.descriptionColumn {
    padding-left: 4em;
    text-indent: -4em;
    line-height: 25px;
    vertical-align: middle !important;}

/*pageLINKS*/
.PageLinks li.linktext {
    color: #1b1b1b;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    padding: 10px 20px 10px 20px;
    /*background-image: url(../img/arrow.png);*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    background-image: url(../img/icon_arrow.png); /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    background-repeat: no-repeat;
    background-position: 5px 15px;
    background-size: 8px; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/}

/**** [SWITCH] ****/
.switch {
    width: 100%;
    margin: 10px 0 20px 0;
    display: inline-block;}

.switch-label {
    text-transform: uppercase;
    font-size: 140%; /*ELZA - Validar tamanho de letra*/
    /*font-weight: normal;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    font-weight: bold; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    position: relative;
    z-index: 2;
    float: left;
    width: 49%; /*dinamico*/
    line-height: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    margin-left: 5px; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    /*margin-left: 10px;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    margin-right: 5px; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    /*margin-right: 10px;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    background-color: #f2f2f2;}

.switch-label:active {
    font-weight: bold; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    /*font-weight: normal;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/}

.switch-label-off:hover {
    color: #c0c0c0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.switch-label-on {padding-right: 2px;}

.switch-label-on:hover {
    color: #c0c0c0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;}
/*
  Note: using adjacent or general sibling selectors
  combined with pseudo classes doesn't work in Safari
  5.0 and Chrome 12.
  See this article for more info and a potential fix:
  http://css-tricks.com/webkit-sibling-bug/
*/
.switch-input {display: none;}

.switch-input:checked + .switch-label {
    color: #fff;
    font-weight: bold; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    /*font-weight: normal;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    border-radius: 5px;
    background-color: #1b1b1b;}

/*** [SWITCH - SIGNATURE] ***/
.signatureSwitch .switch-input:checked + .switch-label {background-color: #4e8bbf !important;}

.signatureSwitch .switch-labelexternalSignature {
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    background-image: url(../img/icon_signcard.png) !important;}

.signatureSwitch .switch-labelcmdSignature {
    /*margin-left: 20px;*/
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    background-image: url(../img/icon_signkey.png) !important;}

.signatureSwitch .wizardSignCard p {margin-bottom: 10px;}

.signatureSwitch .switch-labelscapSignature { /*ELZA - revisão 26/10/2021 - rever com viegas - v.viegas - novo*/
    /*margin-left: 20px;*/
    width: 31.8% !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    background-image: url(../img/icon_signkey.png) !important;}

/*positionVERTICAL component*/
.positionStyleVertical {
    grid-template-columns: 40px 40px 40px;
    grid-auto-rows: 40px;
    display: grid;}

.positionStyleVertical .label-radio {
    color: #000;
    font-size: 150%;
    width: 29px !important;
    height: 29px !important;
    text-align: center !important;
    border: solid 1px #1b1b1b;
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;}

.x-window .positionStyleVertical .label-radio {
    width: 40px !important;
    height: 40px !important;
    padding-left: 0px;}

input.positionStyleVertical:checked + .positionStyleVerticalLabel {
    color: #fff;
    background-color: #1b1b1b !important;}

.positionStyleVertical input[type="radio"]:checked + .label-radio {
    color: #fff;
    background-color: #1b1b1b !important;}

.positionStyleVertical input[type="radio"] {display: none !important;}

/*positionHORIZONTAL component*/
.positionStyleHorizontal {
    grid-template-columns: 40px 40px 40px 40px 40px;
    grid-auto-rows: 40px;
    display: grid;}

.positionStyleHorizontal .label-radio {
    color: #000;
    font-size: 150%;
    width: 29px !important;
    height: 29px !important;
    text-align: center !important;
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
    border: solid 1px #1b1b1b;}

.x-window .positionStyleHorizontal .label-radio {
    width: 40px !important;
    height: 40px !important;
    padding-left: 0;}

input.positionStyleHorizontal:checked + .positionStyleHorizontalLabel {
    color: #fff;
    background-color: #1b1b1b !important;}

.positionStyleHorizontal input[type="radio"]:checked + .label-radio {
    color: #fff;
    background-color: #1b1b1b !important;}

.positionStyleHorizontal input[type="radio"] {display: none !important;}

.signaturesDescription {
    clear: both;
    padding-top: 20px;}

/*.positionStyle input[type="radio"] {display: none !important;}*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas - foi retirado??*/

.isDisabled {
    cursor: not-allowed !important;
    opacity: 0.5;}

.isDisabled > a, .isDisabled > input, .isDisabled > label {
    color: currentColor;
    display: inline-block; /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;}

/* pulse icon*//*ELZA - VALIDAR ONDE É APLICADA*/
.pulse-icon {
    position: relative;
    width: 0;}

.pulse-badge {
    position: absolute;
    top: -6px;
    right: -6px;}

.pulse-orbit {
    position: absolute;
    top: -11px;
    right: -10px;
    height: 32px;
    width: 32px;
    z-index: 10;
    animation: pulse-icon 1s ease-out infinite;
    border-radius: 70px;
    border: 4px solid #ffa520;}

.pulse-nucleus {
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: -0px;
    right: 1px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #ffa520;}

img.inlineImage {
    padding-right: 10px;
    vertical-align: middle;}

/*ELZA - REVER COM VIEGAS - CLASSES EM CONFLITO*/
/* calculator */
.calculatorContainer {
    text-align: center;
    padding-left: 60px;
    background-size: 45px;
    background-position: 0 5px; /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    /*background-position-y: 5px;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    background-repeat: no-repeat;
    background-image: url(../img/icon_calculator02.png); /*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    /*background: url(../img/calculator.png) left top no-repeat;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/}

/*REVER-em conflito com actionbuttom .calculator em lançamento de notas*/
.calculator {
    display: inline-block; /*em conflito*/
    text-align: left;}

.calculatorLine {
    display: table;
    padding-top: 5px}

.calculatorItemDesc {
    display: table-cell;
    width: 100%;
    border-bottom: 1px dotted #ccc;}

.calculatorItemValue {
    display: table-cell;
    white-space: nowrap;
    width: 120px;
    border-bottom: 1px dotted #ccc;}

.calculatorLineDetail {
    display: block;
    padding-left: 30px;}

.calculatorTotal {
    display: block;
    margin-top: 20px !important;
    padding-top: 10px;
    text-align: right;
    border-top: 1px solid #333;}

.calculatorTotalNumber {
    font-size: 120%;
    font-weight: bold;
    padding-left: 10px;}

.calculatorSubTotal {
    color: #777;
    display: block;
    margin-top: 10px !important;
    padding-top: 10px;
    text-align: right;
    border-top: 1px solid #777;}

.calculatorSubTotalNumber {
    font-size: 110%;
    font-weight: bold;
    padding-left: 10px;}

/* pulse icon*/
@keyframes pulse-icon {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

/*sup {
    vertical-align: super;
    font-size: 70%;}*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas - class repetida*/

.textHighlightNoUpper {
    font-weight: bold;
    font-size: 120%;}

.textHighlight {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;}

.textHighlightFirstLetter {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 170%;}

div.rightAlignBoxContainer {text-align: right;}

div.rightAlignBox {
    display: inline-block;
    padding: 5px 20px 0 20px;
    background-color: #ccc;
    border-radius: 5px;}

.inlineError {
    color: #b94a48;
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_cancel.png);}

.inlineWarn {
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_warning.png);}

.inlineAlert {
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_alert.png);}

.inlineFlag {
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_flag.png);}

.inlineExpired {
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_expired.png);}

.inlineSearchAll {
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_searchall.png);}

.inlineInfo {
    min-height: 17px;
    /*vertical-align: middle;*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px !important;
    background-image: url(../img/icongeral_info.png);}

.inlineInfoNotOK {
    min-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px;
    background-image: url(../img/icongeral_notokinfo.png);}

.inlineOK {
    min-height: 17px;
    /*vertical-align: middle;*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px !important;
    background-image: url(../img/icongeral_ok.png);}

.inlineInfoOK {
    min-height: 17px;
    /*vertical-align: middle;*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px !important;
    background-image: url(../img/icongeral_okinfo.png);}

.validatingIcon {
    min-height: 17px;
    /*vertical-align: middle;*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px !important;
    background-image: url(../img/icongeral_validating.png);}

div.inlineError, div.inlineWarn, div.inlineFlag, div.validatingIcon, div.inlineOK, div.inlineInfoOK, div.inlineInfoNotOK {padding-left: 25px;}
a.inlineError, a.inlineWarn, a.inlineFlag, a.validatingIcon, a.inlineOK, a.inlineInfoOK, a.inlineInfoNotOK {padding-left: 25px;}

.menuIcon {
    min-height: 20px;
    vertical-align: middle; /*ELZA:Voltar aqui com Viegas - Não pode ser middle mas tem que ser!*/
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px !important;
    background-image: url(../img/icon_menu.png);}

.dividedArea {
    padding-left: 5px;
    padding-right: 10px;
    border-top: none !important;
    border-left: 1px dotted #ccc !important;
    border-bottom: none !important;
    border-left: none !important;}

.dividedArea p {padding-left: 25px;}

.chosemode a.ideLink {
    color: #000 !important;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #ccc !important;
    border-bottom: 1px solid #999 !important;
    margin: 0 5px 0 5px;
    padding: 3px 10px 3px 27px !important;
    /*background: url(../img/developerIcon2.png) no-repeat left top;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    background-image: url(../img/icon_developer.png);
    background-position-x: 4px;
    background-position-y: 1px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: #fff;}

.devButton {
    color: #000;
    background: #fff;}

p.devLink {
    padding: 5px 5px 10px 10px;
    position: absolute;
    right: 0;
    background-color: #fff;}

.devLink a {
    padding: 7px 10px 7px 35px !important;
    border: 2px #ccc solid;
    border-radius: 4px;
    background-position-x: 4px;
    background-position-y: 1px;
    background-size: 25px;
    background-repeat: no-repeat;
    background: url(../img/icon_developer02.png);
    /*background: url(../img/developerIcon2.png) no-repeat left top;*/}

.heightAuto {height: auto !important;}

.imageLeftBox {
    display: inline-flex;
    text-align: center;
    vertical-align: middle;}

/**** [LIVECHAT - FORMAÇÃOAVANÇADA] ****/
.conversationMessagePreview {
    display: inline-block;
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px #ccc solid;
    vertical-align: top;}

.conversationMessagePreview .conversationMessageDetails {padding-left: 5px;display: inline-block;}
.lastMessagesDiv {margin-bottom: 5px;}

/* livechat */
#live-chat {
    font-size: 12px;
    bottom: 0;
    right: 24px;
    position: fixed;
    width: 10%;
    max-width: 600px;
    min-width: 200px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 100;}

#live-chat header {
    color: #fff;
    background: #000;}

#live-chat input[type="text"] {
    padding: 6px;
    outline: none;
    width: 70%;
    margin: 5px !important;}

#live-chat hr {
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    margin: 0;
    min-height: 1px;
    clear: both;
    background: #ddd;}

.chat-header {
    padding: 1px;
    background-color: #1b1b1b;}

.chat-close {
    color: #fff;
    display: block;
    float: right;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin: 2px 0 0 0;
    text-align: center;
    width: 16px;
    background: #333;}

.chat-message {margin: 15px 0;}

.chat-message-content {
    margin: 10px;
    padding-top: 5px;}

.chat-time {font-size: 10px;}

.chat-message-user {
    font-size: 10px;
    margin-left: 10px;}

.chat-title {
    text-transform: uppercase;
    font-weight: bold;}

.chat-send-button {
    color: #fff;
    cursor: pointer;
    padding: 10px 12px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    border: solid 1px #1b1b1b;
    background: #1b1b1b;}

.center-content {
    display: flex;
    justify-content: center;
    align-items: center;}

p.workflowStateActionItem {
    padding-left: 25px;
    min-height: 25px;
    background: url(../img/icon_arrow_circle_right.png) 0px 0px/20px 20px no-repeat;}

.chat-message-current-user {
    padding: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: 80%;
    background-color: #c9e1f7;}

.chat-message-other-user {
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 80%;
    background-color: #ececec;}

.highlight:not(.djs-connection) .djs-visual > :nth-child(1) {fill: yellow !important; /* color elements as green */}

.diagram-note {
    border-radius: 8px !important;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 7px;
    border: 1px #ddd;
    background: lightblue;}

.processExecution, .processResults {
    padding: 0 20px;
    min-height: 300px;}

.processExecutionLeft, .processResultsLeft {
    padding-right: 10px;
    width: 300px;
    vertical-align: top;
    display: table-cell;}

.processExecutionLeft .progressBar {
    height: 250px;
    background: url("../img/icon_wait.png") no-repeat;
    background-size: 50px;
    background-position-y: 40px;
    background-position-x: 95px;
    text-align: center;}

.processExecutionLeft .progressBar div {
    margin: 20px;
    width: 200px;
    height: 200px;
    font-family: "proxima_nova_rgregular"; /*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas - retirar referencia a font aqui*/
    font-weight: bold;}

.processExecutionLeft .progressBar div div {
    top: -110px;
    text-align: center;}

.processResultsLeft img {width: 180px;}

.processExecutionLeft h4 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;}

.processExecutionRight, .processResultsRight {
    padding-left: 10px;
    width: 100%;
    vertical-align: top;
    display: table-cell;}

#processFormSummary #infodetails {
    margin-bottom: 20px;
    max-width: 900px}

.processResultsRight dl {
    width: 100%;
    max-width: 900px;
    font-size: 16px;}
.processResultsRight dl dt {
    float: left;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    border-bottom: #ccc 1px dotted;
    margin-bottom: 10px;}
.processResultsRight dl dd {
    margin-left: 65%;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    height: 20px;
    border-bottom: #ccc 1px dotted;
    margin-bottom: 10px;}
.processResultsRight dl dd.resultItemNumber {text-align: right;}
.processResultsRight dl dd.resultItemState {text-align: right;}
.processResultsRight dl dd.resultItemState img {height: 20px;}
.processResultsRight dl dt.highlight {
    font-size: 18px;
    font-weight: bold;
    /*line-height: 18px;*//*ELZA - revisão 27/10/2021 - rever com viegas - v.elza*/
    line-height: 28px; /*ELZA - revisão 27/10/2021 - rever com viegas - v.viegas*/
    height: 38px;}
.processResultsRight dl dt.highlight span {
    font-size: 12px;
    line-height: 10px;
    color: #888;}
.processResultsRight dl dd.highlight {
    font-weight: bold;
    line-height: 28px;
    height: 38px;}
.processResultsRight dl dd.highlight img {height: 38px;}

.processExecutionRight .executionLog {
    height: 300px;
    overflow: hidden;
    background-color: #333;
    color: #fff;
    font-family: montserratregular; /*ELZA - revisão 27/10/2021 - rever com viegas - retirar referencia a font aqui*/
    padding: 10px;
    border-radius: 5px;
    scroll-behavior: smooth;
    background-image: url("../img/icon_process.png");
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: right -50px bottom -180px;}

/**** [CSSnet - netP@] ****/
.totalcand {
    font-size: 150%;
    line-height: 70px;
    padding-left: 20px;
    float: left;}

.totalcand span {font-size: 180%;}

.table01 {
    float: right;
    margin-bottom: 5px;}

.cssnettable {
    text-align: center;
    border: 1px solid #ddd;}

.cssnettable th {
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    background-color: #1b1b1b;}

.cssnettable tr.c1 {background-color: #ddd;}

.cssnettable tr.c2 {background-color: #f2f2f2;}

.cssnettable td {
    padding: 5px;
    border: 1px solid #fff;}

#candidatosContainer {clear: both;}

#candidatosMainContainer {clear: both;}

/**** [@DOC] ****/
/* [PROCESSPAGE] */
.processinfo {
    clear: both;
    border-top: 1px dotted #1b1b1b;}

.processinfo .open {
    /*background-image: url(../img/icon_bottom_s.png);*/
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 14px;
    background-image: url(../img/icon_arrowdown.png);}

.processinfo .close {
    /*background-image: url(../img/icon_top_s.png);*/
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 14px;
    background-image: url(../img/icon_arrowup.png);}

a.processinfoLink {
    font-weight: bold;
    text-transform: uppercase;}

/* Ext Hack */
.x-btn-icon .x-tbar-loading {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px !important;
    background-image: url(../img/icon_refresh.png) !important;}
.x-btn-icon .x-tbar-page-next {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px !important;
    background-image: url(../img/icon_arrow.png) !important;}
.x-btn-icon .x-tbar-page-last {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px !important;
    background-image: url(../img/icon_arrowright_double.png) !important;}
.x-btn-icon .x-tbar-page-prev {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px !important;
    background-image: url(../img/icon_arrowleft.png) !important;}
.x-btn-icon .x-tbar-page-first {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px !important;
    background-image: url(../img/icon_arrowleft_double.png) !important;}
.x-toolbar .x-toolbar-separator-horizontal {
    border-left: 1px solid #acacac !important;
    border-right: none !important;}
/* Ext Hack END */

/*Calendar - begin*/
.calendarReadOnlyCell {
    background-color: #e6e6e6 !important;
    color: #808080 !important;
    border-radius: 0 !important;
    border-top: 1px solid #fff;
    padding: 0 !important;
    margin: 0 !important;
    cursor: not-allowed !important;
    width: 105% !important;}

.ext-cal-body-ct {background-color: #fff !important;}
/*Calendar - end*/

/* time lapse - start */
.timeline {
    border-left: 4px solid #d1d6e6;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: #fbfcfd;
    color: #000;
    margin: 20px 0 20px 130px;
    letter-spacing: 0.5px;
    position: relative;
    line-height: 1.4em;
    padding: 10px 20px;
    list-style: none;
    text-align: left;
    font-weight: 100;}

/* INICIO: para levar para a nova LESS CSS */
.timeLineSmall ul.timeline{
    margin: 0 0 0 75px;
    padding: 5px;
}
.timeLineSmall .timeline h3 {
    font-size: 110% !important;
    margin: 0px !important;
    padding: 0px !important;
}
.timeLineSmall .timeline .event {
    padding: 0px;
    margin: 0 5px 5px 5px !important;
 }
.timeLineSmall .timeline .event:before {
    left: -80px;
    font-weight: 100;
    font-size: 80%;
    min-width: 60px;
    margin-top: 3px;
}
.timeLineSmall .timeline .event span.dateSub {
    left: -80px;
    font-weight: 100;
    font-size: 70%;
    min-width: 60px;
    top: 14px;
}
.timeLineSmall .timeline .event:after {
    box-shadow: 0 0 0 2px #666;
    left: -14px;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    top: -11px;
}
/* FIM: para levar para a nova LESS CSS */

.timeline .event {
    padding: 5px 20px;
    margin-bottom: 20px;
    position: relative;
    background: white;
    /*box-shadow: 0 2px 2px 0 #eeeeee40;*/
    border-radius: 10px;
    box-shadow: 0px 16px 15px -10px rgba(105, 96, 215, 0.0944602);}

.timeline .event h3 {padding: 0;}
.timeline .event:before, .timeline .event:after {
    margin-top: 20px;
    position: absolute;
    display: block;
    top: 0;}

.timeline .event:before {
    left: -172px;
    color: #666;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 1em;
    min-width: 120px;}

.timeline .event span.dateSub {
    position: absolute;
    top: 35px;
    left: -172px;
    color: #666;
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
    max-width: 130px;
}

.timeline .event:after {
    box-shadow: 0 0 0 4px #666;
    left: -28px;
    color: #d1d6e6;
    background: white;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px;}
/* time lapse - end */

.inlineLeft {display: table-cell; width: auto;}
.inlineRight {display: table-cell; width: 100%; text-align: right}

.gridColumnWithRightContent {display: flex;}
.gridColumnLeft {flex: 1;overflow: hidden;text-overflow: ellipsis;}
.gridColumnRight {}

.rightAlignValueContainer {display: flex !important;}
.rightAlignValueTitle {width: 100%; padding: 0 !important;}
.rightAlignValueValue {width: 60px;text-align: right; padding: 0 !important;}
.urgent {font-weight: bold;color: darkred;font-size: 110%;padding: 0 !important;text-transform: uppercase;}

/* REVER:ELZA:28/01/2022 START */
.uppercase {text-transform: uppercase !important;}
.normalcase {text-transform: initial !important;}

/* Splide.js */
/* REVER:ELZA:22/11/2021 START */
.newsArea {display: flex; width: calc(100% - 20px); margin: 10px; min-height: 300px;}
.newsArea_high {flex: 1; margin-right: 30px; }
.newsArea_normal {width: 300px; /*font-size: 16px;*/}
.newsArea_normal h2, .newsArea_noImage h2 {
    padding: 0 !important;
    margin: 0;
    line-height: 16px;
    border-bottom: 5px solid #ddd !important;}
.newsArea_noImage h2 {margin-bottom: 20px;line-height: 24px;}
.newsArea_noImageBody {position: absolute;}
.newsArea_normal h2 span {
    font-size: 11px;
    font-weight: normal;
    float: right;
    line-height: 23px;
    /*display: block;
    text-align: right;
    padding-top: 10px;*/}
.newsArea_normal article {margin: 15px 0 0 0; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
.newsArea_normal article.withImage {min-height: 75px; }
.newsArea_normal article > span {font-size: 11px;padding-bottom: 2px;display: block;}
.newsArea_normal article > h3 {
    display: block;
    font-size: 16px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;}
.newsArea_normal article > img {
    float: right;
    width: 80px;
    margin-left: 10px;
    border: 10px white;
    border-radius: 5px;}
.newsArea_normal article > div {
    font-size: 12px;
    overflow: hidden;
    max-height: 50px;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Only apply on webkit-based browsers (Chrome, Safari, Edge, etc.) */
    .newsArea_normal article > div {
        max-height: none;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}
.newsArea_normal .newsArea_more {
    /*font-size: 10px;*/
    text-align: right;
    padding-right: 20px;
    background-position: 100% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 13px !important;
    background-image: url(../img/icon_add.png) !important;}
.newsArea_normal .newsArea_more a {font-weight: bold;}
/* REVER:ELZA:29/11/2021 START */
/* .splide__slide img { width: 100%; position: absolute; object-fit: contain; object-position: center} */
.splide__slide div.centerBackgroundImage { width: 100%;height: 100%;}
/* REVER:ELZA:29/11/2021 END */
.splide__slide {height: 100%;}
.splide { /*padding: 10px;*/ position: relative; height: 100%;}
.splide__track {position: relative;height: calc(100% - 20px);}
.newsAreaTitle {
    padding: 10px 0;
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;}
.news.newsHorizontal .news_normal {width: 100%;}
.news.newsHorizontal .news_normal article {
    display: inline-block;
    max-width: 33%;
    padding-left: 10px;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: top;
    border-bottom: none;
    border-left: 1px solid #ddd;}
.newsArea.newsHorizontal .newsArea_normal .newsArea_more {text-align: left;}
.newsDetailDialog {height: 100%;}
.newsAreaDetails {overflow: auto;text-align: justify;height: 100%;}
.newsAreaDetails img {float: right; margin: 0 0 10px 20px; width: 33%; max-width: 400px;}
.verticalText {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);}
/*.verticalText .x-column-header-text {padding-top: 4px; padding-bottom: 4px;}*/
/* REVER:ELZA:10/11/2021 END */

/* REVER:ELZA:29/11/2021 START */
.centerBackgroundImage {background-size: 100%; background-position: center;}
/* REVER:ELZA:29/11/2021 END */

/* REVER:ELZA:22/11/2021 Start */
.liststylecircle {
    list-style: circle !important;
    list-style-position: inside !important;
    padding-left: 1em;}
/* REVER:ELZA:22/11/2021 End */

.footNoteItem { display: inline-block; padding-left: 17px; background-size: auto 12px;}

/**** [PositionCOMPONENT - ASSINATURADIGITAL_ADMIN] ****/
.positionComponentLeft { display: inline-block; margin-right: 60px; vertical-align: top;}
.positionComponentRight { display: inline-block; vertical-align: top;}
.positionStyleVertical .label-radio { border: solid 1px #4e8bbf !important;}
input.positionStyleVertical:checked + .positionStyleVerticalLabel { background-color: #4e8bbf !important;}
.positionStyleHorizontal input[type="radio"]:checked + .label-radio { background-color: #4e8bbf !important;}
.positionStyleHorizontal .label-radio { border: solid 1px #4e8bbf !important;}
input.positionStyleHorizontal:checked + .positionStyleVerticalLabel { background-color: #4e8bbf !important;}
.positionStyleHorizontal input[type="radio"]:checked + .label-radio { background-color: #4e8bbf !important;}
/* REVER:ELZA:13/12/2021 Start */
.menuItemNotAvailable {background-color: #858585 !important;}
/* REVER:ELZA:13/12/2021 End */
h3.subtitle, .formSubtitle {padding-top: 10px !important;}
span.indexNumber {padding-right: 10px;font-size: 120%;}

/* [ SideBySideContainer component ] */
.sideBySideContainer > div {border-color: #ddd;}
.sideBySideContainer ul li {line-height: 25px;}
.sideBySideContainer p {line-height: 25px;}

.customHTMLBlock p { padding-top: 5px; padding-bottom: 5px;}
.customHTMLBlock ul {padding-left: 30px;}
.customHTMLBlock li {list-style-type: disc;}
.customHTMLBlock img {vertical-align: bottom;}
/* REVER:ELZA:12/01/2022 Start */
.regimeTitleWithAction {
    display: flex !important;
    align-items: baseline;
}
/* REVER:ELZA:12/01/2022 End */

/* REVER:ELZA:17/01/2022*/
div.dialogIFrame {
    background-image: url("../img/loading.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100px;}
/* REVER:ELZA:17/01/2021*/
div.dialogIFrame iframe { border: none; width: 100%;}
/* REVER:ELZA:12/01/2022 End */
/* REVER:ELZA:24/01/2022*/
.centerBlock {margin-left: auto; margin-right: auto;width: fit-content;}
/* REVER:ELZA:28/01/2022 - Copiei do layouts */
.formSubtitle { padding-top: 10px !important; padding-left: 0px !important;}
.formSubtitle label {color: #000;font-size: 80%;font-weight: bold;}
/* REVER:ELZA:03/02/2022*/
.gridPlaceHolder {color: #aaa;font-style: italic !important;}

/* REVER:ELZA:31/01/2022*/
.highlightedBackground {background-color: #454545 !important;}
.colorwhite {color: white}
/* REVER:ELZA:31/01/2022*/