/* [GeneralApplicationsVariables] */
/*lighten(@basicGreyColor, 20%) = #ccc*/
/*lighten(@basicGreyColor, 28%) = #e0e0e0*/
/*@fontFamilySpecialHeaders: NunitoLight, Arial, Helvetica, sans-serif;*/
/*-- Parameter BreadCrumbsVisible true*/
/*-- Parameter SubFooterVisible true*/
/*REVER COM VIEGAS*/
/*OK*/
/**** [ @DOC@theme | DIGITALIS | 2022 | v.LESS.01 ] ****/
body.adocHome div#maincontentarea {
  background-size: cover;
  background-image: linear-gradient(#ffffff 5%, rgba(200, 200, 200, 0.7), #ffffff 95%), url("../img/background1.jpg");
}
body.adocHome div#maincontentarea {
  display: flex;
  align-items: end;
  flex-direction: row;
}
body.adocHome div#maincontentarea #contentonecolumn {
  margin: 0 auto;
}
.homecq {
  width: 100%;
  height: 525px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/home_backg.jpg");
}
.homelink {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.homelinkhome {
  display: none;
  /*ELZA - RETIRAR C?DIGO JSP*/
}
.homelinklogin {
  text-transform: uppercase;
  float: right;
  margin-top: 210px;
  padding-right: 16px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 15%;
  background-image: url("../img/icon_arrow.png");
}
.homebox {
  padding-top: 50px;
}
.homeboxarea {
  max-width: 450px;
  vertical-align: top;
  display: inline-flex;
}
.homeboxarea img {
  display: inline-block;
  float: left;
  height: 125px;
  width: auto;
  padding-right: 10px;
}
.homeboxarea div {
  display: inline-block;
  float: left;
  margin-right: 10px;
  vertical-align: top;
}
.homeboxarea h2 {
  padding-top: 0px;
}
/**** [PROCESSPAGE] ****/
.valuesinfo {
  clear: both;
  border-top: 1px solid #dddddd;
}
.matriz {
  clear: both;
}
.matriz .criterionHeading h4 {
  line-height: 25px !important;
  padding-top: 10px;
  padding-bottom: 10px;
}
.matriz table.finalGradeTable {
  margin-bottom: 10px;
}
.matriz table.finalGradeTable tr td.spacer {
  padding-right: 0px;
}
.matriz table.finalGradeTable tr td.spacer label {
  vertical-align: middle;
  width: 210px;
  padding-left: 50px;
  padding-right: 10px;
  display: inline-block;
}
.matriz table.finalGradeTable tr td.spacer input {
  margin-top: 10px;
}
.matriz table.finalGradeTable tr td input {
  height: 19px;
}
.matriz .tooltip {
  padding: 6px 8px !important;
  border-radius: 12px !important;
  border: 3px solid #ffffff !important;
  background: #f2f2f2 !important;
}
.matriz .tooltip-inner {
  white-space: normal !important;
}
.matriz table.criterionHeading h4.index span {
  font-size: 120%;
  margin-left: 10px;
}
.matriz .quantityColumn {
  width: 220px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matriz .quantityDesc {
  font-size: 90%;
}
.matriz .quantityColumnTitle {
  width: 225px;
  margin-left: 5px;
  display: inline-block;
}
.matriz .gradeColumnTitle {
  width: 110px;
  display: inline-block;
}
.matriz .gradeColumnTitle.bigger {
  width: 150px;
  display: inline-block;
}
.matriz .gradeColumnTitle.shorter {
  width: 75px !important;
}
.matriz table.criterionHeading tr td:not(.title) {
  /*padding-top: 5px; vertical-align: top;*/
  padding-right: 5px;
}
.matriz table.criterionHeading tr td.indexSub {
  padding-top: 0;
  vertical-align: top;
}
.matriz table.criterionHeading tr td.indexSub span {
  font-size: 150%;
  margin-left: 10px;
  padding-right: 10px;
}
.matriz table.criterionHeading tr td.titleSub {
  padding-bottom: 5px;
  vertical-align: top;
}
.matriz table.criterionHeading tr .actions ul li,
.matriz table.criterionHeading tr td.titleSub .actions ul li {
  margin-left: 0;
}
.matriz table.criterionHeading tr td:not(.title, .indexSub, .titleSub) {
  white-space: nowrap;
  vertical-align: top;
}
.matriz table.criterionHeading tr td p.calcTip {
  font-size: 10px;
  font-style: italic;
}
.matriz table.criterionHeading tr td.critAction {
  width: 50px;
}
.matriz table.criterionHeading tr td .questionIcon {
  background-position: 50% 50%;
}
.matriz table.criterionHeading tr td input {
  margin-bottom: 5px !important;
}
.matriz table.criterionHeading tr td .inputWithSuffix input {
  margin-bottom: 0 !important;
}
.matriz table.criterionHeading tr td .inputWithSuffix {
  margin-bottom: 5px !important;
}
.matriz table.criterionHeading tr td input[type="checkbox"] {
  width: 20px !important;
  height: 26px !important;
  margin: 0;
  padding: 0 !important;
}
div.matriz ol.comment {
  margin: 0 10px 10px 200px;
  max-width: 790px;
  padding: 10px;
}
form.matriz ol.comment {
  margin: 0 10px 10px 440px;
  padding: 10px;
}
.matriz ol li {
  font-size: 120%;
  line-height: 25px;
  list-style-type: decimal !important;
  list-style-position: inside;
}
.matriz input {
  font-size: 120%;
  /*font-weight: bold;*/
  padding-right: 10px !important;
}
.matriz .calcTip img {
  vertical-align: bottom;
}
.matriz input.checkValueInput {
  width: 45px !important;
}
.matriz div.inputWithSuffix.bonificacao {
  width: 65px !important;
}
.matriz div.inputWithSuffix input {
  height: 22px !important;
}
.matriz input.bonificacao {
  width: 50px !important;
}
.bonificacaoSpacer {
  width: 10px;
  height: 1px;
  display: inline-block;
}
.bonificacaoEmptySpace {
  display: block;
  width: 77px;
}
.matriz .inputSuffix {
  display: flex !important;
  align-items: center !important;
}
.matriz input.ponderacao {
  width: 45px;
  color: #dddddd;
  text-align: right !important;
}
input[type="checkbox"][readonly] {
  pointer-events: none !important;
}
.matriz input.nota {
  width: 45px;
  text-align: center !important;
  margin-right: 15px !important;
}
.matriz input.automatica {
  text-align: right !important;
}
.matriz input.automatica.ponderacao {
  color: #000000;
}
.matriz .quantityColumn input.automatica {
  width: 35px;
}
.matriz .sum,
.matriz .average,
.matriz .highest,
.matriz .sum-black,
.matriz .average-black,
.matriz .highest-black {
  width: 70px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-color: #dddddd;
}
.matriz .sum.bigger,
.matriz .average.bigger,
.matriz .highest.bigger,
.matriz .sum-black.bigger,
.matriz .average-black.bigger,
.matriz .highest-black.bigger {
  width: 115px;
}
.matriz .sum {
  background-image: url("../img/icon_sum_grey.png");
}
.matriz .average {
  background-image: url("../img/icon_average_grey.png");
}
.matriz .highest {
  background-image: url("../img/icon_higherscore_grey.png");
}
.matriz .sum-black {
  background-image: url("../img/icon_sum.png");
}
.matriz .average-black {
  background-image: url("../img/icon_average.png");
}
.matriz .highest-black {
  background-image: url("../img/icon_higherscore.png");
}
.matriz input.normalGrade {
  width: 70px;
}
.matriz input.biggerGrade {
  width: 115px;
}
.matriz input.smallGrade {
  width: 50px;
}
.matriz input.monthPondValue {
  background-color: #dddddd !important;
}
.matriz input.no-border-right {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.matriz input.no-border-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.matriz table.finalGradeTable tr td input.gradeFinalInput {
  font-size: 150% !important;
  width: 76px;
  margin-right: 4px !important;
  text-align: right !important;
  margin-bottom: 20px;
  height: 30px;
  background-color: #dddddd;
}
.matriz table.finalGradeTable tr td input.gradeFinalInputQual {
  font-size: 150% !important;
  width: 176px;
  margin-right: 4px !important;
  text-align: left !important;
  margin-bottom: 20px;
  height: 30px;
  background-color: #dddddd;
}
.matriz .finalGradeCombo {
  font-size: 150% !important;
  height: 30px !important;
  padding-right: 0 !important;
  background-color: #dddddd !important;
}
.matriz #gradeQualFinalInput .x-trigger-cell {
  height: 33px;
}
.matriz #gradeQualFinalInput .x-form-trigger {
  width: 23px;
  height: 32px;
  background-size: cover;
}
.matriz #gradeQualFinalInput .x-form-trigger-over {
  width: 23px;
  background-position: 0 0;
}
.matriz #gradeQualFinalInput .x-form-trigger-wrap-focus .x-form-trigger {
  background-position: 0 0;
}
.matriz #gradeQualFinalInput .x-form-arrow-trigger {
  background-position: 8px center !important;
}
.matriz li textarea {
  display: block;
  margin-left: 200px !important;
  width: 800px;
  min-height: 100px;
  max-height: 200px;
}
.matriz li .downloadDiv {
  margin-left: 275px !important;
}
.matriz li .uploadDiv {
  margin-left: 200px !important;
}
.matriz li .uploadDiv input[type="file"] {
  width: 250px;
}
.matriz li .uploadDiv ul,
.uploadDiv.processFiles ul {
  display: inline;
}
.matriz li .uploadDiv li,
.uploadDiv.processFiles li {
  display: inline;
}
.matriz li .teacherCriterionText {
  display: block;
  margin-left: 250px !important;
  width: 800px;
  padding: 5px;
}
.matriz .updating img {
  vertical-align: sub;
}
.processFiles {
  line-height: 20px;
}
.processFiles img {
  vertical-align: middle;
  padding-right: 5px;
}
.processFiles label,
input[type="file"] {
  margin-right: 10px;
}
table.activityCountTable {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
table.activityCountTable th {
  font-size: 110%;
  font-weight: normal;
  padding-left: 10px;
  background-color: #dddddd;
}
table.activityCountTable td {
  padding-right: 20px;
  padding-left: 10px;
  border-bottom: 1px dotted #aaaaaa;
}
.statdata dl {
  width: 100%;
  overflow: hidden;
}
.statdata dt {
  float: left;
  line-height: 18px;
  clear: both;
}
.statdata dd {
  font-weight: bold;
  float: right;
  line-height: 18px;
  text-align: right;
}
.statdata img {
  vertical-align: middle;
}
/*** [STEPS PROCESS] ***/
.stepsProcess {
  width: 100%;
  height: 160px;
  padding: 10px 0;
  text-align: center;
  display: inline-table;
}
.stepsProcess ul li.stepsCurrent {
  /*font-size: 150% !important;*/
  display: inline-block;
  vertical-align: top;
}
.stepsProcess ul li.stepsON,
.stepsProcess ul li.stepsOFF {
  /*font-size: 150% !important;*/
  display: inline-block;
  vertical-align: top;
}
.stepsProcess ul li {
  width: 160px;
  margin: 0 5px 0 5px;
}
.stepsProcess li.stepsON div,
.stepsProcess li.stepsOFF div {
  width: 50px;
  padding-top: 15px;
  padding-left: 40px;
}
.stepsProcess li.stepsON div span.index,
.stepsProcess li.stepsOFF div span.index {
  font-size: 30px;
  font-weight: bold;
  display: block;
}
.stepsProcess li.stepsON div span.pct,
.stepsProcess li.stepsOFF div span.pct {
  font-size: 15px;
  font-weight: bold;
  border-top: solid 1px;
  display: block;
}
.stepsProcess li.stepsON p,
.stepsProcess li.stepsOFF p {
  padding-top: 27px;
}
/*** [STEPS CURRENT] ***/
div.currentProcessChart {
  min-height: 110px;
}
/*** [STEPS] ***/
.stepsON,
.stepsOFF {
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position-y: 10px;
}
.stepsON {
  background-image: url("../img/step100pct.png");
}
.stepsOFF {
  background-image: url("../img/step0pct.png");
}
/**** [ VIEGAS: para rever com ELZA ] ****/
.x-grid-cell h3 {
  white-space: normal;
  padding: 5px 0 10px 0;
  font-size: 24px;
  font-variant: small-caps;
  text-transform: capitalize;
}
.processCell td {
  vertical-align: top;
}
.processCell td.chart {
  width: 240px;
  margin-right: 50px;
  background: none !important;
}
.processCell .item {
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 2px;
}
.processCell .info {
  white-space: normal;
  padding: 10px;
}
.processCell .state {
  padding: 0 10px;
  width: 160px;
  border-left: 1px solid #dddddd;
  white-space: normal;
}
.processCell .link {
  display: inline-block;
  text-transform: none;
  margin-top: 15px;
  margin-right: 5px;
  background-color: #1b1b1b;
  border-radius: 6px;
}
.processCell .link a {
  color: #dddddd;
  display: inline-block;
  padding: 10px;
}
.processCell .link:hover {
  background-color: #666666;
}
.processCell .state .large {
  font-size: 14px;
  font-weight: bold;
}
.processCell .info progress,
.processCell .state progress {
  width: 200px;
  height: 25px;
}
.processCell .info progress + span,
.processCell .state progress + span {
  vertical-align: super;
}
.hiddenArea.close {
  display: none;
}
/**** [BLOCKQUOTE] ****/
.citationContent a {
  font-weight: normal;
  padding-left: 0.5em;
}
blockquote.citation {
  font-style: italic;
  font-weight: bold;
  margin: 0.25em 0;
  padding: 0.25em 1em 2em 1em;
  line-height: 1.45;
  position: relative;
}
blockquote.citation .initials {
  font-weight: bold;
  font-style: normal;
  display: inline-block;
  float: left;
  padding: 18px 15px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}
blockquote.citation .initials.messengerBg1 {
  color: #ffffff;
  margin-left: 40px;
  background-image: url("../img/icon_messenger01.png");
}
blockquote.citation .initials.messengerBg2 {
  background-image: url("../img/icon_messenger02.png");
}
blockquote.citation .initials.messengerBg3 {
  background-image: url("../img/icon_messenger03.png");
}
blockquote.citation .citationContent {
  display: inline-block;
}
blockquote.citation cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
blockquote cite span {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #dddddd;
}
h4.titleSeparatorInnerTitle {
  color: #999999 !important;
  padding: 20px 0 10px 0 !important;
}
.js-doc-title {
  font-weight: bold;
  font-size: 18px;
}
.js-doc-type {
  font-style: italic;
  font-size: 12px;
}
.js-doc-type.classe {
  color: red;
}
.js-doc-type.funcao {
  color: green;
}
.js-doc-type.variavel {
  color: blue;
}
.js-doc-type.enum {
  color: slateblue;
}
.js-doc-code {
  font-weight: 500;
  font-size: 14px;
}
.js-doc-arguments {
  font-style: italic;
  font-size: 12px;
}
.js-doc-title-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
.crit-dependency-ball {
  width: 16px;
  height: 16px;
  border-radius: 99%;
  cursor: pointer;
}
.crit-dependency-ball-title {
  width: 20px;
  height: 20px;
  border-radius: 99%;
  cursor: pointer;
}
.crit-dependency-parent-wrapper {
  display: inline-block;
  position: relative;
}
.crit-dependency-parent-wrapper .crit-dependency-icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 5px !important;
  background-color: transparent;
  width: 100% !important;
}
.title-quant-sel-user {
  display: inline-block;
  width: 45px;
}
.crit-combobox-wrapper {
  display: flex;
  align-items: center;
}
.iconImageLeftOfText.crit-combobox-readonly {
  background-size: auto 18px !important;
  height: 18px;
}
.phase-item {
  display: flex;
  gap: 4px;
}
.phase-item .phase-item-title {
  flex-shrink: 0;
}
.phase-item .phase-item-description {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title-with-help {
  display: flex;
  gap: 4px;
}
.title-with-help .questionIcon {
  width: 10px;
}
.adoc-pie-chart-wrapper > div {
  display: flex !important;
  width: 100% !important;
}
.adoc-pie-chart-wrapper svg {
  overflow: visible !important;
  margin: auto !important;
}