@font-face {
    font-family: 'Muli';
    src: url(fonts/muli/Muli-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url(fonts/muli/Muli-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url(fonts/muli/Muli-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rajdhani';
    src: url(fonts/rajdhani/Rajdhani-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rajdhani';
    src: url(fonts/rajdhani/Rajdhani-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Rajdhani';
    src: url(fonts/rajdhani/Rajdhani-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

:root {
    /* Neturno */
    --neturno-50: #f3f6fb;
    --neturno-100: #e3eaf6;
    --neturno-200: #cedbef;
    --neturno-300: #acc3e4;
    --neturno-400: #85a4d5;
    --neturno-500: #6787ca;
    --neturno-600: #546fbc;
    --neturno-700: #495dac;
    --neturno-800: #404e8d;
    --neturno-900: #384370;
    --neturno-950: #292f4c;

    /* Gray */
    --gray-50: #f5f6f6;
    --gray-100: #e5e7e8;
    --gray-200: #cdd1d4;
    --gray-300: #aab0b6;
    --gray-400: #808990;
    --gray-500: #6c757d;
    --gray-600: #565c64;
    --gray-700: #4a4f54;
    --gray-800: #414449;
    --gray-900: #3a3c3f;
    --gray-950: #242628;

    /* Orange */
    --orange-50: #fffcea;
    --orange-100: #fff4c5;
    --orange-200: #ffea85;
    --orange-300: #ffd846;
    --orange-400: #ffc51b;
    --orange-500: #ffa200;
    --orange-600: #e27a00;
    --orange-700: #bb5302;
    --orange-800: #984008;
    --orange-900: #7c350b;
    --orange-950: #481a00;

    /* Success */
    --success-50: #f0fdf6;
    --success-100: #ddfbec;
    --success-200: #bcf6d9;
    --success-300: #88edbd;
    --success-400: #4ddb98;
    --success-500: #25c279;
    --success-600: #19a061;
    --success-700: #198754;
    --success-800: #186340;
    --success-900: #155237;
    --success-950: #062d1c;

    /* Danger */
    --danger-50: #fef2f2;
    --danger-100: #fee6e5;
    --danger-200: #fccfcf;
    --danger-300: #f9a8a8;
    --danger-400: #f57779;
    --danger-500: #ec474f;
    --danger-600: #dc3545;
    --danger-700: #b7192c;
    --danger-800: #99182c;
    --danger-900: #83182c;
    --danger-950: #490812;

    /* Warning */
    --warning-50: #ffffea;
    --warning-100: #fffbc5;
    --warning-200: #fff885;
    --warning-300: #ffee46;
    --warning-400: #ffdf1b;
    --warning-500: #ffc107;
    --warning-600: #e29400;
    --warning-700: #bb6902;
    --warning-800: #985108;
    --warning-900: #7c420b;
    --warning-950: #482200;

    /* Info */
    --info-50: #ecfdff;
    --info-100: #cef9ff;
    --info-200: #a3f1fe;
    --info-300: #64e4fc;
    --info-400: #25cff2;
    --info-500: #02b1d8;
    --info-600: #058cb5;
    --info-700: #0c7092;
    --info-800: #135b77;
    --info-900: #154c64;
    --info-950: #073145;

    --border-radius: .375rem;
}

:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: none !important;
}

:active {
    outline: none;
    box-shadow: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Muli';
}

html {
    scroll-behavior: smooth;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}

body {
    background: var(--bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

fieldset,
legend {
    all: revert;
}

fieldset {
    border-radius: var(--border-radius);
}

.d-flex:has(fieldset) {
    column-gap: 1rem;
}

legend {
    font-weight: bold;
    padding: 0 .5rem;
    margin-left: 1rem;
}

label {
    font-weight: 700;
}

input[type=file]::file-selector-button {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 700 !important;
    border: none !important;
    margin: none !important;

    /* BS5 */
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size) !important;
    font-weight: var(--bs-btn-font-weight);
    color: var(--bs-btn-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

[data-bs-toggle="dropdown"],
[data-bs-toggle="modal"] {
    cursor: pointer;
}

tr[data-bs-toggle="modal"] td {
    cursor: pointer;
}

select[readonly] {
    pointer-events: none;
    touch-action: none;
}

/* Webkit */
::-webkit-scrollbar {
    width: .475rem;
}

::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
}

#resMsg {
    position: relative;
}

/* Youtube */
iframe.youtube {
    height: 600px;
    max-height: 50vh;
}

/* Animação de timer para o alerta */
#alert-area {
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.alert {
    border: none;
    position: relative;
    animation: removeAlert 5s forwards;
    animation-fill-mode: forwards;
}

@keyframes removeAlert {
    100% {
        display: none;
    }
}

.alert .btn-close {
    color: var(--gray-950) !important;
    font-weight: 700;
}

.alert .progress {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    height: 4px;
}

.alert .progress-bar {
    width: 100%;
    background-color: var(--gray-400);
}

.alert .progress-bar:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

@keyframes progress {
    100% {
        right: 100%;
    }
}

.alert.alert-success .progress-bar:before {
    background-color: var(--success-600);
}

.alert.alert-danger .progress-bar:before {
    background-color: var(--danger-600);
}

.alert.show .progress-bar:before {
    animation: progress 5s linear forwards;
}

/* Divider */
.divider {
    font-size: 1rem;
    display: flex;
    align-items: center;
    color: var(--gray-900);
    font-weight: bold;
}

.divider::before,
.divider::after {
    flex: 1;
    content: '';
    padding: 1px;
    border-bottom: 1px solid var(--gray-900);
    margin: 1rem .5rem;
}

/* Buttons */
.btn {
    font-weight: 700;
    box-shadow: var(--box-shadow);
    border: none;
}

.btn:focus {
    box-shadow: var(--box-shadow) !important;
}

.btn-close {
    background: transparent;
}

/* Btn Link */
.btn-link {
    box-shadow: none;
    text-decoration: none;
}

.btn-link:hover {
    box-shadow: none;
}

.btn-link:active {
    box-shadow: none;
}

.btn-link:focus {
    box-shadow: none !important;
}

.btn-link:disabled {
    box-shadow: none;
}

/* Btn Link Admin */
.btn-link-admin {
    box-shadow: none;
    text-decoration: none;
}

.btn-link-admin:hover {
    box-shadow: none;
}

.btn-link-admin:active {
    box-shadow: none;
}

.btn-link-admin:focus {
    box-shadow: none !important;
}

.btn-link-admin:disabled {
    box-shadow: none;
}

.btn-transparent {
    background: transparent;
}

.btnPlus,
.btnPlusTri,
.btnPlusMes,
.btnPlusCol {
    background: transparent;
}

/* Action Buttons */
[data-action="edit"],
[data-action="del"],
[data-action*="details"],
[data-action="active"],
[data-action="redirect"] {
    text-decoration: none;
    cursor: pointer;
}

[data-action="edit"],
[data-action="del"],
[data-action="redirect"] {
    border-radius: var(--border-radius);
    padding: 0.1rem 0.3rem;
}

[data-action="edit"] {
    background-color: var(--info-500);
    color: var(--info-50);
    transition: all 0.5s;
}

[data-action="edit"]:hover,
[data-action="edit"]:active {
    background-color: var(--info-700);
    color: var(--info-100);
}

[data-action="del"] {
    background-color: var(--danger-500);
    color: var(--danger-50);
    transition: all 0.5s;
}

[data-action="del"]:hover,
[data-action="del"]:active {
    background-color: var(--danger-700);
    color: var(--danger-100);
}

[data-action="redirect"] {
    background-color: var(--gray-500);
    color: var(--gray-50);
    transition: all 0.5s;
}

[data-action="redirect"]:hover,
[data-action="redirect"]:active {
    background-color: var(--gray-700);
    color: var(--gray-100);
}

.dropdown-menu {
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    background-color: var(--bg-container);
    border-radius: var(--bs-dropdown-border-radius);
    box-shadow: 0 .5rem 1rem var(--bg-container);
    min-width: 10rem;
    margin: 0;
    padding: 0;
}

.dropdown-menu li a.dropdown-item {
    padding: .45rem 1rem;
}

.dropdown-menu li:first-child a.dropdown-item {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-menu li:last-child a.dropdown-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.dropdown-menu li a.dropdown-item:disabled {
    background-color: transparent;
}

.list-group {
    --bs-list-group-bg: transparent;
}

/* Accordion */
.accordion {
    --bs-accordion-bg: var(--border-container);
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

/* Accordion Default */
.accordion .accordion-item:nth-child(even) {
    background-color: var(--bg-container);
    border: 1px solid var(--border-container);
}

.accordion .accordion-item .accordion-header {
    background-color: transparent;
}

.accordion .accordion-item .accordion-header button {
    font-weight: bold;
    background-color: transparent;
}

/* Imagem */
.img-thumbnail {
    padding: 0rem;
}

/* Formulários */
.form-control,
.form-check-input,
.form-select {
    background-color: var(--bg);
    border-radius: var(--border-radius);
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
    background-color: var(--bg);
    box-shadow: none !important;
}

.form-control:disabled,
.form-check-input:disabled,
.form-select:disabled {
    box-shadow: none !important;
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28108, 117, 125, 1%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
}

.input-group-text {
    border-radius: var(--border-radius);
}

/* Summernote validation */
.note-editable {
    background-color: var(--bg);
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    margin: 0;
    width: 100% !important;
}

.note-editor .note-toolbar .note-para .note-dropdown-menu,
.note-popover .popover-content .note-para .note-dropdown-menu {
    min-width: 12rem;
    padding: 1rem;
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0;
}

.note-dropdown-menu {
    background: var(--bg-container);
    border: 1px solid var(--border-container);
    padding: 1rem;
    border-radius: var(--border-radius);
}

.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
    min-width: 180px;
}

.note-dropdown-item {
    width: 100%;
    margin: 0;
    padding: 0;
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
    font-size: 1rem;
    margin: 0;
    text-align: center;
}

.note-holder,
.note-color-palette {
    margin: .5rem 0;
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
    border-radius: var(--border-radius);
    font-size: .8rem;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.note-editor .note-toolbar .note-color-palette div .note-color-btn,
.note-popover .popover-content .note-color-palette div .note-color-btn {
    width: 2.368rem;
}

.note-btn-group {
    margin: 0 !important;
}

.note-editor .note-toolbar,
.note-popover .popover-content {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: .375rem;
}

.note-btn {
    box-shadow: var(--box-shadow) !important;
    border: none !important;

    /* BS5 */
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    line-height: 1.5 !important;
}

.note-btn-group:first-child {
    margin-left: 0 !important;
}

.note-btn-group:last-child {
    margin-right: 0 !important;
}

.note-btn-group .note-btn:first-child {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}

.note-btn-group .note-btn:last-child {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

.note-toolbar {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
    padding: 10px 5px;
}

.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

.note-editable.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.note-editable.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* Tabelas */
.dataTables_wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dataTables_wrapper .row {
    margin: 0;
}

.dataTables_wrapper .row>* {
    padding-left: 0;
    padding-right: 0;
}

.dataTables_wrapper .dt-row {
    flex-grow: 1;
    overflow-x: auto;
    scrollbar-width: thin;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    max-width: calc(100% - 2rem);
    margin: 0 1rem 1rem;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

table.dataTable tr td[colspan]:last-child {
    display: table-cell !important;
}

table.dataTable td {
    vertical-align: middle;
}

table.dataTable>tbody>tr.details-child-row>* {
    background-color: transparent !important;
}

table.dataTable>tbody>tr.details-child-row:hover>* {
    background-color: inherit !important;
}

table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: none !important;
}

table.dataTable>tbody>tr>th {
    background-color: var(--bg-container);
    text-align: center;
}

table.dataTable>:not(caption)>*>* {
    padding: .5rem .5rem;
    border-bottom-width: 0;
    /* 1px */
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: none !important;
}

table.dataTable>tfoot>tr>* {
    background: transparent;
}

/* Botão Add */
.btn-add-container {
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width:990px) {
    .btn-add-container {
        flex-direction: column;
        align-items: center;
    }
}

/* Menu Tab Horizontal */
.nav-pills .nav-link {
    position: relative;
    font-weight: 700;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:focus {
    background: var(--linear-secondary);
}

.nav-pills .nav-link span#pillNot {
    display: none;
}

.nav-pills .nav-link.active span#pillNot {
    display: block;
    z-index: 999999;
}

/* Card Default */
.card-default .card {
    background: transparent;
    border: 1px solid var(--border-container);
}

.card-default .card .card-header,
.card-default .card .card-footer {
    background: var(--bg-container);
}

.card-default .card .card-header .card-title {
    font-weight: 700;
}

.card-default .card .autor {
    display: inline-block;
    margin: 0;
}

/* Primeiro Acesso */
#firstacess {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--bg-opacity);
}

/* Confettis */
.confetti {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    animation: confetti 5s ease-in-out -2s infinite;
    transform-origin: left top;
}

.confetti:nth-child(1) {
    left: 10%;
    animation-delay: 0;
}

.confetti:nth-child(2) {
    left: 20%;
    animation-delay: -5s;
}

.confetti:nth-child(3) {
    left: 30%;
    animation-delay: -3s;
}

.confetti:nth-child(4) {
    left: 40%;
    animation-delay: -2.5s;
}

.confetti:nth-child(5) {
    left: 50%;
    animation-delay: -4s;
}

.confetti:nth-child(6) {
    left: 60%;
    animation-delay: -6s;
}

.confetti:nth-child(7) {
    left: 70%;
    animation-delay: -1.5s;
}

.confetti:nth-child(8) {
    left: 80%;
    animation-delay: -2s;
}

.confetti:nth-child(9) {
    left: 90%;
    animation-delay: -3.5s;
}

.confetti:nth-child(10) {
    animation-delay: -2.5s;
}

@keyframes confetti {
    0% {
        transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
    }

    25% {
        transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
    }

    50% {
        transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 60vh);
    }

    75% {
        transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 80vh);
    }

    100% {
        transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 110vh);
    }
}

#firstacess .boas-vindas {
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#firstacess .boas-vindas .gif {
    background: url(../img/happy.gif) no-repeat center center;
    width: 500px;
    height: 226px;
    max-width: 80%;
    margin: auto;
    border-radius: var(--border-radius);
}

.colInf {
    cursor: pointer;
}

/* Login */
.login-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    margin: 2rem 0;
}

.logo-login {
    width: 5rem;
}

.login-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 100vh;
}

.login-form {
    width: 400px;
    max-width: 85vw;
    display: flex;
    flex-direction: column;
}

.login-form form {
    background-color: var(--bg-container);
    border: 1px solid var(--border-container);
    padding: 3rem 2rem;
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.login-form p.login-footer {
    text-align: center;
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    padding: 1rem 2rem;
    margin-bottom: 0;
}

.login-form a {
    font-weight: 700;
    text-decoration: none;
}

.login-form a.btn {
    text-decoration: none;
}

/* Menu superior */
.menu {
    background: var(--bg-container);
    border-bottom: 1px solid var(--border-container);
    font-size: 2rem;
}

.menu .open-sidebar {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

.menu .logo-dashboard,
.menu .logo-dashboard a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu .logo-dashboard {
    height: 100%;
}

.menu .logo-dashboard img {
    height: 2rem;
}

.menu .logo-dashboard .campanha {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    top: 1rem;
    right: -.9rem;
}

.menu .nav-options {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: .5rem;
}

/* Menu lateral */
#side-nav {
    background: var(--bg-container);
    border-right: 1px solid var(--border-container);
    width: 0;
    height: 100vh;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: .5s;
}

#side-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

#side-nav::-webkit-scrollbar {
    width: .5rem;
}

#side-nav::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

#side-nav .sidenav-container {
    min-height: 100vh;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#side-nav .sidenav-container .closebtn {
    display: flex;
    justify-content: end;
    position: relative;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

#side-nav .sidenav-container .closebtn a {
    font-size: 1.5rem;
    transition: all ease-in-out .3s;
}

#side-nav .sidenav-container .nav-pills .nav-item {
    margin-right: 1rem;
}

