/* ### Esqueleto ### */
:root {
    --forinsia-bg-color: #6B95B3;
}

html,
body,
form,
#wrapper {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    FONT-SIZE: 10px;
    COLOR: #000000;
    TEXT-INDENT: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

/* ### formatação dos controlos ### */

.expanded {
    width: 400px;
}

.height {
    width: 70px;
    text-align: center;
}

.pdfIcon
{
    background-image: url(../../imgs/webFileManager/pdf.png);
    background-repeat: no-repeat;
}

.five {
    width: 80px;
}

.money {
    width: 50px;
    text-align: right
}

.four {
    width: 40px;
    text-align: center;
}

.three {
    width: 32px;
    text-align: center;
}

.two {
    width: 24px;
    text-align: center;
}

.normal {
    width: 176px;
}

.textarea {
    height: 100px;
    width: 99.5%;
}

.textareaForm {
    height: 32px;
    width: 99.5%;
}

.error-list {
    text-align: left;
    border-color: #ee3535;
    border-radius: 3px;
    border-style: solid;
    padding: 6px;
    font-size: 10px;
    border-width: 1px;
    font-weight: bold;
    color: red;
    horiz-align: center;
    background: rgba(250, 230, 230, 0.44);
    margin-left: 4px;
    margin-right: 8px;
}

.warning-list {
    text-align: left;
    border-color: #ee7c35;
    border-radius: 3px;
    border-style: solid;
    padding: 6px;
    font-size: 10px;
    border-width: 1px;
    font-weight: bold;
    color: #ff9100;
    horiz-align: center;
    background: rgba(250, 230, 230, 0.44);
}


.input-data {
    text-align: center;
}

.input-num {
    text-align: right;
    width: 40px;
}

/* ### tabelas ### */
.alt {
    background-color: white;
}

