/**** [ Components ] ****/
body, .x-body {
    font-family: Arial, Helvetica, sans-serif;
}

/*** [ Attributes/classes ] ***/ /* [ background/text ] */
code, .code {
    font-family: "Lucida Console", "Courier New", "Courier", "monospace";
    white-space: pre !important
}

.moneyKeyWord {font-size: 80%;}

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

.defaultCursor {
    cursor: default;
}

.pointerCursor {
    cursor: pointer;
    width: 16px;
}

.tdcolorbold {
    background-color: #e4e4e4;
    font-weight: bold;
}

/* [ background ] */
.backgwhite {
    background-color: #fff !important;
    background-image: none !important;
}

.backgthemelight {
    background-color: #e1e9cd;
}

.backggreenlight {
    background-color: #e1e9cd;
}

.backgthememedium {
    background-color: #cfdbb2;
}

.backgnone {
    background: none !important;
}

.backgcolor {
    background-color: #e4e4e4 !important;
}

.backgcolordark {
    background-color: #608800 !important;
}

.tdcolor {
    background-color: #e4e4e4;
}

.tdcolorwhite {
    background-color: #fff;
}

/* [ 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;
}

/* [ textcolor ] */
.colortext {
    color: #385900 !important;
}

.blacktext {
    color: #000 !important;
}

.whitetext {
    color: #fff !important;
}

.greytext {
    color: #b6b6b6 !important;
}

.redtext {
    color: #b94a48 !important;
}

.redBackground {
    background-color: #b94a48 !important;
}

.greentext {
    color: #687e47 !important;
}

.greenBackground {background-color: #687e47 !important;}
/* REVER:ELZA:15/11/2021*/
.lightGreenBackground {background-color: #90ee90 !important;}
/* REVER:ELZA:15/11/2021*/

/* REVER:ELZA:20/12/2021*/
.lightYellowBackground {background-color: #eee290 !important;}
/* REVER:ELZA:20/12/2021*/

.bold {
    font-weight: bold !important;
}

.underline {
    text-decoration: underline;
}

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

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

.whitelink a:hover {
    color: #fff !important;
}

/* [ linkdecoration ] */
.nodecoration a {
    text-decoration: none !important;
}

/* [ float ] */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

/* [ align ] */
.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

.alignCenter {
    text-align: center !important;
}

.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;
}

.margin20 {
    margin: 20px !important;
}

.margin10 {
    margin: 10px !important;
}

.margin50 {
    margin: 50px !important;
}

.margintopzero {
    margin-top: 0 !important;
}

/* REVER:ELZA:14/01/2021*//* REVER:ELZA:14/01/2021*/
.marginbottom2 {margin-bottom: 2px !important;}

.marginbottomzero {
    margin-bottom: 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;
}

.marginLeftZero {
    margin-left: 0px !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;
}

.marginleft169 {
    margin-left: 169px !important;
    *margin-left: 0 !important;
}

.marginleft179 {
    margin-left: 179px !important;
    *margin-left: 0 !important;
}

.marginleft200 {
    margin-left: 200px !important;
}

.marginleft440 {
    margin-left: 440px !important;
}

.marginright10 {
    margin-right: 10px !important;
}

.marginright20 {
    margin-right: 20px !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;
}

.marginTopBottom10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

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

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

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

.iepadding0 {
    *padding: 0 !important;
}

.paddingZero {
    padding: 0 !important;
}

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

.paddingTopZero {
    padding-top: 0 !important;
}

.paddingBottomZero {
    padding-bottom: 0 !important;
}

.x-panel-body.paddingBottomZero .content {
    padding-bottom: 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;
}

.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;
}

.leftPad0 {
    padding-left: 0px !important;
}

.paddingtop5 {
    padding-top: 5px !important;
}

.paddingtop0 {
    padding-top: 0px !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;
}

.paddingright30 {
    padding-right: 30px !important;
}

.paddingright300 {
    padding-right: 300px !important;
}

.paddingright112 {
    padding-right: 112px !important;
}

.paddingleft112 {
    padding-left: 112px !important;
}

.leftPad5 {
    padding-left: 5px !important;
}

.leftPad10 {
    padding-left: 10px !important;
}

.leftPad15 {
    padding-left: 15px !important;
}

.leftPad25 {
    padding-left: 20px;
}

.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;
}

.leftPad90 {
    padding-left: 80px !important;
}

.leftPad100 {
    padding-left: 100px !important;
}

.leftPad120 {
    padding-left: 120px !important;
}

.leftPad150 {
    padding-left: 150px !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;
}

/* [ line-height ] */
.lineheight43 {
    line-height: 43px;
}

/* [ display ] */
.displayinline {
    display: inline !important;
}

.displayblock {
    display: block !important;
}

.displayinlineblock {
    display: inline-block !important;
}

.displayinlinetable {
    display: inline-table !important;
}

.displaytablecell {
    display: table-cell !important;
}

/* [ border ] */
.borderNone {
    border: none !important;
}

.borderTopWhite {
    border-top: 2px solid #fff !important;
}

.bordertopwhite5 {
    border-top: 5px solid #fff !important;
}

.borderdark {
    border: 1px solid #385900 !important;
}

.borderdarkLeft {
    border-left: 1px solid #385900 !important;
}

.borderdarkRight {
    border-right: 1px solid #385900 !important;
}

.borderdarkTop {
    border-top: 1px solid #385900 !important;
}

.borderdarkBottom {
    border-bottom: 1px solid #385900 !important;
}

.borderlight {
    border: 1px solid #cfdbb2 !important;
}

.borderlightLeft {
    border-left: 1px solid #cfdbb2 !important;
}

.borderlightRight {
    border-right: 1px solid #cfdbb2 !important;
}

.borderlightTop {
    border-top: 1px solid #cfdbb2 !important;
}

.borderlightBottom {
    border-bottom: 1px solid #cfdbb2 !important;
}

.borderBottom {
    border-bottom: 1px solid #999 !important;
}

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

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

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

.border {
    border: 1px solid #cfdbb2 !important;
}

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

/* [ width ] */
.minWidth {
    width: 50px;
    *width: auto;
}

.width15px {
    width: 15px;
}

.width20px {
    width: 20px;
}

.width50px {
    width: 50px;
}

.width190 {
    width: 190px !important;
}

.width5 {
    width: 5% !important;
}

.width10 {
    width: 10% !important;
}

.width20 {
    width: 20% !important;
}

.width33 {
    width: 33% !important;
}

.width40 {
    width: 40% !important;
}

.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;
}

.width100px {
    width: 100px !important;
}

/* [ 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;
}

/* [ nowrap ] */
.nowrap {
    white-space: nowrap !important;
}

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

.codeWrap {
    white-space: pre-wrap !important;
}

/**[hide any element]**/
.hide {
    display: none !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;
}

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

.alert {
    color: #900 !important;
}

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

/**[links externos_popups]**/
.externalink {
    background: url(../img/icon_openpopup.png) no-repeat right top;
    width: 13px;
    height: 13px;
    padding: 0 20px 5px 0 !important;
}

.externalinkmenu {
    background: url(../img/icon_menuopenpopup.png) no-repeat right top;
    width: 13px;
    height: 13px;
    padding: 0 20px 0 0 !important;
}

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

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

.loaded {
    background: none;
}

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

/*** DIF:breadcrumbs Component
     ----------------------- ***/
.breadcrumbs { /* REVER:ELZA:29/10/2021*/
    display: table;
    padding: 0;
    margin: 0;
    font-size: 85%;
    height: 26px !important;
    line-height: 26px !important;
    border-left: 67px solid #fff;
    color: #000;
    clear: both;
}

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