#side-nav .sidenav-container .nav-pills .nav-link {
    font-weight: 600;
    transition: all ease-in-out .3s;
}

#side-nav .sidenav-container .nav-pills .nav-link:not(.active):hover,
#side-nav .sidenav-container .nav-pills .nav-link.active {
    text-decoration: none;
    display: block;
    position: relative;
    border-radius: 0 !important;
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}

#side-nav .sidenav-container .side-nav-profile {
    border-top: 1px solid var(--border-container);
    font-weight: 600;
    padding-top: 1rem;
}

#side-nav .sidenav-container .side-nav-profile a {
    margin-left: 1rem;
}

#side-nav .sidenav-container .side-nav-profile img {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: cover;
    cursor: pointer;
    margin-right: .8rem;
}

/* Menu usuário */
.nav-options .dropdown {
    display: flex;
    align-items: center;
}

.nav-options .dropdown button {
    background: transparent !important;
}

.nav-options .dropdown img {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    aspect-ratio: 1/1;
    object-fit: cover;
    cursor: pointer;
}

.nav-options .dropdown hr {
    margin: 0;
}

.nav-options .dropdown-menu {
    padding: 0;
}

.nav-options .dropdown ul li .dropdown-item {
    padding: .5rem 1rem;
    cursor: pointer;
}

