html, body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none !important;
}

body .common-max-width {
    margin: auto;
    max-width: 1296px;
}

@media screen and (min-width: 992px) {
    .lg\:form-max-width {
        max-width: 1096px; !important
    }

    .lg\:app-detail-max-width {
        max-width: 830px; !important
    }

    .lg\:app-detail-min-width {
        min-width: 830px; !important
    }
}

body #auth-background {
    background: #C4C7D6;
    border-radius: 10px;
}

.topbar-backdrop {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--indigo-600);
}

.chip-green {
    background-color: var(--green-100, #CAF1D8) !important;
    color: #1DA750 !important;
}

.chip-red {
    background-color: var(--red-100, #FFD0CE) !important;
    color: #D9342B !important;
}

.chip-yellow {
    background-color: #FAEDC4 !important;
    color: #C79807 !important;
}

.chip-cyen {
    background: var(--cyan-100, #C3EDF5) !important;
    color: #059BB4 !important;
}

.chip-orange {
    background-color: var(--orange-100, #FEDDC7) !important;
    color: #D46213 !important;
}

.chip-pink {
    background-color: var(--pink-100, #FAD3E7) !important;
    color: #C93D82 !important;
}

.chip-purple {
    background-color: var(--purple-100, #EAD6FD) !important;
    color: #8F48D2 !important;
}

.chip-indigo {
    background-color: var(--indigo-100, #DADAFC) !important;
    color: #5457CD !important;
}

.chip-teal {
    background-color: var(--teal-100, #C7EEEA) !important;
    color: #119C8D !important;
}

.custom-shadow {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}

.login-bg {
    background: linear-gradient(180deg, rgba(50, 84, 157, 0.80) 7.15%, rgba(51, 59, 86, 0.19) 77.56%), url("/resources/images/login-bg.png") lightgray -1.446px -39.081px / 101.249% 148.541% no-repeat;
    filter: blur(2.5px);
}

.chip-blue {
    background-color: var(--indigo-100, #D0E1FD) !important;
    color: #326FD1 !important;
}

.sidebar-active {
    background: #F7F7FE;
}

.scrolling-text-container {
    width: 100%;
    overflow: hidden;
    background-color: #f0f0f0;
    border: none;
    white-space: nowrap;
}

.scrolling-text {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 15s linear infinite;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.tight-horizontal {
    width: 150px !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
}