@media only screen and (max-width: 1150px) {
    .form {
        width: 100%;
    }
}

@media only screen and (min-width: 1151px) {
    .form {
        width: 855px;
        min-width: 855px;
    }

    .form-view {
        width: 1040px;
    }
}

.cor-alerta {
    color: #A34340 !important;
    font-weight: 500;
    background-color: rgba(248, 215, 218, 0.4);
}

.form, .form-full {
    padding-right: 15px;
}

.form-full {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
}

.form-full.form-row {
    display: flex;
    flex-flow: row !important;
    justify-content: space-between;
    align-items: flex-start;
}

.form-aba {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.form-full-72px {
    position: relative;
    width: 100%;
    height: calc(100% - 72px);
    max-height: calc(100% - 72px);
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
}

.table-full {
    position: relative;
    width: 100%;
}

.form-full-row {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.form-group-left {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}

.form-group-right {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}

.form-line-column {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.form-line-column--left {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.form-line-column .left {
    justify-content: flex-start !important;
}

.form-line-column-rigth {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}

.form-line-column-rigth:not(:first-child) {
    margin-left: 20px;
}

.form-line-column-left {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.form-table {
    clear: both;
    border-collapse: collapse;
}

.portal-area-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

/*.form-table .label-table {*/
/*    line-height: 1rem;*/
/*    max-width: 250px;*/
/*    min-width: 250px;*/
/*    vertical-align: middle;*/
/*    color: #23282d;*/
/*    text-shadow: none;*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    cursor: pointer;*/
/*    white-space: nowrap;*/
/*}*/

.area-btn-acao-clone {
    display: flex;
}

.area-btn-acao-clone .btn-acao-clone {
    margin-left: 5px;
}

.area-btn-acao-clone .btn-acao-clone:first-child {
    margin-left: 10px;
}

.area-btn-acao-clone .btn-acao-clone:first-child.not__space__left {
    margin-left: 0 !important;
}

.btn-acao-clone {
    cursor: pointer;
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    height: 30px;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
}

.btn-acao-clone i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    margin: 0;
    line-height: 1;
}

.btn-acao-clone.add,
.btn-acao-clone.delete {
    border: 1px solid #5f7488;
    border-radius: 4px;
    background: linear-gradient(180deg, #f4f7fa 0%, #dfe8f0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 1px rgba(0, 0, 0, 0.06);
    color: #2f4d68;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.btn-acao-clone.add:hover,
.btn-acao-clone.delete:hover {
    background: linear-gradient(180deg, #f9fbfd 0%, #d7e3ee 100%);
    border-color: #49657f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-acao-clone.add:active,
.btn-acao-clone.delete:active {
    transform: translateY(1px);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}

.table-clone-upload {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-width: 180px;
    max-width: 100%;
}

.table-clone-upload__button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 30px;
    height: 30px;
    padding: 0 34px 0 9px;
    border: 1px solid #5f7488;
    border-radius: 4px;
    background: linear-gradient(180deg, #f4f7fa 0%, #dfe8f0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 1px rgba(0, 0, 0, 0.06);
    color: #2f4d68;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.table-clone-upload__button:hover {
    background: linear-gradient(180deg, #f9fbfd 0%, #d7e3ee 100%);
    border-color: #49657f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.table-clone-upload__button:active {
    transform: translateY(1px);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}

.table-clone-upload.has-file .table-clone-upload__button {
    background: linear-gradient(180deg, #eef5fb 0%, #d6e4f0 100%);
    border-color: #56738c;
}

.table-clone-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.table-clone-upload__icon {
    flex: 0 0 auto;
    color: #2f4d68;
    font-size: 0.813rem;
}

.table-clone-upload__label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.813rem;
    line-height: 1;
    font-weight: 500;
}

.table-clone-upload__clear {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d43f3a;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    line-height: 1;
    text-align: center;
}

.table-clone-upload.has-file .table-clone-upload__clear {
    display: inline-flex;
}

.table-clone-upload.has-open .table-clone-upload__button {
    padding-right: 58px;
}

.table-clone-upload__open {
    position: absolute;
    top: 50%;
    right: 31px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #2f4d68;
    z-index: 1;
}

.table-clone-upload__open:hover {
    color: #0073aa;
}

.table-clone-upload__clear:hover {
    background: #b52b27;
}

.table-clone-upload__clear i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 1;
    font-size: 0.688rem;
}

.__line__top,
.__line__top__100p {
    position: relative;
}

.__line__top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1050px;
    border-top: 1px solid #cfcfcf;
}

.__line__top__100p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #cfcfcf;
}

.form-table th,
.form-table td {
    text-align: left;
    line-height: 1rem;
    vertical-align: middle;
}

.form-table th,
.form-table td {
    padding-right: 5px;
    white-space: nowrap;
}

.form-table td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.form-table th {
    text-align: left;
    line-height: 1rem;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    cursor: pointer;

    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* Documentos clonáveis de Acordos: colunas separadas e Ação pelo conteúdo. */
form#form-semconv_acordo_sem_transferencia_recurso .semconv-documentos-table {
    width: auto !important;
    table-layout: auto;
}

form#form-semconv_acordo_sem_transferencia_recurso .semconv-documentos-table th:first-child,
form#form-semconv_acordo_sem_transferencia_recurso .semconv-documentos-table td:first-child {
    width: 355px !important;
    min-width: 355px !important;
    max-width: 355px !important;
}

form#form-semconv_acordo_sem_transferencia_recurso .semconv-documentos-table th.semconv-action-column,
form#form-semconv_acordo_sem_transferencia_recurso .semconv-documentos-table td.semconv-action-column {
    width: 1% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
}

.form-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 37px;
    padding: 0 0 7px 0;
}

.form-line.form-button {
    height: 49px;
    padding-bottom: 0 !important;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 5px;
}

.form-line-row {
    max-width: 850px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vertical-row {
    padding-top: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    border-top: 1px solid #ddd;
}

.vertical-row .row-right {
    min-width: 0 !important;
    max-width: 200px !important;
    padding-right: 20px;
}

.vertical-row .row-right.no-width {
    width: fit-content !important;
    max-width: fit-content !important;
}

.vertical-row td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.vertical-row td:last-child {
    padding-bottom: 20px !important;
}

.vertical-row .form-line {
    padding: 0 0 0 0 !important;
}

.vertical-row .horizontal-right {
    text-align: right;
}

.align-top td {
    vertical-align: top;
}

.form-clone-inline {
    display: flex;
}

.form-clone-incolumn {
    display: flex;
    flex-flow: column;
}

.form-clone-title {
    margin-right: 10px;
    display: flex;
}

.form-clone {
    margin-right: 10px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

.form-clone:last-child {
    margin-right: 0 !important;
}

.form-clone:nth-last-child(2) {
    margin-right: 0 !important;
}

.form-clone label {
    color: #23282d;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 2px;
}

.form-line-view {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.875rem !important;
    line-height: 1.3;
}

.form-line-view .form-label-view {
    width: 200px;
    min-width: 200px;
}

.form-line-view .form-span-view {
    font-weight: 600;
}

.form-line .area-checkbox {
    min-height: 145px;
    padding: 7px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
}

.form-line .area-checkbox label {
    font-size: 0.875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-line .area-checkbox label input {
    margin-right: 10px;
}

.form-editor {
    display: flex;
    flex-flow: column;
}


.form-separator {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    position: relative;
    padding: 20px 20px 0 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-separator .form-separator-title {
    position: absolute;
    top: -10px;
    left: 10px;
    background: #f1f2f2;
    padding: 0 5px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.table-line {
    table-layout: auto;
}

.table-line.flex-start {
    justify-content: flex-start;
}

.table-line.flex-end {
    justify-content: flex-end;
}

.table-line label {
    margin-right: 2px;
    font-size: 0.813rem;
}

.table-line input,
.table-line select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
}

.table-line .title th {
    padding: 0 0 4px 4px;
    text-align: left;
    line-height: 1rem;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 600;
}

.table-line tbody td {
    padding: 0 5px 5px 0;
}

.table-line .btn-acao {
    display: flex;
}

.form-line.form-clone {
    align-items: flex-start;
}

.table-scroll {
    width: 100%;
    overflow-x: auto;
}

.table-scroll table {
    width: 100%;
}

#form-semob_obras .form-line > .table-scroll.c100p,
#form-semob_obras_item_contratado .form-line > .table-scroll.c100p,
#form-semob_obras_item_executado .form-line > .table-scroll.c100p {
    flex: 0 0 calc(100% - 200px);
    width: calc(100% - 200px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 200px) !important;
    box-sizing: border-box;
}

#form-semob_obras_item_contratado,
#form-semob_obras_item_executado {
    padding-right: 0;
}

#form-semob_obras .table-scroll,
#form-semob_obras_item_contratado .table-scroll,
#form-semob_obras_item_executado .table-scroll {
    padding-left: 1px;
}

#form-semob_obras .form-table th,
#form-semob_obras_contratada .form-table th,
#form-semob_obras_item_contratado .form-table th,
#form-semob_obras_item_executado .form-table th {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

#semob_situacao_obra .col-fixed,
#semob_itens_contratados .col-fixed,
#semob_itens_executados .col-fixed {
    position: sticky;
    right: 0;
    z-index: 2;
    width: 80px;
    min-width: 80px;
    background-color: #f1f2f2;
    box-shadow: none;
}

#semob_situacao_obra thead .col-fixed,
#semob_itens_contratados thead .col-fixed,
#semob_itens_executados thead .col-fixed {
    z-index: 3;
}

.form-caption-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 10px;
}

.form-line-radio {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 3px;
}

.form-line-radio label {
    margin-left: 3px;
    padding-top: .075rem;
    font-size: .875rem;
}

.dash-control .form-line {
    padding-bottom: 10px;
}

.form-subline {
    width: 100%;
    display: flex;
    justify-content: space-between !important;
    align-items: center;
}

.form-subline .form-line {
    padding-bottom: 0 !important;
}

.form-line.between {
    justify-content: space-between;
}

.form-line-top {
    align-items: flex-start !important;
}

.form-column {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.form-column label {
    line-height: 1rem;
    min-width: 250px;
    max-width: 250px;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 5px;
}

.form-line-space {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
}

.form-line-clear {
    padding: 0 0 0 0 !important;
}

.form-caption {
    margin-top: 45px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #cfd4d4; /* Linha abaixo do texto */
    /*border-bottom: 1px solid #cfcfcf; !* Linha abaixo do texto *!*/
    display: inline-block; /* Para ajustar ao texto */
}

.form-caption::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px; /* Ajuste de posição para ficar sobre a borda */
    left: 0;
    right: 0;
    height: 1px; /* Altura da linha */
    z-index: -1; /* Para ficar atrás do texto */
}

.form-caption span {
    position: absolute;
    top: -24px;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    color: #2f3437;
    /*color: #23282d;*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #e2e5e5;
    /*background-color: #e8e8e8;*/
    padding: 3px 5px 0 5px;
}

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

.form-caption-especial {
    margin-bottom: 15px;
    padding: 10px 0 3px 0;
    width: 100%;
    color: #3e5a74;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #cfcfcf;
}

.form-col {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    padding: 0 10px 20px 0;
}

.form-col-not-padding {
    padding: 0 0 20px 0 !important;
}

.form-col .form-col-label {
    padding: 2px 0;
}

.form-col-clear {
    padding-right: 10px !important;
}

.form-line-off {
    padding: 0 !important;
}

.form-line-col {
    padding: 0 10px 20px 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}

.form-subline .form-label {
    padding: 0 10px 0 20px;
    width: auto !important;
    min-width: 30px !important;
}

.form-line .form-label {
    line-height: 1rem;
    min-width: 200px;
    max-width: 200px;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.form-line .form-label.plus-size {
    font-weight: 400;
    min-width: 270px;
    max-width: 270px;
}

.form-line .form-label.w250 {
    min-width: 250px !important;
    max-width: 250px !important;
}

.form-line .form-label.w150 {
    min-width: 150px;
    max-width: 150px;
}

.form-line .form-log {
    height: 330px;
    min-height: 330px;
    max-height: 330px;
    padding: 10px;
    color: #3e5a74;
    border-radius: 3px;
    border: 1px solid #d1d7db;
    font-size: 0.813rem;
    background-color: #fff;
}

.form-line .form-log strong {
    font-weight: 500;
    /*color: #54656f;*/
    color: #3e5a74;
}

.form-line .form-log img {
    width: 290px;
    height: 290px;
}

.form-line .form-log.centro {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.form-line .button-form {
    display: inline-flex;
}

.form-line .button-form * {
    width: 100%;
}

.form-line .button-form .button-form-add {
    cursor: pointer;
    margin-left: 7px;
    width: 30px;
}

.form-line .form-label.wrap {
    white-space: normal !important;
}

.form-line .form-label-separator {
    padding: 0 10px;
    line-height: 1rem;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap; /*n]ao deixa quebrar a linha*/
}

.form-line .form-label-disabled {
    line-height: 1rem;
    vertical-align: middle;
    color: #999999;
    text-shadow: none;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;

    white-space: nowrap; /*n]ao deixa quebrar a linha*/
}

.form-line .form-label-janela {
    line-height: 1rem;
    min-width: 120px;
    max-width: 120px;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.form-line .form-label.space-left {
    margin-left: 10px;
}

.form-line .form-label-line {
    line-height: 1rem;
    vertical-align: middle;
    color: #23282d;
    margin-right: 15px;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.form-caption-line .form-label {
    line-height: 1rem;
    vertical-align: middle;
    min-width: auto;
    max-width: none;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}


/*.form-line span {*/
.form-line .btn-form {
    line-height: 1rem;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.form-line .table-label {
    min-width: 150px;
    max-width: 150px;
    padding-right: 20px;
}

.form-line.form-span {
    line-height: 1.2rem;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.form-line .form-label-sm {
    min-width: 150px;
    max-width: 150px;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.form-line .form-label-sm.sm {
    width: auto !important;
    min-width: auto !important;
}

.form-col .form-label {
    min-width: auto;
    padding: 5px 0;
    vertical-align: middle;
    color: #23282d;
    text-shadow: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.feedback {
    padding: 5px 0 0 250px;
    font-size: 13px;
    font-style: italic;
    color: #666;
}

.form-line .form-buttom-exec {
    margin-left: 10px;
    font-size: 1rem;
    padding: 3px 5px;
    height: 100%;
    cursor: pointer;
}

.form-buttom {
    padding: 30px 0 30px 200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-buttom.w250 {
    padding: 30px 0 30px 250px;
}

.form-buttom.align-right {
    justify-content: flex-end;
}

.form-buttom.no-left-padding {
    padding-left: 0;
}

.form-buttom-view {
    padding: 10px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.form-buttom-janela {
    padding: 10px 0 5px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.form-buttom-line {
    margin-left: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.space-left-off {
    padding: 30px 0 30px 0 !important;
}


.form-col-buttom {
    padding: 30px 0 30px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-line .form-file, .form-col .form-file {
    padding: 0 10px;
    font-size: 13px;
    height: 30px;
    border: 1px solid #7e8993;
    border-radius: 4px;
    background: #f3f5f6;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.form-line .form-file:hover, .form-col .form-file:hover {
    background-color: #f1f1f1;
}

.form-line .form-file-name, .form-col .form-file-name {
    padding-left: 10px;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-line .upload .lista-file {
    margin-top: 10px;
    width: 655px;
    min-height: 100px;
    border-radius: 4px;
    border: 1px solid #7e8993;
    color: #0073aa;
    padding-top: 5px;

    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.form-line .upload .lista-file.off-lista {
    padding-top: 0 !important;
    height: auto !important;
    min-height: 32px !important;
    justify-content: center !important;
}

.form-line .upload .lista-file .uniq-file .delete {
    cursor: pointer;
    font-weight: 500;
    color: #0078d4;
    text-decoration: underline;
}

.form-line .form-file-name a, .form-col .form-file-name a {
    color: #0073aa;
}

.form-line .form-file-name a:hover, .form-col .form-file-name a:hover {
    color: #0073aa;
    text-decoration: underline;
}

.form-line .form-file-name img, .form-col .form-file-name img {
    display: none;
    width: 18px;
    margin-left: 10px;
    cursor: pointer;
}

/* ----------------------------------- */
.form-line .form-img, .form-col .form-img {
    position: relative;
    cursor: pointer;
    padding: 3px;
    width: 160px;
    height: 180px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #7e8993;
    /*border: 1px solid #ddd;*/
    background-color: #fff;
    color: #32373c;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
}

.form-line .form-img.space-right, .form-col .form-img.space-right {
    margin-right: 25px;
}

.form-line .form-img .capa, .form-col .form-img .capa {
    display: none;
}

.form-line .form-img .capa span img, .form-col .form-img .capa span img {
    width: 16px;
}

.form-line .form-img:hover .capa,
.form-line .form-img:hover .capa .img-close,
.form-line .form-img:hover .capa span {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.form-line .form-img .capa span {
    display: none;
    color: #ffffff;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.7);
}

.form-line .form-img .capa .img-close {
    display: none;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 21px;
    height: 21px;
}

.form-line .form-img .capa span, .form-line .form-img .capa .img-close {
    display: none;
}

.form-line .form-img .capa {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.form-line .form-img img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 100%;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* ----------------------------------- */

.form-line .form-img input[type=file], .form-line .form-file input[type=file] {
    display: none;
}

/* Estilos para elementos desabilitados que TÊM a classe .head-only */
.form-line input.head-only:disabled,
.form-line select.head-only:disabled,
.form-col select.head-only:disabled,
.custom-select-js__option--value.head-only:disabled {
    background-color: #fff !important;
    color: #000 !important;
}

/* Estilos para elementos desabilitados que NÃO têm a classe .head-only */
.form-line input:disabled:not(.head-only),
.form-line select:disabled:not(.head-only),
.form-col select:disabled:not(.head-only),
.custom-select-js__option--value:disabled:not(.head-only) {
    background-color: #F0DEDE !important;
    color: #A34340 !important;
    opacity: 1;
}


.form-line select[readonly],
.form-line input[readonly],
.form-line textarea[readonly] {
    background-color: #F0DEDE !important;
    color: #A34340 !important;
    pointer-events: none;
    touch-action: none;
}

.clone_tr select:disabled {
    color: #2D3A4A !important;
    opacity: 1;
}

.form-line .a coselect-white:disabled, .form-col .select-white:disabled {
    background-color: #ffffff !important;
    color: #008DCA !important;
}

.input-textarea {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 5px 8px !important;
    min-height: 30px !important;
    height: 30px !important;
    font-size: 14px !important;
    box-shadow: 0 0 0 transparent !important;
    border-radius: 4px !important;
    border: 1px solid #7e8993 !important;
    background-color: #fff !important;
    color: #32373c !important;
}

.form-line textarea,
.form-col textarea,
.form-column textarea {
    vertical-align: middle;
    font-size: 14px;
    padding: 7px;
    border-radius: 4px;
}

.form-msg-aviso {
    margin-left: 10px;
    font-size: 13px;
    color: #333;
}

.multine-ellipsis {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.form-line input[type=color], .form-col input[type=color],
.form-line input[type=date], .form-col input[type=date],
.form-line input[type=datetime-local], .form-col input[type=datetime-local],
.form-line input[type=datetime], .form-col input[type=datetime],
.form-line input[type=email], .form-col input[type=email],
.form-line input[type=month], .form-col input[type=month],
.form-line input[type=number], .form-col input[type=number],
.form-line input[type=password], .form-col input[type=password],
.form-line input[type=search], .form-col input[type=search],
.form-line input[type=tel], .form-col input[type=tel],
.form-line input[type=text], .form-col input[type=text],
.form-line input[type=time], .form-col input[type=time],
.form-line input[type=url], .form-col input[type=url],
.form-line input[type=week], .form-col input[type=week],
.form-line select, .form-col select,
.custom-select-js__option--value {
    width: 100%;
    min-height: 30px;
    padding: 0 7px;
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #7e8993;
    background-color: #fff;
    color: #32373c;
}

.form-line input[type=color]:focus, .form-col input[type=color]:focus,
.form-line input[type=date]:focus, .form-col input[type=date]:focus,
.form-line input[type=datetime-local]:focus, .form-col input[type=datetime-local]:focus,
.form-line input[type=datetime]:focus, .form-col input[type=datetime]:focus,
.form-line input[type=email]:focus, .form-col input[type=email]:focus,
.form-line input[type=month]:focus, .form-col input[type=month]:focus,
.form-line input[type=number]:focus, .form-col input[type=number]:focus,
.form-line input[type=password]:focus, .form-col input[type=password]:focus,
.form-line input[type=search]:focus, .form-col input[type=search]:focus,
.form-line input[type=tel]:focus, .form-col input[type=tel]:focus,
.form-line input[type=text]:focus, .form-col input[type=text]:focus,
.form-line input[type=time]:focus, .form-col input[type=time]:focus,
.form-line input[type=url]:focus, .form-col input[type=url]:focus,
.form-line input[type=week]:focus, .form-col input[type=week]:focus,
.form-line select:focus, .form-col select:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent
}

.form-line .space-right {
    margin-right: 10px;
}

.c1p {
    width: 1% !important;
    min-width: 1% !important;
    max-width: 1% !important;
}

.c2p {
    width: 2% !important;
    min-width: 2% !important;
    max-width: 2% !important;
}

.c3p {
    width: 3% !important;
    min-width: 3% !important;
    max-width: 3% !important;
}

.c30 {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
}

.c35 {
    width: 35px !important;
    max-width: 35px !important;
    min-width: 35px !important;
}

.c4p {
    width: 4% !important;
    min-width: 4% !important;
    max-width: 4% !important;
}

.c40 {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

.c45 {
    width: 45px !important;
    max-width: 45px !important;
    min-width: 45px !important;
}

.c5p {
    width: 5% !important;
    min-width: 5% !important;
    max-width: 5% !important;
}

.c50 {
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
}

.c60 {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

.c66 {
    width: 66px !important;
    max-width: 66px !important;
    min-width: 66px !important;
}

.c70 {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
}

.c75 {
    width: 75px !important;
    max-width: 75px !important;
    min-width: 75px !important;
}

.c80 {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

.c10p {
    width: 10% !important;
    min-width: 5% !important;
    max-width: 10% !important;
}

.c100 {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}

.c90 {
    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;
}

.c15p {
    width: 15% !important;
    min-width: 5% !important;
    max-width: 15% !important;
}

.c150 {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 100px !important;
}

.c160 {
    width: 160px !important;
    max-width: 160px !important;
    min-width: 100px !important;
}

.c165 {
    width: 165px !important;
    max-width: 165px !important;
    min-width: 100px !important;
}

.c170 {
    width: 170px !important;
    max-width: 170px !important;
    min-width: 170px !important;
}

.c190 {
    width: 190px !important;
    max-width: 190px !important;
    min-width: 100px !important;
}

.c180 {
    width: 180px !important;
    max-width: 180px !important;
    min-width: 100px !important;
}

.c185 {
    width: 185px !important;
    max-width: 185px !important;
    min-width: 100px !important;
}

.c110 {
    width: 110px !important;
    max-width: 110px !important;
    min-width: 110px !important;
}

.c114 {
    width: 114px !important;
    max-width: 114px !important;
    min-width: 114px !important;
}

.c120 {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}

.c125 {
    width: 125px !important;
    max-width: 125px !important;
    min-width: 125px !important;
}

.c130 {
    width: 130px !important;
    max-width: 130px !important;
    min-width: 130px !important;
}

.c140 {
    width: 140px !important;
    max-width: 140px !important;
    min-width: 140px !important;
}

.c20p {
    width: 20% !important;
    min-width: 5% !important;
    max-width: 20% !important;
}

@media (max-width: 680px) {

    .c200 {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

}

.c200 {
    width: 200px;
    max-width: 200px;
    min-width: 150px;
}

.c25p {
    width: 25% !important;
    min-width: 5% !important;
    max-width: 25% !important;
}

.c210 {
    width: 210px !important;
    max-width: 210px !important;
    min-width: 150px !important;
}

.c240 {
    width: 240px !important;
    max-width: 240px !important;
    min-width: 150px !important;
}

.c250 {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 150px !important;
}

.c280 {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 150px !important;
}

.c30p {
    width: 30% !important;
    min-width: 5% !important;
    max-width: 30% !important;
}

.min-c200 {
    width: 200px !important;
    min-width: 200px !important;
}

.c300 {
    width: 300px !important;
    max-width: 300px !important;
    min-width: 100px !important;
}

.min-c300 {
    width: 300px !important;
    min-width: 300px !important;
}

.c350 {
    width: 350px !important;
    max-width: 350px !important;
    min-width: 100px !important;
}

.c360 {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 100px !important;
}

.c370 {
    width: 370px !important;
    max-width: 370px !important;
    min-width: 100px !important;
}

.c380 {
    width: 380px !important;
    max-width: 380px !important;
    min-width: 100px !important;
}

.c40p {
    width: 40% !important;
    min-width: 5% !important;
    max-width: 40% !important;
}

.c400 {
    width: 400px !important;
    max-width: 400px !important;
    min-width: 100px !important;
}

.min-c400 {
    width: 400px !important;
    min-width: 400px !important;
}

.c410 {
    width: 410px !important;
    max-width: 410px !important;
    min-width: 100px !important;
}

.c420 {
    width: 420px !important;
    max-width: 420px !important;
    min-width: 100px !important;
}

.c45p {
    width: 45% !important;
    min-width: 5% !important;
    max-width: 45% !important;
}

.c450 {
    width: 450px !important;
    max-width: 450px !important;
    min-width: 100px !important;
}

.c660 {
    width: 660px !important;
    max-width: 660px !important;
    min-width: 100px !important;
}


@media (max-width: 680px) {

    .c50p {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

}

.c50p {
    width: 50%;
    min-width: 5%;
    max-width: 50%;
}

.c500 {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 100px !important;
}

.c510 {
    width: 510px !important;
    max-width: 510px !important;
    min-width: 100px !important;
}

.c530 {
    width: 530px !important;
    max-width: 530px !important;
    min-width: 100px !important;
}

.c550 {
    width: 550px !important;
    max-width: 550px !important;
    min-width: 100px !important;
}

.c60p {
    width: 60% !important;
    min-width: 5% !important;
    max-width: 60% !important;
}

.c600 {
    width: 600px !important;
    max-width: 600px !important;
    min-width: 100px !important;
}

.c70p {
    width: 70% !important;
    min-width: 5% !important;
    max-width: 70% !important;
}

.c700 {
    width: 700px !important;
    max-width: 700px !important;
    min-width: 100px !important;
}

.c80p {
    width: 80% !important;
    min-width: 5% !important;
    max-width: 80% !important;
}

.c800 {
    width: 800px !important;
    max-width: 800px !important;
    min-width: 100px !important;
}

.c90p {
    width: 90% !important;
    min-width: 5% !important;
    max-width: 90% !important;
}

.c900 {
    width: 900px !important;
    max-width: 900px !important;
    min-width: 100px !important;
}

.c100p {
    width: 100% !important;
    min-width: 5% !important;
    max-width: 100% !important;
}

.c1000 {
    width: 1000px !important;
    max-width: 1000px !important;
    min-width: 200px !important;
}


.chkboxlbl {
    color: #a0a0a0;
    font-size: 13px;
    font-style: italic;
    padding-left: 5px;
    font-weight: 400;
    cursor: pointer;
}

/*!* ALERTA MSG-WEB*!*/

.msg-web {
    margin-bottom: 30px;
}

/* ALERTA MODAL */
.alerta-modal {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.alerta-modal-session {
    width: 100%;
    height: 100%;
    background: rgba(211, 212, 221, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.alerta-modal-janela {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(211, 212, 221, .6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.alerta-modal .alerta-janela {
    border: 3px solid #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    width: 600px;
    font-size: 15px;
    background-color: #ffffff;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, .20) 0px 8px 10px -5px, rgba(0, 0, 0, .12) 0px 6px 30px 5px, rgba(0, 0, 0, .14) 0px 16px 24px 2px;
}

.alerta-modal-janela .alerta-janela-cad {
    border: 3px solid #f1f2f2;
    border-radius: 6px;
    overflow: hidden;
    min-width: 200px;
    font-size: 15px;
    background-color: #f1f2f2;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, .20) 0px 8px 10px -5px, rgba(0, 0, 0, .12) 0px 6px 30px 5px, rgba(0, 0, 0, .14) 0px 16px 24px 2px;
}

.alerta-modal .alerta-janela .alerta-area .type {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.alerta-modal .alerta-janela .alerta-area .type span,
.alerta-modal .alerta-janela .alerta-area .message span {
    padding: 3px 0;
    font-weight: bold;
    color: #3e5a74;
    margin-right: 5px;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message span {
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message span .fa-circle {
    font-size: 0.3em !important;
    margin-right: 5px;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message p strong:first-child {
    margin-top: 5px !important;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message strong {
    margin-top: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message strong .fa-check {
    font-size: 0.813rem !important;
    margin-right: 5px !important;
}

.alerta-modal .alerta-janela .alerta-area .type div {
    color: #3e5a74;
}

.alerta-modal .alerta-janela .alerta-area {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.alerta-modal .alerta-janela .sucess {
    background-color: #0066b3;
}

.alerta-modal .alerta-janela .info {
    background-color: #0066b3;
}

.alerta-modal .alerta-janela .danger {
    background-color: #F55555;
}

.alerta-modal .alerta-janela .warning {
    background-color: #FEC40B;
}

.alerta-modal .alerta-janela .alerta-area .barra {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 100px;
    color: #fff;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.alerta-modal-janela .alerta-janela-cad .alerta-area .barra-janela-cad {
    padding: 0 10px 0 5px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 30px;
    background-color: #0066b3;
    color: #fff;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.alerta-modal-janela .alerta-janela-cad .alerta-area .barra-janela-cad span {
    font-size: 0.875rem !important;
}

.alerta-modal-janela .alerta-janela-cad .alerta-area .area-janela-cad {
    padding: 15px 10px 10px 10px;
    display: flex;
    flex-flow: column;
}

.alerta-modal-janela .alerta-janela-cad .alerta-area .barra-janela-cad .close-janela {
    cursor: pointer;
    font-size: 1rem;
}

.alerta-modal .alerta-janela .alerta-area .notification {
    width: 100%;
    padding: 15px 20px 15px 20px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}

.alerta-modal .alerta-janela .alerta-area .message {
    width: 100%;
    padding: 0 20px 0 20px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.alerta-modal .alerta-janela .alerta-area .message .msg-sessao {
    padding-top: 30px;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message {
    width: 100%;
    color: #3e5a74;
    line-height: 1.2;
    margin-bottom: 5px;

    background: #f1f2f2;
    border-radius: 4px;
    margin-top: 4px;
    padding: 8px;
}

.alerta-modal .alerta-janela .alerta-area .message .area-message p {
    /*padding-bottom: 10px;*/
    display: flex;
    flex-flow: column;
}

.alerta-modal .alerta-janela .bar-buttom {
    width: 100%;
    padding: 40px 20px 20px 20px;
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}

.alerta-modal-session .bar-buttom-session {
    padding-top: 20px;
}

.alerta-modal .message .label_caption {
    padding-left: 5px;
    color: #3e5a74;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.alerta-modal .message .label_caption i {
    font-size: 0.4rem;
    margin-right: 5px;
}

.alerta-modal .message .label_caption b {
    font-weight: 500;
}

.maiusculo {
    text-transform: uppercase;
}

.minusculo {
    text-transform: lowercase;
}

.dash-mensagem {
    font-size: 14px;
    width: 100%;
    height: 100%;
    color: #4d4d4d;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.dash-mensagem p {
    text-align: center;
    line-height: 1.5rem;
}

.dash-mensagem a {
    margin-top: 40px;
}

.dash-mensagem a:hover, .dash-mensagem a:active {
    color: #ffffff;
}

.hr {
    border-top: 1px solid #cfcfcf;
    padding-top: 20px;
}

.area-progress-bar {
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.area-progress-bar .janela-progress-bar {
    width: 400px;
    height: 150px;
    background-color: #ebedf0;
    box-shadow: 0 10px 10px -5px;
    padding: 10px 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.area-progress-bar .janela-progress-bar .progressBarUploadCaption {
    padding-top: 5px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area-progress-bar .janela-progress-bar .progressBarUploadPercentage {
    width: 100%;
    height: 30px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area-progress-bar .janela-progress-bar .capa-bar {
    width: 120px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area-progress-bar .janela-progress-bar .capa-bar img {
    width: 100%;
}

.progressBarUpload {
    width: 50%;
    height: 100%;
    border-radius: 25px;
    background-color: #00B0F0;
}

.area-alerta-web {
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.area-alerta-web .janela-alerta-web {
    width: 90%;
    min-height: 250px;
    /*line-height: 1.3;*/
    white-space: pre-line;
    border-radius: 15px;
    background-color: #fff;
    font-size: 14px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}

.area-alerta-web .janela-alerta-web .titulo-alerta-web {
    font-size: 1.25rem;
    color: #111111;
    font-weight: 600;
    margin: 25px 5px 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area-alerta-web .janela-alerta-web .msg-alerta-web {
    font-size: 0.875rem;
    color: #111111;
    font-weight: 500;
    margin: 5px 10px 5px 10px;
    height: 100%;
    text-align: center;
}

.area-alerta-web .janela-alerta-web .btn-alerta-web {
    width: 50%;
    padding: 15px 0;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.850rem;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid #089670;
    background: rgb(8, 168, 125);
    background: linear-gradient(160deg, rgba(8, 168, 125, 1) 0%, rgba(2, 91, 68, 1) 91%);
}

.select-icons span {
    margin-left: 5px;
}

.select-autocomplete {
    /*chamada para select auto-completa */
}

.add-select-autocomplete {
    position: absolute;
    z-index: 1;
    max-height: 300px;
    background: #ffffff;
    overflow-x: auto;
    font-size: 0.875rem;
    display: flex;
    flex-flow: column;
    box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
}

.zero-a-esquerda {
    /*apenas para pesquisa no front-end*/
}

.fa-copy {
    margin-left: 10px;
    border-radius: 4px;
    border: 1px solid #7e8993;
    padding: 5px;
    cursor: pointer;
    color: #23282d;
}

.cor-vermelha[readonly] {
    background-color: rgb(226, 68, 92) !important;
    color: #FFFFFF !important;
}

.cor-verde[readonly] {
    background-color: rgb(0, 200, 117) !important;
    color: #FFFFFF !important;
}

.cor-vermelha-td {
    background-color: rgb(226, 68, 92) !important;
    color: #FFFFFF !important;
}

.cor-vermelha-td-claro {
    background-color: rgba(226, 68, 92, .3) !important;
    color: #FFFFFF !important;
}

.cor-verde-td {
    background-color: rgb(0, 200, 117) !important;
    color: #FFFFFF !important;
}

.cor-verde-td-claro {
    background-color: rgba(0, 200, 117, .3) !important;
    color: #FFFFFF !important;
}

.cor-laranja-td {
    background-color: rgb(253, 171, 61) !important;
    color: #FFFFFF !important;
}

.cor-laranja-td-claro {
    background-color: rgba(253, 171, 61, .3) !important;
    color: #FFFFFF !important;
}

.cor-magenta-td {
    background-color: rgb(255, 21, 138) !important;
    color: #FFFFFF !important;
}

.cor-magenta-td-claro {
    background-color: rgba(255, 21, 138, .5) !important;
    color: #FFFFFF !important;
}

.cor-amarela-td-claro {
    background-color: rgba(252, 206, 0, .4) !important;
    color: #FFFFFF !important;
}

.cor-azul-td {
    background-color: rgb(87, 155, 252) !important;
    color: #FFFFFF !important;
}

.cor-azul-td-claro {
    background-color: rgba(87, 155, 252, .5) !important;
    color: #FFFFFF !important;
}

.cor-purpura-td {
    background-color: rgb(120, 75, 209) !important;
    color: #FFFFFF !important;
}

.cor-purpura-td-claro {
    background-color: rgba(120, 75, 209, .5) !important;
    color: #FFFFFF !important;
}

.form-add {
    padding-left: 220px;
    display: flex;
    flex-flow: column;
}

.form-add-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

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

.modal-web .janela-alerta {
    display: inline-block;
    width: auto;
    background-color: #FFFFFF;
    max-width: 400px;
    border: 3px solid #FFFFFF;
    border-radius: 4px;
    min-height: 100px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px, rgba(0, 0, 0, 0.15) 0 1px 6px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px, rgba(0, 0, 0, 0.15) 0 1px 6px;
    -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px, rgba(0, 0, 0, 0.15) 0 1px 6px;
    -o-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px, rgba(0, 0, 0, 0.15) 0 1px 6px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px, rgba(0, 0, 0, 0.15) 0 1px 6px;
}

.modal-web .janela-alerta button {
    padding: 10px 20px;
    background-color: #E55800; /* Primary color */
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.modal-web .janela-alerta button:hover {
    background-color: #CC4E00; /* Darker primary color on hover */
}

.modal-web .janela-alerta button:focus {
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 0 3px rgba(222, 94, 17, 0.5); /* Custom focus outline */
}

.modal-web .titulo-alerta {
    width: 100%;
    padding: 16px;
    background-color: #FF6200;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-web .close-janela-alerta .fa-xmark {
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.modal-web .titulo-alerta span {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}

.janela-alerta .message-web {
    margin: 16px;
    padding: 8px;
    border-radius: 4px;
    background-color: #f1f2f2;
}

.janela-alerta .message-web p {
    text-align: center;
    line-height: 1.6;
    font-size: 14px;
    color: #2A454A;
    max-width: 100%;
    word-wrap: break-word;
}

.alerta-modulo {
    width: 50%;
    padding: 16px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.alerta-modulo .message-web {
    width: 100%;
    padding: 8px;
    margin: 20px 0 30px 0;
    border-radius: 4px;
    background-color: #f1f2f2;
    display: flex;
    justify-content: center;
}

.alerta-modulo .message-web p {
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
    color: #2A454A;
    max-width: 100%;
    word-wrap: break-word;
}

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

.form-autoriza-usuario {
    position: absolute;
    z-index: 2001;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    /*padding-left: 243px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
}

.form-autoriza-usuario .form-autoriza {
    width: 350px;
    padding: 15px 0;
    border-radius: 16px;
    background-color: rgba(13, 45, 64, 0.9);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.form-autoriza-usuario .form-autoriza.assinar {
    /*height: 380px;*/
}

.form-autoriza-usuario .form-autoriza.autorizar {
    /*height: 330px;*/
}

.form-autoriza-usuario .icon {
    width: 100%;
    margin: 15px 0 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-autoriza-usuario .icon div {
    padding: 10px 3px 3px 3px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #CFCDD9;
    background-color: rgba(255, 255, 255, 0.3);
}

.form-autoriza-usuario .form-autoriza-area {
    padding: 10px 40px;
    display: flex;
    flex-flow: column;
}

.form-autoriza-usuario .form-autoriza-area .form-autoriza-button {
    width: 100%;
    padding-top: 5px;
    display: flex;
    justify-content: center;
}

.form-autoriza-usuario .form-autoriza-area .form-autoriza-input {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.form-autoriza-usuario .form-autoriza-area .form-autoriza-input:nth-child(1) {
    margin-bottom: 20px;
}

.form-autoriza-usuario .form-autoriza-area .form-autoriza-input:nth-child(3) {
    margin-top: 20px;
}

.form-autoriza-usuario .form-autoriza-area .msg {
    margin: 5px 0 5px 0;
    height: 14px;
    color: #FF5C26;
    font-size: 13px;
    display: flex;
    justify-content: center;
}

.form-autoriza-usuario .form-autoriza-area .form-autoriza-input i {
    width: 50px;
    color: rgba(13, 45, 64, 0.9);
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-autoriza-usuario .form-autoriza-input input {
    width: 100%;
    font-size: 0.938rem;
    font-weight: 400;
    padding: 13px 15px;
    box-shadow: 0 0 0 0;
    border: 0 none;
    color: #FFFFFF;
    outline: 0;
    background: rgba(255, 255, 255, 0.3);
}

.form-autoriza-usuario .form-autoriza-input input::placeholder {
    font-size: 0.870rem;
    color: rgba(13, 45, 64, 0.9);
}

.form-autoriza-usuario .form-autoriza-input input:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

.form-autoriza .close {
    position: absolute;
    font-size: 18px;
    top: 0;
    right: 25px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2);

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

.form-autoriza .close:hover {
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.form-autoriza .bar-titulo {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-salvar-documento {
    position: absolute;
    z-index: 2001;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    /*padding-left: 243px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
}

.form-salvar-documento .form-salvar {
    width: 600px;
    height: 250px;
    border-radius: 16px;
    background-color: rgba(13, 45, 64, 0.9);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.form-salvar-documento .bar-titulo {
    width: 100%;
    padding: 0 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-salvar-documento span {
    font-size: 0.875rem;
    color: #FFFFFF;
    font-weight: 500;
}

.form-salvar-documento .close {
    /*position: absolute;*/
    font-size: 18px;
    /*top: -5px;*/
    /*right: 25px;*/
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.2);

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

.form-salvar-documento .close:hover {
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.form-salvar-documento .form-salvar-area {
    width: 100%;
    margin-top: 20px;
    padding: 30px 40px 10px 40px;
    display: flex;
    flex-flow: column;
}

.form-salvar-documento .form-salvar-area label {
    color: #FFFFFF;
    font-size: 13px;
}

.form-salvar-documento .form-salvar-area .form-salvar-input {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.form-salvar-documento .form-salvar-area .form-salvar-input:first-child {
    margin-bottom: 20px;
}

.form-salvar-documento .form-salvar-area .msg {
    margin: 5px 0 5px 0;
    height: 14px;
    color: #FF5C26;
    font-size: 13px;
    display: flex;
    justify-content: center;
}

.form-salvar-documento .form-salvar-area .form-salvar-input i {
    width: 50px;
    color: rgba(13, 45, 64, 0.9);
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-salvar-documento .form-salvar-input input {
    width: 100%;
    font-size: 0.938rem;
    font-weight: 400;
    padding: 15px 15px 15px 15px;
    box-shadow: 0 0 0 0;
    border: 0 none;
    color: #FFFFFF;
    outline: 0;
    background: rgba(255, 255, 255, 0.3);
}

.form-salvar-documento .form-salvar-input input::placeholder {
    font-size: 0.870rem;
    color: rgba(13, 45, 64, 0.9);
}

.form-salvar-documento .form-salvar-input input:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

.form-salvar-documento .form-salvar-area .form-salvar-button {
    width: 100%;
    padding-top: 5px;
    display: flex;
    justify-content: center;
}

.view-modal {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);

    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.view-modal .janela-modal {
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 0px rgba(82, 100, 132, 0.2), 0px 8px 15.52px 0.48px rgba(28, 43, 70, 0.15);
}

.view-modal .janela-modal .area-modal {
    width: 100%;
    height: calc(100% - 47px);
    max-height: calc(100% - 47px);
}

.view-modal .janela-modal .caption {
    height: 47px;
    padding: 1.3rem 1.5rem 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-modal .janela-modal .caption .title {
    font-weight: 700;
    line-height: 1.1;
    color: #364a63;
}

.view-modal .janela-modal .caption .close i {
    opacity: .5;
    font-size: 18px;
    color: #364a63;
    transition: 0.3s;
}

.view-modal .janela-modal .caption .close i:hover {
    opacity: .9;
    cursor: pointer;
}

.tab-control {
    margin-top: 15px;
    display: flex;
    list-style: none;
}

.dash-control {
    position: relative;
    border-top: 1px solid #888;
    padding: 20px 7px 5px 7px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1px;
}

.dash-control .hide {
    display: none;
}


.informativo {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: 4px;
    font-weight: 600;
    padding: 15px;
    color: #5C0F8B;
    background: #f8f8f8;
    border-left: 4px solid #f37021;
    font-size: 14px;
    line-height: 1.25;
}

.informativo p {
    margin: 0;
    line-height: inherit;
}

.informativo p span {
    line-height: inherit;
}

.informativo p:has(> i[class*="fa-"]) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.informativo p > span:has(> i[class*="fa-"]) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}

.informativo p > span:has(> i[class*="fa-"]) > span {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    row-gap: 1px;
    min-width: 0;
}

.informativo p > span:has(> i[class*="fa-"]) > span small {
    color: #f37021;
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.1;
}

.informativo p strong,
.informativo p a,
.informativo p a strong,
.informativo > span,
.informativo > strong {
    line-height: inherit;
}

.informativo i[class*="fa-"],
.informativo p > i[class*="fa-"] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    font-size: 1.8rem;
    line-height: 1;
    color: #f37021;
    margin-right: 10px;
    vertical-align: middle;
}

.informativo p:has(> i[class*="fa-"]) > i[class*="fa-"],
.informativo p > span:has(> i[class*="fa-"]) > i[class*="fa-"] {
    margin-right: 0;
    flex: 0 0 24px;
}

.informativo > i:not([class*="fa-"]) {
    font-size: 12px;
    font-weight: 500;
    color: #f37021;
    line-height: 1.3;
}

.informativo a,
.informativo a:visited,
.informativo a:active {
    color: inherit;
    text-decoration: underline;
}

.informativo a:hover,
.informativo a:focus {
    color: inherit;
    text-decoration: underline;
}

.atualizado {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    padding: 10px;
    color: #636b6f;
    background: #f8f8f8;
    border-left: 4px solid #f37021;
    font-size: 13px;
}

.atualizado i {
    font-size: 1.5em;
    color: #999;
    margin-right: 10px;
}

.atualizado.ajuste {
    width: fit-content !important;
}

.atualizado.bottom {
    margin-top: 30px;
}

.atualizado.top {
    margin-bottom: 30px;
}

.tab-control .active {
    position: relative;
    top: 1px;
    z-index: 1;
    font-weight: 500;
    color: #ff5e00;
    border-top: 2px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    background: #f1f2f2;
    box-shadow: none;
    padding-bottom: 6px;
}

.tab-control .active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: #f1f2f2;
    pointer-events: none;
}

.tab-control .ellipsis {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
}


.tab-control li {
    position: relative;
    top: 1px;
    color: #3e5a74;
    font-weight: 500;
    font-size: 0.850rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-right: 6px;
    padding: 5px 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#ddd));
    transition: background 0.2s linear !important;
    -webkit-transition: background 0.2s linear !important;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9) inset, 0 1px 20px 10px rgba(240, 240, 240, 0.7) inset, 0 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9) inset, 0 1px 20px 10px rgba(240, 240, 240, 0.7) inset, 0 1px rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-control li:hover {
    cursor: pointer;
    background: #f1f2f2;
}

.bd-callout {
    font-weight: 400;
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.bd-callout.info {
    color: #212529;
    background-color: rgba(13, 202, 240, .075);
    border-left: 0.25rem solid rgba(13, 202, 240, .5);
}

.bd-callout.warning {
    color: #212529;
    background-color: rgba(255, 193, 7, .075);
    border-left: 0.25rem solid rgba(255, 193, 7, .5);
}

.bd-callout p {
    font-size: .813rem;
}

/*
<div class="fLoader1"><div></div></div>
*/

.fLoader1 {
    border-bottom: #121212 2px solid;
    border-left: #121212 2px solid;
}

.fLoader1 {
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 100px;
    border-bottom: #121212 2px solid;
    border-top: transparent 2px solid;
    border-left: #121212 2px solid;
    border-right: transparent 2px solid;
    padding: 0;
    -webkit-animation: spinny 1s infinite linear;
    animation: spinny 1s infinite linear;
}

@keyframes spinny {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

table tbody .active-tr td {
    color: #2D3A4A !important;
    background-color: #DEF !important;
}

.form-line .button-clean {
    border-radius: 3px;
    border: 1px solid #7e8993;
    color: #1C3154;
    font-size: 16px;
    padding: 5px;
}

.form-line .button-clean.left {
    margin-left: 7px;
}

.form-line .button-clean:hover {
    cursor: pointer;
}

.form-line .button-clean:active {
    color: #388DC0;
}

.add-list {
    padding: 2px 0;
    cursor: pointer;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.add-list span {
    font-size: 0.875rem;
    margin-left: 7px;
}

.add-list:hover,
.add-list i:hover,
.add-list span:hover {
    font-weight: 600 !important;
}

.add-list-form {
    margin-left: 6px;
    /*border-left: 2px solid #ff5e00;*/
    /*border-left: 2px solid #1C3154;*/
    border-left: 2px solid #2D3A4A;
    /*transform: translate(-50%,50%);*/
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

.add-form {
    width: 100%;
    padding: 5px 10px 5px 22px;
    background-color: #ECF0F1;
    display: none;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

.add-form .add-form-line {
    padding-bottom: 5px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.add-form .add-form-line input[type=checkbox] {
    margin-right: 7px;
}

.add-form .add-form-line label {
    cursor: pointer;
    font-size: 0.875rem;
}

.add-form .add-form-panel label {
    cursor: pointer;
    font-size: 0.813rem;
}

.add-form .add-form-panel {
    position: relative;
    width: 100%;
    min-height: 50px;
    border-radius: 4px;
    /*border: 1px solid #ccc;*/
    border: 1px solid #2D3A4A;
    padding-top: 15px;
    padding-left: 10px;
    margin: 15px 0 5px 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

.add-form .add-form-panel span {
    font-size: 0.875rem;
    color: #ff5e00;
    font-weight: bold;
    position: absolute;
    top: -11px;
    padding: 0 5px;
    background-color: #ECF0F1;
}

.btn-plus-minus {
    font-size: 1.3rem !important;
    cursor: pointer;
    margin-right: 10px;
}

.plus .plus-title:hover,
.plus .btn-plus-minus:hover .fa-square-plus {
    font-weight: bold !important;
    cursor: pointer;
}

.btn-plus-minus .fa-square-minus {
    color: #ff5e00;
}


/**/


#aviso--master {
    position: relative;
    display: none;
    margin-left: 20px;
}

#aviso--master #btn-bell {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 24px;
    height: 100%;
    color: #3e5a74;
    cursor: pointer;
}

#aviso--master #aviso-register {
    position: absolute;
    top: -7px;
    left: 17px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 0.563rem;
    z-index: 1;
    width: 14px;
    height: 14px;
    color: #fff;
    background: rgba(224, 49, 49, 1);
    border-radius: 3px;
}

/*menu*/

#aviso--master .menu--aviso {
    position: absolute;
    margin-top: 3px;
    z-index: 2;
    display: flex;
    flex-flow: column;
}

#aviso--master .menu--aviso .triangulo {
    position: relative;
    margin-left: 7.5px;
    width: 18px;
    z-index: 3;
    border-bottom: 10px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    float: left;
}

#aviso--master .menu--aviso .lista-aviso {
    width: 500px;
    background: #fff;
    border-radius: 2px 2px 5px 5px;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .16);
}

#aviso--master .menu--aviso .lista-aviso .msg-aviso {
    color: #333;
    padding: 10px 20px;
    font-size: .875rem;
    font-weight: 500;
}

#aviso--master .menu--aviso .lista-aviso ul li {
    position: relative;
    width: 100%;
    font-size: 0.813rem;
    font-weight: 400;
    padding: 10px;
    min-height: 80px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: background-color 0.3s;
}

#aviso--master .menu--aviso .lista-aviso ul li img {
    width: 50px;
    margin: 0 20px 0 10px;
}

#aviso--master .menu--aviso .lista-aviso .ativo {
    background: #F5F5F5;
}

#aviso--master .menu--aviso .lista-aviso ul li:hover:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#aviso--master .menu--aviso .lista-aviso ul .borda {
    border-top: 1px solid #ededed;
}

.dfoot {
    padding-top: 5px;
    padding-left: 5px;
    font-size: 0.688rem;
    color: #000;
}

.destaque-tr {
    padding: 5px;
    font-size: 0.688rem !important;
    color: #3e5a74;
}

.jumbo-tr {
    padding-right: 2px !important;
    margin: 0 !important;
}

.jumbo-tr .jumbo {
    position: relative;
    display: flex;
    flex-flow: row;
}

/*.jumbo-tr .jumbo.jumbo-ajuste-top {*/
/*    top: 2px;*/
/*}*/

.jumbo-tr .jumbo .btn-jumbo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.jumbo-tr .jumbo textarea {
    resize: none;
    /*font-size: 0.875rem;*/
    margin-right: 2px;
    font-family: 'Roboto', helvetica, arial, sans-serif;
}

.jumbo-tr .jumbo .btn-input {
    width: 18px;
    height: 17px;
    /*padding: 0 1px;*/
}

/*JQUERY SELECT2 ============================================================================================*/

/*tamanho da fonte do do dropbox*/
ul.select2-results__options li {
    font-size: .813rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: .9rem !important;
    padding-bottom: 5px !important;
    padding-left: 7px !important;
    line-height: 26px !important;
}

/*cor da borda do select*/
.select2-container--default .select2-selection--single {
    border-color: #7e8993 !important;
}

/*cor da borda do select quando clicado*/
.select2-container--open .select2-selection--single {
    border-top-color: #007cba !important;
    border-left-color: #007cba !important;
    border-right-color: #007cba !important;
    border-bottom-color: transparent !important;
    box-shadow: 0 0 0 1px #007cba !important;
}

/*cor da borda do dropdown*/
.select2-dropdown {
    border-color: #007cba !important;
    box-shadow: -1px 1px 0 0 #007cba, 1px 1px 0 0 #007cba;
    outline: 2px solid transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #23282d transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #23282d transparent !important;
}

.select2-search__field:focus {
    border: 1px solid #aaa !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.alert-tr td,
.alert-tr td input[readonly],
.alert-tr td select[readonly],
.alert-tr td textarea[readonly],
.alert-td,
.alert-td input[readonly],
.alert-td select[readonly],
.alert-td textarea[readonly] {
    color: #fff !important;
    background-color: rgb(226, 68, 92) !important;
}

.alert-td-edit,
.alert-tr td input,
.alert-tr td select,
.alert-tr td textarea {
    color: #2D3A4A !important;
    background-color: #fff !important;
}


/*loader 3 pontinhos*/
.loader-tres-pontinhos {
    outline: 1px solid transparent;
    font-size: 0;
    margin-left: 2px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
}

.loader-tres-pontinhos .ponto {
    background: #5f6368;
    border-radius: 100%;
    vertical-align: middle;
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-top: 6px;
    margin-right: 2px;
    -webkit-animation: loader-tres-pontinhos 0.8s linear infinite alternate;
    animation: loader-tres-pontinhos 0.8s linear infinite alternate;
}

.loader-tres-pontinhos .ponto:nth-child(1) {
    -webkit-animation-delay: -0.8;
    animation-delay: -0.8s;
}

.loader-tres-pontinhos .ponto:nth-child(2) {
    -webkit-animation-delay: -0.53333s;
    animation-delay: -0.53333s;
}

.loader-tres-pontinhos .ponto:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay: -0.26666s;
}

@keyframes loader-tres-pontinhos {
    from {
        transform: scale(0, 0);
    }
    to {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes loader-tres-pontinhos {
    from {
        -webkit-transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}

/* CORTINA */

@keyframes react-responsive-modal-overlay-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.cortina {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%; /* Garantir que a largura seja 100% */
    height: 100%; /* Garantir que a altura seja 100% */
    z-index: 90000; /* Manter o z-index */
}

.cortina-block {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
}

.full-center {
    padding: 10px 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.full-center .msg {
    width: 70%;
    margin: 30px 0;
    font-weight: 500;
    font-size: 0.813rem;
    text-align: center;
}

.cortina.animation {
    animation: 500ms ease 0s 1 normal none running react-responsive-modal-overlay-in;
}

.cortina.cortina0p {
    background: rgba(0, 0, 0, 0);
}

.cortina.cortina2p {
    background: rgba(0, 0, 0, .2);
}

.cortina.cortina4p {
    background: rgba(0, 0, 0, .4);
}

.cortina.cortina6p {
    background: rgba(0, 0, 0, 0.6);
}

.cortina.cortina6p-200 {
    background: rgba(211, 212, 221, 0.6);
}

.cortina.cortina6p-200-ab {
    /*position: absolute !important;*/
    background: rgba(211, 212, 221, 0.6);
}

.cortina-menu {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 60px;
    z-index: 1001;
}

/* cria modal confirm*/
.confirm-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    min-width: 400px;
    border-radius: 8px;
    text-align: center;
    border: 3px solid #FFFFFF;
    overflow: hidden;
    font-size: 15px;
    flex-flow: column;
    box-shadow: rgba(0, 0, 0, .20) 0 8px 10px -5px, rgba(0, 0, 0, .12) 0 6px 30px 5px, rgba(0, 0, 0, .14) 0 16px 24px 2px;
}

.confirm-modal-message {
    padding: 30px 50px 0 50px;
    word-wrap: break-word;
}

.confirm-modal-content .barra {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 100px;
    background-color: #0066b3;
    color: #fff;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.confirm-modal-buttons {
    margin-top: 30px;
    margin-bottom: 20px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.container-fluid-special {
    padding-right: 5rem;
    padding-left: 5rem;
}

.container {
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}

.container,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        /*max-width: 540px;*/
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        /*max-width: 720px;*/
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (max-width: 1000px) {
    .container {
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }

    .container > * {
        width: 100%;
    }
}

.breadcrumb-section {
    width: 100%;
}

.breadcrumb-nav {
    width: 100%;
    overflow-x: auto; /* Adiciona rolagem horizontal em caso de necessidade */
    overflow-y: hidden;
}

.breadcrumb-nav .breadcrumb {
    margin-top: 15px;
    height: 15px;
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap; /* Evita quebra de linha */
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap; /* Mantém os itens em uma única linha */
}

@media only screen and (max-width: 767px) {
    .breadcrumb-nav .breadcrumb {
        height: 30px;
    }
}

.breadcrumb-nav .breadcrumb .breadcrumb-item {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item:first-child {
    margin-right: 8px;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item.text-start {
    font-weight: 700;
    padding-right: 10px;
}

.breadcrumb-nav .breadcrumb .breadcrumb-separator {
    font-size: 0.563rem;
    margin: 0 8px;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item a {
    transition: all .2s ease-out;
    text-decoration: none;
    color: inherit;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item a:hover {
    color: inherit;
}

.breadcrumb-nav .breadcrumb .breadcrumb-item:not(.active) a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .breadcrumb-nav .breadcrumb {
        padding-top: 10px;
        justify-content: flex-start; /* Mantém os breadcrumbs alinhados à esquerda em dispositivos menores */
    }

    .breadcrumb-nav .breadcrumb .breadcrumb-item {
        font-size: 0.75rem; /* Mantém um tamanho de fonte legível */
        padding: 5px 0;
    }

    .breadcrumb-nav .breadcrumb .breadcrumb-separator {
        margin: 0 4px; /* Reduz a margem entre os separadores */
    }
}


.titulo {
    padding-top: 10px;
}

/* CAROUSEL */

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
}

.carousel-item.active {
    display: block;
}

.carousel-item.slide {
    transition: transform 0.6s ease-in-out;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.carousel-fade .carousel-item.active {
    opacity: 1;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #888;
    margin: 0 6px;
    cursor: pointer;
}

.carousel-indicators li.active {
    background-color: #000;
}

.carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.carousel-caption h3 {
    margin-top: 0;
}

.carousel-caption p {
    margin-bottom: 0;
}

.w-100 {
    width: 100% !important;
}

.d-block {
    display: block !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.form-portal-vertical {
    min-height: 49px;
    padding-bottom: 10px;
    display: flex;
    flex-flow: column;
    line-height: 1.3;
}

.form-portal-title {
    font-weight: 700;
}

.form-portal-caption {

}

.aviso {
    background-color: #000;
}

.aviso .aviso-msg {
    font-weight: 500;
    font-size: 0.813rem;
    line-height: 1.2;
    letter-spacing: 0;
    padding: 5px 0;
    color: #fff;
    text-align: justify;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*botão imprimir*/

/* Estilo para o botão */
.print-button {
    background-color: #213051;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

.print-button i {
    margin-right: 7px;
}

/* Estilo para o menu suspenso */
.dropdown {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: left;
}


.dropdown.right .dropdown-content {
    right: 0; /* Alinha à direita */
}

.dropdown.right {
    text-align: right;
}

.dropdown.margin-top {
    margin-top: 20px;
}

.dropdown.margin-bottom {
    margin-bottom: 20px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content span {
    color: #213051;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content span:hover {
    cursor: pointer;
    background-color: #213051;
    color: #fff;
}

.dropdown-content span i {
    padding-right: 5px;
    color: #d2d2d2;
}

.dropdown-content hr {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* TOOLTIP */

.tooltip {
    font-size: 0.813rem;
    position: absolute;
    display: inline-block;
    cursor: pointer;
}

.tooltip:hover {
    color: rgb(0, 105, 208);
}

.tooltip .fa-circle-info {
    margin-left: 5px;
    position: relative;
}

.tooltip i {
    color: #23282d;
}

.tooltip .tooltip-text {
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;

    visibility: hidden;
    width: max-content;
    max-width: 400px;
    background-color: #3A3A47;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: none;
    margin-bottom: 3px;
    white-space: pre-wrap;

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

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

._view-form {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background-color: rgba(211, 212, 221, .6);
    display: flex;
    justify-content: center;
    align-items: center;
}

._view-form ._form {
    position: relative;
    /*overflow: hidden;*/
    overflow: visible;
    z-index: 1; /* Valor menor que o dropdown */
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    width: auto;
    height: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

._view-form ._form .area-view-form {
    padding: 0 15px 7px 15px;
    display: flex;
    flex-flow: column;
}

._view-form ._form .area-view-form ._form__input {
    margin-top: 10px;
}

._view-form ._form .area-view-form textarea._form__input {
    padding: 10px;
    resize: none;
    font-size: 1rem;
    border: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
}

._view-form ._form .area-view-form textarea._form__input:focus {
    outline: none;
    border-color: initial;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);
}

._view-form ._form .area-view-form ._form__button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
}

._view-form ._form ._caption {
    min-width: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px;
    margin-bottom: 10px;
    background-color: #e0e0e0;
    border-bottom: 1px solid #cfcfcf;
    transition: background-color 0.2s ease;
}

._view-form ._form .area-view-form ._aviso {
    padding: 15px 0;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Efeito escurecido ao clicar */
._view-form ._form ._caption.active {
    background-color: #d0d0d0 !important; /* cor de fundo mais escura */
}

._view-form ._form ._caption h5 {
    font-weight: 600;
    color: rgb(30, 48, 80);
    font-size: 1rem;
}

._view-form ._form ._caption ._close {
    width: 25px;
    height: 25px;
    background-color: #3e5a74;
    color: #fff;
    font-size: 0.913rem;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /*padding-top: 1px;*/
}

._view-form ._form ._caption ._close:hover {
    background-color: orange;
}

.form-select {
    display: block;
    width: 100% !important;
    font-size: 1rem !important;
    color: #6e6b7b;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 15px 14px;
    border: 1px solid #d8d6de;
    border-radius: 0.25rem !important;
    appearance: none;
}

.form-select:focus {
    outline: 0;
    box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.button-info-clean {
    cursor: pointer;
    font-size: 0.813rem;
    padding: 5px 10px;
}

.status-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d1d7db;
    margin-right: 10px;
}

.red {
    background-color: orangered;
}

.green {
    background-color: #00AF80;
}

.textarea-button {
    display: flex;
}

.textarea-button textarea {
    height: 30px;
}

.textarea-button button {
    margin-left: 5px;
    width: 31px;
    height: 29px;
}

.no__centro {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no__centro input[type=checkbox] {

}

/* Estilize o ícone do WhatsAppOld e posicione-o no canto direito inferior */
.whatsapp-icon {
    position: fixed;
    bottom: 10%;
    right: 10px;
    z-index: 1000;
}

.whatsapp-icon a {
    text-decoration: none; /* Remove o sublinhado */
    color: inherit; /* Herda a cor do elemento pai */
    cursor: pointer; /* Remove o cursor de "mão" */
}

.whatsapp-icon a div {
    background: #25d366;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 #142E5233;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-icon a div i {
    font-size: 1.7rem;
    color: #ffffff;
}

.btn-plus {
    cursor: pointer;
    margin-left: 5px;
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-plus.btn-add-space-left {
    margin-right: 10px;
}

.btn-plus.btn-add-space-right {
    margin-right: 10px;
}

.select-input-ui-off:not(.custom-select__input) {
    width: 100%;
    height: 30px;
    padding: 5px;
    border: 1px solid #000;
}

.select-input-ui-off:focus:not(.custom-select__input) {
    outline: none;
    border: 1px solid #000;
    box-shadow: none;
}

.select-input-ui-off:read-only,
.select-input-ui-off:disabled {
    background-color: #F0DEDE !important;
    color: #A34340 !important;
    opacity: 1;
}

.btn-imprimir {
    cursor: pointer;
    padding: 5px 8px;
}

.btn-imprimir i {
    margin-right: 10px;
}

/* ========================================
   FORM COLUMN LAYOUTS - Sistema de Grid
   ======================================== */

/* Linha de formulário com colunas - Base */
.form-line-cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    min-height: 37px;
    padding: 0 0 7px 0;
    /*flex-wrap: wrap;*/
}

/* Layout de 2 colunas */
.form-line-cols-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    min-height: 37px;
    padding: 0 0 7px 0;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.form-line-cols-2 > .form-column {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
}

/* Layout de 3 colunas */
.form-line-cols-3 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    min-height: 37px;
    padding: 0 0 7px 0;
    /*flex-wrap: wrap;*/
}

.form-line-cols-3 > .form-column {
    flex: 0 1 auto;
    min-width: 0;
}

/* Layout de 4 colunas */
.form-line-cols-4 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    min-height: 37px;
    padding: 0 0 7px 0;
    /*flex-wrap: wrap;*/
}

.form-line-cols-4 > .form-column {
    flex: 0 1 auto;
    min-width: 0;
}

/* Layout de 5 colunas */
.form-line-cols-5 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    min-height: 37px;
    padding: 0 0 7px 0;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.form-line-cols-5 > .form-column {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
}

/* Ajustes para os elementos dentro das colunas */
.form-line-cols .form-column,
.form-line-cols-2 .form-column,
.form-line-cols-3 .form-column,
.form-line-cols-4 .form-column,
.form-line-cols-5 .form-column {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.form-line-cols .form-column label,
.form-line-cols-2 .form-column label,
.form-line-cols-3 .form-column label,
.form-line-cols-4 .form-column label,
.form-line-cols-5 .form-column label {
    width: auto;
    max-width: none;
    min-width: auto;
    margin-bottom: 3px;
    white-space: nowrap;
}

.moldura-tabela {
    border: 1px solid #7e8993;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}


/* Estilos para sections de empenho */
.empenho01,
.empenho02,
.empenho03 {
    width: 100%;
    box-sizing: border-box;
}

/* Efeito zebrado para tabela de empenhos */
#table-empenho tr.no-active-tr:nth-child(even) {
    background-color: #f1f2f2;
}

.moldura-tabela label {
    display: inline-block;
    line-height: 1rem;
    /*color: #3e5a74;*/
    color: #ff5e00;
    text-shadow: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    padding-bottom: 10px;
}

/* Apenas para form-line-cols-5: ajusta inputs pequenos para não extrapolar */
.form-line-cols-5 .form-column input.c150 {
    width: 100% !important;
    max-width: 150px !important;
    min-width: 80px !important;
}

.form-line-cols-5 .form-column input.c200 {
    width: 100% !important;
    max-width: 200px !important;
    min-width: 100px !important;
}

/* Para inputs/selects com classes de largura específica (c150, c500, etc), manter a largura definida */
/*.form-line-cols .form-column input[class*="c"],*/
/*.form-line-cols-2 .form-column input[class*="c"],*/
/*.form-line-cols-3 .form-column input[class*="c"],*/
/*.form-line-cols-4 .form-column input[class*="c"],*/
/*.form-line-cols-5 .form-column input[class*="c"],*/
/*.form-line-cols .form-column select[class*="c"],*/
/*.form-line-cols-2 .form-column select[class*="c"],*/
/*.form-line-cols-3 .form-column select[class*="c"],*/
/*.form-line-cols-4 .form-column select[class*="c"],*/
/*.form-line-cols-5 .form-column select[class*="c"],*/
/*.form-line-cols .form-column textarea[class*="c"],*/
/*.form-line-cols-2 .form-column textarea[class*="c"],*/
/*.form-line-cols-3 .form-column textarea[class*="c"],*/
/*.form-line-cols-4 .form-column textarea[class*="c"],*/
/*.form-line-cols-5 .form-column textarea[class*="c"] {*/
/*    width: auto;*/
/*}*/

/* Apenas para form-line-cols-5: ajusta divs pequenas para não extrapolar */
.form-line-cols-5 .form-column div.c150 {
    width: 100% !important;
    max-width: 150px !important;
    min-width: 80px !important;
}

/* Modificadores de largura customizada para colunas específicas */
/*.form-column.col-auto {*/
/*    flex: 0 0 auto;*/
/*    min-width: auto;*/
/*}*/

/*.form-column.col-grow {*/
/*    flex: 1 1 auto;*/
/*}*/

/*!* Variações de gap (espaçamento) *!*/
/*.form-line-cols.gap-sm,*/
/*.form-line-cols-2.gap-sm,*/
/*.form-line-cols-3.gap-sm,*/
/*.form-line-cols-4.gap-sm,*/
/*.form-line-cols-5.gap-sm {*/
/*    gap: 8px;*/
/*}*/

/*.form-line-cols.gap-md,*/
/*.form-line-cols-2.gap-md,*/
/*.form-line-cols-3.gap-md,*/
/*.form-line-cols-4.gap-md,*/
/*.form-line-cols-5.gap-md {*/
/*    gap: 15px;*/
/*}*/

/*.form-line-cols.gap-lg,*/
/*.form-line-cols-2.gap-lg,*/
/*.form-line-cols-3.gap-lg,*/
/*.form-line-cols-4.gap-lg,*/
/*.form-line-cols-5.gap-lg {*/
/*    gap: 20px;*/
/*}*/

/*!* Alinhamento vertical *!*/
/*.form-line-cols.align-center,*/
/*.form-line-cols-2.align-center,*/
/*.form-line-cols-3.align-center,*/
/*.form-line-cols-4.align-center,*/
/*.form-line-cols-5.align-center {*/
/*    align-items: center;*/
/*}*/

/*.form-line-cols.align-end,*/
/*.form-line-cols-2.align-end,*/
/*.form-line-cols-3.align-end,*/
/*.form-line-cols-4.align-end,*/
/*.form-line-cols-5.align-end {*/
/*    align-items: flex-end;*/
/*}*/