.nav-options .dropdown-menu .dropdown-item {
    border-radius: 0;
    transition: .5s;
}

.nav-options ul.dropdown-menu li:first-child .dropdown-item {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.nav-options ul.dropdown-menu li:last-child .dropdown-item {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.nav-options ul.dropdown-menu li .dropdown-item.active {
    background-size: 100% auto;
}

.nav-options .nav-options-vagas {
    position: relative;
}

@media (max-width: 768px) {
    .nav-options .nav-options-vagas {
        display: none;
    }

    .nav-options .nav-options-documentos {
        display: none;
    }

    .nav-options .nav-options-contatos {
        display: none;
    }
}

/* Notificações */
#notifications {
    font-size: .7rem;
    z-index: 1000;
}

#menuNotifications {
    font-size: .5rem;
    z-index: 1000;
    position: absolute;
}

#notificationList {
    max-height: 20rem;
    overflow: auto;
}

.titNot {
    font-size: .9rem;
}

.msgNot {
    font-size: .7rem;
}

.dataNot {
    font-size: .7rem;
}

#main {
    transition: margin-left .5s;
}

/* Page Header */
#pageHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 768px) {
    #pageHeader {
        flex-direction: column-reverse;
    }
}

#pageTitle {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
}

@media (max-width: 768px) {

    #pageTitle,
    #pageDescription {
        text-align: center;
    }

    #pageDetails {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/* Breadcrumb */