.breadcrumbsnav ul li {
    background: url(../img/breadcr_bg.png) no-repeat left;
    list-style: none;
    padding: 0 0 0 15px;
    display: inline;
}

.breadcrumbsnav a {
    text-decoration: none;
    border-bottom: 1px dotted #385900;
    color: #385900 !important;
}

.breadcrumbsnav a:hover {
    text-decoration: none;
    border-bottom: none;
}

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

.listbreadcrumbs {
    position: absolute;
    right: 20px;
    clear: both;
    max-width: 800px;
    color: #95d600;
    overflow: auto;
    white-space: nowrap;
}

.menubreadcrumbs ul li {
    padding-right: 18px;
    background: url(../img/arrow_downdark.png) no-repeat right;
}

.menubreadcrumbs ul li a {
    color: #385900 !important;
}

/*** 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: #385900 !important;
}

/** [ FILE ] **/
.listlinks .file {
    background: url(../img/leaf.gif) left no-repeat !important;
    padding: 0 0 0 20px !important;
    *padding: 0 0 0 5px !important; /* just for IE7 */
}

.listlinks .checked {
    background: url(../img/icon_greenarrow_single.png) left no-repeat !important;
    padding: 0 0 0 20px !important;
    *padding: 0 0 0 5px !important; /* just for IE7 */
}

/*** DIF:menuactions Component
     ----------------------- ***/
.menuactionsbutton {
    border-bottom: none;
}

.menuactions {
    border: 1px solid #ddd;
    position: fixed;
    padding: 10px;
    background-color: white;
    -webkit-box-shadow: 0 15px 10px -10px lightgrey;
    -moz-box-shadow: 0 15px 10px -10px lightgrey;
    box-shadow: 0 15px 10px -10px lightgrey;
    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;}
.menuactions li a {display: block;}

.menuactionsbutton img {
    width: 16px;
}

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
     ----------------------- ***/
.centertwobuttons {
    font-family: "montserratregular", "proxima_nova_rgregular";
    font-size: 16px;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.centertwobuttons ul li {
    color: #fff !important;
    font-weight: bold;
    display: block;
    padding: 10px 20px;
    margin-bottom: 5px;
}

.centertwobuttons li input {
    color: #fff !important;
    font-family: "proxima_nova_rgregular";
    font-weight: bold;
    font-size: 16px !important;
    /*text-transform: lowercase;*/
    padding: 0;
}


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

.centertwobuttons a {
    color: #fff !important;
}

.centertwobuttons ul li.menuBOXbutton {
    background-color: #212121;
}

.centertwobuttons ul li.menuBOXbutton:hover {
    background-color: #999;
}

.centertwobuttons a:hover {
    color: #fff !important;
    background-color: #999 !important;
}

.centertwobuttons ul li.menuBOXbutton.disabled {
    background-color: #bbb;
}

.centertwobuttons p {
    font-size: 12px;
    color: #212121;
    margin: 0 20px 15px 20px;
    padding-top: 5px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    text-align: left;
}

.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;
    font-size: 85%;
    clear: none !important;
    margin-bottom: 10px;
}

.actions ul {
    margin: 0 15px 0 0;
}

.actions ul li {
    list-style: none;
    display: inline;
    margin-left: 5px;
}
.actions.verticalActions ul li { display: block;}

.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 input {
    *line-height: 15px; /* just for IE7 */
    padding: 0 0 0 25px;
    *padding-left: 13px; /* just for IE7 */
    *padding-top: 0; /* just for IE7 */
    font-size: 100%;
}

.actions ul li a {
    font-weight: bold !important;
    padding: 3px 0 3px 25px;
    border: none;
}

/** [ SEARCH ] **/
.actions .search {
    background: url(../img/icon_search.png) left no-repeat;
}

/** [ EMAIL ] **/
.actions .email {
    background: url(../img/icon_send.png) left no-repeat;
}

/** [ SAVE ] **/
.actions .save {
    background: url(../img/icon_save.png) left no-repeat;
}

/** [ PRINT ] **/
.actions .print {
    background: url(../img/icon_print.png) left no-repeat;
}

/** [ HELP ] **/
.actions .help {
    background: url(../img/icon_help.png) left no-repeat;
}

/** [ PREVIOUS ] **/
.actions .previous {
    background: url(../img/icon_previous.png) left no-repeat;
    background-size: 8px !important;}

/** [ NEXT ] **/
.actions .next {
    background: url(../img/icon_next.png) right no-repeat;
    padding-right: 23px !important;
    padding-left: 5px !important;
    *padding-right: 10px !important; /* just for IE7 */
    background-size: 8px !important}

.actions span.disablelink {
    *padding-right: 25px !important; /* just for IE7 */
}

/** [ CANCEL ] **/
.actions .cancel {
    background: url(../img/icon_cancel.png) left no-repeat;
}

/** [ SUBMIT ] **/
.actions .submit {
    background: url(../img/icon_submit.png) left no-repeat;
}

/** [ TOP ] **/
.actions .top {
    background: url(../img/icon_top.png) left no-repeat;
}

/** [ DELETE ] **/
.actions .delete {
    background: url(../img/icon_delete.png) left no-repeat;
}

/** [ EDIT ] **/
.actions .edit {
    background: url(../img/icon_edit.png) left no-repeat;
}

/** [ EDITDATA ] **/
.actions .editdata {
    background: url(../img/icon_editdata.png) left no-repeat;
}

/** [ ADD ] **/
.actions .add {
    background: url(../img/icon_add.png) left no-repeat;
}

/** [ INFO ] **/
.actions .info {
    background: url(../img/icon_info.png) left no-repeat;
}

/** [ CLEAR ] **/
.actions .clear {
    background: url(../img/icon_clear.png) left no-repeat;
}

/** [ YES ] **/
.actions .yes {
    background: url(../img/icon_yes.png) left no-repeat;
}

/** [ NO ] **/
.actions .no {
    background: url(../img/icon_no.png) left no-repeat;
}

/** [ BACK ] **/
.actions .back {
    background: url(../img/icon_back.png) left no-repeat;
}

/** [ START ] **/
.actions .start {
    background: url(../img/icon_start.png) left no-repeat;
}

/** [ EXIT ] **/
.actions .exit {
    background: url(../img/icon_exit.png) left no-repeat;
}

/** [ EXPAND ] **/
.actions .expand {
    background: url(../img/icon_expand.png) left no-repeat;
}

/** [ CUSTOMIZE ] **/
.actions .customize {
    background: url(../img/icon_customize.png) left no-repeat;
}

/** [ ADMINISTRATION ] **/
.actions .admin {
    background: url(../img/icon_admin_s.png) left no-repeat;
}

/** [ STATS ] **/
.actions .stats {
    background: url(../img/icon_stats_s.gif) left no-repeat;
}

/** [ CLOSE ] **/
.actions .close {
    background: url(../img/icon_close.png) left no-repeat;
}

/** [ LOADITEM ] **/
.actions .loaditem {
    background: url(../img/icon_loaditem.png) left no-repeat;
}

/** [ UPLOADITEM ] **/
.actions .uploaditem {
    background: url(../img/icon_upload_s.png) left no-repeat;
}

/** [ ADDITEM ] **/
.actions .additem {
    background: url(../img/icon_additem.png) left no-repeat;
}

/** [ COPY ] **/
.actions .copy {
    background: url(../img/icon_copy.png) left no-repeat;
}

/** [ PUBLISH ] **/
.actions .publish {
    background: url(../img/icon_publish.png) left no-repeat;
}

