/*#login-container{
    background: url('/img/R.svg') bottom right no-repeat;
    background-size: 20%;
}*/

:root{
    --border-color: rgba(125,125,125,.25);
}

#logo{
    text-align: center;
    max-width: 500px;
    position: relative;
}

#logo img{
    max-width: 50%;
    margin-bottom: 25px;
    /*max-width: 100%;*/
    width: 290px;
} 
#separator-row{
    margin-top: 3rem;
}
@media (max-height: 870px) {
    #logo img{
        width: 200px;
    }
    #separator-row{
        margin-top: 2rem;
    }
}
@media (max-height: 750px) {
    #logo img{
        width: 150px;
    }
    #separator-row{
        margin-top: 2rem;
    }
}
#logo img.logo-R-ico{
    max-width: 30%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    /*margin-bottom: 25px;*/
    /*max-width: 100%;*/
    width: 40px;
} 
@media (min-width: 992px) {
    #logo img.logo-R-ico{
        width: 80px;
    }
}

btn:focus, a:focus,
button:focus, input:focus{
    outline: none !important;
    box-shadow: none;
}
.flag-ico{
    width: 22px;
    margin-right: 5px;
    margin-top: -4px;
    border: 1px solid rgba(125,125,125,.2);
    border-radius: 10px;
}
#inputLogin--,
#login-type-select{
/*   background: url('/assets/icon/person-fill.svg') left center no-repeat;
   background-size: auto 80%;   
   padding-left: 50px; */
   border: 0px;
}
#login-type-select:hover{
    color: #999;
}
#login-type-select-list,
#login-type-select-list li {
    min-width: 100px;
    width:100px;
}
#login-type-select-list{
   max-height: 240px;
   overflow-y: auto;
}
#login-type-select .hide{
    display: none;
}
#inputPasswordRegisterRepeat,
#inputPasswordRegister,
#inputPasswordRepeat,
#inputPassword{   
   /*background: url('/assets/icon/key-fill.svg') left center no-repeat;*/
   /*background: url('/assets/icon/lock-fill.svg') left center no-repeat;*/
   /*background: url('/assets/icon/shield-lock-fill.svg') left center no-repeat;*/
/*   background-size: auto 70%;  
   background-position-x: 0px;
   padding-left: 50px;*/
}
#inputCode,
#password-repeat-col #inputPasswordRepeat{
    background: none;
}
#code-row .form-row input{
    color: #000;
}
#code-row .form-row{
    /*background: rgba(255,180,80,.25);*/
    border: 5px solid #0b5ed7;
    background: #fff;
    color: #000;
}
#inputCode{
   /*background: url('/assets/icon/chat-right-dots-fill.svg') left center no-repeat;*/
/*   background-size: auto 70%;  
   background-position-x: 0px;
   padding-left: 50px;*/
   
}
.form-row{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
}
.form-row.form-field-error{
    border-bottom: 1px solid rgba(255,0,0,.5);
}
.form-row.form-field-error input{
    color: #aa0000;
}
.form-field-message{
/*    font-size:.7rem;
    color: #aa0000;*/
}
.light-style input{
    border-radius: 0px;
    border: 0px; 
    background: none;
}
#user_verify_code{
    padding: 2px;
}

.toggle-password.on #show-password{
    opacity: .5;
}

.btn{
    border-radius: 0px;
}


#separator-txt-col .separator{
    color: #999;
}

.btn-throught{
    background: none;
    color: #333;
}
    
.separator-line{
    background: url('/img/dot.gif') center center repeat-x;
    width: 100%;
    height: 1px;
    opacity: .2;
} 
#password-ico-col .separator{
    color: rgba(125,125,125,.25);
    padding-left: 5px;
}

#btn-throught-facebook{
   background: url('/assets/icon/facebook-ico.svg') left center no-repeat;
   background-size: auto 65%; 
   padding-left: 50px; 
   background-position-x: 10px;
   border: 1px solid var(--border-color);
}
#btn-throught-google{
   background: url('/assets/icon/google-ico.svg') left center no-repeat;
   background-size: auto 100%; 
   padding-left: 50px; 
   background-position-x: 3px;
   border: 1px solid var(--border-color);
}
a{
    text-decoration: none;
}
.btn-throught:hover{
    color: #000;
}
#register-account #password-col,
#register-account  #password-repeat-row #password-repeat-col{
    width: 90%;
}
#password-col .bi.bi-key-fill{
    margin-right: 7px;
}
#register-account #password-repeat-row #inputPasswordRegisterRepeat{
   background: none;
}
/*#password-col{
    width: 70%;
}
#password-ico-col{
    width: 5%;
}
#reminder-col{
    width: 25%;
    
}*/
#login-container{
    max-width: 500px;
}