.breadcrumb-arrow {
    display: inline-block;
    box-shadow: none;
    overflow: hidden;
    counter-reset: flag;
}

.breadcrumb-arrow a {
    text-decoration: none;
}

.breadcrumb-arrow span.breadcrumb-arrow-item {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: .8rem;
    line-height: 36px;
    padding: 0 1rem 0 2rem;
    position: relative;
}

.breadcrumb-arrow span.breadcrumb-arrow-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    width: 36px;
    height: 36px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    box-shadow: none;
    border-radius: 0 5px 0 50px;
}

.breadcrumb-arrow span.breadcrumb-arrow-item:last-child:after {
    content: none;
}

.breadcrumb-arrow span.breadcrumb-arrow-item.active,
.breadcrumb-arrow span.breadcrumb-arrow-item.active:after {
    background: transparent;
    font-weight: bold;
}

.breadcrumb-arrow span.breadcrumb-arrow-item:not(.active) a {
    font-weight: bold;
}

.breadcrumb-arrow span.breadcrumb-arrow-item:first-child {
    padding-left: 1rem;
}

.breadcrumb-arrow span.breadcrumb-arrow-item:last-child {
    padding-right: 2rem;
}

/* Colaboradores */
#fotoCol {
    height: 2rem;
    width: 2rem;
    object-fit: cover;
}