/** [ PREVIEW ] **/
.actions .preview {
    background: url(../img/icon_preview.png) left no-repeat;
}

/** [ OTHERS ] **/
.actions .normallink {
    background: url(../img/arrow.png) left no-repeat;
    padding-left: 15px !important;
}

/** [ DISABLE ] **/
.disablelink {
    color: #cfdbb2;
}

.gray {
    color: #e4e4e4;
}

/*** [ LAYOUT/actions_actionsbuttons ] ***/
.backgcolor {
    background: #f7f7f7;
}

.backgext {
    background: #d0d0d0;
}

/*** 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;
    height: 24px;
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.x-grid-cell-inner .actionsbuttons { margin-top: 2px; margin-bottom: 0;}
.x-grid-cell-inner .actionsbuttons ul li { margin-right: 5px;}
.actionsbuttons ul { margin: 5px 0 0 0px;}

.actionsbuttons li li.active {
    color: #38415b !important;
    padding-left: 40px !important;
    border: 1px solid #38415b !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: 5% 50% !important;
}

.actionsbuttons ul li {
    list-style: none;
    display: inline;
    padding: 5px;
    background-color: #95d600 !important;
    border: 1px solid #608800;
}

.actionsbuttons li input {
    padding-left: 23px;
    color: #385900 !important;
    border: none !important;
}

.actionsbuttons a {
    padding: 3px 0 3px 23px !important;
    color: #385900 !important;
    font-weight: bold;
    border-bottom: none;
}

/** [ SEARCH ] **/
.actionsbuttons .search {
    background: url(../img/icon_search.png) left no-repeat;
}

/** [ EMAIL ] **/
.actionsbuttons .email {
    background: url(../img/icon_send.png) left no-repeat;
}

/** [ SAVE ] **/
.actionsbuttons .save {
    background: url(../img/icon_save.png) left no-repeat;
}

/** [ PRINT ] **/
.actionsbuttons .print {
    background: url(../img/icon_print.png) left no-repeat;
}

/** [ HELP ] **/
.actionsbuttons .help {
    background: url(../img/icon_help.png) left no-repeat;
}

/** [ PREVIOUS ] **/
.actionsbuttons .previous {
    background: url(../img/icon_previous.png) left no-repeat !important;
    background-size: 18px !important;}

/** [ NEXT ] **/
.actionsbuttons .next {
    background: url(../img/icon_next.png) right no-repeat !important;
    padding-right: 23px !important;
    padding-left: 5px !important;
    background-size: 18px !important;}

.x-btn-icon .x-tbar-loading {
    background: url(../img/icon_refresh.png) right no-repeat !important;
    background-size: 16px !important;}
.x-btn-icon .x-tbar-page-next {
    background: url(../img/icon_next.png) right no-repeat !important;
    background-size: 16px !important;}
.x-btn-icon .x-tbar-page-last {
    background: url(../img/icon_last.png) right no-repeat !important;
    background-size: 16px !important;}
.x-btn-icon .x-tbar-page-prev {
    background: url(../img/icon_previous.png) right no-repeat !important;
    background-size: 16px !important;}
.x-btn-icon .x-tbar-page-first {
    background: url(../img/icon_first.png) right no-repeat !important;
    background-size: 16px !important;}
.x-toolbar .x-toolbar-separator-horizontal {
    border-left: 1px solid #acacac !important;
    border-right: none !important;}

/** [ CANCEL ] **/
.actionsbuttons .cancel {
    background: url(../img/icon_cancel.png) left no-repeat;
}

/** [ SUBMIT ] **/
.actionsbuttons .submit {
    background: url(../img/icon_submit.png) left no-repeat;
}

/** [ TOP ] **/
.actionsbuttons .top {
    background: url(../img/icon_top.png) left no-repeat;
}

/** [ DELETE ] **/
.actionsbuttons .delete {
    background: url(../img/icon_delete.png) left no-repeat;
}

/** [ EDIT ] **/
.actionsbuttons .edit {
    background: url(../img/icon_edit.png) left no-repeat;
}

/** [ ADD ] **/
.actionsbuttons .add {
    background: url(../img/icon_add.png) left no-repeat;
}

/** [ INFO ] **/
.actionsbuttons .info {
    background: url(../img/icon_info.png) left no-repeat;
}

/** [ CLEAR ] **/
.actionsbuttons .clear {
    background: url(../img/icon_clear.png) left no-repeat;
}

/** [ YES ] **/
.actionsbuttons .yes {
    background: url(../img/icon_yes.png) left no-repeat;
}

/** [ NO ] **/
.actionsbuttons .no {
    background: url(../img/icon_no.png) left no-repeat;
}

/** [ BACK ] **/
.actionsbuttons .back {
    background: url(../img/icon_back.png) left no-repeat;
}

/** [ KEY ] **/
.actionsbuttons .key {
    background: url(../img/icon_key.png) left no-repeat;
}

/** [ REGISTRATION ] **/
.actionsbuttons .registration {
    background: url(../img/icon_registration.png) left no-repeat;
}

/** [ START ] **/
.actionsbuttons .start {
    background: url(../img/icon_start.png) left no-repeat;
}

/** [ EXIT ] **/
.actionsbuttons .exit {
    background: url(../img/icon_exit.png) left no-repeat;
}

/** [ EXPAND ] **/
.actionsbuttons .expand {
    background: url(../img/icon_expand.png) left no-repeat;
}

/** [ CUSTOMIZE ] **/
.actionsbuttons .customize {
    background: url(../img/icon_customize.png) left no-repeat;
}

/** [ CLOSE ] **/
.actionsbuttons .close {
    background: url(../img/icon_close.png) left no-repeat;
}

/** [ ADDITEM ] **/
.actionsbuttons .additem {
    background: url(../img/icon_additem.png) left no-repeat;
}

/** [ LOADITEM ] **/
.actionsbuttons .loaditem {
    background: url(../img/icon_loaditem.png) left no-repeat;
}

/** [ COPY ] **/
.actionsbuttons .copy {
    background: url(../img/icon_copy.png) left no-repeat;
}

/** [ PUBLISH ] **/
.actionsbuttons .publish {
    background: url(../img/icon_publish.png) left no-repeat;
}

/** [ PREVIEW ] **/
.actionsbuttons .preview {
    background: url(../img/icon_preview.png) left no-repeat;
}

/** [ IMPORT ] **/
.actionsbuttons .import {
    background: url(../img/icon_import_s.png) left no-repeat;
}

/** [ EXCEL ] **/
.actionsbuttons .excel {
    background: url(../img/icon_tablexcel.png) left no-repeat;
}

/** [ CALCULATOR ] **/
.actionsbuttons .calculator {
    background: url(../img/icon_calculator.png) left no-repeat;
}

/** [ CALCULATOR ] **/
.actionsbuttons .qrcode {
    background: url(../img/icon_qrcode.png) left no-repeat;
}

/*** DIF:actionsTAB Component
     ----------------------- ***/
.actionstab {
    text-align: left;
    height: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.actionstab ul {
}

.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 {
    margin: 10px 0 0 0;
    background-size: 30px;
    font-size: 20px;
}

/** [ link without div ACTIONS ] **/
.simplelink {
    padding-left: 20px;
    background: url(../img/arrow.png) left no-repeat;
}

.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
     ----------------------- ***/
.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;}
/* REVER:ELZA:14/01/2021*/
.iconImageLeftOfText {padding-left: 20px; vertical-align: middle;}

.info2Icon { /*botaoEXT*/
    background: url(../img/icon_error_info_small.png) left no-repeat !important;
}

.helpIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_help_s.png) left no-repeat !important;
}

.sendIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_send_s.png) left no-repeat !important;
}

.backIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_back_s.png) left no-repeat !important;
}

.normallinkIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_s.png) left no-repeat !important;
}

.infoIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_info_s.png) left no-repeat !important;
}

.warnIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_warn_p.png) left no-repeat !important;
}

.selectAllIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_selectall.png) left no-repeat;
}

.unselectAllIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_unselectall.png) left no-repeat;
}

.yesIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_yes_s.png) left no-repeat;
}

.numbersIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_numbers.png) left no-repeat;
    background-size: 16px;
}

.questionIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_question_s.png) left no-repeat;
}

.noIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_no_s.png) left no-repeat !important;
}

.previousIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_previous.png) left no-repeat !important;
    background-size: 18px !important;}

.nextIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_next.png) left no-repeat !important;
    background-size:: 18px !important;}

.chart {
    width: 18px;
    height: 18px;
    background: url(../img/chart_pie.png) left no-repeat;
}

.table {
    width: 18px;
    height: 18px;
    background: url(../img/icon_table.gif) left no-repeat;
}

.search {
    width: 18px;
    height: 18px;
    background: url(../img/icon_search_s.png) left no-repeat !important;
}

.emaillink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_send_s.png) left no-repeat;
}

.savelink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    /*background: url(../img/icon_save_s.png) left no-repeat;*/
    background: url(../img/save-big.png) left no-repeat;
    background-size: 16px;
}


.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;
    height: 18px;
    /*background: url(../img/icon_save_s.png) left no-repeat;*/
    background: url(../img/save-big.png) left/15px no-repeat;
}

.groupIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/usersIcon.png) left/15px no-repeat;
}


.userIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/userIcon.png) left/15px no-repeat;
}

.collapseAllIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_circle_double_top.png) left no-repeat;
    background-size: 16px;
}

.expandAllIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_circle_double_bottom.png) left no-repeat;
    background-size: 16px;
}

.personIcon {
    background: url("../img/icon_person.png") no-repeat scroll left center transparent;
    height: 18px;
    width: 18px;
}

.printlink { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_print_s.png) left no-repeat;
}

.cancelIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_cancel_s.png) left no-repeat !important;
}

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

.deleteIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_delete_s.png) left no-repeat;
}

.editIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_edit_s.png) left no-repeat;
}

.tableIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_table.png) left/15px no-repeat;
}

.leftIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_left_s.png) left no-repeat;
}

.rightIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_right_s.png) left no-repeat;
    background-size: 18px;
}

.leftCircleIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_circle_left.png) left no-repeat;
    background-size: 18px;
}

.rightCircleIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_circle_right.png) left no-repeat;
    background-size: 18px;
}

.topCircleIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_circle_top.png) left no-repeat;
    background-size: 18px;
}

.bottomCircleIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_circle_bottom.png) left no-repeat;
    background-size: 18px;
}

.checkIcon {
    width: 17px;
    height: 18px;
    background: url(../img/icon_greenarrow_single.png) left no-repeat;
}

.execIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_execute_s.png) left no-repeat;
}

.calculateIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_calculate.png) left no-repeat;
}

.editdata {
    width: 18px;
    height: 18px;
    background: url(../img/icon_editdata_s.png) left no-repeat !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: 18px;
}
/* REVER:ELZA:17/11/2021 END */

.noteIcon {
    height: 16px;
    background-size: 18px;
    background-image: url(../img/icon_note.png);
    background-repeat: no-repeat;
    background-position: 50%;
}

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

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

.detailsdata {
    width: 21px;
    height: 21px;
    background: url(../img/icon_details_s.png) left no-repeat !important;
}

.addIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_add_s.png) left no-repeat !important;
}

.publishIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_publish_s.png) no-repeat !important;
}

.printIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_print.png) no-repeat !important;
}

.itemIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_item.png) left no-repeat !important;
}

.customizeIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_customize_s.png) left no-repeat !important;
}

.devIcon {
    width: 18px !important;
    background: url(../img/developerIcon2.png) left/15px no-repeat !important;
}

.clearIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_clear_s.png) left no-repeat !important;
}

.submitIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_submit_s.png) left no-repeat;
}

.closelink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_close_s.png) left no-repeat;
}

.closeIcon { /*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_close_s.png) left no-repeat !important;
}

.loaditemlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_loaditem_s.png) left no-repeat;
}

.loaditem {
    width: 18px;
    height: 18px;
    background: url(../img/icon_loaditem_s.png) left no-repeat;
}

.loaditemdisabled {
    width: 18px;
    height: 18px;
    background: url(../img/icon_loaditem_sdisabled.png) left no-repeat;
}

.additem {
    width: 18px;
    height: 18px;
    background: url(../img/icon_additem_s.png) left no-repeat !important;
}

.academicIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_academic_s.png) left no-repeat !important;
}

.contactsIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_editcontacts_s.png) left no-repeat !important;
}

.chooseIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_choose_s.png) left no-repeat !important;
}

.messageIcon {
    width: 18px !important;
    height: 18px;
    background: url(../img/icon_messages.png) left no-repeat !important;
}

.refreshIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_refreshData.png) left no-repeat !important;
    background-size: 18px !important;
}

.replaceIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_substituir.png) left no-repeat !important;
}

.fillIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_preenchercom.png) left no-repeat !important;
}

.publishlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_publish_s.png) left no-repeat;
}

.previewlink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_preview_s.png) left no-repeat;
}

.previewIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_preview_s.png) left no-repeat;
}

.reportIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_report_s.png) left no-repeat;
}

.copydata {
    width: 18px;
    height: 18px;
    background: url(../img/icon_copy_s.png) left no-repeat;
}

.excelicon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_xls_s.png) left no-repeat;
}

.confirmationIcon {
    width: 19px;
    height: 18px;
    background: url(../img/icon_check.png) left no-repeat;
}

.closeDatalink {
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_closedata_s.png) left no-repeat;
}

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

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

.excelIcon {
    width: 20px;
    height: 20px;
    background: url(../img/icon_tablexcel.png) left no-repeat;
}

.calculatorblueIcon {
    width: 20px;
    height: 20px;
    background: url(../img/icon_calculatorblue.png) left no-repeat;
}

.calculatoredIcon {
    width: 20px;
    height: 20px;
    background: url(../img/icon_calculatored.png) left no-repeat;
}

.calculatorgreenIcon {
    width: 20px;
    height: 20px;
    background: url(../img/icon_calculatorgreen.png) left no-repeat;
}

.showArrowIcon {
    /*    width: 18px;
        height: 18px;*/
    background: url(../img/icon_show_arrow.png) 100% 50% no-repeat !important;
}

.hideArrowIcon {
    /*    width: 18px;
        height: 18px;*/
    background: url(../img/icon_hide_arrow.png) 0% 50% no-repeat !important;
}

.qrCodeIcon {
    width: 18px;
    height: 18px;
    background: url(../img/icon_qrcode.png) left no-repeat !important;
}

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

.box h2 {
    background: #ccc;
    color: #333 !important;
    margin: 0 !important;
    padding: 4px 0 0 10px !important;
    font-weight: normal !important;
    line-height: 32px;
    font-size: 110%;
}

.box h2 a {
    text-decoration: none;
}

.box h2 a:hover {
    color: #fff !important;
}

.box p {
    margin: 0;
}

.box a {
    color: #999;
}

.box a:hover {
    color: #212121 !important;
}