.or-line{
    width: 100%;
    text-align: center;
}

.help-ico{
   background: url('/assets/icon/question-circle-fill.svg') left center no-repeat;
   background-size: auto 100%; 
   content: " ";
   
}



.form-alert{
    display: none;
}
#code-form .form-alert.code,
#login-form .form-alert.login,
#remind-password .form-alert.reminder,
#register-account .form-alert.register{
    display: block;
}

/*-----------------------------------------------*/
#login-page-view{
    height: 100vh;
}
#login-page-row{
    min-height: 100vh;
}

#login-page-img{
    background: url(/img/M.jpeg) center center no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.form-control:focus,
.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus{
    box-shadow: none;
    outline:0px;
}

@media (max-width: 768px) {
    /*#code-regenerate-submit,*/
    /*#code-regenerate-submit,*/
/*    #reminder-form,
    #login-by-sms,
    #register-form{
        font-size: .8rem;
    }*/
}
.btn-outline-secondary.dropdown-toggle:hover,
.btn-outline-secondary.dropdown-toggle.show{
    color: inherit;
    background: none;
}
.oAuth-allow,
.oAuth-deny{
    width: 30%;
    /*font-weight: bold;*/
}
.logo-R-ico{
    width: 1rem;
    display: inline-block;
}


.padding-top{
    padding-top: 2rem;
    /*margin-bottom: .5rem;*/
}

.bootstrap-form label{
    display: block;
    font-size: .7rem;
    opacity: .5;
    margin-top: 1rem;
}

/*.bootstrap-form button,*/ 
.bootstrap-form input, 
.bootstrap-form optgroup, 
.bootstrap-form select, 
.bootstrap-form textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background: none;
  color: inherit;
  display: block;
    width: 100%;
    max-width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
/*    color: #212529;
    background-color: #fff;*/
    background-clip: padding-box;
    /*border: 1px solid #ced4da;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-bottom: 1px solid var(--border-color);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.left-radius-0{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.right-radius-0{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#user_edit_form .form_section{
    /*margin-left: 20%;*/
}
#user_edit_form .input-group-prepend{
    /*display: none;*/
}
#user_edit_form ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none; 
    font-size: .8em;
    color: #f00;
}
.transition{
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all 3s ease-out; 
}
#oauth-company-address #companyAddressForm{
    /*background: rgba(155,155,155,.03);*/
  padding-top: 5px;
  padding-bottom: 15px;
}

#oauth-company-address #companyAddressForm h5{
    font-size: .9rem;
    opacity: .5;
}
#oauth-company-address #companyAddressFormButton.collapsed i{
    float: none;
    rotate: 0deg;
}
#oauth-company-address #companyAddressFormButton i{
    margin-bottom: 5px; 
    float: right;
    rotate: 180deg;
}
/*.is-required.is-empty,*/
[required="required"].is-empty{
    background: url('/assets/icon/pencil-red.svg') left center no-repeat !important;
    border-bottom: 1px solid #d00;
    background-position-x: 15px !important;
    padding-left: 41px;
}

input:-webkit-autofill, 
input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #111;
}
body.dark input:-webkit-autofill, 
body.dark input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #111 inset;
  -webkit-text-fill-color: #fff;
}
.add_role_info.role_ROLE_CHEF{
    background: var(--client);
}
.add_redirect_type.redirect_announce{
    background: var(--restaurant);
}
.add_redirect_type,
.add_role_info{
    padding: .1em .7em;
    border-radius: 5px;
    background: rgba(155,155,155,.2);
    margin: 0px 5px 5px 0px;
    font-size: .9em;
}

/*input:-webkit-autofill {
    -webkit-box-shadow: none;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: none;
    -webkit-text-fill-color: #333;
} */

/*#user_newEmail:before,
#oAuth-email-section:before{
  position: absolute;
    width: 20px;
    height: 20px;
    content: "\f4C7";
    color: #a00;
    display: inline-block;
  
    font-size: 1rem;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
/*.form-control:focus,
.form-control,
.form-control-internal-autofill-selected {
    background-color: #ffffff !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}*/
/*{
    background: none;
    border: none;
}*/
/*input:-internal-autofill-selected*/ 

#login-throught-facebook{
    /*display: none !important;*/
}