﻿.dataTables_empty {
    display: none;
}

.line {
    position: absolute;
    width: 1475px;
    height: 0px;
    left: 0px;
    top: 61px;
    border: 1px solid #404553;
}

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

.mr-0 {
    margin-right: 0;
}

.ml-auto {
    margin-left: auto;
}

.d-block {
    display: block;
}

.titleLogin {
    font-style: normal;
    font-weight: 600;
    font-size: 110.667px;
    line-height: 134px;
}

/* tbody tr:nth-child(odd) {
    background-color: #141b2d !important;
}

tbody tr:nth-child(even) {
    background-color: transparent !important;
} */

.trCorSim {
    background-color: transparent !important;
}

.cursor-pointer {
    cursor: pointer;
}

.table {
    border: 1px solid rgba(189, 208, 233, 0.2);
}

.tb-expande-responsive {
    margin-right: 5px;
    display: none;
    cursor: pointer;
}

.tb-col-responsive-line-3 {
    display: none !important;
    margin-bottom: 5px !important;
}

.tb-col-responsive-line-2 {
    display: none !important;
    margin-bottom: 5px !important;
}

.tb-col-responsive-line-1 {
    display: none !important;
    margin-bottom: 5px !important;
}

@media (max-width: 1340px) {
    .tb-col-responsive1 {
        display: none !important;
    }

    .tb-col-responsive-line-1 {
        display: block !important;
    }

    .tb-expande-responsive {
        display: inline;
    }
}

@media (max-width: 1120px) {
    .tb-col-responsive1 {
        display: none !important;
    }

    .tb-col-responsive-line-1 {
        display: block !important;
    }

    .tb-col-responsive2 {
        display: none !important;
    }

    .tb-col-responsive-line-2 {
        display: block !important;
    }

    .tb-expande-responsive {
        display: inline;
    }
}

@media (max-width: 700px) {
    .tb-col-responsive1 {
        display: none !important;
    }

    .tb-col-responsive-line-1 {
        display: block !important;
    }

    .tb-col-responsive2 {
        display: none !important;
    }

    .tb-col-responsive-line-2 {
        display: block !important;
    }

    .tb-col-responsive3 {
        display: none !important;
    }

    .tb-col-responsive-line-3 {
        display: block !important;
    }

    .tb-expande-responsive {
        display: inline;
    }
}

.linhaSemAtendimento {
    background-color: #5E3049 !important;
}

.linhaAceita {
    background-color: #335643 !important;
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23CCCCCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    /* font-size: 1rem; */
    font-weight: 100 !important;
    line-height: 1.5;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid rgba(234, 237, 241, 0.2) !important;
    border-radius: 0.2rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    background-color: var(--bs-form-control-disabled-bg);
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color);
}

.borderTopCard {
    border-top: 1px solid #6b6b6b !important;
    border-bottom: 1px solid #6b6b6b !important;
    border-left: 1px solid #6b6b6b !important;
    border-right: 1px solid #6b6b6b !important;
}

.cardSelecionado {
    border-top-width: 3px !important;
}

.card {
    box-shadow: none !important;
}

.dark-theme .SumoSelect.open > .optWrapper {
    box-shadow: none !important;
}

.is-invalid {
    border-color: red !important;
    background-color: transparent !important;
    border: 1px solid;
}

.is-invalid span:before {
    border-color: red !important;
    color: red !important;
    background-color: transparent !important;
    border: 1px solid;
}

.alert-success {
    border-color: #3C6B46 !important;
    background-color: #335643 !important;
}

.breadcrumb-item {
    font: 12px Roboto, sans-serif !important;
}

.form-control {
    background: none !important;
}