.box ul li {
    background: url(../img/arrow.png) 1px 4px no-repeat; /** ELZA: Alterei isto para quando faz wrap */
    overflow: auto;
    display: block;
    padding: 2px 15px 0 15px;
    border: none;
}

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

.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;
}

/** [ ACTIONSBUTTONS/BOXLINKAREA ] **/
.boxactionsbuttons {
    color: #212121 !important;
    height: 28px !important;
    line-height: 28px !important;
    border-top: 4px solid #999 !important;
    background-color: #ccc !important;
    margin-top: 0 !important;
}

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

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

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

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

/** [ MENU/contentAttached ] **/
.menuattached {
    background-color: #cfdbb2 !important;
    margin-right: 5px;
}

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

/*** DIF:mainMenu Component
     ----------------------- ***/
.mainmenu {
    font-size: 85%;
    padding: 30px 30px 30px 30px;
    overflow: auto;
}

.mainmenu h3, .mainmenu h4, .mainmenu h5 {
    color: #999;
    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: 15px;
    background: url(../img/borders_pixel.png) left repeat-y;
}

.mainmenu ul li {
    padding-left: 15px;
}

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

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

.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 {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;
    font-size: 100% !important;
}

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

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

ul.submenunavbar li {
    display: block !important;
    margin-left: 10px;
    padding: 0 15px 0 15px !important;
    border: none !important;
    background: url(../img/breadcr_bg.png) 0px 3px no-repeat; /** ELZA: Alterei isto para quando faz wrap */
}

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

/** [ SUBMENU/dropdownbox ] **/
.dropdownbox {
    border: 1px solid;
    padding: 15px !important;
    display: inline-block;
    position: absolute;
    text-align: left;
    z-index: 1000000;
}

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

.dropdownbox li {
    height: 25px;
    line-height: 25px;
    font-size: 85%;
    background: url(../img/backg_white_arrow_horizontal.png) left no-repeat !important;
}

.dropdownbox li a {
    text-decoration: none !important;
    border-bottom: none !important;
    background: none !important;
    padding: 0 !important;
}

.dropdownbox ul li a:hover {
    border-bottom: none !important;
}

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

.dropdownbox p {
    padding-left: 15px;
    line-height: 16px;
    font-size: 85%;
}

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

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

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

.menu {
    color: #fff;
    font-size: 85%;
    font-weight: bold;
}

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

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

.menu ul {
    overflow: visible;
}

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

.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%;
    font-family: "montserratregular";
    display: block;
    padding-top: 25px;
    padding-left: 10px;
    line-height: 23px !important;
}

#menuBOX .fontsecondlevel {
    color: #212121;
    font-size: 150%;
    font-weight: bold;
    font-family: "montserratregular";
    padding-left: 10px;
    padding-right: 10px;
}

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

.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;
}

#menuBOX div.centerbuttons.inactive ul li {
    background-color: #ccc !important;
    color: #bbb !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: 0px;
}
#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;
}


/*Menu SMALL Boxes*/
#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%;
    font-family: "montserratregular";
    display: block;
    /*    padding-top: 50px;*/
}

#menuBOXSmall .fontsecondlevel {
    color: #212121;
    font-size: 250%;
    font-weight: bold;
    font-family: "montserratregular";
}

#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;
    font-family: "montserratregular";
    text-align: center;
    line-height: 130px;
}

/* [ authentication/Box ] */
div#login {
    background-color: #e4e4e4;
}

div#login a {
    color: #fff;
}

div#login h2 {
    padding-top: 14px !important;
    padding-bottom: 0px !important;
    background: none !important;
    border-bottom: none !important;
    font-size: 120%;
}

div#login input {
    width: 150px;
    height: 20px !important;
    font-size: 12px !important;
}

div#login input.loginbutton {
    color: #fff;
    border: 1px solid #95d600;
    background-color: #608800;
    width: 150px !important;
    height: 25px !important;
    text-decoration: none !important;
}

.logoutbutton, .loginlink {
    height: 18px !important;
    font-size: 85%;
    border: 1px solid #95d600;
    background-color: #608800;
    padding: 2px 5px !important;
}

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

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

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

.headersublink {
    border-bottom: 2px solid #608800;
}

.linkservicesbox .sublink li {
    border: none;
    padding-left: 10px;
    line-height: 20px !important;
}

/*** DIF:boxArea Component
     ----------------------- ***/
.boxarea {
    min-height: 20px;
    color: #000;
    background-color: #608800;
    margin-top: 10px;
    padding: 5px;
    border-top: 4px solid #95d600;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    font-size: 90%;
}

.boxarea ul {
    list-style: none;
    margin: 0;
}

.boxarea ul li {
    display: inline;
    padding: 0 2px !important;
    overflow: auto;
    background: none !important;
}

.boxarea a {
    color: #fff !important;
    border-bottom: 1px dotted #fff !important;
    font-weight: bold;
    font-size: 85% !important;
}

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

/*** DIF:boxArea Component
     ----------------------- ***/
.multiselect {
    padding: 0 !important;
    border: 1px solid #608800;
    width: 100%;
    overflow: auto;
}

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

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

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

.downloadInline {
    padding: 0 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;
}
#infodetails .downloadfile ul { /* REVER:ELZA:2/11/2021*/
    display: block;
    margin-top: 0px !important;
}

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

.mimedefault, .mimepdf, .mimedoc, .mimexls, .mimeppt, .mimecsv, .mimehtml, .mimeexe, .mimeimage, .mimepng, .mimegif, .mimejpg, .mimejpeg, .mimesvg, .mimebmp, .mimeswf, .mimeavi, .mimewav, .mimezip {
    padding: 3px 0 0 25px;
}

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

.mimedefault, .mimejrxml {
    background: url(../img/icon_default.png) left no-repeat;
}

/** [ DOWNLOAD PDF ] **/
.mimepdf {
    background: url(../img/icon_pdf.png) left no-repeat;
}

/** [ DOWNLOAD DOC/TXT/WORD ] **/
.mimedoc, .mimedocx {
    background: url(../img/icon_doc.png) left no-repeat;
}

/** [ DOWNLOAD XLS ] **/
.mimexls, .mimexlsx {
    background: url(../img/icon_xls.png) left no-repeat !important;
}

/** [ DOWNLOAD PPT ] **/
.mimeppt, .mimepptx {
    background: url(../img/icon_ppt.png) left no-repeat;
}

/** [ DOWNLOAD CSV ] **/
.mimecsv {
    background: url(../img/icon_csv.gif) left no-repeat;
}

/** [ DOWNLOAD HTML ] **/
.mimehtml {
    background: url(../img/icon_www.png) left no-repeat;
}

/** [ DOWNLOAD EXE ] **/
.mimeexe {
    background: url(../img/icon_exe.png) left no-repeat;
}

/** [ DOWNLOAD JPG/PNG/GIF/BMP/TIFF/PSD ] **/
.mimeimage, .mimepng, .mimegif, .mimejpg, .mimejpeg, .mimesvg, .mimebmp {
    background: url(../img/icon_image.png) left no-repeat;
}

/** [ DOWNLOAD FLASH ] **/
.mimeswf {
    background: url(../img/icon_swf.png) left no-repeat;
}

/** [ DOWNLOAD AVI ] **/
.mimeavi {
    background: url(../img/icon_avi.png) left no-repeat;
}

/** [ DOWNLOAD WAV ] **/
.mimewav {
    background: url(../img/icon_wav.png) left no-repeat;
}

/** [ DOWNLOAD ZIP/RAR ] **/
.mimezip {
    background: url(../img/icon_zip.png) left no-repeat;
}

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

#infodetails p {
    color: #385900;
    font-weight: bold;
}

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

