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;
}

body.vertical-collpsed #side-profile {
    display: none !important;
}

#side-profile a.icon {
    background: var(--bs-white) !important;
    color: var(--bs-primary) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
}

#side-profile a.icon i {
    color: var(--bs-primary) !important;
}

.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: 140px;
    padding: 4px;
}

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

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

.network-card-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    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: .5rem;
}

.network-border.register {
    border: solid 2px #c0c0c0;
    color: #e0e0e0;
}

.network-border.register .network-card {
    background: radial-gradient(circle, #dcdcdc, #c0c0c0, #a9a9a9);
}

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

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

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

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

a.navside-link.nuxt-link-exact-active {
    background: url(/assets/images/nav-highlight.png), linear-gradient(to right, var(--bs-primary-hover), var(--bs-primary-light)) !important;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position-x: right !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-white) !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
    color: var(--bs-white) !important;
}

.card {
    overflow: hidden;
    border-top: solid 4px var(--bs-primary);
    border-bottom: solid 4px var(--bs-primary);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

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

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

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

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

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

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

body {
    background: linear-gradient(to right, #ffffff63, #ffffff8c), url(../images/1040-4.webp) !important;
}

.footer {
    color: #ffffff !important;
    background-color: var(--bs-primary) !important;
}

.cursor-pointer {
    cursor: pointer !important;
}