.smwotpl-container-modal .smwotpl-form,
.smwotpl-container .smwotpl-form{
    display: none;
}

.smwotpl-container-modal .smwotpl-form.visible,
.smwotpl-container .smwotpl-form.visible{
    display: block;
}

.toast-container {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    z-index: 1050;
}

.toast-top-right {
    top: 1.5rem;
}

.toast-top-right .toast {
    margin-right: 0;
    margin-left: auto;
}

.smwotpl-container a.resend{
    cursor: pointer;
}

.bt-1{
    border-top: 1px solid #e3e9ef;
}

span.smwotpl-back {
    position: absolute;
    z-index: 10;
    top: 4px;
    left: 10px;
}

span.smwotpl-back a{
    cursor: pointer;
}

.smwotpl-phone-num-form .phone-num-input::before{
    content: '+94';
    position: absolute;
    left: 10px;
    top: 11px;
}

.smwotpl-phone-num-form .phone-num-input input{
    padding-left: 45px;
}

a.nav-link {
    color: white;
    font-family: inherit;
    padding: 5px 30px;
}

li.nav-item {
    list-style-type: none;
}
ul.nav {
    display: flex;
    justify-content: space-evenly;
    width: 70%;
    padding: 8px 8px;
    margin: auto;
    border-radius: 10px;
}


a.nav-link {
    color: white;
    font-family: inherit;
}

.form-group {

    margin-top: 10px;
}

label.form-label {
    min-width: 120px;
    font-size: 15px;
    font-family: inherit;
    align-self: center;
}
input.form-input {
    margin: 0 !important;
    padding: 8px 15px !important;
}
.woocommerce-form-row {
    margin-bottom: 10px;

}
.custom-control.custom-checkbox.flex.mb-2 {
    display: flex;
}
.woocommerce-form-login .woocommerce-form__input-checkbox {
    margin: 0 5px;
    position: relative;
    top: 2px !important;
}
.login-next-button {
    background: #2a9134 !important;
    border: #2a9134 !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    padding: 12px 46px !important;
}
.my-account .login-next-button {
    background: #2a9134 !important;
}
.my-account .card-body{
    width: 260px;
    margin: 0 auto;
}
.my-account .woocommerce-form-login, .my-account .woocommerce-form-register {
    /*padding: 10px 10px 12px 13px;*/
     border: none !important;
}

.my-account ul.nav.nav-tabs.border-bottom-0.mb-1.bg-yellow-100 {
    width: 360px;
    margin: auto;
}
.card-body.smwotpl-phone-num-form.smwotpl-form.py-4.visible {
    width: 360px;
}
.smwotpl-phone-num-form .phone-num-input input {
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}
.tab-pane {
    display: none !important;
}

.tab-pane.active{
    display: block !important;
}

/*.toggle .tab-pane .active{*/
/*    display: block !important;*/
/*}*/
/*.toggle .tab-pane .m-sign {*/
/*    display: none !important;*/
/*}*/


/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab a {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    /*padding: 14px 16px;*/
    transition: 0.3s;
    list-style-type: none;
    border-radius: 6px;
}


/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
a.nav-link {
    color: darkgreen;
    font-size: 15px;
    font-weight: 600;
}
a.nav-link.active {
    background: #2a9134;
    color: white !important;
}
a.nav-link:hover {
    color:grey;
}
a.nav-link:focus {
    color:darkgreen;
}

div#login-form-toggle {
    padding: 20px;
    --tw-shadow: 0 8px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin: 10px;
    border-radius: 10px;
}
input.form-input {
    border: none !important;
    border-bottom: 2px solid gray !important;
    border-radius: 0px !important;
}
div#login-form-toggle {
    padding: 20px;
    --tw-shadow: 0 8px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 10px;
    width: 300px;
    margin: auto;
    margin-top: 15px;
}
input.form-input {
    font-size: 15px !important;
    padding: 0px 10px !important;
    letter-spacing: 2px;
}
.woocommerce-LostPassword.lost_password {
    text-align: right;
    margin-bottom: 10px;
}
a:hover, a:focus {
    color: #2a9134 !important;
}
.card-heading {
    display: none;
}
.card-body.smwotpl-phone-num-form.smwotpl-form.py-4.visible {
    width: 100% !important;
}

input#phonenum {
    font-size: 15px !important;
    padding: 0px 10px !important;
    letter-spacing: 2px;
    border: none !important;
    border-bottom: 2px solid gray !important;
    border-radius: 0px !important;
}

.password-input {
    display: flex;
}

i#togglePassword {
    font-size: 21px !important;
    font-weight: 600;
    line-height: 2;

}
i.eye-icon {
    color: red;
}
.otp-grp {
    display: flex;
    padding: 4px 30px;
}
button.btn-shadow.btn-block.woocommerce-button.button.woocommerce-form-login__submit.btn.btn-primary {
    margin-bottom: 10px;
}
p.text-center.card-paragraph {
    margin-bottom: 5px;
}
.my-account ul.nav.nav-tabs.border-bottom-0.mb-1.bg-yellow-100 {
    width: 260px !important;
    margin: auto;
}
input#address {
    width: 100% !important;
    padding: 8px;
    border: 1px solid lightgrey;
    margin-bottom: 20px;
}
button.btn-shadow.btn-block.woocommerce-button.button.acc-form.woocommerce-form-login__submit.btn.btn-primary {
    width: 100%;
}