/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_WhatsAppLogin
 * @author    Webkul Software Private Limited
 * @copyright Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */

.wk-login-with-whatsapp, .wk-login-with-whatsapp-checkout {
    background-color: #20b256 !important;
    border: 1px solid #20b256 !important;
    color: #fff;
    padding: 7px 15px 4px 15px !important;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /* margin-top: 1rem; */
    margin-right: 1rem;
    cursor: pointer;

}
/* .wk-login-with-whatsapp:hover{
    background-color: #20b256;
    color: #fff;
} */
.wk-whatsapp-field {
    padding: 15px 0px 0px 0px !important;
}
.wk-display-none{
    display: none;
}
.wk-send-otp, .wk-verify-otp{
    float: right;
}
.otp-waiting, .otp-waiting:hover{
    color: inherit;
    text-decoration: none;
    cursor: default;
}
.modal-inner-wrap{
    overflow-y: hidden !important;
    max-height: 80vh !important;
}
.resend-otp{
    cursor: pointer;
}
select#phone-country-code {
    width: 8%;
    display: block;
    display: inline-block;
}
input#wk-wa-number {
    /* float: left; */
    display: inline-block;
}
@media only screen and (max-width: 768px) {
    .wk-login-with-whatsapp {
      width: 100%;
    }
    #error-msg, #valid-msg {
        position: absolute;
        right: 50px;
        top: 110px !important;
    }
  }
  .intl-tel-input,
.iti{
  width: 100%;
}

#error-msg, #valid-msg {
    position: absolute;
    right: 50px;
    top: 125px;
}
#error-msg{
    color: red;
}
#valid-msg {
    color: green;
}

.wk-name-fields {
    margin: 20px 0;
}

.wk-name-fields .field {
    margin-bottom: 15px;
}

.wk-name-fields .field.required > .label:after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 5px;
}

.wk-name-fields .control {
    margin-top: 5px;
}

.wk-name-fields input[type="text"] {
    width: 100%;
    height: 32px;
    padding: 0 9px;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
}

.wk-name-fields .actions-toolbar {
    margin-top: 20px;
}

.wk-create-account {
    width: 100%;
}