#infodetailsinfo ul li a {
    padding-left: 10px;
    font-size: 90%;
    background: url(../img/arrow.png) left no-repeat;
    background-size: 5px;
    margin-left: 5px;
}

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

#infodetails .infodetailsSideContentArea {
    float: right;
    padding: 2px;
    background-color: #f7f7f7;
}

#infodetails .infodetailsSideContentArea .rightAlignBoxContainer .rightAlignBox {
    background-color: initial;
}

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

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

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

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

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

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

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

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

#infodetails .rtc {
    padding: 0 0 0 33px;
    background: url(../img/icon_rtcdetail.png) left no-repeat;
}

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

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

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

#infodetails .unidadecurricular {
    padding: 0 0 0 33px;
    background: url(../img/icon_ucdetail.png) left no-repeat;
}

#infodetails .regentedocente {
    padding: 0 0 0 33px;
    background: url(../img/icon_docentedetail.png) left no-repeat;
}

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

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

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

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

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

/** [ Collapsible Areas/openclose ] **/
.openleftarea {
    padding: 25px 3px 10px 3px;
    background-position: top;
    background-repeat: no-repeat;
    /* TODO: RETIRAR ISTO! */
    float: left;
    height: 150px;
    width: 15px;
    text-align: left;
    background-image: url(../img/icon_menu.png);
}

.openrightarea {
    padding: 25px 3px 10px 3px;
    background-position: top;
    background-repeat: no-repeat;
    /* TODO: RETIRAR ISTO! */
    float: right;
    height: 150px;
    width: 15px;
    text-align: left;
    background-image: url(../img/icon_menu.png);
}

.openrightarea a, .closerightarea a, .openleftarea a, .closeleftarea a {
    color: #fff;
    border-bottom: none;
}

.openrightarea a:hover, .closerightarea a:hover, .openleftarea a:hover, .closeleftarea a:hover {
    color: #ccc;
    border-bottom: none;
}

.openleftarea div {
    writing-mode: tb-rl;
}

.closeleftarea {
    text-align: left;
    padding-left: 20px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../img/icon_menu.png);
}

.openrightarea div {
    writing-mode: tb-rl;
}

.closerightarea {
    text-align: right;
    padding-right: 23px;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(../img/icon_menu.png);
}

/*** DIF:infoAlunoPopup Component
     ----------------------- ***/
.infoaluno {
    color: #333;
    font-size: 110%;
}

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

.infoaluno label {
    color: #333;
}

.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 {
    -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 {
    background: url("../img/eraseIcon.png") no-repeat scroll left center transparent;
    background-size: 16px;
    height: 20px;
    width: 20px;
    padding: 0 0 0 20px;
    position: absolute;
    /*margin-left: 10px;*/
}

div.fileUploadInfo {
    display: inline-block;
    padding-left: 5px;
}
div.fileUploadInfo .downloadInline {
    display: inline;
    padding: 0px;
}
div.fileUploadInfo .downloadfile ul {
    margin: 0px;
}

input[type="file"] {
    border: 1px solid #ccc !important;
    height: 30px !important;
    margin-bottom: 0px !important;
}

input[type="file"]::file-selector-button, input[type="file"]::-webkit-file-upload-button {
    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-size: 11px;
    height: 15px !important;
    line-height: 10px;
}

input.gridButton[type="file"] {
    font-size: 10px !important;
    /*height: 19px !important;*//*desformata o input dentro da grid*/
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
}

/***** [ 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 0px;
}

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

/*** [ end_structure ] ***/
/*** Login separator ***/
.login-separator {
    text-align: center;
    margin-bottom: 25px;
    height: 1px;
    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;
}

/*** [ end_structure ] ***/
/*** Alertify separator ***/
.ajs-button {
    border: 1px solid lightgray !important;
    border-radius: 8px !important;
    color: gray !important;
    transition: background-color 0.5s ease;
    transition: color 0.5s ease;
}

.ajs-button:hover {
    color: #222222 !important;
    background-color: lightgray !important;
}

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

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

.alertify button:focus {
    outline: none;
}

.alertify .x-message-box-error {
    background: url(../img/popup_error.png) no-repeat;
}

.alertify .x-message-box-warning {
    background: url(../img/popup_warning.png) no-repeat;
}

.alertify .x-message-box-info {
    background: url(../img/popup_info.png) no-repeat;
}

.alertify .x-message-box-question {
    background: url(../img/popup_question.png) no-repeat;
}

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

/* 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 {
    vertical-align: top;
    padding: 0 5px 0 5px !important;
}

.disabledText, .disabled, li.disabled {
    color: #c4c4c4 !important;
}

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

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

.smallbuttons {
    background-color: #ccc !important;
    font-size: 100%;
    border: 1px solid lightgray !important;
    border-bottom: none !important;
    border-radius: 3px !important;
    transition: color 0.5s ease 0s;
    text-align: center;
    padding: 3px 6px 3px 19px !important;
    margin-right: 5px;
}

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

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

.greydarktext {
    color: #999 !important;
}

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

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

/*
.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 {
    border: 1px solid #fff;
    text-align: center;
    width: 600px;
    padding-bottom: 15px;
    font: 14px proxima_nova_rgregular;
    color: #212121;
}

.x-mask-msg div {
    font-size: 110%;
}

#left { border-bottom: 1px solid transparent;}

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

.reportAreaType { padding: 0 10px 10px 10px; background-color: #fff !important;}
.reportAreaType .x-panel-body, .reportAreaType .x-toolbar { background-color: #fff !important;}
.reportAreaType h4 { font-size: 125%;}
.reportAreaType img { width: 250px; padding: 10px 0 10px 0;}

.reportAreaType p {
}

/******RUCnet/AreasReport*******/
@font-face {
    font-family: "kanitmedium";
    src: url("../webfonts/kanit-medium-webfont.eot");
    src: url("../webfonts/kanit-medium-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/kanit-medium-webfont.woff2") format("woff2"),
    url("../webfonts/kanit-medium-webfont.woff") format("woff"),
    url("../webfonts/kanit-medium-webfont.ttf") format("truetype"),
    url("../webfonts/kanit-medium-webfont.svg#kanitmedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "kanitregular";
    src: url("../webfonts/kanit-regular-webfont.eot");
    src: url("../webfonts/kanit-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/kanit-regular-webfont.woff2") format("woff2"),
    url("../webfonts/kanit-regular-webfont.woff") format("woff"),
    url("../webfonts/kanit-regular-webfont.ttf") format("truetype"),
    url("../webfonts/kanit-regular-webfont.svg#kanitregular") format("svg");
    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%;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    background-color: transparent;
}

div#reportEditorareas h4 {
    font-family: "kanitregular", sans-serif !important;
    color: #414141;
    font-size: 180% !important;
    border-bottom: 2px solid #d6d8d9;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !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 {
    font-family: "kanitregular", sans-serif !important;
    color: #ccc;
    font-size: 150% !important;
    padding-right: 10px;
}

div#reportEditorareas h5 {
    font-family: "kanitregular", sans-serif !important;
    color: #414141;
    font-size: 120% !important;
    padding-left: 0px !important;
    line-height: 30px;
    background-color: #d1d3d4;
}

div#reportEditorareas h5 span.areanumber {
    font-family: "kanitregular", sans-serif !important;
    color: #ccc;
    font-size: 110% !important;
    padding-right: 10px;
    line-height: 30px;
    background: #d1d3d4;
}

div#reportEditorareas h6 {
    font-family: "kanitregular", sans-serif !important;
    font-size: 100% !important;
    padding-left: 0px !important;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    color: #999;
}

