body {
    background-color: #fff
}

#auth {
    height: 100vh;
    overflow-x: hidden
}

#auth #auth-right {
    background: url(/public/assets/images/4853433.png);
    height: 100%
}

#auth #auth-left {
    padding: 2rem 8rem
}

#auth #auth-left .auth-title {
    margin-bottom: 1rem
}

#auth #auth-left .auth-subtitle {
    color: #a8aebb;
    font-size: 1.2rem;
    line-height: 2rem
}

#auth #auth-left .auth-logo img {
    height: 8rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    #auth #auth-left {
        padding: 5rem
    }
    #auth #auth-left .auth-logo img {
        height: 8rem;
    }
}

@media screen and (max-width: 576px) {
    #auth #auth-left {
        padding: 5rem 3rem
    }
}

.ums-login-banner {
    height: 100%!important;
    object-fit: cover;
}

.custom-scrollbar::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.custom-scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}