@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

:root {
    --color-primary: #26424F;
    --color-primary-2: #EE751C;
    --color-secondary: #345A6C;
    --color-info: #0A89A6;
    --color-alert: #F39322;
    --color-error: #DC3545;
    --color-success: #38AF76;
    --color-advance: #62A384;
    --color-typography: #5A5A5A;
    --color-inactive: #CDCCCC;
    --color-areas: #FFFFFF;
    --color-background: #E9E9E9;
    --color-background-header: #FFFFFF;

    --size-menu-open: 200px;
    --size-menu-closed: 60px;
}

.color-background {
    background: var(--color-background) !important;
}

/* Cor da linha no topo da página */
html body::before {
    content: "";
    background-color: var(--color-primary);
    display: block;
    height: 8px;
}

html body {
    margin: 0;
    padding: 0;
    background: white;
}
html body #wrapper-site, html body .wrapper-site {
    background: white;
}

/* Estilos de texto */
.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

/* Área de conteúdos (com fundo branco) */
.well {
    box-sizing: border-box;
    background: var(--color-areas);
    padding: 20px;
    color: var(--color-typography);
}

/* Botões */
html body a.btn,
html body span.btn,
html body input.btn,
html body input[type="file"].btn::file-selector-button {
    box-sizing: border-box;
    display: inline-block;
    background: var(--color-primary);
    border: solid 1px var(--color-primary);
    color: white;
    font-family: "Roboto Condensed";
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    width: auto;
    min-height: 30px;
    cursor: pointer;
    transition: all 0.2s;
}
html body a.btn:hover,
html body button.btn:hover,
html body input.btn:hover,
html body input[type="file"].btn::file-selector-button:hover {
    background: #7e7e7e;
    border-color: #7e7e7e;
}
html body span.btn {
    background: var(--color-inactive);
    border-color: var(--color-inactive);
    pointer-events: none;
}
html body input[type="file"].btn {
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-weight: normal;
    background: transparent;
    color: var(--color-typography);
    padding: 0;
    text-align: left;
}

html body .btn.btn-secondary {
    background-color: transparent;
    border-color: var(--color-secondary);
    color: var(--color-typography);
}
html body .btn.btn-secondary:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    border-style: solid;
    border-width: 1px;
    color: white;
}
html body span.btn.btn-secondary {
    background-color: transparent;
    border-color: var(--color-inactive);
    color: var(--color-inactive);
}

html body .btn.btn-transparent {
    background-color: transparent;
    color: var(--color-typography);
    border: none;
}
html body .btn.btn-transparent:hover {
    background-color: transparent;
    font-weight: bold;
}

html body .btn.btn-secondary.btn-ver::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: bottom;
    background-image: url(../images/icons/svg/Ver_todos.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-secondary.btn-ver:hover::after {
    background-image: url(../images/icons/svg/Ver_todos-branco.svg);
}

html body .btn.btn-danger {
    background-color: transparent;
    border-color: var(--color-error);
    color: var(--color-error);
}
html body .btn.btn-danger:hover {
    background-color: var(--color-error);
    border-color: var(--color-error);
    color: white;
}
html body span.btn.btn-danger {
    background-color: transparent;
    border-color: var(--color-inactive);
    border-style: solid;
    border-width: 1px;
    color: var(--color-inactive);
}

html body .btn.btn-advance {
    background-color: var(--color-advance);
    border-color: var(--color-advance);
    border-width: 1px;
    color: white;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
html body .btn.btn-advance:hover {
    background-color: white;
    border-color: var(--color-typography);
    color: var(--color-success);
}
html body .btn.btn-advance:hover::after {
    background-image: url(../images/icons/svg/Seguinte-verde.svg);
}
html body span.btn.btn-advance {
    background-color: var(--color-inactive);
    border-color: var(--color-inactive);
    color: white;
}
html body .btn.btn-advance::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Seguinte-branco.svg);
    /*background-position-y: -10px;*/
    background-position-y: 1px;
    background-repeat: no-repeat;
}

html body .btn.btn-faq::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url(../images/icons/svg/Faqs.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

html body .btn.btn-basegov::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url(../images/icons/svg/Integracao_basegov.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

html body .btn.btn-lojaOnline::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url(../images/icons/svg/Loja_On-Line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

html body .action-buttons,
html body .navegacaoButoes {
    text-align: right;
    margin-top: 10px;
    box-sizing: border-box;
    background: none;
    border: none;
}
html body .action-buttons > *,
html body .navegacaoButoes > * {
    margin-left: 15px;
}
html body .action-buttons.text-left {
    text-align: left;
}
html body .action-buttons.text-left > * {
    margin-left: 0;
    margin-right: 15px;
}

html body .buttonCss3::before {
    margin-left: 0;
    text-shadow: none;
    float: none;
}

html body .btn.btn-save {
    width: 290px;
}
html body .btn.btn-save::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Guardar-branco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-next::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Seguinte-branco.svg);
    /*background-position-y: -10px;*/
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-prev::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Anterior-branco.svg);
    /*background-position-y: -10px;*/
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-secondary.btn-prev:not(:hover)::before {
    background-image: url(../images/icons/svg/Anterior-preto.svg);
}
html body .btn.btn-add::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Adicionar-branco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-add.btn-add-black::after{
    background-image: url(../images/icons/svg/Adicionar-preto.svg);
}
html body .btn.btn-add.btn-add-black:hover::after{
    background-image: url(../images/icons/svg/Adicionar-branco.svg) !important;
}
html body .btn.btn-download::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Download-branco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-upload::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Upload-branco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
html body .btn.btn-print::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 20px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Imprimir.svg);
    /*background-position-y: -10px;*/
    background-repeat: no-repeat;
    background-size: contain;
}

html body .btn.btn-secondary.btn-print:not(:hover)::before {
    background-image: url(../images/icons/svg/Imprimir.svg);
}

html body .btn.btn-advance2 {
    background-color: var(--color-advance);
    border-color: var(--color-advance);
    color: white;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
html body .btn.btn-advance2::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 25px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Seguinte-branco.svg);
    background-position-y: 1px;
    background-repeat: no-repeat;
    background-position-x: right;
}

html body .btn.btn-advance2-disabled {
    background-color: #cfcfcf;
    border-color: #cfcfcf;
    color: white;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
html body .btn.btn-advance2-disabled::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 25px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Seguinte-branco.svg);
    background-position-y: 1px;
    background-repeat: no-repeat;
    background-position-x: right;
}

html body .btn.btn-advance-black {
    color: white;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
html body .btn.btn-advance-black::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-left: 25px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Download-branco-20.svg);
    background-position-x: right;
    background-repeat: no-repeat;
}

html body .btn.btn-mapa-quantidades {
    color: white;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
html body .btn.btn-mapa-quantidades::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Download-branco-20.svg);
    background-position-x: right;
    background-repeat: no-repeat;
}

html body .btn.btn-visao-tipos-ativo {
    font-size: 14px;
    min-width: 140px;
    background-color: var(--color-primary-2);
    color: white;
    font-weight: 700;
    border: 0;
}

html body .btn.btn-visao-tipos-inativo {
    font-size: 14px;
    min-width: 140px;
    background-color: var(--color-background);
    color: black;
    font-weight: normal;
    border: 0;
}

html body .btn.btn-visao-cron-ativo {
    font-size: 14px;
    min-width: 140px;
    background-color: var(--color-primary-2);
    color: white;
    font-weight: 700;
    border: 0;
}

html body .btn.btn-visao-cron-inativo {
    font-size: 14px;
    min-width: 140px;
    background-color: var(--color-background);
    color: black;
    font-weight: normal;
    border: 0;
}

table > thead > tr > .headerTabela,
table > thead > tr > .headerTabelaHover,
table > thead > tr > .headerTabela5 {
    box-sizing: border-box;
    position: relative;
    background-color: var(--color-primary);
    color: black;
    border: none;
    padding: 5px 24px;
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    height: 40px;
    min-height: 40px;
    text-align: left;
    vertical-align: middle;
}
table > thead > tr > .headerTabela:first-child,
table > thead > tr > .headerTabelaHover:first-child,
table > thead > tr > .headerTabela5:first-child {
    border-top-left-radius: 10px;
    padding-left: 15px;
}
table > thead > tr > .headerTabela:last-child,
table > thead > tr > .headerTabelaHover:last-child,
table > thead > tr > .headerTabela5:last-child {
    border-top-right-radius: 10px;
    padding-right: 15px;
}
table > thead > tr > .headerTabela a,
table > thead > tr > .headerTabelaHover a,
table > thead > tr > .headerTabela5 a {
    color: inherit;
    font-weight: inherit;
}
/* Tabelas */
.headerTabela2{
    border-bottom:1px solid #ccc;
    background-color:#fff;
    color:#4d4848;
}
table > thead > tr > .headerTabela,
table > thead > tr > .headerTabelaHover,
table > thead > tr > .headerTabela2 {
    box-sizing: border-box;
    position: relative;
    background-color: var(--color-primary);
    color: white;
    border: none;
    padding: 5px 24px;
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    height: 40px;
    min-height: 40px;
    text-align: left;
    vertical-align: bottom;
}
table > thead > tr > .headerTabela:first-child,
table > thead > tr > .headerTabelaHover:first-child,
table > thead > tr > .headerTabela2:first-child {
    padding-left: 15px;
}
table > thead > tr > .headerTabela:last-child,
table > thead > tr > .headerTabelaHover:last-child,
table > thead > tr > .headerTabela2:last-child {
    padding-right: 15px;
}
table > thead > tr > .headerTabela a,
table > thead > tr > .headerTabelaHover a,
table > thead > tr > .headerTabela2 a {
    color: inherit;
    font-weight: inherit;
}
table > thead > tr > .headerTabela.sortDesc,
table > thead > tr > .headerTabela.sortAsc {
    font-weight: bold;
}
table > thead > tr > .headerTabela.sortDesc::after,
table > thead > tr > .headerTabela.sortAsc::after {
    content: "";
    box-sizing: content-box;
    position: absolute;
    display: inline-block;
    right: 5px;
    bottom: 5px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
}
table > thead > tr > .headerTabela.sortDesc::after {
    background-image: url(../images/icons/svg/Ordenacao_coluna_baixo.svg);
}
table > thead > tr > .headerTabela.sortAsc::after {
    background-image: url(../images/icons/svg/Ordenacao_coluna_cima.svg);
}
table > tbody.tabelas > tr.tablecolor1 {
    background-color: white;
}
table > tbody.tabelas > tr.tablecolor2 {
    background-color: #efefef;
}
table > tbody.tabelas > tr {
    border: none;
}
table > tbody.tabelas > tr > td {
    box-sizing: border-box;
    padding: 5px 24px;
    height: 40px;
    min-height: 40px;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    border: none;
    color: var(--color-typography);
}
table > tbody.tabelas > tr > td:first-child {
    padding-left: 15px;
}
table > tbody.tabelas > tr > td:last-child {
    padding-right: 15px;
}
table > tbody.tabelas > tr > td a:link,
table > tbody.tabelas > tr > td a:visited {
    color: inherit;
    text-decoration: underline;
}

html table {
    margin-bottom: 0;
}
table.tabela-inner {
    margin: 0;
}
table.tabela-inner > tbody.tabelas > tr > td {
    padding: 0;
    padding: 10px 5px;
}
table.tabela-inner > tbody.tabelas > tr:not(:last-child) > td {
    border-bottom: solid 1px #707070;
}
table.tabela-inner > tbody.tabelas > tr:first-child > td {
    padding-top: 5px;
}
table.tabela-inner > tbody.tabelas > tr:last-child > td {
    padding-bottom: 5px;
}