/* Previsão do Tempo */
#collapseWeather {
    background: var(--bg-container) !important;
    border: 1px solid var(--border-container);
    border-radius: var(--border-radius);
}

#collapseWeather .nav-pills {
    justify-content: center;
}

#collapseWeather ul.list-group {
    flex-direction: row;
}

#collapseWeather ul.list-group .list-group-item:first-child {
    border-radius: 0;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

#collapseWeather ul.list-group .list-group-item:last-child {
    border-radius: 0;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

#collapseWeather .list-group-item+.list-group-item {
    border-top-width: 1px;
}

@media (max-width: 768px) {
    #collapseWeather .nav-pills {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        justify-content: start;
    }

    #collapseWeather .nav-pills::-webkit-scrollbar {
        display: none;
    }

    #collapseWeather .nav-item {
        flex: 0 0 auto;
    }

    #collapseWeather ul.list-group {
        flex-direction: column;
    }

    #collapseWeather ul.list-group .list-group-item {
        border-radius: var(--border-radius);
        margin-bottom: .5rem;
    }

    #collapseWeather ul.list-group .list-group-item:first-child {
        border-radius: var(--border-radius);
    }

    #collapseWeather ul.list-group .list-group-item:last-child {
        border-radius: var(--border-radius);
    }
}

/* Gráfico previsão do tempo */
.w-chart {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 250px;
    width: 100%;
}

.w-sun {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 24);
    position: relative;
    padding-bottom: 22px;
}

.w-hour {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 24);
    position: relative;
    padding-top: 22px;
}

.w-hour:first-child .w-temp {
    border-bottom-left-radius: var(--border-radius);
}

.w-hour:last-child .w-temp {
    border-bottom-right-radius: var(--border-radius);
}

.w-temp {
    width: 100%;
    border-bottom: 1px solid var(--border-container);
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    transition: height 5s ease-out, background-color .5s ease-in-out;
    height: 0;
}

.w-temp.grow {
    max-height: 271px;
}