div#reportEditorareas button {
    border-radius: 4px;
    padding: 2px;
}

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: 4px 7px 4px 20px !important;
    margin-left: 10px;
    background-color: #ccc;
}

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

div#reportEditorareas .x-btn button {
    height: 24px;
    background-color: #ccc;
}

.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 {
    background-color: #fff;
    border-color: #fff;
}

.divContentArea {
    font-family: "kanitregular", sans-serif !important;
    color: #414141;
    font-size: 140%;
}

.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 {
    padding: 10px;
}

.detaillist dl {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}

.detaillist dt, .detailslistLabel {
    color: #888 !important;
    font-size: 120% !important;
    font-weight: normal;
}

.detaillist dd {
    color: #212121;
}

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

fieldset.advancedFilters legend {
    padding: 0px 10px 0 0 !important;
    font-size: 120%;
}

fieldset.advancedFilters legend div.x-tool {
    padding: 0 20px 0 0 !important;
}

.userConsentReview {
    display: grid;
}

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

/*
  ONLY SO BIG SECTION
*/
.only-so-big {
    background: rgba(178, 252, 255, .3);
    height: 100%;
    max-height: 100px;
    overflow: hidden;
    -webkit-transition: max-height .75s;
    transition: max-height .75s;
}

.read-more {
    background: none;
    border: none;
    color: #1199f9;
    cursor: pointer;
    font-size: 1em;
    outline: none;
    text-align: left;
    padding-left: 0px;
}

.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: #e1e9cd;
}

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: #30302e !important;
    font-size: 150% !important;
    padding: 15px 0 0 0 !important;
    border-bottom: 2px solid #777 !important;
}

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

h3.separators a:hover {
    color: #30302e !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;
}

/**/
.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: 0px;
    padding-top: 0px !important;
    height: 22px;
    display: inline-block;
}

input.liveFilter {
    background-color: #f3f3f3;
    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;
    color: black;
    /*line-height: 2em;*/
    font-weight: 100;
    font-size: 16px;
    padding: 6px !important;
    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 black;
    background-color: white;
}

.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 #aaa !important;
}

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

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

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

.sidebarFormButtons.withIndex .actions a {
    background-position: right;
    padding: 3px 20px 3px 0;
    font-size: 12px;
    background-size: 20px;
    white-space: nowrap;
}


#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 0px;
    background-color: #eee;
}

#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 */
    list-style: none;
    background-color: #eee;
}

.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 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    display: block;
    position: relative;
    overflow: hidden;
}

/* 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 {
    display: block;
    padding: 15px 10px 5px 10px;
    text-align: center;
    font-size: 16px;
}

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

div#issues .x-grid-cell-inner {
    white-space: normal;
    /*padding-left: 65px;
    text-indent: -65px;*/
}

.checkListComponent td.descriptionColumn {
    padding-left: 4em;
    text-indent: -4em;
}

/*pageLINKS*/
.PageLinks li.linktext {
    color: #1a1a1a;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    padding: 10px 20px 10px 20px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-position: 5px 15px;
}

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

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 49%; /*dinamico*/
    line-height: 60px;
    height: 60px;
    font-size: 140%;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    background-color: #f2f2f2;
    margin-left: 10px;
    margin-right: 10px;
}

.switch-label:active {
    font-weight: normal;
}

.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 {
    font-weight: normal;
    color: #fff;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    background-color: #212121;
    border-radius: 5px;
}

/*signatureSwitch*/
.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 .switch-labelscapSignature {
    /*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;
}

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

/*position 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 #212121;
    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: #212121 !important;
}

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

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

/*position 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;
    border: solid 1px #212121;
    display: inline-block;
    padding-top: 10px;
    padding-left: 10px;
}

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

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

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

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


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


.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*/
.pulse-icon, .pulse-icon-right { position: absolute; width: 0;}
.pulse-icon-right { right: 0; }
.pulse-badge { cursor: default; position: absolute; top: -9px; right: -9px;}
.pulse-nucleus {
    position: absolute;
    top: -0px;
    right: 1px;
    height: 18px;
    min-width: 6px;
    max-width: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 10px;
    background: #ffa520;
    font-size: 11px;
    color: white;
    text-align: center;
    line-height: 18px;
    border: 1px solid white;
    padding: 0 6px;
    animation: pulse-icon 1.2s ease-out 15;
}

.pulse-icon + .menuItemLink {margin-left: 10px;}
.menuItemLink + .pulse-icon-right, .column > p .pulse-icon-right,
.actions a + .pulse-icon-right, .actionsbuttons a + .pulse-icon-right {
    right: auto;
    position: relative;
    display: inline-block;
    top: -12px;
}
.menuItemLink + .pulse-icon-right, .column > p .pulse-icon-right,
.x-grid-cell-treecolumn .pulse-icon-right,
.actions a + .pulse-icon-right {
    /*top: -15px; */
    /*left: -3px;*/
    width: auto;
    top: initial;
}

.x-grid-cell-treecolumn .pulse-icon-right {display: inline-block;}
.actionsbuttons a + .pulse-icon-right { top: -23px; right: -9px;}
.actions a + .pulse-icon-right .pulse-badge,
    /*.actionsbuttons a + .pulse-icon-right .pulse-badge,*/
.column > p .pulse-icon-right .pulse-badge,
.x-grid-cell-treecolumn .pulse-icon-right .pulse-badge,
.menuItemLink + .pulse-icon-right .pulse-badge {
    position: relative;
    right: auto;
    top: 0;
}

.actions a + .pulse-icon-right .pulse-badge .pulse-nucleus,
    /*.actionsbuttons a + .pulse-icon-right .pulse-badge .pulse-nucleus,*/
.column > p .pulse-icon-right .pulse-badge .pulse-nucleus,
.x-grid-cell-treecolumn .pulse-icon-right .pulse-nucleus,
.menuItemLink + .pulse-icon-right .pulse-badge .pulse-nucleus {
    position: relative;
    right: auto;
    left: 1px;
}
.x-grid-cell-treecolumn .pulse-icon-right .pulse-badge .pulse-nucleus {
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white !important;
    left: 0;
    animation: none;
}




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

/* calculator */
.calculatorContainer {
    text-align: center;
    padding-left: 60px;
    background: url(../img/calculator.png) left top no-repeat;
    background-size: 40px;
    background-position-y: 5px;
}

.calculator {
    display: inline-block;
    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-weight: bold;
    font-size: 120%;
    padding-left: 10px;
}

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

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

/* pulse icon*/
@keyframes pulse-icon {
    0% {
        /*-webkit-transform: scale(1);*/
        box-shadow: 0px 0px 0 0px rgba(265, 165, 32, 0.8);
    }
    20% {
        /*-webkit-transform: scale(1.1);*/
        box-shadow: 0px 0px 0 2px rgba(265, 165, 32, 0.6);
    }
    40% {
        /*-webkit-transform: scale(1.2);*/
        box-shadow: 0px 0px 0 4px rgba(265, 165, 32, 0.4);
    }
    60% {
        /*-webkit-transform: scale(1.4);*/
        box-shadow: 0px 0px 0 6px rgba(265, 165, 32, 0.2);
    }
    80% {
        /*-webkit-transform: scale(1.4);*/
        box-shadow: 0px 0px 0 7px rgba(265, 165, 32, 0.1);
    }
    100% {
        /*-webkit-transform: scale(1);*/
        box-shadow: 0px 0px 0 8px rgba(265, 165, 32, 0.0);
    }
}

sup {
    vertical-align: super;
    font-size: 70%;
}

.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 0px 20px;
    background-color: #eee;
    border-radius: 5px;
}