table {
    FONT-SIZE: 10px;
    COLOR: #000000;
    TEXT-INDENT: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

IMG {
    border: 0;
}

/* ### "janelas" ###*/
div.container-bootstrap,
div.container {
    border: solid 1px #cecfd5;
    padding: 0 0 0 0;
    margin: 6px 6px 6px 6px;
    background-color: #E7EDF9;
    background-image: url(../../imgs/layout/container-grad_azul_mar.jpg);
    background-repeat: repeat-x;
}

.submeterFechar-container {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.submeterFechar-container ul {
    list-style: none;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-left: 0px;
}

.forinsia-filter-container{
    margin: 0;
    background-color: #cecfd5;
    font-size: 11px;
    font-weight: bold;
    color: black;
    padding: 4px 12px 2px 6px;
    height: 18px;
}

.forinsia-button-geral {
    border-radius: 3px;
    border: 1px solid;
    color: #000000;
    background-color: #e9eced;
    box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
    box-sizing: border-box;
    cursor: pointer;
    padding: .75rem 1rem;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    text-transform: uppercase;

    display: block;
    float: left;
    margin: auto 3px auto 3px;
}

.forinsia-button-close {
    border-color: #9c2020;
    width: 80px;
}

.forinsia-button-submit {
    border-color: #138049;
    width: 80px;
}

.forinsia-button-continue {
    border-color: #3b617d;
}

.forinsia-button-continue-white {
    background-color: rgba(241, 238, 238, 0.64);
    border-color: #3b617d;
}

.forinsia-button-close:hover,
.forinsia-button-close:focus {
    background-color: #9c2020;
}

.forinsia-button-submit:hover,
.forinsia-button-submit:focus {
    background-color: #138049;
}

.forinsia-button-continue-white:hover,
.forinsia-button-continue-white:focus,
.forinsia-button-continue:hover,
.forinsia-button-continue:focus {
    background-color: #3B617D;
}

.forinsia-button-close:hover,
.forinsia-button-close:focus,
.forinsia-button-submit:hover,
.forinsia-button-submit:focus,
.forinsia-button-continue-white:hover,
.forinsia-button-continue-white:focus,
.forinsia-button-continue:hover,
.forinsia-button-continue:focus {
	color: #e9eced;
}

.disabled-link {
    color: #999999;
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}
.disabled-link-normal-text {
    color: #999999;
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}

.forinsia-button-geral:focus {
    box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.forinsia-button-submit:active {
    background-color: #a0da89;
    box-shadow: none;
}

.forinsia-button-close:active {
    background-color: #da8989;
    box-shadow: none;
}

.forinsia-button-continue:active {
    background-color: #899cda;
    box-shadow: none;
}

.forinsia-button-form {
    background-color: #FFFFFF;
    border-width: 1px; border-color: rgb(102, 97, 97);
    border-style: solid;
    border-image: initial;
    box-sizing: border-box;
    border-radius: 3px;
    color: #3d435b;
    font-size: 11px;
    padding: .5rem 1rem;
    text-align: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.forinsia-button-form:hover {
    background-color: #DAEDFF;
}
/* Se o elemento tiver as 2 classes */
.forinsia-button-form.forinsia-button-form-cancel:hover {
    background-color: #da8989;!important;
}

.forinsia-button-form.forinsia-button-form-submit:hover {
    background-color: #a0da89;!important;
}

.forinsia-button-form:disabled {
    cursor: default;
    background-color: #eee;
}

.forinsia-table {
    border-collapse: collapse;
    width: 100%;
}
.forinsia-table ul{
    list-style: none;"
    margin-bottom: 5px;
}

.forinsia-table li{
    text-align: left;
}

.forinsia-table th {
    border: 1px solid #cecfd5;
    padding: 10px 15px;
    text-align: center;
    background-color: #adc3dd;
}

.forinsia-table td {
    border: 1px solid #cecfd5;
    padding: 10px 15px;
    text-align: center;
}

.forinsia-table tr {
    background-color: white;

}

.forinsia-table tr:hover {
    background-color: #DAEDFF;
}

.forinsia-table tr:nth-child(odd) {
    background-color: #F0F8FF;
}

.forinsia-table tr:nth-child(odd):hover {
    background-color: #DAEDFF;
}

.forinsia-table-multipage tr:last-child,
.forinsia-table-multipage tr:last-child:hover{
    background-color: #F0F0F0;
}

.forinsia-table-news-title{
    margin-bottom: 5px;
}

.forinsia-table-news-content{
    margin-bottom: 12px;
}

.forinsia-table-news tr:hover{
    background-color: white;
}

.icones{
    white-space: nowrap;
}

hr {    
    border: 0;    
    border-top: 1px solid #c1c1c1;
    margin: 0 20px 0 20px;
}

    /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: left;
    padding: 5px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#waitpls {
    background-color: black;
    opacity: 0.7;
    height: 100%;
    width: 100%;
    text-align: center;
    position: fixed;
    display: flex;
    top: 0;
    z-index: 10;
    justify-content: space-evenly;
}

.Waitdisplayed {
    width: 150px;
    height: 150px;
    margin: auto;
}

div.container-red {
    border: solid 1px #DD1C17;
    padding: 0 0 0 0;
    margin: 6px 6px 6px 6px;
    background-color: #FADFE2;
    background-image: url(../../imgs/container-grad-red.jpg);
    background-repeat: repeat-x;
}

div.container-bootstrap-header,
div.container-header {
    border: solid 1px #186EDF;
    padding: 0 0 0 0;
    margin: 6px 6px 6px 6px;
}

.footer-st {
    background-image: url(../../imgs/layout/footer-grad_azul_mar.jpg);
    background-repeat: repeat-x;
    padding-top: 1px;
    padding-bottom: 5px;
}

div.emptyContainer {
    padding: 0 0 0 0;
    margin: 6px 6px 6px 6px;
}

div.myBlock {
    margin: 8px 8px 8px 8px;
}

div.myBlock.checkbox {
    display: flex;
    align-items: center;
    margin-left: 4px;
}

div.myBlock.checkbox > table > tbody > tr > td {
    display: flex;
    align-items: center;
}

div.myBlock.flex-row {
    display: flex;
    align-items: center;
    flex-direction: row;
}

div.blue-label-bootstrap,
div.blue-label {
    margin: 0 0 0 0;
    background-color: #cecfd5;
    font-size: 12px;
    color: white;
    padding: 4px 12px 2px 6px;
    height: 18px;
    background-image: url(../../imgs/layout/blue-lbl-grad_azul_mar.jpg);
    background-repeat: repeat-x;
    box-sizing: unset;
}

div.red-label {
    margin: 0 0 0 0;
    background-color: #DD1C17;
    font-size: 12px;
    color: white;
    padding: 4px 12px 2px 6px;
    height: 18px;
    background-image: url(../../imgs/layout/red-lbl-grad.jpg);
    background-repeat: repeat-x;
}


.forinsia-ddl {
    background-color: #fff;
    border: 1px solid #707070 !important;
    border-radius: 0;
    box-sizing: border-box !important;
    cursor: pointer;
    height: 24px !important;
    user-select: none;
    -webkit-user-select: none;
    font-size: 11px !important;
    color: #000000;
    padding: 0 15px 0 8px !important;
    -webkit-appearance: none;
    background-image: url(../../Imgs/icones/ddl_triangle.png) !important;
    background-position: center right;
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ellipsis;
    margin-top: 2px;
}

.select2-selection__rendered {
    line-height: 24px !important;
}
.select2-container .select2-selection--single {
    height: 24px !important;
}
.select2-selection__arrow {
    height: 24px !important;
}

.select2-dropdown {
    font-size: 10px ;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}

.select2-choices {
    min-height: 24px;
    max-height: 24px;
}

select {
    outline: none;
    scroll-behavior: smooth;
    font-family: Verdana, Arial, Helvetica, sans-serif;
;
}

.forinsia-textinput {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 0;
    box-sizing: border-box;
    height: 24px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 11px;
    color: #000000;
}

.forinsia-timeinput {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 0;
    box-sizing: border-box;
    height: 24px;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    font-size: 11px;
    color: #000000;
    padding-right: 2px;
    margin-top: 3px;
}

.forinsia-timeinput-hour{
    width: 25px;
}

.forinsia-timeinput-min {
    width: 25px;
}

.forinsia-textinput:disabled {
    background-color: rgba(246, 246, 246, 0.25);
    color: rgb(84, 84, 84);
    border-color: rgba(118, 118, 118, 0.3);
}

.forinsia-ddl:disabled {
    background-color: rgba(246, 246, 246, 0.25);
    color: rgb(84, 84, 84);
    border-color: rgba(118, 118, 118, 0.3);
}

.forinsia-alerta-erro {
    text-align: center;
    border-color: #ee3535;
    border-radius: 3px;
    border-style: solid;
    padding: 6px;
    font-size: 11px;
    border-width: 1px;
    font-weight: bold;
    color: red;
    background: rgba(250, 230, 230, 0.44);
}

.forinsia-alerta-aviso{
    text-align: center;
    border-color: #ff9100;
    border-radius: 3px;
    border-style: solid;
    padding: 6px;
    font-size: 11px;
    border-width: 1px;
    font-weight: bold;
    color: #ff7300;
    background: rgba(250, 230, 230, 0.44);
}

.forinsia-alerta-sucesso {
    text-align: center;
    border-color: #a0da89;
    border-radius: 3px;
    border-style: solid;
    padding: 6px;
    font-size: 11px;
    border-width: 1px;
    font-weight: bold;
    color: #138049;
    background: rgba(234, 250, 230, 0.44);
}

tr.spaceUnder>td {
    padding-bottom: 5px;
    padding-left: 8px;
}

div.header-label {
    margin: 0 0 0 0;
    background-color: #519DFF;
    font-size: 12px;
    color: white;
    padding: 4px 12px 2px 6px;
    height: 18px;
}

td.label {
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    font-weight: bold;
}

.text {
    FONT-SIZE: 10px;
    COLOR: #000000;
    TEXT-INDENT: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.error_message {
    FONT-SIZE: 10px;
    COLOR: red;
    TEXT-INDENT: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

td.labelCenter {
    text-align: center;
    white-space: nowrap;
}

A:link {
    FONT-SIZE: 11px;
    COLOR: #187CC2;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

A:visited {
    FONT-SIZE: 11px;
    COLOR: #187CC2;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

A:hover {
    COLOR: #187CC2;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

A.bijeli:link {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

A.bijeli:visited {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}

A.bijeli:hover {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline
}

A.bijeli:active {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}

.menuLink {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #186EDF;
    FONT-SIZE: 10px
}

A.menuLink:link {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #186EDF;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}

A.menuLink:visited {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #186EDF;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}

A.menuLink:hover {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #186EDF;
    FONT-SIZE: 10px;
    TEXT-DECORATION: underline
}

A.menuLink:active {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #186EDF;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none
}

/* ### Page navigation ### */

a.pagerPreviousExists,
a.pagerNextExists,
a.pageNotSelected,
a.pageSelected {
    margin: 0 3px 0 0;
}

a.pageSelected {
    background-color: White;
    border: solid 1px #186EDF;
    padding-left: 2px;
    padding-right: 2px;
}

span.spanOutros {
    display: block;
    float: left;
}

span.spanConclusao {
    display: none;
    float: left;
}

div.showCartao35 {
    display: none;
}

.modernTable {
    border-collapse: collapse;

}

.modernTable th {
    border: 1px solid #625D5D;
    padding: 10px 15px;
    text-align: center;
    background-color: #ADD8E6;
    border-spacing: 0px;
}

.modernTable td {
    border: 1px solid #625D5D;
    padding: 10px 15px;
    text-align: center;
}

.modernTable tr:hover {
    background-color: #cecfd5;
}

.modernTable tr:nth-child(odd) {
    background-color: white;
}

.modernTable tr:nth-child(odd):hover {
    background-color: #cecfd5;
}

.forinsia-table-times {
    border-collapse: collapse;
    width: 100%;
}

.forinsia-table-times th.forinsia-table-times-th {
    border: 1px solid #cecfd5;
    padding: 10px 15px;
    text-align: center;
    background-color: #adc3dd;
}

.forinsia-table-times td.forinsia-table-times-td {
    border: 1px solid #cecfd5;
    padding: 10px 15px;
    text-align: center;
}

.forinsia-table-times tr{
    background-color: white;
}

.forinsia-table-times tr.forinsia-table-times-tr{
    background-color: white;
}

.forinsia-table-times tr.forinsia-table-times-tr:nth-child(odd) {
    background-color: #F0F8FF;
}

/* Radio buttons using RepeatDirection 'Horizontal' in html */
.forinsia-radio {
    display: flex;
}

.forinsia-radio > input {
    margin-top: 0px;
    margin-right: 0px;
}

.forinsia-radio > label {
    padding-left: 4px;
}

.forinsia-radio-list > table {
    margin-top: 4px;
}

.forinsia-radio-list > tbody {
    display: flex;
}

.forinsia-radio-list > tbody > tr {
    display: flex;
    flex-direction: row;
    margin-right: 16px;
}

.forinsia-radio-list > tbody > tr > td {
    display: flex;
    align-items: center;
    padding-top: 4px;
    margin-right: 8px;
}

.forinsia-radio-list > tbody > tr > td > span {
    display: flex;
    align-items: center;
    margin-right: 8px;
    margin-top: 0px;
}

/* span de quando o radio button está desabilitado */
.forinsia-radio-list > tbody > tr > td > span > input {
    display: flex;
    align-items: center;
    padding-top: 4px;
    margin-right: 3px;
    margin-top: 0px;
    margin-left: -4px;
}

.forinsia-radio-list > tbody > tr > td > input {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -4px;
}



.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: unset;
}

.select2-results {
    text-align: left;
}


.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: unset;
}

.select2-results {
    text-align: left;
}

.ajuda-notificacoes > div {
    padding: 8px;
}


.forinsia-checkbox-list > tbody > tr > td {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.forinsia-checkbox-list > tbody > tr > td > input{
    margin-left: 0;
}


.forinsia-copy-container {
    display: flex;
    align-items: center;
}

.forinsia-copy{
    margin-left: 4px;    
}

.forinsia-ajuda-container {
    display: flex;
    align-items: center;
}

.forinsia-ajuda-container > img{
    margin-left: 4px;
}

.forinsia-flex-aligned {
    display: flex;
    align-items: center;
    gap: 4px;
}

.forinsia-ml-0 {
    margin-left: 0px !important;
}

.forinsia-atalho-button {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: white;
    background: linear-gradient(to bottom, #5a5a8a, #1a1a2e);
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.forinsia-atalho-button:hover {
    background: linear-gradient(to bottom, #6a6aa0, #2a2a4e);
}

.forinsia-atalho-button:active {
    background: linear-gradient(to bottom, #4a4a72, #0a0a1e);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.forinsia-div-atalhos{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

@font-face {
    font-family: 'Poppins Bold';
    src: url('../../INSIABLUE/fonts/Poppins/Poppins-Bold.ttf') format('ttf'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-Bold.eot') format('eot'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-Bold.woff') format('woff'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Light';
    src: url('../../INSIABLUE/fonts/Poppins/Poppins-Light.ttf') format('ttf'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-Light.eot') format('eot'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-Light.woff') format('woff'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins SemiBold';
    src: url('../../INSIABLUE/fonts/Poppins/Poppins-SemiBold.ttf') format('ttf'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-SemiBold.eot') format('eot'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-SemiBold.woff') format('woff'),
    url('../../INSIABLUE/fonts/Poppins/Poppins-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}