.w-temp.positive {
    background-color: var(--info-500);
    background: linear-gradient(to top, rgba(62, 156, 185, 0) 0px, rgba(62, 156, 185, .3) 105px, rgba(232, 226, 10, .3) 135px, rgba(236, 164, 20, .3) 150px, rgba(252, 62, 19, .3) 180px, rgba(255, 55, 55, .3) 270px);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.w-temp.negative {
    background-color: var(--danger-500);
}

.w-temp.now.negative {
    background-color: var(--danger-400);
}

.w-temp.negative:hover {
    background-color: var(--danger-700);
}

.w-temp-value {
    position: absolute;
    top: -1.5rem;
    font-size: 1rem;
    transition: all .5s ease-in-out;
}

.w-temp-value.now,
.w-hour:hover .w-temp-value {
    font-weight: bold;
}

.w-temp-value.positive {
    top: -1.5rem;
}

.w-temp-value.negative {
    bottom: -1.5rem;
}

.w-temp-img {
    flex-grow: 1;
    display: flex;
    align-items: end;
    opacity: 0;
    transition: opacity 3s ease-out;
    transition-delay: 3s;
}

.w-temp-img img {
    width: 30px;
    height: 30px;
    display: block;
}

.w-label {
    margin-top: .5rem;
    font-size: .8rem;
    transition: all .5s ease-in-out;
}

.w-label.now,
.w-hour:hover .w-label {
    font-weight: bold;
}

@media (max-width: 768px) {
    .w-chart {
        overflow-x: auto;
    }

    .w-chart::-webkit-scrollbar {
        height: .3rem;
    }

    .w-hour,
    .w-sun {
        width: calc(72rem / 24);
        margin-bottom: 1rem;
    }
}

/* Mês da Campanha */
#monthCampaign {
    border: 1px solid var(--border-container);
    position: relative;
}

#monthCampaign .campaign {
    background-image: url(../../contents/uploads/campanha-do-mes/hands.svg);
    background-position: 100% 37%;
    background-repeat: no-repeat;
    background-size: 23%;
}

@media (max-width: 768px) {
    #monthCampaign .campaign {
        background: none !important;
    }
}

#monthCampaign .ribbon {
    height: 5rem;
    width: 5rem;
    z-index: 1000;
}

@media (max-width: 768px) {
    #monthCampaign .ribbon {
        width: 8rem;
    }
}

#monthCampaign .ribbon img {
    position: absolute;
    top: -.6rem;
    left: -1rem;
}

/* Acesso Admin */
.acesso-admin {
    background-color: var(--bg-container);
    border: 1px solid var(--border-container);
    border-radius: var(--border-radius);
    position: relative;
}

.acesso-admin .acesso-admin-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
}

@media screen and (max-width:990px) {
    .acesso-admin .acesso-admin-header {
        flex-direction: column-reverse;
    }
}

.acesso-admin h1 {
    font-weight: 700;
    margin-bottom: 0;
}

.acesso-admin h2 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 1rem 1rem .5rem;
}

.acesso-admin hr {
    margin: .2rem 0;
}

.acesso-admin .modal legend {
    margin-left: 0rem !important;
}

.acesso-admin fieldset {
    padding: 1rem 0;
}

.acesso-admin .nav-pills .nav-link.active,
.acesso-admin .nav-pills .nav-link:focus {
    font-weight: 700;
}

.acesso-admin .nav-link {
    font-weight: 700;
}

.acesso-admin table tr img {
    width: 2rem;
    margin-left: 1rem;
}

/* Aniversários */
[data-layout="birthday"] {
    position: relative;
}

[data-layout="birthday"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg-niver.svg);
    background-size: 17rem;
    pointer-events: none;
}

[data-layout="birthday"]>* {
    position: relative;
}

[data-layout="birthday"] .bd-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

[data-layout="birthday"] .bd-wrapper span {
    margin-bottom: 0px;
    display: block;
}

[data-layout="birthday"] .bd-wrapper .bd-colaborador {
    display: flex;
}

[data-layout="birthday"] .bd-wrapper .bd-empresa-bday p:first-child {
    text-align: end;
}

[data-layout="birthday"] .bd-colaborador-foto {
    display: inline-block;
    margin-right: .5rem;
    overflow: hidden;
    flex-shrink: 1;
}

[data-layout="birthday"] .bd-colaborador-foto img {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
}

[data-layout="birthday"] .bd-colaborador-info {
    margin-left: .3rem;
}

[data-layout="birthday"] .bd-colaborador-bday {
    margin-left: auto;
}

[data-layout="birthday"] .bd-colaborador-bday .bd-day {
    font-size: 2rem;
}

[data-layout="birthday"] .bd-colaborador-bday .bd-month {
    font-size: 1.3rem;
}

[data-layout="birthday"] .accordion-button {
    background: transparent;
}

[data-layout="birthday"] .accordion-button:not(.collapsed) {
    box-shadow: none;
}

[data-layout="birthday"] .accordion-item {
    background: transparent;
}

[data-layout="birthday"] .accordion-button:not(.collapsed) {
    box-shadow: none;
}

[data-layout="birthday"] .bd-title,
#tempo-de-empresa .bd-hoje {
    font-weight: 900;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