.inlineOK {
    padding-left: 25px;
    background: url(../img/icongeral_ok.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineError {
    color: #b94a48;
    padding-left: 25px;
    background: url(../img/icongeral_cancel.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineWarn {
    padding-left: 25px;
    background: url(../img/icongeral_warning.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineFlag {
    padding-left: 25px;
    background: url(../img/icongeral_flag.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineInfo {
    padding-left: 25px;
    background: url(../img/icongeral_info.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineInfoNotOK {
    padding-left: 25px;
    background: url(../img/icongeral_notokinfo.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineValidating {
    padding-left: 25px;
    background: url(../img/icongeral_validating.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

.inlineInfoOK {
    padding-left: 25px;
    background: url(../img/icongeral_okinfo.png) no-repeat left top;
    background-size: 17px;
    min-height: 20px;
}

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

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

.chosemode a.ideLink {
    padding: 3px 10px 3px 27px !important;
    background: url(../img/developerIcon2.png) no-repeat left top;
    background-position-x: 4px;
    background-position-y: 1px;
    background-size: 20px;
    background-color: #fff;
    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;
    color: black !important;
}

.devButton {
    background: white;
    color: black;
}

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

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

.heightAuto {
    height: auto !important;
}

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

.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 {
    bottom: 0;
    font-size: 12px;
    right: 24px;
    position: fixed;
    width: 10%;
    max-width: 600px;
    min-width: 200px;
    border: 1px solid #b5b8c8;
    margin-bottom: 10px;
    background-color: #fff;
    z-index: 100;
}

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

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

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

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

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

.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 {
    background: #363636;
    border: solid 1px #363636;
    color: white;
    cursor: pointer;
    padding: 10px 12px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
}

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

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

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

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

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

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

.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";
    font-weight: bold;
}

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

.processResultsLeft img {
    width: 180px;
}

.processExecutionLeft h4 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !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: 28px;
    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: white;
    font-family: montserratregular;
    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;
}

/*Calendar - begin*/
.calendarReadOnlyCell {
    background-color: #e6e6e6 !important;
    color: #808080 !important;
    border-radius: 0px !important;
    border-top: 1px solid white;
    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;
}

.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;}

/* Splide.js */
/* REVER:ELZA:22/11/2021 START */
.newsArea { display: flex; width: calc(100% - 20px); margin: 20px; min-height: 300px; }
.newsArea_high { flex: 1; margin-right: 10px; }
.newsArea_normal { width: 300px; font-size: 16px;}
.newsArea_normal h2, .newsArea_noImage h2 {
    padding: 0 !important;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd !important;}
.newsArea_noImage h2 { margin-bottom: 20px; color: #145077 !important;}
.newsArea_noImageBody {position: absolute;}
.newsArea_normal h2 span {
    display: block;
    float: right;
    text-align: right;
    font-size: 10px;
    padding-top: 10px;
    font-weight: normal;}
.newsArea_normal article {margin: 15px 0 0 0; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.newsArea_normal article.withImage {min-height: 75px; }
.newsArea_normal article > span {font-size: 10px;padding-bottom: 5px;display: block;}
.newsArea_normal article > h3 {
    display: block;
    font-size: 14px;
    margin: 0 0 10px 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;
}
.newsArea_mini {display: flex;width: calc(100% - 30px);min-height: 100px;}
.newsArea_high_mini { flex: 1; margin-right: 10px; min-height: 150px; }
.newsArea_normal_mini { width: 250px; font-size: 10px;}
.newsArea_normal_mini_noImages { width: 200px; font-size: 12px;}
.newsArea_normal_mini h2, .newsArea_noImage_mini h2 {
    padding: 0 !important;
    margin: 0 0 2px 0;
    border-bottom: 1px solid #ddd !important;}
.newsArea_mini_noImages h2 { margin-bottom: 5px; color: #145077 !important;}
.newsArea_Body_mininoImages {position: absolute;}
.newsArea_normal_mini h2 span {
    display: block;
    float: right;
    text-align: right;
    font-size: 7px;
    font-weight: normal;}
.newsArea_normal_mini article {margin: 0 0 0 0; padding-bottom: 1px; border-bottom: 1px solid #ddd; }
.newsArea_normal_mini article.withImage {min-height: 50px; }
.newsArea_normal_mini article > span {font-size: 9px;padding-bottom: 0;display: block;}
.newsArea_normal_mini_noImages article > span {font-size: 12px;padding-bottom: 0;display: block;}
.newsArea_normal_mini article > h3 {
    display: block;
    line-height: 19px !important;
    margin: 0 0 0 5px !important;
    padding: 0 !important;}
.newsArea_normal_mini article > img {
    float: right;
    width: 70px;
    margin-left: 5px;
    margin-top: 7px;
    border: 10px white;
    border-radius: 5px;
}
.newsArea_normal_mini article > div {
    font-size: 10px;
    margin-left: 5px;
    overflow: hidden;
    max-height: 45px;
}
.newsArea_normal_mini_noImages article > h3 {
    display: block;
    line-height: 22px !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd !important;
}
.newsArea_normal_mini_noImages article > div {
    font-size: 10px;
    overflow: hidden;
    max-height: 40px;
}
@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 {text-align: right;font-size: 10px;}
.newsArea_normal_mini .newsArea_more {text-align: right;font-size: 10px;}
.newsArea_normal_mini_noImages .newsArea_more {text-align: right;font-size: 10px;}
/* 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: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.newsAreaTitle_mini {
    padding: 5px 0;
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 15px;
    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);
}

/* REVER:ELZA:29/11/2021 START */
.centerBackgroundImage {background-size: 100%; background-position: center;}
/* REVER:ELZA:29/11/2021 END */
/*.verticalText .x-column-header-text {padding-top: 4px; padding-bottom: 4px;}*/
/* REVER:ELZA:10/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 */

/* REVER:ELZA:13/12/2021 Start */
.menuItemNotAvailable {
    background-color: #858585 !important;
}
/* REVER:ELZA:13/12/2021 End */

/* REVER:ELZA:12/01/2021 Start */
.regimeTitleWithAction {
    display: flex !important;
    align-items: baseline;
}

/* REVER:ELZA:17/01/2021*/
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/2021 End */
/* REVER:ELZA:24/01/2021*/
.centerBlock {margin-left: auto; margin-right: auto;width: fit-content;}

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

.uppercase {text-transform: uppercase !important;}
.normalcase {text-transform: initial !important;}

.treeNodeDocument .x-tree-icon-leaf {
    background: url("../img/icon_document.png") no-repeat left top !important;
    background-size: 16px !important;
    margin-top: 2px !important;
}
.treeNodeMessage .x-tree-icon-leaf {
    background: url("../img/icon_email.png") no-repeat left top !important;
    background-size: 16px !important;
    margin-top: 4px !important;
}
.treeNodeBox {
    border-radius: 10px !important;
    /*background: lightgray !important;*/
    /*margin: 2px !important;*/
    padding: 2px 0 2px 0 !important;

}
.treeNodeBox a {
    color: black !important;
    font-size: 13px;
    text-wrap: pretty !important;
}
.treeNodeBox a div {
    max-width: 180px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.treeNodeBox sup {
    float: right;
    padding-right: 8px;
}
.treeFolderBox sup {
    float: right;
    padding-right: 3px;
}
.treeFolderBox div {
    color: black !important;
    font-size: 13px;
}
.treeNodeBox sup {
    color: #700000ff !important;
}
.treeFolderBox sup {
    color: #700000ff !important;
}