html body .semDadosDatatable {
    background: none;
    padding: 3px;
}
html body .semDadosDatatable::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: text-top;
    background-image: url(../images/icons/svg/Alertas.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.no-transition,
.no-transition::before,
.no-transition::after,
.no-transition *,
.no-transition *::before,
.no-transition *::after {
    transition: none !important;
}

/* Menu lateral e área de conteúdo */
#content-wrapper {
    display: flex;
    align-items: stretch;
}
#content-wrapper > .menu-lateral-form {
    box-sizing: border-box;
    /*position: sticky;
    top: 0;*/
}
#content-wrapper #menu-lateral {
    box-sizing: border-box;
    display: flex;
    text-align: left;
    transition: all 0.3s;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-background);
}
#content-wrapper > * > #menu-lateral {
    height: 100%;
}
#content-wrapper #menu-lateral.open {
    width: var(--size-menu-open);
    min-width: var(--size-menu-open);
}
#content-wrapper #menu-lateral.closed {
    width: var(--size-menu-closed);
    min-width: var(--size-menu-closed);
}
#content-wrapper #menu-lateral .menu-toggler {
    display: block;
    font-family: "Roboto Condensed";
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-align: right;
    color: white;
    background: var(--color-primary);
    text-decoration: none;
    padding-right: 10px;
}
#content-wrapper #menu-lateral .menu-toggler::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    vertical-align: middle;
}
#content-wrapper #menu-lateral.closed .menu-toggler::after {
    background-image: url(../images/icons/svg/Abrir_menu_lateral-branco.svg);
}
#content-wrapper #menu-lateral.open .menu-toggler::after {
    background-image: url(../images/icons/svg/Fechar_menu_lateral-branco.svg);
}
#content-wrapper #menu-lateral.open .menu-toggler > .menu-toggler-open {
    display: none;
}
#content-wrapper #menu-lateral.closed .menu-toggler > .menu-toggler-close {
    display: none;
}

#menu-lateral.closed .circle2 {
    display: none;
}

#content-wrapper #menu-lateral .top-items {
    position: sticky;
    overflow-x: hidden;
    top: 0;
    padding-bottom: 220px;  /* ajustado por JavaScript */
}
#content-wrapper #menu-lateral .bottom-items {
    position: sticky;
    overflow-x: hidden;
    bottom: 0;
    top: 1000px;  /* ajustado por JavaScript */
}
#content-wrapper #menu-lateral .submenu-title {
    box-sizing: border-box;
    display: block;
    font-family: "Roboto Condensed";
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-typography);
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px;
}
#content-wrapper #menu-lateral.open .submenu-title {
    width: var(--size-menu-open);
}
#content-wrapper #menu-lateral.closed .submenu-title {
    visibility: hidden;
    max-height: 40px;
}
#content-wrapper #menu-lateral .item {
    box-sizing: border-box;
    display: flex;
    min-height: 40px;
    padding-right: 10px;
    font-family: "Roboto Condensed";
    font-size: 16px;
    color: var(--color-typography);
    text-decoration: none;
    background-color: transparent;
    border-left: solid 10px transparent;
    transition: background-color 0.2s;
}
#content-wrapper #menu-lateral .item:hover {
    background-color: white;
}
#content-wrapper #menu-lateral .item.active {
    background-color: white;
    border-left-color: var(--color-primary-2);
}
#content-wrapper #menu-lateral.open .item {
    width: var(--size-menu-open);
}
#content-wrapper #menu-lateral .item > .item-icon {
    width: 20px;
    height: 20px;
    padding: 10px;
    padding-right: 5px;
}
#content-wrapper #menu-lateral .item > .item-text {
    padding: 10px 0;
    line-height: 1.25em;
}
#content-wrapper #menu-lateral.closed .item > .item-text {
    display: none;
}
#content-wrapper #menu-lateral.closed .item > .circle2 {
    display: none;
}
#content-wrapper #menu-lateral hr {
    background: var(--color-primary-2);
    height: 2px;
    margin: 0;
}

#content-wrapper > #content {
    flex-grow: 1;
    margin: 0;
    padding: 15px;
    padding-bottom: 0;
}

#content-wrapper > #contentListaPaps {
    flex-grow: 1;
    padding: 0 20px;
    margin: 2em;
}

html body .wrapper-content {
    background-color: transparent;
}

/* Tooltips do menu lateral */
#menu-lateral-tooltip {
    box-sizing: border-box;
    position: absolute;
    display: none;
    color: #2E2E2E;
    color: var(--color-typography);
    border: solid 1px #A6A6A6;
    background: white;
    font-family: Roboto;
    font-size: 14px;
    line-height: 14px;
    padding: 12px;
    left: 0;
    top: 0;
    text-align: left;
    max-width: 400px;
}
#menu-lateral-tooltip::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-left: solid 1px #A6A6A6;
    border-bottom: solid 1px #A6A6A6;
    background-color: inherit;
    transform: scaleX(2) rotate(45deg);
    position: absolute;
    left: -6px;
    top: 14px;
}

/* Grelha de áreas na página inicial */
html body .dashboard-grid {
    box-sizing: border-box;
    display: flex;
    padding: 0;
}
html body .dashboard-grid > div {
    box-sizing: border-box;
    margin: 0;
    padding-right: 15px;
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
}
html body .dashboard-grid > div:first-child {
    flex: 5;
}
html body .dashboard-grid > div:first-child > .well {
    height: 100%;
}
html body .dashboard-grid > div:last-child {
    flex: 4;
    display: flex;
    flex-direction: column;
    padding-right: 0;
}
html body .dashboard-grid > div:last-child > div:last-child {
    flex-grow: 1;
}
html body .dashboard-grid > div > .well:nth-child(2) {
    margin-top: 15px;
}
html body .dashboard-grid h1 {
    font-family: "Roboto";
    font-size: 32px;
    text-align: left;
    margin-bottom: 10px;
}

/* Área do calendário */
html body .dashboard-grid .dashboard-calendar-area {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}

html body .dashboard-grid .dashboard-calendar-area #dashboardCalendar {
    width: 285px;
    min-width: 285px;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker {
    border: none;
    width: 100%;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker-header {
    border: none;
    background: transparent;
    font-family: Roboto;
    font-size: 20px;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker table {
    table-layout: fixed;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker thead {
    font-size: 11px;
    text-transform: uppercase;
    color: #989898;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker thead th {
    background: transparent;
    line-height: 30px;
    padding: 0;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker tbody td {
    font-size: 12px;
    opacity: 100%;
    line-height: 30px;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker tbody td > * {
    text-align: center;
    font-weight: bold;
    cursor: default;
    pointer-events: none;
    border: solid 2px transparent;
    background: transparent;
    color: #3D3D3D;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker tbody td.ui-state-disabled > * {
    color: #cfcfcf;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker tbody td.ui-datepicker-today > * {
    background-color: var(--color-primary-2);
    border-color: var(--color-primary-2);
    color: white;
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker tbody td.has-proc > * {
    border-color: var(--color-primary-2);
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker .ui-datepicker-prev > .ui-icon {
    background-image: url(../images/icons/40/Dropup-branco40x40.png);
    background-position: 0;
    background-size: contain;
    transform: matrix(0, -1, 1, 0, 0, 0);
}
html body .dashboard-grid .dashboard-calendar-area .ui-datepicker .ui-datepicker-next > .ui-icon {
    background-image: url(../images/icons/40/Dropup-branco40x40.png);
    background-position: 0;
    background-size: contain;
    transform: matrix(0, 1, -1, 0, 0, 0);
}

html body .dashboard-grid .dashboard-calendar-area .next-events {
    flex-grow: 1;
    padding: 10px;
}
html body .dashboard-grid .dashboard-calendar-area .next-events table {
    margin: 0;
}

/* Áreas de atalhos */
html body .dashboard-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: var(--color-primary);
}
html body .dashboard-icons .dashboard-icon {
    box-sizing: border-box;
    position: relative;
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    padding-top: 30px;
}
html body .dashboard-icons .dashboard-icon a {
    position: relative;
    display: inline-block;
    width: auto;
    height: 10vh;
    min-height: 60px;
    max-height: 120px;
}
html body .dashboard-icons .dashboard-icon img {
    /*width: 60%;
    height: auto;
    min-width: 60px;
    max-width: 120px;*/
    width: auto;
    min-height: 60px;
    max-height: 120px;
}
html body .dashboard-icons .dashboard-icon .rectangle {
    left: auto;
    top: 0;
    right: 0;
    z-index: 5;
    width: auto;
    height: auto;
    min-width: 25px;
    min-height: 25px;
    line-height: 25px;
    margin-top: 10px;
}

/* Breadcrumbs */
html body #breadcrumb {
    background: none;
    border: none;
    font-family: "Roboto";
    font-size: 20px;
    line-height: 20px;
    height: auto;
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 15px;
    margin: 0;
}
html body #breadcrumb li,
html body #breadcrumb a {
    color: var(--color-typography);
    height: auto;
}
html body #breadcrumb li {
    padding: 0;
    padding-right: 10px;
}
html body #breadcrumb li::before {
    content: "/";
}
html body #breadcrumb li:first-child::before {
    content: "";
}
html body #breadcrumb li:last-child {
    padding-right: 0;
}
html body #breadcrumb a {
    font-weight: 300;
    background: none;
    padding: 0;
}
html body #breadcrumb a:hover {
    color: var(--color-primary);
}

/* Área de alertas e mudança de estado do procedimento */
.pap-status-area {
    display: flex;
    justify-content: right;
    margin-bottom: 20px;
}
.pap-status-area > div {
    flex-grow: 1;
    width: 100%;
}
.pap-status-area > div.pap-status {
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    text-align: right;
    margin-left: 60px;
    font-family: Roboto;
    font-size: 16px;
    color: var(--color-typography);
}
.pap-status-area > div.pap-status label {
    font-weight: 100;
    font-size: 16px;
}

/* Avisos e erros */
html body .growlTop, html body .growlBottom {
    display: none;
}
html body .notice, html body .growlCenter {
    box-sizing: border-box;
    display: block;
    position: relative;
    min-height: 60px;
    background: var(--color-background);
    color: var(--color-typography);
    border: none;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    border: solid 0 var(--color-info);
    border-left-width: 25px;
    padding: 11px 20px 10px 75px;
    margin: 0;
    margin-right: 15px;
    text-align: left;
}
html body .growlCenter {
    min-height: 85px;
}
html body .notice::before, html body .growlCenter::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 13px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/svg/Informacoes.svg");
}
html body .notice:empty {
    /* Ocultar o aviso se vazio */
    display: none;
}
html body .notice.warning,
html body .growlCenter,
html body .wizard-content .noticeDocsHabilitacao {
    border-color: var(--color-alert);
}
html body .notice.warning::before,
html body .growlCenter::before,
html body .wizard-content .noticeDocsHabilitacao::before {
    background-image: url("../images/icons/svg/Alertas.svg");
}
html body .notice.error {
    border-color: var(--color-error);
}
html body .notice.error::before {
    background-image: url("../images/icons/svg/Erros.svg");
}
html body .notice hr, html body .growlCenter hr {
    background: var(--color-typography);
    height: 1px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}
html body .wizard-content .notice,
html body .wizard-content .noticeAnaliseDocumentos,
html body .accordion-content .notice,
html body .growlCenter {
    background: var(--color-areas);
}
html body .tabGere .notice {
    background: var(--color-background);
}
html body .notice .item:not(:last-child), html body .growlCenter .item:not(:last-child) {
    border-bottom: solid 1px #707070;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
html body .growlCenter {
    position: fixed;
    top: 20px;
    left: auto;
    right: 20px;
    width: 300px;
    box-shadow: 0px 0px 10px #00000029;
}
html body .growlCenter .growlContent {
    color: inherit;
    padding: 0;
    margin-left: 50px;
}

.with-right-sidebar {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
}
.with-right-sidebar > *:first-child {
    flex-grow: 1;
}

html body .noticePackAdesao,
html body .noticeCertificado,
html body .noticeSelosInscricao{
    box-sizing: border-box;
    display: block;
    position: relative;
    min-height: 60px;
    background: var(--color-background);
    color: var(--color-typography);
    border: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.2rem;
    border: solid 0 var(--color-primary);
    border-left-width: 25px;
    padding: 8px 20px 8px 75px;
    margin: 0;
    margin-right: 8px;
    text-align: left;
}

html body .noticePackAdesao > a,
html body .noticeSelosInscricao > a,
html body .noticeCertificado > a{
    text-decoration: none;
}

html body .noticePackAdesao::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 13px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/svg/Packs_adesao.svg");
}

