body {
}

#Base_Visitor {
    max-width: 768px;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
}

    #Base_Visitor .container {
        padding-right: var(--spacing);
        padding-left: var(--spacing);
    }

    #Base_Visitor .Background {
        position: fixed;
        background-image: url('/_MasterPage/_Image/Base_Visitor/LoginBackground.svg?v1');
        background-size: cover;
        width: 768px;
        height: 100vh;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        z-index: -1;
    }

    #Base_Visitor .form-control {
        border: 0;
        padding: calc( var(--spacing) * 0.4 ) calc( var(--spacing) * 0.5 );
        font-size: 0.9rem;
    }

        #Base_Visitor .form-control:focus {
            outline: none;
            box-shadow: none;
        }

    #Base_Visitor .InputPanel {
        position: relative;
    }

        #Base_Visitor .InputPanel .InputIcon {
            position: absolute;
            top: 8px;
            left: 10px;
            color: #cbdaea;
        }

        #Base_Visitor .InputPanel .form-control {
            padding-left: 40px;
        }

    #Base_Visitor .btn {
        padding: 9px;
        font-size: 0.9rem;
    }

    #Base_Visitor .Grey {
        color: #717070;
    }

@media screen and (max-width:768px) {
    #Base_Visitor .Background {
        width: 100%;
    }
}