html {
    width: 100%;
}

body {
    overflow-x: hidden !important;
}

    body.show-spinner > main {
        overflow: hidden !important;
    }

    /* Hide everything under body tag */
    body.show-spinner > * {
        opacity: 0;
    }

    /* Spinner */
    body.show-spinner::after {
        content: " ";
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        border-top-color: rgba(0, 0, 0, 0.3);
        animation: spin 1s ease-in-out infinite;
        -webkit-animation: spin 1s ease-in-out infinite;
        left: calc(50% - 15px);
        top: calc(50% - 15px);
        position: fixed;
        z-index: 1;
    }

.lg img {
    width: 14%;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
}

a:active,
a:hover {
    text-decoration: initial;
    color: #3a3a3a;
}

.form-side.frml {
    padding: 3.5rem 5rem 1.8rem 5rem;
}

.edbt {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

a.hvc:hover {
    color: #00365a;
}


@media only screen and (max-width: 800px) {

    .row.h-100 .form-side.frml.frml1 {
        padding: 2.76rem 2rem;
    }
}


.form-side.frml.frml1 {
    padding: 2.76rem 5rem;
}

a.theme-button {
    display: none;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}