html body .noticeSelosInscricao::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 13px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/svg/Selos_temporais.svg");
}

html body .noticeCertificado::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 13px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/svg/Certificados2.svg");
}

.notices-sidebar {
    box-sizing: content-box;
    width: 290px;
    min-width: 290px;
    padding-left: 20px;
    top: 0;
    position: sticky;
    align-self: flex-start;
}
.notices-sidebar.bottom {
    align-self: flex-end;
    top: unset;
    bottom: 0;
}
.notices-sidebar .notice, html body .growlCenter, .notices-sidebar .noticeAnaliseDocumentos {
    margin: 0;
    margin-bottom: 20px;
    padding: 10px;
    border-left-width: 0;
    border-top-width: 25px;
}
.notices-sidebar.bottom .notice {
    margin-bottom: 0;
    margin-top: 20px;
}
.notices-sidebar .notice::before {
    position: relative;
    display: block;
    left: 0;
    margin-bottom: 10px;
}

.html body .growlCenter::before {
    display: block;
    margin-bottom: 10px;
}

.notices-sidebar .noticeAnaliseDocumentos::before {
    position: relative;
    display: block;
    left: 0;
    margin-bottom: 10px;
}

html body .noticeAnaliseDocumentos::before{
    content: "";
    display: inline-block;
    position: absolute;
    left: 13px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/svg/Apreciacao_de_propostas.svg");
}

html body .noticeAnaliseDocumentos{
    box-sizing: border-box;
    display: block;
    position: relative;
    min-height: 60px;
    background: var(--color-background);
    color: var(--color-typography);
    border: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.2rem;
    border: solid 0 var(--color-primary);
    border-left-width: 25px;
    padding: 8px 20px 8px 75px;
    margin: 0;
    margin-right: 8px;
    text-align: left;
}

html body .noticeAnaliseDocumentos > a{
    text-decoration: none;
}

/* Separadores wizard */
html body .wizard-tabs {
    display: flex;
    flex-wrap: wrap;
    /*position: sticky;
    background-color: var(--color-background-header);
    background: var(--color-areas);
    top: -5px;
    z-index: 10;*/
}
html body .wizard-tabs > .tab {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 200px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    margin-top: 5px;
    margin-right: 5px;
    line-height: 26px;
    text-align: left;
    z-index: 0;
    color: var(--color-typography);
    transition: background-color 0.2s;
}
html body .wizard-tabs.no-steps > .tab {
    background: var(--color-inactive);
}
html body .wizard-tabs > .tab label {
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
}
html body .wizard-tabs > .tab:first-child {
    background: var(--color-inactive);
}
html body .wizard-tabs > .tab.active:first-child,
html body .wizard-tabs.no-steps > .tab.active {
    background: var(--color-background);
    border-bottom: solid 10px var(--color-primary-2);
}
html body .wizard-tabs > .tab:last-child {
    overflow-x: hidden;
}
html body .wizard-tabs:not(.no-steps) > .tab::before,
html body .wizard-tabs:not(.no-steps) > .tab::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 40px;
    background: var(--color-inactive);
    z-index: 1;
    transition: background-color 0.2s;
}
html body .wizard-tabs:not(.no-steps) > .tab::before {
    top: 0;
    transform-origin: top left;
    transform: skewX(15deg);
    /* Para não ficar um espaço entre o ::before e o ::after no Firefox */
    box-sizing: content-box;
    border-bottom: solid 1px var(--color-inactive);
}
html body .wizard-tabs:not(.no-steps) > .tab::after {
    box-sizing: border-box;
    top: 40px;
    transform-origin: bottom left;
    transform: skewX(-15deg);
}
html body .wizard-tabs > .tab.active label {
    font-weight: bold;
}
html body .wizard-tabs > .tab.active::before,
html body .wizard-tabs > .tab.active::after {
    background: var(--color-background);
}
html body .wizard-tabs > .tab.active::before {
    border-bottom-color: var(--color-background);
}
html body .wizard-tabs > .tab.active::after {
    border-bottom: solid 10px var(--color-primary-2);
}
html body .wizard-tabs > .tab label {
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 12px;
    padding-left: 30px;
    padding-right: 20px;
    z-index: 2;
    color: var(--color-typography);
    font-weight: 300;
}
html body .wizard-tabs > .tab.active label{
    font-weight: 700;
}
html body .wizard-tabs > .tab:first-child label {
    padding-left: 20px;
}
html body .wizard-tabs > .tab.disabled label {
    opacity: 20%;
}
html body .wizard-tabs > a.tab:not(.disabled) > label {
    cursor: pointer;
}
html body .wizard-tabs > a.tab:not(.active):not(.disabled):first-child:hover,
html body .wizard-tabs.no-steps > a.tab:not(.active):not(.disabled):hover,
html body .wizard-tabs > a.tab:not(.active):not(.disabled):hover::before,
html body .wizard-tabs > a.tab:not(.active):not(.disabled):hover::after {
    background: var(--color-background);
}

html body .wizard-content {
    box-sizing: border-box;
    text-align: left;
    background: var(--color-background);
    padding: 20px;
    font-family: Roboto;
}

/* Separadores normais */
html body ul.subsection_tabs {
    margin: 0;
    padding: 0;
    height: auto;
    font-size: 0;  /* para não haver espaço extra entre as tabs */
    border: none;
}
html body ul.subsection_tabs > li.tab,
html body ul.subsection_tabs > li.tabErro {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
    vertical-align: top;
    text-align: left;
}
html body ul.subsection_tabs > li.tab > a,
html body ul.subsection_tabs > li.tabErro > a {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 200px;
    height: 85px;
    min-height: 85px;
    max-height: 85px;
    background: var(--color-inactive);
    color: var(--color-typography);
    border: none;
    margin-top: 5px;
    margin-right: 5px;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 40px;
    font-family: Roboto;
    font-size: 18px;
    line-height: 26px;
    text-shadow: none;
    transition: background-color 0.2s;
}
html body ul.subsection_tabs > li.tab > a:hover,
html body ul.subsection_tabs > li.tabErro > a:hover {
    background: var(--color-areas);
    color: var(--color-typography);
    text-shadow: none;
}
html body ul.subsection_tabs > li.tab > a.active,
html body ul.subsection_tabs > li.tabErro > a.active {
    background: var(--color-areas);
    color: var(--color-typography);
    text-shadow: none;
    border: none;
    border-bottom: solid 10px var(--color-primary-2);
    font-weight: bold;
}
html body ul.subsection_tabs > li.tabErro > a::after {
    content: "";
    position: absolute;
    display: block;
    top: 40px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("../images/icons/20/Alerta-20x20.png");
}
.tabDisabled {
    pointer-events: none;
    opacity: 0.6;
}

/* Accordions */
.accordion {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    background: var(--color-background);
}
.accordion > .accordion-header {
    box-sizing: border-box;
    display: block;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--color-typography);
    cursor: pointer;
}
.accordion > .accordion-header::after {
    content: "";
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 15px;
    background-image:url("../images/icons/svg/Adicionar.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.accordion.active > .accordion-header::after {
    background-image:url("../images/icons/svg/Remover.svg");
}
.accordion > .accordion-content-wrapper {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding: 0;
    height: 100%;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}
.accordion.active > .accordion-content-wrapper {
    max-height: 2000px;
    transition: max-height 0.4s ease-in;
}
.accordion > .accordion-content-wrapper::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    display: block;
    border-top: solid 1px var(--color-typography);
    top: -1px;
    left: 0;
    right: 0;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0;
}
.accordion.active > .accordion-content-wrapper::before {
    opacity: 1;
}
.accordion > .accordion-content-wrapper > .accordion-content {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding: 20px;
    max-height: 2000px;
    overflow-y: auto;
}

.accordions {
    counter-reset: accordion;
}
.accordions .accordion > .accordion-header {
    padding-left: 0;
}
.accordions .accordion > .accordion-header::before {
    counter-increment: accordion;
    content: counter(accordion);
    display: block;
    width: 45px;
    margin-right: 20px;
    float: left;
    text-align: center;
    background: var(--color-primary);
    color: white;
}
.accordions .accordion > .accordion-content-wrapper::before {
    margin-left: 55px;
}

.accordions .accordion.clicked > .accordion-content-wrapper::before {
    counter-reset: subAccordion !important;
}

.accordions .sub-accordion > .accordion-header::before {
    counter-increment: subAccordion;
    content: counter(accordion) "." counter(subAccordion) " " !important;
}

html body .tabGere {
    background: var(--color-areas);
    padding: 20px;
    font-family: Roboto;
    font-size: 16px;
    color: var(--color-typography);
}

/* Símbolo de obrigatório */
html body .obrigatorioIcon {
    color: inherit;
}
html body .labelForm em {
    position: relative;
    font-size: inherit;
    font-style: normal;
    color: red;
}

/* Labels */
html body .labelForm {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
html label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
}

