label > input[type="file"] {
    display: none;
}

span[validation-for]:empty {
    display: none;
}

span[validation-for] {
    background-color: var(--yellow);
    padding: 2px 12px;
    display: inline-block;
    border-radius: 4px;
    font-size: .75rem;
    color: var(--dark);
    margin-top: .25rem;
    text-align: left;
    text-wrap: inherit;
}

.ar-1-1 {
    aspect-ratio: 1/1 !important;
}

.ar-16-9 {
    aspect-ratio: 16/9 !important;
}

.ar-16-75 {
    aspect-ratio: 16/7.5 !important;
}

table.dataTable tbody td.sorting_1 {
    background-color: unset !important;
}

.flex-gap-05 {
    gap: 0.5rem !important;
}

.flex-gap-1 {
    gap: 1rem !important;
}

.datepicker {
    padding: 4px !important;
}

.datepicker td, .datepicker th {
    padding: .4rem;
}

.img-cover-center {
    object-fit: cover !important;
    object-position: center !important;
}

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

.form-group {
    margin-bottom: .75rem;
}

.tx-24-f {
    font-size: 24px !important;
}

.network-border {
    border-radius: 10px;
    width: 180px;
    padding: 4px;
}

.network-card {
    overflow: hidden;
    border-radius: 10px;
    color: #fff !important;
    width: 100%;
}

.network-card-header {
    padding: 1rem;
    text-align: center;
    /* background: linear-gradient(180deg, #0000009c, transparent); */
}

.network-card-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.network-card-photo img {
    width: inherit;
    height: inherit;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center;
}

.network-card-body {
    text-align: center;
}

.network-card-body table {
    width: 100%;
}

.network-card-body table td {
    background-color: var(--bs-primary-border);
}

.network-card-body table th {
    background-color: var(--bs-primary);
}

.network-card-body table td,
.network-card-body table th {
    width: 33.33%;
    padding: 6px 0;
    border: solid 1px #fff;
}

.network-card-footer {
    text-align: center;
    padding: 1rem;
}

.network-border.register {
    border: solid 2px var(--bs-gray-700);
}

.network-border.register .network-card {
    background: linear-gradient(45deg, var(--bs-gray-700), var(--bs-gray-500));
}

/* .network-border.pkg1 {
    border: solid 2px #a0a0a0;
}

.network-border.pkg1 .network-card-body table th {
    background-color: #a0a0a0;
}

.network-border.pkg1 .network-card-body table td {
    background-color: #8b8b8b;
}

.network-border.pkg1 .network-card {
    background: radial-gradient(circle, #e5e4e2, #a0a0a0, #8b8b8b);
} */

.network-border.pkg1 {
    border: solid 2px var(--bs-primary);
}

.network-border.pkg1 .network-card-body table th {
    background-color: var(--bs-primary-border);
}

.network-border.pkg1 .network-card-body table td {
    background-color: var(--bs-primary-hover);
}

.network-border.pkg1 .network-card {
    background: radial-gradient(circle, var(--bs-primary), var(--bs-primary-hover), var(--bs-primary-border));
}

.network-border.pkg2 {
    border: solid 2px #c5a600;
}

.network-border.pkg2 .network-card-body table th {
    background-color: #c5a600;
}

.network-border.pkg2 .network-card-body table td {
    background-color: #8f6a00;
}

.network-border.pkg2 .network-card {
    background: radial-gradient(circle, #ffd700, #c5a600, #8f6a00);
}

.network-border.pkg3 {
    border: solid 2px #2a69ac;
}

.network-border.pkg3 .network-card-body table th {
    background-color: #2a69ac;
}

.network-border.pkg3 .network-card-body table td {
    background-color: #1e3c72;
}

.network-border.pkg3 .network-card {
    background: radial-gradient(circle, #4a90e2, #2a69ac, #1e3c72);
}

a.navside-link.nuxt-link-exact-active {
    background: linear-gradient(to right, var(--bs-primary-hover), var(--bs-primary)) !important;
}

a.navside-link.nuxt-link-exact-active * {
    color: var(--bs-white) !important;
    font-weight: bold !important;
}

body[data-sidebar="dark"] #page-topbar {
    background: linear-gradient(to right, var(--bs-primary-hover), var(--bs-primary-border));
}

body[data-sidebar="dark"] #vertical-menu-btn,
body[data-sidebar="dark"] .header-item span,
body[data-sidebar="dark"] .header-item i {
    color: var(--bs-white) !important;
}

body[data-sidebar="dark"] .navbar-header .dropdown .show.header-item {
    background-color: var(--bs-primary);
}

body[data-sidebar="dark"] .metismenu .menu-title,
body[data-sidebar="dark"] .metismenu > li > a * {
    color: var(--bs-gray-400) !important;
}

.card {
    border-top: solid 4px var(--bs-primary);
}

.card-border-top-bg-primary {
    border-top: solid 4px var(--bs-primary) !important;
}

.card-border-top-bg-secondary {
    border-top: solid 4px var(--bs-secondary) !important;
}

.card-border-top-bg-info {
    border-top: solid 4px var(--bs-info) !important;
}

.card-border-top-bg-warning {
    border-top: solid 4px var(--bs-warning) !important;
}

.card-border-top-bg-success {
    border-top: solid 4px var(--bs-success) !important;
}

.card-border-top-bg-danger {
    border-top: solid 4px var(--bs-danger) !important;
}