/* Minification failed. Returning unminified contents.
(188,3): run-time error CSS1019: Unexpected token, found '}'
 */
.k-overlay {
    background-image: url("../../../../Images/Restaurant 2@2x.png");
    opacity: 1 !important;    
    background-size: cover;
    background-repeat: no-repeat;
}

.k-widget.k-window.k-window-titleless {
    left: 0 !important;
    background-color: transparent;
    background-image: url("../../../../Images/Rectangle 970@2x.png");
}

#loginForm {
    height: 100%;
    background-color: transparent;
    font-family: 'Segoe UI';
    font-weight: normal;
    font-size: 14px;
    color: white;
}

#logoRow {
    height: 44%;
    width: 100%;
    background-image: url("../../../../Images/logo_white@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

input[type="text"]::placeholder {
    color: white;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}

input[type="password"]::placeholder {
    color: white;
}

input[type="password"]:focus {
    outline: none;
}

#password {
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: solid 1px white;
    width: 45%;
    padding-bottom: 12px;
    padding-top: 3px;
}

input[type="text"] {
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: solid 1px white;
    width: 45%;
    padding-bottom: 12px;
    padding-top: 3px;
    outline: none;
}

.input-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    justify-content: center;
    margin-bottom: 40px;
}

.icon {
    padding: 10px;
    background-color: transparent !important;
    color: white;
    min-width: 50px;
    text-align: center;
    border-bottom: solid 1px white;
    
}

.emailIcon {
    background-image: url("../../../../Images/Email Icon.png");
    background-repeat: no-repeat;
    background-size: auto;
}

.passwordIcon {
    background-image: url("../../../../Images/Password Icon.png");
    background-repeat: no-repeat;
    background-size: auto;
}

#detailsRow {
    height: 55%;
    width: 100%;
    padding-top: 40px;
}

#btnLogin {
    width: 53%;
    height: 50px;
    color: black;
    background-color: white;
    border-color: transparent;
    background-image: url("../../../../Images/Component 22 – 31.png");
    background-repeat: no-repeat;
    border-radius: 5px;
}

#loginWindow{
    overflow:hidden;
}


/*#loginWindow {
    background-color: #f6f6f6;;
    box-shadow: rgb(22 40 54) 2px 2px 28px;*/
    /*border-radius: 12px;*/
/*}*/ 



/*#row {
    height: 100%;
    width: 100%;
}


.loginTextBox {
    padding: 10px;
    width: 250px !important;
    height: 35px;
}

.field.input.k.input, .field.input.k.textbox .k.state.focused {
    height: 27px;
    background-color: transparent;
}

.margin {
    margin-top: 10px !important;
}
.k.button.k.primary {
    color: #f6f6f6;
    background-color: #12767b;
    border-color: transparent;
}

    k.button.k.primary:hover {
        background-color: #158389;
        border-color: transparent;
    }
    .k.button.k.primary:active {
        background-color: #12767b;
        border-color: transparent;

    }
    k.button.k.primary:focus, k.button.k.primary.k.state.focused{
        box-shadow: none;
    }

.loginLogo {
    content: url("../../../../Images/logo_black.png");
    height: 90% !important;
    width: 50% !important;
}
#loginBtn{
    width: 250px;
    height: 35px;
}
.field.input.k.input, .field.input.k-textbox {
    background-color: ghostwhite;
    height: 27px;
}
.validation.summary.errors{
    padding-left: 75px;
    padding-right: 75px;
*/}