﻿.login-popup {
    border-radius: 20px;
    max-width: 300px;
    width: 100%;
}

.popup-title{
    color: #5e5e5e;
    font-size:24px;
}

.login-input{
    margin: 16px 0;
    background: #f0efef;
    border-radius: 5px;
}

.login-input input{
    color: rgba(0,0,0,0.54);
    border: none;
    /*padding-left: 8px;*/
    line-height: 40px;
    background: transparent;
}
.verification-code i,
.login-input i{
    color: #c8c8c8;
    font-size: 24px;
    padding:8px;
}


.verification-code{
    padding:0
}

.verification-code .verification-data,
.verification-code .verification-input{
    margin: 0;
    background: #f0efef;
    border-radius: 5px;
}

.verification-code .verification-input input{
    max-width: 128px;
}

.verification-code .verification-data input{
    max-width: 80px;
}

.verification-code .verification-input input,
.verification-code .verification-data input{
    color: rgba(0,0,0,0.54);
    border: none;
    background: transparent;
    padding: 8px;
    width: 100%;
}

.verification-code i{
    padding: 8px;
}

.login-popup md-checkbox .md-label{
    color: #c5c5c5;
    font-size: 12px;
}

.forgot-pass{
    color: #c5c5c5;
    font-size: 12px;
}

.login-btn{
    margin: 0;
    line-height: 34px;
    font-size: 24px;
    font-family: 'montserratRegular', sans-serif !important;
    padding: 4px 8px;
    border-radius: 5px;
    min-height: 0;
    text-transform: capitalize;
}

.verification-input ::placeholder ,
.login-input ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size:14px;
  color: #999999;
}

.verification-input :-ms-input-placeholder,
.login-input :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size:14px;
  color: #999999;
}

.verification-input ::-ms-input-placeholder,
.login-input ::-ms-input-placeholder { /* Microsoft Edge */
  font-size:14px;
  color: #999999;
}


/******* recaptcha *******/
.g-recaptcha {
    margin-left: -8px;
    -webkit-transform: scale(.78);
    transform: scale(.78);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}



/************* Logout **************/
.logout-dialog .md-dialog-content .cancel{
    background:transparent !important;
    color: #a3a3a3;
}
.logout-dialog .cancel-btn:hover {
    background:transparent !important;
    color: #a3a3a3;
}
.logout-dialog .submit-btn{
    font-family: 'montserratRegular', sans-serif !important;
    padding: 4px 4px;
    border-radius: 5px;
}