/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_SmsNotification
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

@media all and (min-width: 768px), print {
    .mp-sms-notification .block-content {
        width: 40%;
    }
}


@media all and (min-width: 1024px), print {
    .modal-popup.mp-sms-notification-otp-content .modal-inner-wrap {
        width: 50%;
    }
}

.mpsmsnotification-model-button .cancel{
    float:right;
}

.field.otp.required{
    float:left;
    width:70%;
}

/* #form-sms-notification-otp .fieldset button.action.primary{
    float:right;
    margin-top:28px;
} */

span.sms_subscribe_checkbox{
    font-weight:normal;
}

div#mp_sms_telephone_error {
    color: #e02b27;
    margin-top: 5px;
}

.form.sms-notification-otp .fieldset {
    display: flex;
    align-items: end;
    margin: 15px 0;
}

.form.sms-notification-otp .fieldset .field {
    padding-right: 5px;
    flex: 1;
}
.rtl .form.sms-notification-otp .fieldset .field {
    padding-right: initial;
    padding-left: 5px;
}
.form.sms-notification-otp .fieldset .field input {
    height: 40px;
    border-radius: 2px;
}
.sms-notification-otp .fieldset .primary {
    background: #CACED1;
    border: none;
    height: 40px;
    line-height: 40px;
    color: #333;
    padding: 0 20px;
}
.sms-notification-otp .fieldset .primary:hover,
.sms-notification-otp .fieldset .primary:active,
.sms-notification-otp .fieldset .primary:focus {
    background-color: #101920;
    border-color: #101920;
    color: #fff;
}
.mpsmsnotification-model-button {
    display: flex;
    justify-content: center;
}
.mpsmsnotification-model-button .action.primary {
    margin-top: 0 !important;
    margin-right: 5px;
}
.rtl .mpsmsnotification-model-button .action.primary {
    margin-right: initial;
    margin-left: 5px;
}