:root {
    --font: 'Microsoft Jhenghei', Arial;
    --font-heading: 'Microsoft Jhenghei', Arial;
    --card-spacing: 1rem;
}

.user-container {
    min-height: unset !important;
}

.iti {
    display: block;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

body.swal2-height-auto {
    height: inherit !important;
}

.page-link {
    min-width: var(--input-height);
    width: auto;
}

.mask-wrapper::before {
    content: "";
    background-image: url('/img/Spinner-1s-200px.gif') !important;
    background-size: 70px 70px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 10;
}
.page-item {
    margin: 0 5px 5px;
}

.list-inline-item:not(:last-child) {
    margin-right: unset;
}

.list-style-lower-roman {
    list-style: lower-roman;
}

.card .card {
    border-radius: var(--border-radius-lg);
}

.card.hover-border-primary.active:after {
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb),.5),0 4px 10px rgba(0,0,0,.03)!important;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: var(--border-radius-lg);
    z-index: 0;
    pointer-events: none;
}

.sw-28 {
    width: 14rem!important;
}

#logout {
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius-lg);
    width: 100%;
    color: var(--light-text);
    transition: color var(--transition-time);
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
}

#logout:hover {
    background: hsla(0,0%,100%,.05)!important;
}

.mr-8px {
    margin-right: 8px;
}

.fill-white {
    fill: white;
}

.full-page-content-border {
    border-radius: var(--border-radius-lg)!important;
}

.flex {
    display: flex;
}

.items-center{
    align-items: center;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

html[data-placement=horizontal] .nav-container .logo .img, html[data-placement=horizontal] .nav-container .logo img, html[data-placement=vertical] .nav-container .logo .img, html[data-placement=vertical] .nav-container .logo img {
    min-height: unset !important;
}

.fill-primary {
    fill: var(--primary);
}

.iti__country-list {
    z-index: 10;
}

.fixed-background {
    background: url('/assets/images/GWbg.jpg') no-repeat 50% fixed !important;
}

.menu-container .label, .user-container .name {
    font-size: 16px !important;
}

#myModal .modal-title {
    font-weight: 900;
    font-size: 1.4rem;
}