.linhaResponsiva {
    display: none;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.removeBorder {
    border-bottom: 1px none transparent !important;
}

.tabs-style-1 .main-nav-line .nav-link {
    padding: 10px 18px 10px 18px;
    background: transparent;
}

.active {
    color: #0162e8 !important;
}

label {
    color: #fff !important;
    font-size: 14px !important;
}

.pt-Agin0-6 {
    padding-top: 0.6rem !important;
}

.pt-Agin0-8 {
    padding-top: 0.8rem !important;
}

.pt-Agin0-9 {
    padding-top: 0.9rem !important;
}

.pt-Agin1-8 {
    padding-top: 1.8rem !important;
}

.pt-Agin1 {
    padding-top: 2.1rem !important;
}

.pt-Agin2 {
    padding-top: 2.2rem !important;
}

.pt-Agin3 {
    padding-top: 2.7rem !important;
}

/* TRAZ PARA CIMA O TOAST */
.Vue-Toastification__container {
    z-index: 99999999 !important;
}

.ml-4 {
    margin-left: 25.2rem !important
}

@media (max-width: 1692px) {
    .ml-4 {
        margin-left: 22.2rem !important
    }
}

@media (max-width: 1366px) {
    .ml-4 {
        margin-left: 17.2rem !important
    }
}


@media (max-width: 990px) {
    .ml-4 {
        margin-left: 16rem !important
    }
}

@media (max-width: 769px) {
    .ml-4 {
        margin-left: 1rem !important
    }
}

@media (max-width: 450px) {
    .ml-4 {
        margin-left: 0rem !important
    }
}

.clsArquivada {
    color: red;
}

input::placeholder {
    color: white !important;
}

.v-popper__popper {
    z-index: 999999999 !important;
}

/* .v-popper__inner {
    color: #77aaff !important;
    background-color: #5E3049 !important;
    z-index: 999999999 !important;
} */

.alert-warning {
    border-color: #7F6C40 !important;
    background-color: #60573F !important;
}

.alert-danger {
    border-color: #6D354C !important;
    background-color: #593248 !important;
}

.alert-danger-message {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb !important;
}

.radio-button {
    display: inline-block;
    margin-right: 10px;
}

.radio-button input[type="radio"] {
    display: none;
}

.radio-button label {
    cursor: pointer;
}

.heading1 {
    font-size: 14px !important;
    color: #fff !important;
}

.heading2 {
    font-size: 13px !important;
    color: #8E9096 !important;
}

.label13 {
    font-size: 13px !important;
}

.readonly {
    background-color: #4C5263 !important;
    border-color: #383F52 !important;
}

optgroup {
    font-weight: bold !important;
    display: block;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    background: #1f2940 !important;
}

.p-component,
.p-component * {
    box-sizing: border-box;
}

.p-inputtext {
    background: none !important;
    appearance: none;
    display: block;
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #dde3ea;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(234, 237, 241, 0.2);
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (max-width: 767px) {
    .p-inputtext {
        padding: 0.375rem 0.75rem !important;
    }
}

.p-inputtext:enabled:hover {
    border-color: #3B82F6;
}

.p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
}

.p-inputtext.p-invalid.p-component {
    border-color: #e24c4c;
}

.p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
}

.p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
}


.p-autocomplete-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
}

.p-autocomplete-panel {
    background: transparent;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
}

ul {
    border-radius: 6px !important;
}

.li-border-botton {
    border-bottom: #383E53 solid 1px;
}

.li-border-top {
    border-top: #383E53 solid 1px;
}


.tableAgin {
    color: #364261;
}

.tableAgin thead th,
.tableAgin thead td {
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    border-top-width: 0;

}

.tableAgin tbody tr {
    background-color: rgba(255, 255, 255, 0.5);
}

.tableAgin tbody tr th {
    font-weight: 500;
}

.tableAgin th,
.tableAgin td {
    padding: 9px 15px;
    line-height: 1.462;
}

.tableAgin > :not(:last-child) > :last-child > * {
    border-bottom: #dde2ef;
}

.labelComentario {
    font-size: 13px;
    color: #b3b3b3 !important;
}