/* Inputs */
.inputBoxMapaQuantidades {
    box-sizing: border-box;
    display: inline-block;
    background: var(--color-typography);
    border: solid 1px var(--color-typography);
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    width: auto;
    min-height: 30px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 20px;
    border-width: 1px;
    color: white;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

html body .inputBoxFake {
    box-sizing: border-box;
    width: 100%;
    background: transparent !important;
    border: solid 1px transparent;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    outline: none;
}

html body .inputBoxFake[disabled] {
    box-sizing: border-box;
    width: 100%;
    background: transparent !important;
    border: solid 1px transparent;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    outline: none;
}
html body .inputBoxFake[disabled]::placeholder {
    color: white;
}

html body .inputBox,
html body .inputBoxArea {
    box-sizing: border-box;
    width: 100%;
    background: white;
    border: solid 1px var(--color-typography);
    color: var(--color-typography);
    font-family: Roboto;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    outline: none;
}
html body .inputBox:hover,
html body .inputBoxArea:hover {
    box-shadow: 0 0 0 1px var(--color-typography);
}
html body .inputBox:focus,
html body .inputBox.LV_invalid_field:focus,
html body .inputBoxArea:focus,
html body .inputBoxArea.LV_invalid_field:focus {
    border-color: var(--color-success);
    box-shadow: 0 0 0 1px var(--color-success);
}
html body .inputBox.LV_invalid_field,
html body .inputBoxArea.LV_invalid_field {
    border-color: var(--color-error);
    box-shadow: 0 0 0 1px var(--color-error);
}
html body .inputBox::placeholder,
html body .inputBoxArea::placeholder {
    color: var(--color-typography);
    opacity: 0.5;
    font-style: italic;
}
html body .inputBox.LV_invalid_field::placeholder,
html body .inputBoxArea.LV_invalid_field::placeholder {
    color: var(--color-error);
}
html body .inputBox[disabled],
html body .inputBoxArea[disabled] {
    font-size: 16px;
    background-color: var(--color-inactive);
    border: solid 1px var(--color-inactive);
    box-shadow: 0 0 0 1px var(--color-inactive);
    padding: 10px;
    color: white;
}
html body .inputBox[disabled]::placeholder,
html body .inputBoxArea[disabled]::placeholder {
    color: white;
}

/* Inputs com calendário */
.input-calendar {
    box-sizing: border-box;
    position: relative;
}
.input-calendar .inputBox {
    padding-right: 40px;
}
.input-calendar .linkCalendar {
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    padding: 10px;
    margin: 0;
    top: 0;
    right: 0;
}
.input-calendar .linkCalendar::before {
    content: "";
    display: inline-block;
    background-image: url("../images/icons/20/Calendario-preto-20x20.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.input-calendar .linkCalendar img {
    display: none;
}

/* Calendário das inputs de calendário */
html body div.calendar table {
    background: white;
}
html body div.calendar thead,
html body div.calendar tbody {
    font-family: Roboto;
}
html body div.calendar thead td.title {
    font-weight: bold;
    font-size: 20px;
    color: var(--color-typography);
}
html body div.calendar thead tr:nth-child(2) td {
    font-size: 20px;
    font-weight: bold;
    color: var(--color-primary);
}
html body div.calendar thead tr:nth-child(2) td:nth-child(3) {
    font-size: 16px;
}
html body div.calendar thead tr td button:hover {
    background-color: var(--color-background);
}
html body div.calendar thead tr:nth-child(3) th {
    line-height: 30px;
    font-size: 11px;
    text-transform: uppercase;
    color: #989898;
    background: transparent;
    border: none;
}
html body div.calendar tbody tr.days td {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 30px;
    opacity: 100%;
    font-weight: bold;
    text-align: center;
    background: transparent;
    color: var(--color-typography);
    width: 40px;
    height: 40px;
}
html body div.calendar tbody tr.days .otherDay {
    color: #cfcfcf;
}
html body div.calendar tbody tr.days td.today,
html body div.calendar tbody tr.days td.today:hover,
html body div.calendar tbody tr.days td.today.selected {
    background-color: var(--color-primary);
    color: white;
}
html body div.calendar tbody tr.days td.selected,
html body div.calendar tbody tr.days td.selected:hover {
    background-color: var(--color-typography);
    color: white;
}
html body div.calendar tbody tr.days td:hover {
    background-color: var(--color-background);
}

/* Selects */
html body select.inputBox {
    appearance: none;
    background-image: url("../images/icons/svg/Abrir-Dropdownmenu-branco-comfundo.svg");
    background-size: auto;
    background-position-x: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 40px;
}
html body select.inputBox::-ms-expand {
    display: none;
}
html body select.inputBox[disabled] {
    background-image: url("../images/icons/svg/Abrir-Dropdownmenu-branco.svg");
    background-size: auto;
    background-position-x: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 40px;
}

/* Radio buttons */
html body input[type="radio"] {
    box-sizing: border-box;
    position: relative;
    appearance: none;
    width: 20px;
    height: 20px;
    border: solid 2px var(--color-typography);
    background: white;
    box-shadow: inset 0 0 0 1px white;
    outline: none;
    vertical-align: text-bottom;
    border-radius: 25px;
}
html body input[type="radio"]::-ms-check {
    display: none;
}
html body input[type="radio"]:checked {
    background: var(--color-success);
}
html body input[type="radio"]:hover {
    box-shadow: 0 0 0 1px var(--color-typography), inset 0 0 0 1px white;
}
html body input[type="radio"]:focus {
    box-shadow: 0 0 0 1px var(--color-success), inset 0 0 0 1px white;
    border-color: var(--color-success);
}
html body input[type="radio"][disabled] {
    border-color: var(--color-inactive);
    box-shadow: inset 0 0 0 1px white;
}
html body input[type="radio"][disabled]:checked {
    background-color: var(--color-inactive);
}
html body .radioSelect label,
html body .radioSpacing label {
    font-family: Roboto;
    font-size: 14px;
}

html body .radioSpacing {
    width: auto;
}

/* Checkboxes */
html body input[type="checkbox"] {
    box-sizing: border-box;
    position: relative;
    appearance: none;
    width: 20px;
    height: 20px;
    border: solid 2px var(--color-typography);
    background: white;
    box-shadow: inset 0 0 0 1px white;
    outline: none;
    vertical-align: text-bottom;
}
html body input[type="checkbox"]::-ms-check {
    display: none;
}
html body input[type="checkbox"]:checked {
    background-image: url("../images/icons/20/CheckBox-semborda-20x20.png");
    background-repeat: no-repeat;
    background-size: contain;
}
html body input[type="checkbox"]:hover {
    box-shadow: 0 0 0 1px var(--color-typography), inset 0 0 0 1px white;
}
html body input[type="checkbox"]:focus {
    box-shadow: 0 0 0 1px var(--color-success), inset 0 0 0 1px white;
    border-color: var(--color-success);
}
html body input[type="checkbox"][disabled] {
    border-color: var(--color-inactive);
    box-shadow: none;
}
html body input[type="checkbox"][disabled]:checked {
    background-color: var(--color-inactive);
    background-image: url("../images/icons/20/CheckBox-branco-semborda-20x20.png");
    background-repeat: no-repeat;
}

/* Formulários */
html body .flex-forms {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
}
html body .flex-forms > * {
    box-sizing: border-box;
    padding-right: 15px;
    margin: 0;
    margin-bottom: 15px;
    flex: none;
    overflow: visible;
}
html body .flex-forms > .span-1 > div, html body .flex-forms > .span-2 > div, html body .flex-forms > .span-3 > div,
html body .flex-forms > .span-4 > div, html body .flex-forms > .span-5 > div, html body .flex-forms > .span-6 > div,
html body .flex-forms > .span-7 > div, html body .flex-forms > .span-8 > div, html body .flex-forms > .span-9 > div,
html body .flex-forms > .span-10 > div, html body .flex-forms > .span-11 > div, html body .flex-forms > .span-12 > div,
html body .flex-forms > .span-13 > div, html body .flex-forms > .span-14 > div, html body .flex-forms > .span-15 > div,
html body .flex-forms > .span-16 > div, html body .flex-forms > .span-17 > div, html body .flex-forms > .span-18 > div,
html body .flex-forms > .span-19 > div, html body .flex-forms > .span-20 > div, html body .flex-forms > .span-21 > div,
html body .flex-forms > .span-22 > div, html body .flex-forms > .span-23 > div, html body .flex-forms > .span-24 > div {
    overflow: visible;
}
html body .flex-forms > .span-8 { width: 33.33%; }
html body .flex-forms > .span-16 { width: 66.66%; }

/* Campos com label e valor lado-a-lado */
html body .form-group {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
html body .form-group > *:first-child {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    text-align: right;
    padding-right: 8px;
}
html body .form-group > *:last-child {
    flex-grow: 1;
}

/* Dialogs */
html body.body-limpo {
    box-sizing: border-box;
    background: var(--color-background-header);
    color: var(--color-typography);
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
}
html body .dojoDialog {
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
html body .dojoDialog .modalDialogDecoration {
    margin: 0;
    overflow: hidden;
}
html body .dojoDialog .modalDialogDecoration .modalDialogTitle {
    background: var(--color-background);
    color: var(--color-typography);
    font-size: 18px;
}
html body .popupAlerta {
    font-size: 16px;
    line-height: 24px;
    background: none;
}

.popupClassificacaoContent /* the iframe*/{height:450px; width:100%;}

html body .dojoDialog-close-button {
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url("../images/icons/40/fechar40x40.png");
}
html body .dojoDialog-content {
    padding: 20px;
    padding-top: 80px;
    color: var(--color-typography);
}
html body .dojoDialog-content h1 {
    font-family: "Roboto";
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 60px;
}

html body #loginEmpresa .dojoDialog-content h1 {
    font-family: "Roboto Serif", serif;
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
}

html body #dialogModalCandidatura .modalDialogTitle .modalDialogTitleLeft {
    display: none;
}
html body #dialogModalCandidatura .modalDialogTitle .modalDialogTitleRight {
    display: none;
}

html body #popupReplicaDados .modalDialogTitle .modalDialogTitleLeft {
    display: none;
}
html body #popupReplicaDados .modalDialogTitle .modalDialogTitleRight {
    display: none;
}

html body #dialogModal .modalDialogTitle .modalDialogTitleLeft {
    display: none;
}
html body #dialogModal .modalDialogTitle .modalDialogTitleRight {
    display: none;
}

.divider {
    border-top: 1px solid black;
    margin-top: 10px; /* Adjust as needed */
    margin-bottom: 10px; /* Adjust as needed */
}

html body #dialogModalCandidatura .modalDialogTitle .modalDialogTitleLeft,
html body #detalhePapPopup .modalDialogTitle .modalDialogTitleLeft,
html body #inscricaoPapPopup .modalDialogTitle .modalDialogTitleLeft,
html body #popupMsgAtivacao .modalDialogTitle .modalDialogTitleLeft{
    display: none;
}
html body #dialogModalCandidatura .modalDialogTitle .modalDialogTitleRight,
html body #detalhePapPopup .modalDialogTitle .modalDialogTitleRight,
html body #inscricaoPapPopup .modalDialogTitle .modalDialogTitleRight,
html body #popupMsgAtivacao .modalDialogTitle .modalDialogTitleRight{
    display: none;
}

html body #dialogModal .modalDialogTitle .modalDialogTitleLeft {
    display: none;
}
html body #dialogModal .modalDialogTitle .modalDialogTitleRight {
    display: none;
}

.divider {
    border-top: 1px solid black;
    margin-top: 10px; /* Adjust as needed */
    margin-bottom: 10px; /* Adjust as needed */
}

/* Dialog de login */
html body #popupLoginId .modalDialogTitle,
html body #selos .modalDialogTitle,
html body #loginEmpresa .modalDialogTitle{
    background: transparent;
}
html body #popupLoginId .modalDialogTitle .modalDialogTitleLeft,
html body #selos .modalDialogTitle .modalDialogTitleLeft,
html body #loginEmpresa .modalDialogTitle .modalDialogTitleLeft{
    display: none;
}
html body #popupLoginId .modalDialogTitle .modalDialogTitleRight,
html body #selos .modalDialogTitle .modalDialogTitleRight,
html body #loginEmpresa .modalDialogTitle .modalDialogTitleRight{
    box-sizing: border-box;
    padding: 20px;
}
html body #popupLoginId .modalDialogTitle .modalDialogTitleRight .pcloser,
html body #selos .modalDialogTitle .modalDialogTitleRight .pcloser,
html body #loginEmpresa .modalDialogTitle .modalDialogTitleRight .pcloser{
    box-sizing: border-box;
    width: 0;
    height: 0;
    padding-top: 40px;
    padding-left: 40px;
    background-image: url("../images/icons/svg/Fechar.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
html body #popupLoginId .modalDialogContent {
    width: 100%;
    height: 380px;
}
html body #popupDetalheInterveniente .modalDialogContent {
    width: 100%;
    height: 600px;
}
html body .popup-login-content {
    padding: 0;
}
html body .popup-login-content h1 {
    margin: 0;
    margin-bottom: 30px;
}
html body .popup-login-content #loginAltDiv {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
}
html body .popup-login-content #loginAltDiv .change-state-list {
    margin-top: 60px;
}
html body .popup-login-content #loginAltDiv .change-state-list .state {
    justify-content: center;
    border-top: solid 1px #707070;
}

.change-state-list > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-typography);
    cursor: pointer;
    border-bottom: solid 1px #707070;
    transition: all 0.2s;
}
.change-state-list > a:hover,
.change-state-list > a:focus {
    background-color: #efefef;
}
.wizard-content .change-state-list > a:hover,
.wizard-content .change-state-list > a:focus {
    background-color: var(--color-areas);
}
.change-state-list > a > span,
.change-state-list > a > label {
    width: 52%;
    text-align: right;
    cursor: pointer;
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
}
.change-state-list > a::after {
    content: "";
    display: inline-block;
    margin-left: 20px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/40/ArrowRight40x40.png");
    background-repeat: no-repeat;
}
.change-state-list > a.extinction-state {
    color: var(--color-error);
    border-top: solid 1px #707070;
    margin-top: 40px;
    align-items: center;
}
.change-state-list > a.extinction-state::after {
    background-image: url("../images/icons/20/Delete-20x20_red.png");
    width: 22px;
    height: 20px;
}

