:root {
    --bs-border-radius-lg: 1.95rem;
    --bs-border-radius-sm: 0.95rem;
    --bs-border-radius: 0.95rem;
}
.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-x: 0.8rem;
}
.form-select-sm~.select2-container--bootstrap-5 .select2-selection {
    border-radius: 0.95rem;
}
.select2-container--default .select2-selection--multiple {
    border: var(--bs-border-width) solid var(--bs-border-color);;
    border-radius: 20px;
}

body {
    font-family: "Archivo", serif;
    font-style: normal;
    font-size: 0.85rem;
}

h1 {
    font-size: 1.7rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1.1rem;
}

h4 {
    font-size: 0.95rem;
}

h5 {
    font-size: 0.85rem;
}

.offcanvas-start {
    width: 250px;
}

.style-text-secondary, .style-text-secondary a {
    color: #2C2C2C;
}

.style-text-success, .style-text-success a {
    color: #72E27F;
}

.style-text-danger, .style-text-danger a {
    color: #d0313e;
}

.style-text-primary, .style-text-primary a {
    color: #355B94;
}

.style-text-success, .style-text-success  a{
    color: #72E27F;
}

.style-text-warning, .style-text-warning a {
    color: #e5910f;
}

.style-bg-warning {
    background-color: #e5910f;
}

.style-bg-primary {
    background-color: #355B94;
}

.style-bg-success {
    background-color: #72E27F;
}

.style-bg-info {
    background-color: #702e85;
}

.style-bg-secondary {
    background-color: #2C2C2C;
}

.style-bg-danger {
    background-color: #d0313e;
}

.style-btn-secondary {
    background-color: #2C2C2C;
    color: white;
}

.style-btn-secondary:hover {
    background-color: #0e0e0e;
    color: white;
}

.style-btn-success {
    background-color: #72E27F;
}

.style-btn-success:hover {
    background-color: #96c863;
}

.style-btn-warning {
    background-color: #e5910f;
    color: white;
}

.style-btn-warning:hover {
    background-color: #e5910f;
}

.style-btn-danger {
    background-color: #d0313e;
}

.style-btn-danger:hover {
    background-color: #9e252d;
}

.style-btn-info {
    background-color: #702e85;
}

.style-btn-info:hover {
    background-color: #764788;
}

.style-btn-primary {
    background-color: #355B94;
}

.style-btn-primary:hover {
    background-color: rgb(0, 204.7738693467, 250);
}

.style-btn-primary, .style-btn-warning:hover, .style-btn-primary:hover,
 .style-btn-danger, .style-btn-danger:hover,
.style-btn-info, .style-btn-info:hover {
    color: white;
}

.style-btn-success, .style-btn-success:hover {
    color: #2C2C2C;
}

.style-bg-orange {
    background-color: #f1523d;
    color: white;
}

.style-bg-light-green {
    background-color: #72E27F;
    color: white;
}

.style-bg-purple {
    background-color: #702e85;
    color: white;
}

.border-dash {
    border: 2px dashed #ddd;
}

@media (min-width: 992px) {
    .main-card {
        flex: 1 1 400px;
        min-width: 400px;
    }
}

.navigation {
    padding: 0;
}

.navigation li {
    padding-bottom: 0.2rem;
}

.navigation li a {
    font-size: 0.9rem;
    text-decoration: none;
}

.navigation li a i {
    font-size: 1.1rem;
}

.section-header-about {
    font-size: 0.8rem;
}

.section-header-about a {
    text-decoration: none;
}

.form-group {
    margin-bottom: 15px;
}

.page-link {
    font-size: 0.9rem;
}

.pagination {
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #9f9a9a;
    --bs-pagination-active-border-color: rgb(222, 226, 230);
    --bs-pagination-disabled-bg: unset;
    --bs-pagination-color: rgb(101, 99, 99);
}

.table th {
    font-weight: normal;
    text-wrap: nowrap;
    font-size: 0.9rem;
}

.table td {
    text-wrap: nowrap;
    font-size: 0.85rem;
}

.table td a {
    font-size: 0.85rem;
}