[data-layout="birthday"] .bd-hoje {
    font-weight: 900;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

@media (max-width: 768px) {

    /* Para o conteúdo principal */
    #mainContent [data-layout="birthday"] .bd-wrapper {
        flex-direction: column;
        align-items: start;
    }

    #mainContent [data-layout="birthday"] .bd-wrapper .bd-empresa-bday {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mainContent [data-layout="birthday"] .bd-wrapper .bd-empresa-bday p:first-child {
        text-align: center;
        border-right: 1px solid var(--border-container);
    }

    #mainContent [data-layout="birthday"] .bd-wrapper .bd-colaborador .bd-colaborador-nome {
        flex-grow: 1;
    }

    #mainContent [data-layout="birthday"] .bd-wrapper .bd-colaborador-bday {
        margin-left: 0;
        text-align: center;
        width: 100%;
        border-top: 1px solid var(--border-container);
    }

    /* Para sidebar */
    #sidebar #aniversarios .bd-wrapper {
        flex-direction: row;
        align-items: center;
    }

    #sidebar #aniversarios .bd-wrapper .bd-colaborador .bd-colaborador-foto {
        width: 3.8rem;
        flex-shrink: 1;
    }

    #sidebar #aniversarios .bd-wrapper .bd-colaborador .bd-colaborador-info {
        margin-left: 0;
    }

    #sidebar #aniversarios .bd-wrapper .bd-colaborador,
    #sidebar #aniversarios .bd-wrapper .bd-colaborador .bd-colaborador-info {
        flex-grow: 1;
        width: 100%;
    }
}

/* Config */
.config-identidade-visual {
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6rem;
}

.config-identidade-visual img {
    height: 100%;
}

/* Fotos evento */
#fotoZoom .fotos-evento {
    height: 12rem;
    width: 100%;
    object-fit: cover;
}

#fotoZoom .trans {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

#fotoZoom .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background-color: var(--bg-opacity);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
}

#fotoZoom .lightbox img {
    max-width: 90%;
    max-height: 80%;
    position: relative;
    top: -100%;
    /* Transition */
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

#fotoZoom .lightbox:target {
    outline: none;
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
}

#fotoZoom .lightbox:target img {
    top: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/* Novidades */
#newsList {
    background-color: var(--bg-container);
    border: 1px solid var(--border-container);
}

#newsList .img-news img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-bottom-left-radius: var(--border-radius) !important;
    border-top-left-radius: var(--border-radius) !important;
}

#newsList p.data-news {
    margin-top: -.175rem;
    font-size: .7rem;
}

@media (max-width: 768px) {
    #newsList .img-news img {
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: var(--border-radius) !important;
    }
}

#newsList:hover {
    box-shadow: var(--bg-container) 0px 6.4px 14.4px 0px;
}

.printable-title {
    visibility: hidden;
}

@media print {
    body * {
        visibility: hidden;
    }

    .printable,
    .printable * {
        width: 100%;
        visibility: visible;
    }

    .printable {
        position: absolute;
        left: 0;
        top: 0;
    }
}

/* Timeline */
ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline>li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline>li:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    margin-top: 4px;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

/* Sidebar */
.sidebar-cards {
    border-radius: var(--border-radius) !important;
}

/* Próximos Eventos */
#next-event .card {
    background-color: var(--bg-container);
    border: 0px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#next-event .card .card-img {
    border-radius: 0px !important;
}

#next-event .card .list-group .list-group-item {
    background: transparent !important;
    border-color: var(--border-container);
}

/* Modal */
.modal .modal-header {
    border-bottom: none;
}

.modal .modal-header h2 {
    font-weight: 700;
}

.modal .modal-body .table {
    overflow: hidden;
}

.modal .modal-body::-webkit-scrollbar-track {
    border-radius: var(--border-radius);
}

.modal .modal-body::-webkit-scrollbar {
    border-bottom-right-radius: var(--border-radius);
}

.modal-detalhes .table>:not(caption)>*>* {
    background-color: transparent !important;
    padding: 0 0 .25rem 0;
}

.modal-detalhes .table th {
    padding: 0 .75rem .25rem 0 !important;
}

.modal .table thead th {
    background: transparent !important;
    padding: 0 .75rem .25rem 0;
}

.modal .table tfoot td {
    background: transparent !important;
}

.modal .modal-footer {
    background-color: var(--bg-container);
    border: none;
}

#detalhes legend {
    margin-left: 0rem !important;
}

/* Page default */
.pg,
.sidebar-container,
[data-layout="birthday"] {
    background: var(--bg-container);
    border: 1px solid var(--border-container);
    border-radius: var(--border-radius);
    position: relative;
}

/* Acesso Restrito */
.acesso-restrito {
    padding: 3rem 0;
    text-align: center;
}