.mudancaEstadoItemsDiv div > strong {
    padding-left: 5px;
    line-height: 20px;
}
.mudancaEstadoItemsDiv .close-button {
    float: right;
}
.mudancaEstadoItemsDiv .close-button::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
}
.notice .mudancaEstadoItems {
    margin: 0;
    color: inherit;
    text-shadow: none;
}
.notice .mudancaEstadoItems {
    margin-top: 5px;
}
.notice .mudancaEstadoItems tbody > tr > td {
    border-bottom: solid 1px #707070;
    vertical-align: top;
    line-height: 20px;
}
.notice .mudancaEstadoItems tbody > tr:last-child > td {
    border-bottom: none;
}
.notice .mudancaEstadoItems tbody > tr > td.mudancaCol1 {
    display: none;
}
.notice .mudancaEstadoItems tbody > tr > td.mudancaCol2 {
    padding-left: 5px;
}
.notice .mudancaEstadoItems tbody > tr > td.mudancaCol3 {
    width: 20px;
    text-align: right;
    vertical-align: middle;
}
.notice .mudancaEstadoItems tbody > tr > td.mudancaCol3 a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/icons/20/Seguinte-20x20.png");
    background-repeat: no-repeat;
}
.notice .mudancaEstadoItems tbody > tr > td.mudancaCol3 a > span {
    display: none;
}
.notice .mudancaEstadoItems tbody > tr.clickable {
    cursor: pointer;
    transition: all 0.2s;
}
.notice .mudancaEstadoItems tbody > tr.clickable:hover {
    background-color: white;
}

/* Taskline */
#taskLineDiv {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    /*margin-bottom: 20px;
    border-bottom: solid 2px transparent;*/
    transition: border-bottom-color 1s;
}
#taskLineDiv.open {
    border-bottom-color: var(--color-typography);
}
#taskLineDiv .taskline-actions {
    font-family: Roboto;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
}
#taskLineDiv .taskline-actions .taskline-toggle-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    color: var(--color-typography);
    text-decoration: none;
    padding: 0 10px;
    transition: background-color 0.2s;
}
#taskLineDiv .taskline-actions .taskline-toggle-button:hover {
    background-color: var(--color-background);
}
#taskLineDiv .taskline-actions .taskline-toggle-button::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url("../images/icons/40/taskline40x40.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#taskLineDiv .taskline-actions .taskline-toggle-button::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: url("../images/icons/40/Dropdown40x40.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: center;
    transition: all 1s;
}
#taskLineDiv.open .taskline-actions .taskline-toggle-button::after {
    transform: rotate(180deg);
}
#taskLineDiv .taskline-div {
    margin: 0;
    flex-grow: 1;
}
#taskLineDiv .taskline-div table td {
    border: none;
    background: transparent;
}
#taskLineDiv .taskline-div .taskline-state-div {
    font-family: Roboto;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    margin-top: 10px;
}
#taskLineDiv .taskline-div .taskline-state-div .title {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
#taskLineDiv .taskline-div .taskline-state-div .text {
    display: block;
    column-count: 2;
    column-gap: 25px;
    text-align: justify;
}
#taskLineDiv #taskLine {
    text-align: left;
    padding-left: 25px;
}
#taskLineDiv #taskLine p {
    width: auto;
}

/* Paginação */
html body .panelPagination {
    display: block;
    border: none;
}
html body .panelPagination tbody {
    display: block;
}
html body .panelPagination tbody tr {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 55%;
}
html body .panelPagination tbody tr td {
    display: block;
    padding: 0;
}
html body .panelPagination tbody tr td .pagination-info {
    position: absolute;
    display: inline-block;
    left: 45%;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: var(--color-typography);
    margin-left: 20px;
}
/* Página atual (antigo) */
html body .panelPagination tbody tr td:nth-child(1) {
    display: none;
    max-width: 0;
    width: 0;
}
/* Linhas por página */
html body .panelPagination tbody tr td:nth-child(2) {
    order: 1;
}
html body .panelPagination tbody tr td:nth-child(2) > div {
    display: flex;
    align-items: center;
}
html body .panelPagination tbody tr td:nth-child(2) > div:first-child {
    font-family: Robot;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: var(--color-typography);
}
html body .panelPagination tbody tr td:nth-child(2) > div select {
    appearance: none;
    background-color: transparent;
    background-image: url("../images/icons/svg/Abrir_Dropdownmenu.svg");
    background-size: 10px 10px;
    background-position-x: 90%;
    background-position-y: 30%;
    background-repeat: no-repeat;
    border: none;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    margin-left: 5px;
    padding: 0;
    padding-left: 5px;
    padding-right: 15px;
    color: var(--color-typography);
}
html body .panelPagination tbody tr td:nth-child(2) > div select::-ms-expand {
    display: none;
}
/* Mudar de página */
html body .panelPagination tbody tr td:nth-child(3) {
    order: 2;
    flex-grow: 1;
    text-align: right;
}
html body .panelPagination tbody tr td:nth-child(3) input {
    display: inline-block;
    width: 22px;
    height: 20px;
    margin: 0;
    margin-left: 5px;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: none;
    color: transparent;
    text-shadow: none;
    overflow: hidden;
    transition: all 0.2s;
}
html body .panelPagination tbody tr td:nth-child(3) input:hover {
    filter: brightness(125%);
}
html body .panelPagination tbody tr td:nth-child(3) input[disabled] {
    pointer-events: none;
    filter: grayscale(100%);
    opacity: 50%;
}
html body .panelPagination tbody tr td:nth-child(3) input:nth-child(1) {
    background-image: url("../images/icons/svg/Primeira.svg");
}
html body .panelPagination tbody tr td:nth-child(3) input:nth-child(2) {
    background-image: url("../images/icons/svg/Anterior.svg");
}
html body .panelPagination tbody tr td:nth-child(3) input:nth-child(3) {
    background-image: url("../images/icons/svg/Seguinte.svg");
    margin-left: 20px;
}
html body .panelPagination tbody tr td:nth-child(3) input:nth-child(4) {
    background-image: url("../images/icons/svg/Ultima.svg");
}

html body .formText {
    padding-left: 0;
}

.empresaAdjudicanteIdentif > div:first-child {
    font-size: 18px;
    font-weight: bold;
}
.empresaAdjudicanteIdentif > div:last-child {
    font-size: 20px;
}

html body .footer {
    margin-top: 2px;
    background-color: var(--color-primary);    
}
html body .footer div {
    padding: 0;
    padding-top: 10px;
}

html body #wait-bottom-div {
    font-size: 12px !important;
}

.dropbox-user {
	position:absolute;
        z-index:1;
        margin-left:-250px;
	background: 0% 0% no-repeat padding-box padding-box rgb(205, 204, 204);
        margin: 1em 0 3em;
        border-top-left-radius: 0;
        opacity:1;
}

.header-site {
    min-height: 112px;
    margin-top: 8px;
    background-color:var(--color-background-header);
    box-shadow: 0px 0px 10px #00000029;
}
.header-site .header-ent-login {
    position: relative;
}
.header-site .header-ent-login .header-ent-login-dropdown {
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    right: 5px;
    background-color: transparent;
    width: 40px;
    height: 30px;
    padding-top: 7px;
    transition: all 1s linear;
}
.header-site .header-ent-login .header-ent-login-dropdown.open {
    background-color: var(--color-primary);
}
.header-site .header-ent-login .header-ent-login-dropdown img {
    width: 17px;
    transition: all 1s;
    transform-origin: center;
    padding: 5px 0;
}
.header-site .header-ent-login .header-ent-login-dropdown.open img {
    transform: rotate(180deg);
}
.header-site .header-ent-login .dropbox-user {
    box-shadow: 0px 10px 15px #00000029;
}

#userDiv {
    display:flex;
    width: 80px;
    background: var(--color-inactive) 0% 0% no-repeat padding-box;
    transition: border-radius 1s;
}
#userDiv.open {
    border-bottom-right-radius: 0;
}
#userDiv #dropdownListaOpcoesUser img,
#dropdownListaOrganizacoesTroca img {
    transition: all 1s;
    transform-origin: center;
}
#userDiv.open #dropdownListaOpcoesUser img,
#dropdownListaOrganizacoesTroca.open img {
    transform: rotate(180deg);
}
#listaOpcoesUser {
    position: absolute;
    box-shadow: 0px 10px 15px #00000029;
    z-index: 1;
    top: 100%;
    right: 0;
    margin: 0;
    background: var(--color-inactive) 0% 0% no-repeat padding-box;
    border-top-right-radius: 0;
}

html body #listaOrganizacoesTroca {
    background: 0% 0% no-repeat padding-box padding-box rgb(205, 204, 204);
    opacity: 1;
    box-shadow: 0px 10px 15px #00000029;
    padding: 0;
    border-top-right-radius: 0;
    overflow: hidden;
}
html body #listaOrganizacoesTroca ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
html body #listaOrganizacoesTroca ul li {
    padding: 10px 40px 5px 10px;
}
html body #listaOrganizacoesTroca ul li a {
    font-size: 16px;
    line-height: 21px;
    color: white;
}

#listaLotesTroca {
    background: 0% 0% no-repeat padding-box padding-box rgb(205, 204, 204);
    opacity: 1;
    box-shadow: 0px 10px 15px #00000029;
    padding: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    overflow: hidden;
}
#listaLotesTroca ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
#listaLotesTroca ul li {
    padding: 10px 40px 5px 10px;
}
#listaLotesTroca ul li a {
    font-size: 16px;
    line-height: 21px;
    color: var(--color-typography);
}

#dropdownListaOrganizacoesTroca {
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    background-color: transparent;
    width: 30px;
    height: 20px;
    top: 1px;
    right: 3px;
    padding-top: 7px;
    transition: all 1s linear;
}
#dropdownListaOrganizacoesTroca.open {
    background-color: var(--color-primary);
}

.menuLista2 {
    width:100%;
    margin:0px;
    list-style:none;
    background-color: var(--color-primary);
}

.menuLista2 li{
    height: 24px;
    border-bottom: 1px solid white;
    padding-right: 40px;
    white-space: nowrap;
}
.menuLista2 li:last-child {
    border-bottom: none;
}

.menuLista2 li:hover{
    background-color: var(--color-secondary);
}

.menuLista2 li span{
    margin-left: 50px;
}

.menuLista2 li a{
    display: flex;
    text-decoration: none;
}