.label12 {
    color: #757F9B;
    font-size: 12px;
}

.form-control-color {
    width: 150px !important;
    padding: 0rem;
    height: 35px;
}

.btn.btn-primary-light {
    background-color: #0162e81a;
    color: #0162e8;
}

.sortable-table th {
    cursor: pointer;
}

.sort-arrow {
    width: 12.63px;
    /* Largura de 12.63 pixels */
    height: 12px;
    /* Altura de 12 pixels */
    vertical-align: middle;
    margin-left: 5px;
    background-repeat: no-repeat;
    display: inline-block;
    transition: transform 0.3s ease-out;
    /* Adiciona uma transição suave para a animação */
}

.sort-arrow.asc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.62993 0C7.06606 0 7.41961 0.335786 7.41961 0.75V9.43934L11.5993 5.46967C11.9077 5.17678 12.4077 5.17678 12.7161 5.46967C13.0245 5.76256 13.0245 6.23744 12.7161 6.53033L7.18832 11.7803C6.87993 12.0732 6.37993 12.0732 6.07155 11.7803L0.543792 6.53033C0.235403 6.23744 0.235403 5.76256 0.543792 5.46967C0.852181 5.17678 1.35218 5.17678 1.66057 5.46967L5.84025 9.43934V0.75C5.84025 0.335786 6.19381 0 6.62993 0Z" fill="%23495062"/></svg>');
    transform: rotate(180deg);
    /* Mantém a seta na posição inicial para a ordem ascendente */
}

.sort-arrow.desc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.62993 0C7.06606 0 7.41961 0.335786 7.41961 0.75V9.43934L11.5993 5.46967C11.9077 5.17678 12.4077 5.17678 12.7161 5.46967C13.0245 5.76256 13.0245 6.23744 12.7161 6.53033L7.18832 11.7803C6.87993 12.0732 6.37993 12.0732 6.07155 11.7803L0.543792 6.53033C0.235403 6.23744 0.235403 5.76256 0.543792 5.46967C0.852181 5.17678 1.35218 5.17678 1.66057 5.46967L5.84025 9.43934V0.75C5.84025 0.335786 6.19381 0 6.62993 0Z" fill="%23495062"/></svg>');
    transform: rotate(0deg);
    /* Adiciona rotação para inverter a seta na ordem descendente */
}

.sort-arrow.neutral {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.62993 0C7.06606 0 7.41961 0.335786 7.41961 0.75V9.43934L11.5993 5.46967C11.9077 5.17678 12.4077 5.17678 12.7161 5.46967C13.0245 5.76256 13.0245 6.23744 12.7161 6.53033L7.18832 11.7803C6.87993 12.0732 6.37993 12.0732 6.07155 11.7803L0.543792 6.53033C0.235403 6.23744 0.235403 5.76256 0.543792 5.46967C0.852181 5.17678 1.35218 5.17678 1.66057 5.46967L5.84025 9.43934V0.75C5.84025 0.335786 6.19381 0 6.62993 0Z" fill="%23495062"/></svg>');
    transform: rotate(0deg);
    /* Mantém a seta na posição inicial para a ordem neutra */
}

.marginTopBottom {
    margin-top: 50px;
    margin-bottom: 50px;
}

.form-labels {
    display: flex;
    flex-direction: column;
    gap: 0.2rem; /* Espaçamento entre as labels */
}

.input-wrapper {
    position: relative;
    display: flex;
    align-items: center; /* Garante que os itens fiquem alinhados verticalmente */
}

input.form-control {
    flex: 1; /* Faz o input ocupar o máximo de largura disponível */
    padding-right: 2.5rem; /* Espaço para o ícone */
}

.eyes {
    position: absolute;
    right: 1rem; /* Espaço da borda direita */
    cursor: pointer; /* Indica interatividade */
    height: 20px; /* Ajusta o tamanho do ícone */
    width: auto;
}