.acesso-restrito i {
    color: var(--danger-500);
    font-size: 3rem;
}

.acesso-restrito h1 {
    color: var(--danger-500);
    font-weight: 700;
    margin-bottom: 0;
}

/* Reações e comentários */
#reactionsBox .reaction-img {
    margin-left: -.15rem;
    position: relative;
}

#reactionsBox .reaction-img:first-child {
    margin-left: 0rem;
}

#reactionsBox .reaction-img:last-child {
    margin-right: .3rem;
}

#reactions {
    display: inline-block;
}

#reactions button {
    background: transparent;
    font-weight: bolder;
}

#reactions:hover>.dropdown-menu {
    display: block;
    position: absolute;
    inset: auto auto 0px 0px;
    margin: 0px;
    transform: translate(0px, -2.3rem);
}

[data-layout="birthday"] #reactions:hover>.dropdown-menu {
    transform: translate(0px, -1.5rem) !important;
}

.comment #reactions:hover>.dropdown-menu {
    transform: translate(0px, -1.4rem) !important;
}

#reactions .dropdown-menu {
    min-width: 15rem;
    padding: .5rem;
    margin-bottom: 1rem;
}

#mostrarComentarios .comment {
    padding: 1rem;
    border-radius: var(--border-radius);
}

#mostrarComentarios .reply {
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-left: 2rem;
}

#formComentarios textarea.form-control {
    height: 34px;
    min-height: 34px;
    resize: none;
    overflow: hidden;
}

.gif-group {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.gif-button {
    background: transparent;
    margin: .25rem;
    display: inline-block;
}

#gifBox {
    width: 21rem;
    height: 25rem;
    padding: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 3;
}

#gifBox img {
    height: 6rem;
    border-radius: var(--border-radius);
    cursor: pointer;
}

#gifBox::-webkit-scrollbar-track {
    border-radius: var(--border-radius);
}

#gifBox::-webkit-scrollbar {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

/* Horários de Almoço */
#modalAlmoco {
    border: 1px solid var(--border-container);
    border-radius: var(--border-radius);
    position: relative;
}

#modalAlmoco .hr-title {
    background: var(--bg-container);
    font-weight: 900;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

#modalAlmoco .hr-wrapper {
    background: var(--bg-container);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .7rem;
}

#modalAlmoco .hr-wrapper:last-child {
    margin-bottom: 0;
}

#modalAlmoco .hr-wrapper span {
    margin-bottom: 0px;
    display: block;
}

#modalAlmoco .hr-colaborador-foto {
    display: block;
    margin-right: 10px;
    overflow: hidden;
}

#modalAlmoco .hr-colaborador-foto img {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
}

#modalAlmoco .hr-colaborador-info {
    margin-left: .3rem;
}

#modalAlmoco .hr-colaborador-admin {
    margin-left: auto;
}

/* Colaborador */
#msgCol img,
#resFot img {
    height: 5rem;
    width: 5rem;
    object-fit: cover;
}

/* Detalhes Colaborador */
#colDetalhes img {
    height: 5rem;
    width: 5rem;
    object-fit: cover;
}

#colDetalhes .list-group:last-child li.list-group-item:last-child {
    border-bottom: 1px solid var(--bs-list-group-border-color);
}

/* Pagination */
.pagination .page-item .page-link {
    font-weight: bold;
    padding: .5rem .9rem;
    border: none;
    border-radius: var(--border-radius);
}

/* Menu Admin */
#menuAdmin .list-group-item {
    background: transparent;
    border-color: var(--border-container);
}

/* Preview */
.preview-logo-dark-bg {
    background: #f5f6f6;
}

.preview-logo-light-bg {
    background: #0e0e11;
}

.preview-image-container {
    display: flex;
    justify-content: center;
}

.preview-image-container img {
    height: 15rem;
    max-width: 100%;
}

#previewList .accordion-item {
    border-color: var(--border-container) !important;
}

#previewList .accordion-item .accordion-header button {
    background-color: var(--border-container);
    font-weight: bold;
    padding: 1rem .7rem;
}

#previewList .accordion-button:not(.collapsed) {
    box-shadow: none;
}

#previewList #collapsePreview {
    background-color: var(--bg-container);
}

/* Seem By */
#seemBy .foto-perfil {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    position: relative;
}

#seemBy .user-reaction {
    position: relative;
}

#seemBy .user-reaction .reaction-img {
    position: absolute;
    width: 1.2rem;
    bottom: .7rem;
    right: .2rem;
    z-index: 10;
}

/* Footer */
.footer-dashboard {
    background-color: var(--bg-container);
    border: 1px solid var(--border-container);
}