@import url('../../css/template.min.css?v=1.1.5');
body {
    background: linear-gradient(135deg,rgb(163, 190, 238) 0%,rgb(249, 251, 255) 100%);
}
.form-control, .form-control:focus{
    border-color: var(--bs-border-color);
    box-shadow: none;
}

.form-signin{
    & .card{
        border: none;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    & .logo img{
        animation: myAnim .5s ease 0s 1 alternate-reverse none;
    }
    & .btn-primary{
        border-color: var(--secondary-color);
        background-color: var(--secondary-color);
        &:focus{
            border-color: var(--secondary-color);
            background-color: var(--secondary-color);
        }
    }
    & #container-stdName, #container-stdCode, #container-Loading{
        height: 150px;
        align-items: center;
    }
    & #msgErr{
        margin-top: 10px;
        font-size: .9rem;
        color: #f00;
        height: 25px;
    }
}
.credit{
    margin-top: 15px;
    color: #5a5a5abe;
    font-size: .75rem;
}
@keyframes myAnim {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.5);
	}
}