.login{
    border: 2px solid #7D7DA6;
    background-color: #2C2C3C;
}
.login h5, .login i{
    color: white;
}
.login-spans{
    color: white;
}
.login-textbox{
    background-color: #7D7DA6;
    direction: rtl;
    padding: 10px;
    font-size: 18px;
    border-radius: 13px;
    border: none;
    outline: none;
}
.login-submit{
    width: 93%;
    padding: 10px;
    font-size: 18px;
    border-radius: 13px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    background-color: #6F00FF !important;
}

.login-submit:disabled{
    cursor:default;
    background-color: #4B4B63;
}
.shop-input{
    direction: rtl;
    box-sizing: border-box;
    width: auto;
    transition: border-color 0.1s, box-shadow 0.1s;
    border-radius: 0.1875em;
    background: #323234;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%), 0 0 0 3px transparent;
    color: #e1e1e1;
    font-size: 1.125em;
    outline: none;
}

input.bg-filling:-webkit-autofill{
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
input.bg-filling{
    color: #ffffff !important;
    opacity: 1 !important;
}

@media screen and (min-width: 1001px){
    .phone-mode{
        display: flex;
        flex-direction: row;
        overflow-x:hidden;
        direction: rtl;
    }

    .shop-form{
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow-x: hidden;
    }
    
}

@media screen and (max-width: 1000px){
    .phone-mode{
        display: flex;
        flex-direction: column;
        overflow-x:hidden;
        direction: rtl;
    }
}

.Purchase:enabled{
    background-color:#328532 !important ;
}

.Purchase:disabled{
    background-color: rgba(255, 255, 255, 0.2) !important ;

}