html {
height : 100%;
}
body,
button,
input {
margin           : 0;
padding          : 0;
font-family      : "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color : #707070;
}
#login,
.yith-pos-form {
padding : 8% 0 0;
}
#login .pos-login-wrapper,
.yith-pos-form-wrap {
width            : 400px;
padding          : 20px;
margin           : auto;
box-shadow       : 0 1px 3px rgba(0, 0, 0, 0.13);
background-color : #ffffff;
}
#login h1,
.yith-pos-form h1 {
text-align : center;
font-size  : 20px;
font-size  : 18px;
}
#login h1 img,
.yith-pos-form h1 img {
max-width     : 180px;
margin        : 0 auto;
margin-bottom : 20px;
display       : block;
}
#login .yith-pos-login-form,
.yith-pos-form form {
margin-top  : 0px;
margin-left : 0;
padding     : 20px 24px 0px;
font-weight : 400;
overflow    : hidden;
background  : #fff;
}
#login .yith-pos-login-form-row,
.yith-pos-form-row {
position      : relative;
margin-bottom : 20px;
}
.yith-pos-form .yith-pos-form-row.with-select:after {
content        : "\f11d";
font-family    : 'yith-pos-icon' !important;
position       : absolute;
right          : 14px;
top            : 50%;
z-index        : 1000;
color          : #000;
transform      : translateY(-50%);
pointer-events : none;
font-size      : .75em;
}
#login label.float-label,
.yith-pos-form label.float-label {
color              : #999;
font-size          : 14px;
font-weight        : normal;
position           : absolute;
pointer-events     : none;
left               : 10px;
top                : 12px;
transition         : 0.2s ease all;
-moz-transition    : 0.2s ease all;
-webkit-transition : 0.2s ease all;
}
#login .input-login,
.yith-pos-form select {
font-size          : 13px;
padding            : 19px 10px 7px 10px;
display            : block;
width              : 100%;
border             : 1px solid #eaeaea;
box-sizing         : border-box;
transition         : 0.2s ease all;
-moz-transition    : 0.2s ease all;
-webkit-transition : 0.2s ease all;
-webkit-appearance : none;
background         : #fff;
}
#login .input-login:focus,
.yith-pos-form select:focus {
outline : none;
} #login .input-login:focus + label.float-label,
#login .input-login:valid + label.float-label,
.yith-pos-form select:focus + label.float-label,
.yith-pos-form select:valid + label.float-label {
top       : 4px;
font-size : 10px;
color     : #000000;
}
#login .login-submit,
.yith-pos-form .submit {
width            : 100%;
background-color : #09adaa;
box-shadow       : none;
border           : 0;
padding          : 10px;
color            : white;
cursor           : pointer;
text-transform   : uppercase;
font-weight      : 800;
}
#login label,
.yith-pos-form label {
font-size : 13px;
}
#login label.woocommerce-form-login__rememberme {
display       : block;
clear         : both;
position      : relative !important;
opacity       : 1 !important;
float         : none !important;
width         : 100%;
top           : 0 !important;
left          : 0 !important;
right         : 0;
margin-bottom : 25px;
white-space   : nowrap;
font-size     : 15px !important;
height        : auto
}
#rememberme {
display : none
}
#login input[type=checkbox] + span {
width       : auto;
height      : auto;
display     : block;
background  : 0 0;
border      : none;
float       : none;
line-height : normal;
margin      : 0
}
#login input[type=checkbox] + span:before {
content          : '';
width            : 20px;
height           : 20px;
display          : inline-block;
border-radius    : 3px;
border           : 1px solid #eaeaea;
background-color : #fff;
color            : #09adaa;
line-height      : 20px;
position         : relative;
float            : left;
margin-right     : 15px;
cursor           : pointer;
text-align       : center;
font-weight      : 600
}
#login input[type=checkbox] + span:after {
display : none
}
#login input[type=checkbox]:checked + span:before {
content : '✓'
}
#yith-pos-store-register-form a {
color : #09adaa;
}
#yith-pos-store-register-form .yith-pos-form-row.yith-pos-logout-row {
text-align    : center;
margin-bottom : 5px;
}
#yith-pos-store-register-form a.logout {
color     : #b00505;
font-size : .8em;
font-weight: 600;
} .woocommerce-error, .woocommerce-info, .woocommerce-message {
position      : relative;
padding       : 15px 15px 15px 45px;
color         : #4d4b4b;
margin        : 15px 20px;
border-radius : 5px;
background    : #f6f6f6;
border        : 1px solid #4d4b4b33;
font-size     : 14px;
text-align    : left;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
content     : "\e922";
color       : inherit;
position    : absolute;
top         : 50%;
left        : 13px;
font-family : 'yith-icon';
font-size   : 21px;
transform   : translateY(-50%);
font-weight : 400;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
color           : #fff;
padding         : 5px 12px;
float           : right;
border-radius   : 3px;
text-decoration : none;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
color       : inherit;
font-weight : 700;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
list-style   : none outside !important;
padding-left : 0 !important;
margin-left  : 0 !important
}
.woocommerce-message {
background-color : #f7fbe9;
color            : #7b9424;
border-color     : #98aa3655;
}
.woocommerce-message::before {
content : '\e921';
}
.woocommerce-info {
background-color : #e9f3fb;
color            : #1e85be;
border-color     : #3669aa55;
}
.woocommerce-info::before {
content : '\e922';
}
.woocommerce-error {
background-color : #ffe5e5;
color            : #c21111;
border-color     : #e1161644;
}
.woocommerce-error::before {
content : '\e923';
}
.woocommerce-error .button {
background-color : #c21111;
}
.woocommerce-message .button {
background-color : #7b9424;
}
.woocommerce-info .button {
background-color : #1e85be;
}