.btnPerfilUser{
    background-image:url("../images/icons/svg/Menu_Utilizador_Ativo.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnCertificadosUser{
    background-image:url("../images/icons/svg/Certificados2.svg");
    background-repeat: no-repeat;
    background-position:5% 60%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnLogoutUser{
    background-image:url("../images/icons/svg/Logout.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnGestaoUtilizadores{
    background-image:url("../images/icons/svg/Gestao_utilizadores.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnAdministracao{
    background-image:url("../images/icons/svg/Administracao.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnCustomizacao{
    background-image:url("../images/icons/svg/Customizacao.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnImportacaoADS{
    background-image:url("../images/icons/svg/importacaoADS.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.btnImportacaoCE{
    background-image:url("../images/icons/svg/importacaoCE.svg");
    background-repeat: no-repeat;
    background-position:5% 50%;
    background-size: 20px 20px;
    padding: 10px 0px 5px 5px;
}

.textoImportacaoProcedimentos{
    font: normal normal normal 16px/21px Roboto;
    color: white;
}

.float-container {
  display: flex;
}

.float-child {
    box-sizing: border-box;
    padding: 10px;
}

.btnNovoProc{
    background: var(--color-typograph) 0% 0% no-repeat padding-box;
    text-decoration: none;
    padding: 10px;
}

.btnNovoProc:hover{
    background: var(--color-inactive) 0% 0% no-repeat padding-box;
    text-decoration: none;
    padding: 10px;
}

.textBtnNovo {
    text-align: center;
    font: normal normal normal 20px/26px Roboto Condensed;
    color: var(--color-background-header);
}

.textBtnNovo:hover {
    text-align: center;
    font: normal normal normal 20px/26px Roboto Condensed;
    color: var(--color-typograph);
}


/* Barra de ferramentas das tabelas (com pesquisa). */
.table-toolbar {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-align: right;
    padding-right: 10px;
}
.table-toolbar > *:not(:first-child) {
    margin-left: 15px;
}
.table-toolbar > *:first-child {
    flex-grow: 1;
    text-align: left;
}
.table-toolbar .search {
    text-align: right;
}
.table-toolbar .buttons {
    display: flex;
    align-items: center;
}
.table-toolbar .buttons > *:not(:last-child) {
    margin-right: 15px;
}

/* Caixa de pesquisa */
.search-box {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 400px;
    max-width: 400px;
    text-align: right;
}
.inputBoxPesquisaProc {
    box-sizing: border-box;
    min-height: 40px;
    border: 0;
    color: var(--color-typography);
    background: #F2F2F2 0% 0% no-repeat padding-box;
    padding: 10px;
    border-radius: 10px;
    width: 350px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    vertical-align: middle;
}
.search-box .inputBoxPesquisaProc {
    width: 100%;
    padding-right: 40px !important;
}
.search-box.with-filter .inputBoxPesquisaProc {
    padding-right: 70px !important;
}
.search-box #btnPesquisa,
.search-box #btnPesquisaUsers,
.search-box #btnPesquisaUsersNOK,
.search-box .btnPesquisa,
.search-box .btnPesquisa2{
    position: absolute !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    left: auto !important;
}
.search-box #btnPesquisa3{
    position: absolute !important;
    display: inline-block;
    height: 100%;
    top: 0px;
    right: 0px;
    left: auto !important;
}
.search-box.with-filter #btnPesquisa,
.search-box.with-filter #btnPesquisaUsers,
.search-box.with-filter #btnPesquisaUsersNOK,
.search-box.with-filter .btnPesquisa,
.search-box.with-filter .btnPesquisa2,
.search-box.with-filter .btnPesquisa3 {
    right: 40px;
}
.search-box #btnPesquisa img,
.search-box #btnPesquisaUsers img,
.search-box #btnPesquisaUsersNOK img,
.search-box .btnPesquisa img,
.search-box .btnPesquisa2 img,
.search-box .btnPesquisa3 img, {
    width: 100%;
    height: 100%;
}
.search-box #btnFiltro,
.search-box .btnFiltro {
    position: absolute !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    left: auto !important;
}
.search-box #btnFiltro img,
.search-box .btnFiltro img {
    width: 100%;
    height: 100%;
}

.btnDownloadListaProc {
    margin-left: 15px;
}

/* Tooltips da timeline */
.timeline-tooltip {
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 14px;
    background: var(--color-background-header);
    color: var(--color-typography);
    padding: 10px 15px;
    border: solid 1px #A6A6A6;
    z-index: 5;
}
.timeline-tooltip p {
    margin: 0;
}
.timeline-tooltip::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-left: solid 1px #A6A6A6;
    border-bottom: solid 1px #A6A6A6;
    background-color: inherit;
    transform: rotate(-45deg);
    position: absolute;
    left: 43px;
    bottom: -8px;
    z-index: 6;
}

/*.textoTabela {
    text-align: left;
    font: normal normal normal 16px/21px Roboto;
    color: #000000;
}*/

.textoBoldTabela {
    /*text-align: left;
    font: normal normal bold 16px/21px Roboto;
    color: #000000;*/
    font-weight: bold;
}

html .texto1 {
    color: var(--color-typography);
}

/* Botão de opções nas tabelas */
html body td.options-column {
    box-sizing: border-box;
    position: relative;
    padding: 0;
    min-width: 40px;
    width: 40px;
    max-width: 40px;
}
html body td.options-column > .button {
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/icons/svg/opcoes.svg");
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-color 0.3s;
}
html body td.options-column > .button:hover {
    background-color: var(--color-inactive);
}
html body td.options-column > .options {
    box-sizing: border-box;
    position: absolute;
    display: flex;
    align-items: stretch;
    top: 0;
    bottom: 0;
    right: 100%;
    height: 100%;
    max-width: 0;
    overflow: hidden;
    background-color: #DFDEDE;
    transition: max-width 0.3s ease-out;
}
html body td.options-column > .options > * {
    box-sizing: border-box;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    padding: 0 10px;
}
html body td.options-column.open > .button:not(:hover),
html body td.options-column:hover > .button:not(:hover) {
    background-color: #DFDEDE;
}
html body td.options-column.open > .options,
html body td.options-column:hover > .options {
    max-width: 500px;
    transition: max-width 0.3s ease-in;
}
html body td.options-column.open > .options > *,
html body td.options-column:hover > .options > * {
    pointer-events: all;
    transition: background-color 0.3s;
}
html body td.options-column.open > .options > a:hover,
html body td.options-column:hover > .options > a:hover {
    background-color: var(--color-inactive);
}

/** Estilo da página de "browser não suportado". */
body.browser-not-supported {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    background: linear-gradient(90deg, #9B0000 10%, black 80%);
}
body.browser-not-supported::before {
    display: none;
}
body.browser-not-supported .browser-not-supported-div {
    box-sizing: border-box;
    width: 900px;
    max-width: 90%;
    background: #F2F2F2;
    color: var(--color-typography);
    padding: 40px 20px;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
}
body.browser-not-supported .browser-not-supported-div p {
    margin: 0;
    margin-top: 10px;
}
body.browser-not-supported .browser-not-supported-title {
    margin-bottom: 40px;
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
}
body.browser-not-supported .browser-not-supported-title .scpl {
    position: relative;
    top: -6px;
}


.iconOpcoes {
    padding: 10px 10px 10px 10px;
}

.fadingEffect-big{
        width: 0px;
        -moz-animation: showHideBig 0.3s ease-in forwards; /* Firefox */
        -webkit-animation: showHideBig 0.3s ease-in forwards; /* Safari and Chrome */
        -ms-animation: showHideBig 0.3s ease-in forwards; /* IE10 */
        -o-animation: showHideBig 0.3s ease-in forwards; /* Opera */
        animation: showHideBig 0.3s ease-in forwards;
}

    .fadingEffect {
        width: 0px;
        -moz-animation: showHide 0.3s ease-in forwards; /* Firefox */
        -webkit-animation: showHide 0.3s ease-in forwards; /* Safari and Chrome */
        -ms-animation: showHide 0.3s ease-in forwards; /* IE10 */
        -o-animation: showHide 0.3s ease-in forwards; /* Opera */
        animation: showHide 0.3s ease-in forwards;
    }
    @-webkit-keyframes showHide { /* Chrome, Safari */
        0% {width: 0px;}
        100% {width: 75px;}
    }
    @-moz-keyframes showHide { /* FF */
        0% {width: 0px;}
        100% {width: 75px;}
    }
    @-ms-keyframes showHide { /* IE10 */
        0% {width: 0px;}
        100% {width: 75px;}
    }
    @-o-keyframes showHide { /* Opera */
        0% {width: 0px;}
        100% {width: 75px;}
    }
    @keyframes showHide {
        0% {width: 0px;}
        100% {width: 75px;}
    }
    @-webkit-keyframes showHideBig { /* Chrome, Safari */
        0% {width: 0px;}
        100% {width: 150px;}
    }
    @-moz-keyframes showHideBig { /* FF */
        0% {width: 0px;}
        100% {width: 150px;}
    }
    @-ms-keyframes showHideBig { /* IE10 */
        0% {width: 0px;}
        100% {width: 150px;}
    }
    @-o-keyframes showHideBig { /* Opera */
        0% {width: 0px;}
        100% {width: 150px;}
    }
    @keyframes showHideBig {
        0% {width: 0px;}
        100% {width: 150px;}
    }


.divRoundLeftTop {
    box-sizing: border-box;
    background-color: white;
    min-height: 300px;
    padding: 15px;
}

.divRoundLeftBottom {
    box-sizing: border-box;
    background-image: url("../images/banners/banner.png");
    background-size: cover;
    min-height: 300px;
}

.divRoundLeftBottomPreview {
    box-sizing: border-box;
    background-image: url("../images/banners/banner_preview.png");
    background-size: cover;
    min-height: 300px;
}

.divRoundRightTop {
    box-sizing: border-box;
    background-color: var(--color-primary);
    min-height: 300px;
}

.divRoundRightBottom {
    box-sizing: border-box;
    background-color: white;
    min-height: 300px;
    width:55%;
    float:right;
    padding: 35px 50px 0px 50px;
    height:50%;
}

.divInicioSessaoRight {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    float: right;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    width: 55%;
    height: 100%;
}
html body .divInicioSessaoRight a img {
    width: auto;
    height: 5vh;
    min-height: 30px;
    max-height: 60px;
}
.divInicioSessaoRight .divInicioSessaoRight-links {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    margin: 0;
}
.divInicioSessaoRight .divInicioSessaoRight-links a {
    min-width: 150px;
    margin-right: 20px;
    text-align: left;
}
.divInicioSessaoRight .divInicioSessaoRight-links a:last-child {
    margin-right: 0;
}

.divInicioSessaoLeft {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    float: right;
    background: var(--color-background-header) 0% 0% no-repeat padding-box;
    width: 30%;
    height: 100%;
    margin-right: 15px;
}
.divInicioSessaoLeft a img {
    width: auto;
    height: 6vh;
    min-height: 30px;
    max-height: 60px;
}

.textoNomePlataforma {
    font: normal normal normal 20px/25px Roboto;
    color: var(--color-typograph);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
}

.divLogoEntidade {
    background-image: url(../images/banners/logo_entidade.png);
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.divLogoEntidadeEspap {
    background-image: url(../images/banners/logo_entidade_espap.png);
    height: 90%;
    width: 90%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}    
    .choseLoginButton {
        width: 350px;
        height: 40px;
        background-color: #0A89A6;
        text-align: center;
        display: flex;
        align-items: center; 
        justify-content: center; 
        border-radius: 20px; 
    }
    
    .choseLoginButton a,
    .login-button a{
        display: block;
        width: 100%;
        line-height: 45px;
        text-decoration: none;
        color: white;
        font-size: 16px; 
    }
    
    .login-button {
        width: 100%;
        height: 35px;
        background-color: #62A384;
        text-align: center;
        display: flex;
        align-items: center; 
        justify-content: center; 
        border-radius: 20px; 
    }
    
    .dividerClaro {
        border-top: 1px solid white;
        margin-bottom: 5px;
    }

@media(max-height:1000px) {
    .divRoundLeft {
        width: 45% !important;
    }
    .divRoundRight {
        width: 55% !important;
    }

    .divInicioSessaoLeft span {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .divInicioSessaoLeft-button {
        margin: 5px !important;
    }
    html .divInicioSessaoRight .divInicioSessaoRight-text span {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    html body table.tabela-login {
        margin-bottom: 0;
    }
    html body table.tabela-login > thead > tr > .headerTabela,
    html body table.tabela-login > tbody.tabelas > tr > td {
        height: 30px;
        min-height: 30px;
    }
}
@media(max-height:1200px) {
    .divInicioSessaoRight .divInicioSessaoRight-text span {
        font-size: 16px !important;
        line-height: 20px !important;
    }
}

line.timeline-line {
    stroke: #2E2E2E !important;
    stroke-dasharray: 0px, 0px !important;
    stroke-width: 1px !important;
}
                      
path.path {
    stroke: #2E2E2E !important;
    stroke-dasharray: 4px, 3px !important;
    stroke-width: 1px !important;
}
                      
circle.timeline-event {
    stroke: #9B0000 !important;
    background: #9B0000 !important;
}
                      
#timeline td.detalheTabelaListaRow1 {
    background-color: white;
    border-bottom: 1px solid #2E2E2E;  
}

.noHeaderTable > thead {
    display: none;
}

.noHeaderTable > tbody > tr > td {
    border-top: none;
    border-left: none;
    border-right: none;
}

.wizard-inner-content{
    background: white !important;
    padding: 20px; 
}

.textoAlertaRegisto {
    text-align: left;
    font: normal normal normal 16px/24px Roboto;
    color: var(--color-typograph);
}
.notice .textoAlertaRegisto {
    font-size: 14px;
}

.textoBoldAlertaRegisto {
    text-align: left;
    font: normal normal bold 16px/24px Roboto;
    color: var(--color-typograph);
}

.linkRegisto {
    font: normal normal normal 16px/24px Roboto;
    color: var(--color-info);
}

.textBtnAbrirProc {
    text-align: center;
    font: normal normal normal 20px/26px Roboto;
    color: var(--color-typograph);
}

.headerTabelaRegisto{
    background-color: transparent !important;
    margin-bottom: 20px !important;
}

html body .section-title {
    display: block;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    color: var(--color-typography);
    border-bottom: solid 1px var(--color-typography);
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
}

html body .alerta-procedimento-section {
    box-sizing: border-box;
    display: flex;
}
html body .alerta-procedimento-section > div:first-child {
    box-sizing: border-box;
    display: block;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
    text-align: center;
    padding: 10px;
}
html body .alerta-procedimento-section > div:last-child {
    box-sizing: border-box;
    display: block;
    flex-grow: 1;
}
html body .alerta-procedimento-section img {
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
}
html body .alerta-procedimento-section .icon-legend {
    font-family: Roboto;
    font-size: 18px;
    line-height: 21px;
    color: var(--color-typography);
}
html body .alerta-procedimento-section .icon-legend-status {
    font-family: Roboto;
    font-size: 16px;
    line-height: 21px;
    color: var(--color-typography);
    font-weight: 300;
}
html body .alerta-procedimento-section ul {
    text-align: left;
    font-family: Roboto;
    font-size: 16px;
    line-height: 21px;
    list-style: none;
    margin: 0;
}
html body .alerta-procedimento-section ul > li {
    padding: 10px 20px;
    border-bottom: solid 1px var(--color-typography);
}
html body .alerta-procedimento-section ul > li strong {
    font-weight: 500;
}

html body .cpv-title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    color: var(--color-typography);
    text-align: left;
    margin-bottom: 15px;
}

html body table > tbody.tabela-cpv > tr > td {
    font-family: Roboto;
    font-size: 16px;
    line-height: 21px;
}

html body .registoContent {
    width: 100%;
}

html body .cpvHeaderNav {
    background: white;
}

html body .versaoJavaMin {
    padding-left: 5px;
}

.spacer {
    display: inline-block;
    visibility: hidden;
}
.spacer::before {
    content: "_";
}

.flex {
    display: flex;
}

html body .notificacaoLida_true{color:#2F2F2F;font-weight:normal;}
html body .notificacaoLida_false{font-weight:bold; color:#000;}

html body .notificacaoLida_false a {font-weight:bold !important; color:#000 !important;}
html body .notificacaoLida_true a {color:#2F2F2F !important;font-weight:normal !important;}

html body .close-button {
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    background-image: url("../images/icons/svg/Fechar.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

html body .text-left {
    text-align: left;
}
html body .text-center {
    text-align: center;
}
html body .text-right {
    text-align: right;
}
html body .clear-both {
    clear: both;
}

html body .chartContainer {
    font-size: 14px;
}
html body .chartContainer .flotr-legend-bg {
    display: none;
}
html body .chartContainer .flotr-legend {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    float: right;
    margin-top: -30px;
    background: var(--color-background);
}
html body .chartContainer .flotr-legend table > tbody > tr:last-child > td {
    border-bottom: none;
}

html body .tituloTabela {
    font-family: "Roboto";
    font-size: 20px;
    background-color: transparent;
    color: var(--color-typography);
    text-align: left;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

html body .centered-radio-buttons,
html body .centered-radio-buttons > tbody,
html body .centered-radio-buttons > tbody > tr {
    display: block;
}
html body .centered-radio-buttons > tbody > tr {
    text-align: center;
}
html body .centered-radio-buttons > tbody > tr > td {
    display: inline-block;
}
html body .centered-radio-buttons > tbody > tr > td input[type="radio"] {
    display: inline-block;
}

#popupConviteConcorrencia > div,
#popupConviteConcorrencia > div > .dojoDialog-content {
    height: 100%;
    box-sizing: border-box;
}
#popupConviteConcorrencia label {
    font-size: 16px;
}

.logoWithBackground {
    width: var(--size-menu-open);
    min-width: var(--size-menu-open);
    background-color: var(--color-primary);
    background-image: url(../images/scpl.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.rectangle {
    width: 30px;
    height: 20px;
    background: white;
    position: absolute;
    color: var(--color-primary-2);
    font-weight: bold;
    font-size: 16px;
}

.borderRightMiddle {
    width: 1px;
    height: 35%;
    background: var(--color-primary-2);
    position: absolute;
    right: 0px;
    top: 30%;
}

.detalheVisaoTable{
    width: 75% !important;
    margin: 0;
    font-size: 14px;
}

.detalheVisaoTable2{
    width: 95% !important;
    margin: 0;
    font-size: 14px;
}

.submissaoSimplificadaTable{
    width: 100% !important;
    margin: 0;
    font-size: 14px;
}

.detalheVisaoTable .detalheTabelaListaRow1,
.detalheVisaoTable .detalheTabelaListaRow2,
.detalheVisaoTable .detalheTabelaListaRow3,
.detalheVisaoTable2 .detalheTabelaListaRow1,
.detalheVisaoTable2 .detalheTabelaListaRow2,
.detalheVisaoTable2 .detalheTabelaListaRow3{
    background: transparent;
    border-bottom: 1px solid var(--color-primary-2) !important;
    border-top: none !important;
}

.submissaoSimplificadaTable .submissaoSimplificadaTableRow1,
.submissaoSimplificadaTable .submissaoSimplificadaTableRow2{
    background: transparent;
    border-top: none !important;
}

.detalheVisaoTable .detalheTabelaListaRow1,
.detalheVisaoTable2 .detalheTabelaListaRow1{
    text-align: right;
}

.submissaoSimplificadaTable .submissaoSimplificadaTableRow1 {
    text-align: right;
    padding-right: 5px;
}

.submissaoSimplificadaTable .submissaoSimplificadaTableRow2{
    text-align: left;
    padding-left: 0;
}

.detalheVisaoTable .detalheTabelaListaRow2,
.detalheVisaoTable2 .detalheTabelaListaRow2,
.submissaoSimplificadaTable .submissaoSimplificadaTableRow2{
    font-weight: 700 !important;
    color: var(--color-typography);
}

.detalheVisaoTable .detalheTabelaListaRow3,
.detalheVisaoTable2 .detalheTabelaListaRow3{
    width:10%;
    text-align:left;
    padding-left:15px;
}

.detalheVisaoTable td ol,
.detalheVisaoTable2 td ol,
.submissaoSimplificadaTable td ol{
    margin: 0px 0px 0px 12px;
}

.detalheVisaoTable tr:last-child .detalheTabelaListaRow1,
.detalheVisaoTable tr:last-child .detalheTabelaListaRow2,
.detalheVisaoTable tr:last-child .detalheTabelaListaRow3,
.detalheVisaoTable2 tr:last-child .detalheTabelaListaRow1,
.detalheVisaoTable2 tr:last-child .detalheTabelaListaRow2,
.detalheVisaoTable2 tr:last-child .detalheTabelaListaRow3,
.submissaoSimplificadaTable tr:last-child .submissaoSimplificadaTableRow1,
.submissaoSimplificadaTable tr:last-child .submissaoSimplificadaTableRow2{
    border: none !important;
}

.submissaoSimplificadaTableRow1 {
    width: 20%;
}

.submissaoSimplificadaTableRow2 {
    width: 80%;
}

.detalheVisaoTable th,
.submissaoSimplificadaTable th{
    font-size: 1.2em;
    background-color: #fff0;
    border-bottom: 2px solid #9b0000;
}

.detalheVisaoTable2 th{
    font-size: 1.2em;
    background-color: #fff0;
    border-bottom: 1px solid black;
    font-weight: normal;
}

#detalhePapGrid{
    margin: 0;
    font-size: 14px;
}

#detalhePapGrid .detalheTabelaListaRow1,
#detalhePapGrid .detalheTabelaListaRow2{
    background: transparent;
    border-bottom: 1px solid var(--color-primary-2) !important;
    border-top: none !important;
}

#detalhePapGrid .detalheTabelaListaRow1{
    text-align: right;
}

#detalhePapGrid .detalheTabelaListaRow2{
    font-weight: 700 !important;
    color: var(--color-typography);
}

#detalhePapGrid td ol{
    margin: 0px 0px 0px 12px;
}

#detalhePapGrid tr:last-child .detalheTabelaListaRow1,
#detalhePapGrid tr:last-child .detalheTabelaListaRow2{
    border: none !important;
}

.textoPlataforma {
    font: normal normal normal 16px/20px Roboto;
    color: var(--color-typography);
}

.textoPlataformaDivRoundLeftTop {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    width: 35%;
    font: normal normal normal 20px/26px Roboto;
    color: #2E2E2E;
    margin: 0% 5%;
}

.textoIconsDashboardAnonimo {
    text-align: center;
    font: normal normal normal 20px/26px Roboto;
    color: #2E2E2E;
}

.textoIconsDashboardAnonimoBranco {
    text-align: center;
    font: normal normal normal 20px/26px Roboto;
    color:white;
}

.textoIconsDashboardAnonimoBrancoSmall {
    text-align: center;
    font: normal normal normal 14px/19px Roboto;
    color:white;
}

.tituloDivRoundRightBottom {
    font: normal normal normal 20px/26px Roboto;
    color: var(--color-typography);
    float: left;
    margin-bottom:10px;
}

.textoDivInicioSessaoRight {
    font: normal normal 300 16px/24px Roboto;
    color:white;
}

.divSuporteLogin {
    width:20%;
    padding-top:20px;
    padding-left:20px;
    text-align:left;
}

.divClockLogin {
    width:30%;
}

.divTitleLogin {
    min-width:300px;
    text-align:left;
}

.textoTitleLogin {
    font: normal normal normal 24px Roboto;
    color: var(--color-primary);
}

.contentLogin {
    height: calc(100vh - 120px - 172px);
}

.textoTituloFases {
    font: normal normal 300 20px Roboto;
    letter-spacing: 0px;
    color: var(--color-primary);
    opacity: 1;
}

.textoBotoesIcons {
    text-align: center;
    font: normal normal normal 16px Roboto;
    letter-spacing: 0px;
    color: white;
    opacity: 1;
}

.textoServicos {
    color:white;
    font: normal normal normal 14px Roboto;
}

.colunaRegistoAtivacao {
    padding-top:15px;
}

.btnRegistoDashboard {
    height: 60px;
    width: 60px;
}

.textoBtnRegistoDashboard {
    margin-top: 10px;
}

.btnIniciarSessaoDashboard {
    height: 80px;
    width: 80px;
}

.textoUtilizador {
    color:#2E2E2E;
    float: right;
    padding-top: 2px; 
    padding-right: 4px;
    font: normal normal normal 16px/21px Roboto;
}

.textoEmpresa {
    font: normal normal bold 16px/21px Roboto;
    color: #2E2E2E;
}

@media screen and (max-height: 1000px) and (max-width: 1700px) {
    .textoServicos {
        color:white;
        font: normal normal normal 12px Roboto;
    }
    
    .header-site {
        height: 100px;
        min-height: 100px;
        margin-top: 8px;
        background-color:var(--color-background-header);
        box-shadow: 0px 0px 10px #00000029;
    }
    
    .textoPlataforma {
        font: normal normal normal 14px Roboto;
        color: var(--color-typography);
    }
    
    .textoPlataformaDivRoundLeftTop {
        display:flex;
        flex-direction:column;
        justify-content:space-around;
        width: 35%;
        font: normal normal normal 18px Roboto;
        color: #2E2E2E;
        margin: 0% 5%;
    }
    
    .textoIconsDashboardAnonimo {
        text-align: center;
        font: normal normal normal 16px Roboto;
        color: #2E2E2E;
    }
    
    .textoIconsDashboardAnonimoBranco {
        text-align: center;
        font: normal normal normal 18px Roboto;
        color:white;
    }
    
    .textoDivInicioSessaoRight {
        font: normal normal 300 14px Roboto;
        color:white;
    }
    
    .textoIconsSmall {
        font-size:12px !important;
        padding: 4px !important;
    }
    
    html body .btn.btn-faq::before {
        margin-right: 5px;
    }
    
    html body .btn.btn-basegov::before {
        margin-right: 5px;
    }
    
    html body .btn.btn-lojaOnline::before {
        margin-right: 5px;
    }
    
    .divSuporteLogin {
        width:26%;
        padding-top:10px;
        padding-left:20px;
        text-align:left;
    }
    
    .divClockLogin {
        width:28%;
    }
    
    .divTitleLogin {
        min-width:250px;
        text-align:left;
    }
    
    .textoTitleLogin {
        font: normal normal normal 22px Roboto;
        color: var(--color-primary);
    }
    
    .inputBoxPesquisaProc {
        box-sizing: border-box;
        min-height: 40px;
        border: 0;
        color: var(--color-typography);
        background: #F2F2F2 0% 0% no-repeat padding-box;
        padding: 10px;
        width: 350px;
        font-family: Roboto;
        font-size: 12px;
        vertical-align: middle;
    }
    
    .contentLogin {
        height: auto;
    }
    
    .textoTituloFases {
        font: normal normal normal 18px Roboto;
        letter-spacing: 0px;
        color: var(--color-primary);
        opacity: 1;
        font-weight: bold;
        margin-left: 10px;
    }
    
    .rectangle {
        width: 30px;
        height: 20px;
        background: white;
        position: absolute;
        color: var(--color-primary-2);
        font-weight: bold;
        font-size: 14px;
    }
    
    .btnRegistoDashboard {
        height: 50px;
        width: 50px;
    }
    
    .textoBtnRegistoDashboard {
        margin-top: 20px;
    }
    
    .textoUtilizador {
        color:#2E2E2E;
        float: right;
        padding-top: 2px; 
        padding-right: 4px;
        font: normal normal normal 14px Roboto;
    }
    
    .textoEmpresa {
        font: normal normal bold 14px Roboto;
        color: #2E2E2E;
    }
    
    table > thead > tr > .headerTabela,
    table > thead > tr > .headerTabelaHover,
    table > thead > tr > .headerTabela2 {
        box-sizing: border-box;
        position: relative;
        background-color: var(--color-primary);
        color: white;
        border: none;
        padding: 5px 14px;
        line-height: 14px;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        height: 40px;
        min-height: 40px;
        text-align: left;
        vertical-align: bottom;
    }
    
    table > thead > tr > .headerTabela:first-child,
    table > thead > tr > .headerTabelaHover:first-child,
    table > thead > tr > .headerTabela2:first-child {
        padding-left: 10px;
    }
    table > thead > tr > .headerTabela:last-child,
    table > thead > tr > .headerTabelaHover:last-child,
    table > thead > tr > .headerTabela2:last-child {
        padding-right: 10px;
    }
    
    table > tbody.tabelas > tr > td {
        box-sizing: border-box;
        padding: 5px 14px;
        height: 40px;
        min-height: 40px;
        text-align: left;
        vertical-align: top;
        font-size: 12px;
        border: none;
        color: var(--color-typography);
    }
    table > tbody.tabelas > tr > td:first-child {
        padding-left: 10px;
    }
    table > tbody.tabelas > tr > td:last-child {
        padding-right: 10px;
    }
    
    html body .dashboard-grid .dashboard-calendar-area #dashboardCalendar {
        width: 250px;
        min-width: 250px;
    }
    
    html body .dashboard-icons .dashboard-icon img {
        width: auto;
        min-height: 60px;
        max-height: 120px;
        height: 10vh;
    }
    
    .textoBotoesIcons {
        text-align: center;
        font: normal normal normal 14px Roboto;
        letter-spacing: 0px;
        color: white;
        opacity: 1;
    }
    
    html body .dashboard-grid .dashboard-calendar-area .ui-datepicker thead th {
        background: transparent;
        line-height: 20px;
        padding: 0;
    }
    html body .dashboard-grid .dashboard-calendar-area .ui-datepicker tbody td {
        font-size: 12px;
        opacity: 100%;
        line-height: 20px;
    }
    
    .textoServicos {
        color:white;
        font: normal normal normal 13px Roboto;
    }
    
    .divRoundRightBottom {
        box-sizing: border-box;
        background-color: white;
        min-height: 300px;
        width:55%;
        float:right;
        padding: 20px 50px 0px 50px;
        height:50%;
    }
    
    .well {
        box-sizing: border-box;
        background: var(--color-areas);
        padding: 0px 20px 20px 20px;
        color: var(--color-typography);
    }
    
    html body .wizard-tabs > .tab {
        box-sizing: border-box;
        display: block;
        position: relative;
        width: 150px;
        height: 80px;
        min-height: 80px;
        max-height: 80px;
        margin-top: 5px;
        margin-right: 5px;
        line-height: 26px;
        text-align: left;
        z-index: 0;
        color: var(--color-typography);
        transition: background-color 0.2s;
    }
    
    html body .wizard-tabs > .tab label {
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
    }
    
    .empresaAdjudicanteIdentif > div:first-child {
        font-size: 14px;
        font-weight: bold;
    }
    .empresaAdjudicanteIdentif > div:last-child {
        font-size: 14px;
    }
    
    html body ul.subsection_tabs > li.tab > a,
    html body ul.subsection_tabs > li.tabErro > a {
        box-sizing: border-box;
        position: relative;
        display: block;
        width: 200px;
        height: 65px;
        min-height: 65px;
        max-height: 65px;
        background: var(--color-inactive);
        color: var(--color-typography);
        border: none;
        margin-top: 5px;
        margin-right: 5px;
        padding-top: 12px;
        padding-left: 20px;
        padding-right: 40px;
        font-family: Roboto;
        font-size: 14px;
        line-height: 18px;
        text-shadow: none;
        transition: background-color 0.2s;
    }
}

em {
    position: relative;
    font-size: inherit;
    font-style: normal;
    color: red;
}

.btn-novoProc::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: bottom;
    background-image: url(../images/icons/svg/Novo_procedimento_branco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-importProc::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    vertical-align: bottom;
    background-image: url(../images/icons/svg/Upload-branco.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

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

.divNovoEPesquisaProcs {
    display:flex;
    width:100%;
    justify-content:space-around;
    margin-left:20px;
}

.novoProcButtonDashboard {
    align-self:center;
    margin:0;
    min-width: 90px;
}

.search-box-dashboard {
    flex-grow:1;
    width:100%;
}

@media only screen and (max-width:1400px) {
    .divMeusProcedimentos {
        display:block;
    }
    
    .divNovoEPesquisaProcs {
        display:flex;
        width:100%;
        justify-content:space-between;
        margin-top: 5px;
        margin-left: 0;
    }
    
    .novoProcButtonDashboard {
        align-self:center;
        margin-top: -75px;
        min-width: 90px;
    }
    
    .search-box-dashboard {
        flex-grow:1;
        width:100%;
        max-width:320px;
    }
    
    html body .dashboard-icons .dashboard-icon {
        box-sizing: border-box;
        position: relative;
        width: 20%;
        min-width: 20%;
        max-width: 20%;
    }
}

#importProcsDiv {
    display:flex;
    width: 304px;
    background: white 0% 0% no-repeat padding-box;
    border-radius: 20px;
    transition: border-radius 1s;
}

#importProcsDiv.open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#divOpcoesProcs {
    position: absolute;
    box-shadow: 0px 10px 15px #00000029;
    z-index: 1;
    top: 318px;
    margin: 0;
    background: var(--color-primary) 0% 0% no-repeat padding-box;
    border-top-right-radius: 0;
}

.menuLista3 {
    width:100%;
    margin:0px;
    list-style:none;
}

.menuLista3 li{
    height: 24px;
    border-bottom: 1px solid white;
    padding-right: 40px;
    white-space: nowrap;
}
.menuLista3 li:last-child {
    border-bottom: none;
}

.menuLista3 li:hover{
    background-color: #E4E4E4;
}

.menuLista3 li span{
    margin-left: 50px;
}

.menuLista3 li a{
    display: flex;
    text-decoration: none;
}

.btnCapaProcedimento {
    color: var(--color-primary-2); 
    text-decoration: none;
    font-size: 14px;
}

.wellSubmissaoSimplificada {
    display: flex; 
    flex-direction: row; 
    gap: 20px;
    background: var(--color-background);
    margin: 0px 20px 20px 20px;
    padding: 10px 0px 0px 5px;
}

.dataLimiteProposta {
    text-align: left;
    font-size: 28px;
    line-height: 1;
}

.tituloSubmissaoSimplificada {
    font-size: 16px; 
    font-weight: 700;
}

.diaSubmissaoSimplificada {
    margin-right: 20px;
    font-size: 12px;
}

.mesSubmissaoSimplificada {
    margin-right: 20px;
    font-size: 12px;
}

.anoSubmissaoSimplificada {
    margin-right: 55px;
    font-size: 12px;
}

.horaSubmissaoSimplificada {
    font-size: 12px;
}

.contadoresSubmissaoSimplificada {
    text-align: left;
    font-size: 16px;
}

.widthTituloDocumentos {
    width:65%;
}

.widthCapaProcedimento {
    width:15%;
}

.widthTipoVisao {
    width:20%;
}

.botoesAcaoSubmissaoSimplificada {
    width: 250px;
}

@media screen and (max-height: 1000px) and (max-width: 1600px) {
    .tituloSubmissaoSimplificada {
        font-size: 14px; 
        font-weight: 700;
    }
    
    .submissaoSimplificadaTable{
        width: 100% !important;
        margin: 0;
        font-size: 12px;
    }
    
    .submissaoSimplificadaTableRow1 {
        width: 25%;
    }
    
    .submissaoSimplificadaTableRow2 {
        width: 75%;
    }
    
    .dataLimiteProposta {
        text-align: left;
        font-size: 24px;
        line-height: 1;
    }
    
    .diaSubmissaoSimplificada {
        margin-right: 15px;
        font-size: 12px;
    }
    
    .mesSubmissaoSimplificada {
        margin-right: 15px;
        font-size: 12px;
    }
    
    .anoSubmissaoSimplificada {
        margin-right: 40px;
        font-size: 12px;
    }
    
    .horaSubmissaoSimplificada {
        font-size: 12px;
    }
    
    .contadoresSubmissaoSimplificada {
        text-align: left;
        font-size: 12px;
    }
    
    .widthTituloDocumentos {
        width:60%;
    }
    
    .widthCapaProcedimento {
        width:15%;
    }
    
    .widthTipoVisao {
        width:25%;
    }
    
    .botoesAcaoSubmissaoSimplificada {
        width: 230px !important;
        font-size: 14px !important;
    }
    
    .btnCapaProcedimento {
        color: var(--color-primary-2);
        text-decoration: none;
        font-size: 12px;
    }
    
    html body .btn.btn-visao-tipos-ativo {
        font-size: 12px;
        min-width: 120px;
        background-color: var(--color-primary-2);
        color: white;
        font-weight: 700;
        border: 0;
    }
    
    html body .btn.btn-visao-tipos-inativo {
        font-size: 12px;
        min-width: 120px;
        background-color: var(--color-background);
        color: black;
        font-weight: normal;
        border: 0;
    }
    
    html body .btn.btn-visao-cron-ativo {
        font-size: 12px;
        min-width: 120px;
        background-color: var(--color-primary-2);
        color: white;
        font-weight: 700;
        border: 0;
    }
    
    html body .btn.btn-visao-cron-inativo {
        font-size: 12px;
        min-width: 120px;
        background-color: var(--color-background);
        color: black;
        font-weight: normal;
        border: 0;
    }
    
    .wellSubmissaoSimplificada {
        display: flex; 
        flex-direction: row; 
        gap: 0px;
        padding-bottom: 0px;
    }
}