.dt-search, .dt-info, .dt-length {
    color: #5b5b5b;
    font-size: 0.9rem;
}

div.dt-container div.dt-info {
    text-align: center;
}

.dt-column-title {
    font-weight: bold;
}

.btn-outline-border, .btn-outline-border:hover {
    border-color: #9F9A9A;
    color: #9F9A9A;
}

.badge {
    font-size: 0.8rem;
    font-weight: normal;
}

.cover-container {

    max-width: 800px;
}


.form-actions {
    margin-bottom: 45px;
    margin-top: 30px;
}

.preview-signature {
    text-align: center;
    background-color: #e5e4e4;
    border: 3px dashed #ababab;
    padding: 15px;
    border-radius: 15px;
}

/* Let's get this party started */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c7c2c2;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #eaeaea;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #b7b3b3;
}

.dt-scroll-body{
    background:
        /* Shadow covers */
        linear-gradient(to right, #fff 30%, rgba(255,255,255,0)),
        linear-gradient(to right, rgba(255,255,255,0), #fff 70%) 100% 0,
            /* Shadows */
        radial-gradient(farthest-side at 0 50%, rgba(47, 47, 47,0.4), rgba(47, 47, 47,0)),
        radial-gradient(farthest-side at 100% 50%, rgba(47, 47, 47,0.4), rgba(47, 47, 47,0)) 100% 0;
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
}
div.dt-scroll-body {
    border-left: unset !important;
}
.visible-scroll {
    overflow: auto;
    background: /* Shadow covers */ linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)),
    linear-gradient(to right, rgba(255, 255, 255, 0), #fff 70%) 100% 0,
        /* Shadows */ radial-gradient(farthest-side at 0 50%, rgba(47, 47, 47, 0.4), rgba(47, 47, 47, 0)),
    radial-gradient(farthest-side at 100% 50%, rgba(47, 47, 47, 0.4), rgba(47, 47, 47, 0)) 100% 0;
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
}

.title-card {
    border-bottom: 1px solid #dee2e6;
    font-size: 1rem;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.dropdown-item a {
    text-decoration: none;
}

.dataTable tbody tr td.dt-empty {
    height: 90px;
    line-height: 90px;
}

.img-50 {
    width: 50px !important;
}

.rounded-image {
    border-radius: 50% !important;
}

.rounded-circle {
    border-radius: 0 !important;
}

.img-35 {
    width: 35px;
    min-width: 35px;
    height: 35px;
}

@media screen and (max-width: 767px) {
    div.dt-buttons {
        display: none;
    }
}

.custom-file {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.custom-file-input {
    width: 100%;
    max-width: 300px; /* Ajuste conforme necessário */
    margin-bottom: 10px; /* Espaço entre o botão e o texto */
}

.custom-file-input::file-selector-button {
    background-color: #6c757d;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    font-size: 0.79rem;
    transition: background 0.2s ease-in-out;
}

.custom-file-input::file-selector-button:hover {
    background-color: #0d45a5;
}

.custom-file-container {
    border: 2px dashed #e1e0e0;
    border-radius: 25px;
    padding: 20px;
    text-align: center;
    background-color: #f8f9fa;
}

.document-container-background {
    padding: 20px;
    background-color: #E9E9E9;
    border: 1px solid #dee2e6;
    border-radius: 8px;
}

.container-document-viewer {
    position: relative;
    width: 100%; /* Ajusta à largura do contêiner pai */
    padding-top: 141.4%; /* Proporção A4 (altura/largura = 1.414) */
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 15px 10px -15px #716f6f;
}

.container-document-viewer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Remove borda */
}

.list-document-data {
    padding: 5px 0;
    font-size: .875em;
}

.accordion-button {
    text-decoration: unset;
}

.fs-7 {
    font-size: 0.8rem;
}

.card-border {
    border: none;
!important;
    padding: 0;
}

div.dt-processing > div:last-child > div {
    background: #72E27F;
}

.document-request-status {
    border-radius: 20px;
    padding: 8px;
    font-size: 0.87rem;
    color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 20px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    border-radius: 20px;
}