body {
        background: #ffffff;
    }
    
    @media screen and (min-width:576px) {
        .useraccount-login-signup-box {
            border: 1px solid rgb(237, 237, 237);
            border-radius: 8px;
            color: rgb(35, 41, 51);
        }
    }
    
    @media screen and (max-width:575px) {
        .useraccount-login-signup-box {
            color: rgb(35, 41, 51);
        }
    }
    
    .useraccount-login-signup-title {
        line-height: 50px;
    }
    
    .useraccount-login-signup-text {
        font-size: 10px;
        line-height: 21px;
        color: rgb(98, 102, 109);
    }
    
    .useraccount-login-signup-field {
        padding: 9px 12px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #e0e0e2;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        color: #030a16;
        direction: rtl;
        margin-bottom: 40px;
    }
    
    .useraccount-login-signup-field:focus {
        outline: none !important;
        border: 1px solid rgb(28, 154, 186);
    }
    
    .useraccount-login-signup-btn {
        padding: 13px 16px;
        direction: rtl;
        font-size: 13px;
        line-height: 1.571;
        font-weight: 700;
        background-color: #ef394e;
        color: #fff;
        border: 1px solid #ef394e;
        width: 100%;
        box-shadow: none;
        user-select: none;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all .3s ease-in-out;
        position: relative;
        border-radius: 8px;
        flex-shrink: 0;
        line-height: 24px;
    }
    
    .errorlist {
        font-size: 10px;
        list-style: none;
        padding: 0px;
        color: #ef394e;
    }
    
    .useraccount-login-signup-error {
        font-size: 10px;
        list-style: none;
        padding: 0px;
        color: #ef394e;
        margin-bottom: 16px;
    }
    
    .useraccount-signup-field {
        margin-bottom: 30px;
        padding: 9px 12px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #e0e0e2;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        color: #030a16;
        direction: rtl;
    }
    
    .useraccount-signup-field:focus {
        outline: none;
        border: 1px solid #1898b9;
        border-radius: 8px;
    }
    
    .useraccount-signup label {
        font-size: 14px;
    }
    
    .useraccount-login-forgot {
        margin-top: 20px;
        padding: 0px 2px 20px 2px;
    }
    
    .useraccount-login-forgot a {
        font-size: 10px;
        color: #62666d;
    }
    
    .useraccount-login-forgot a:hover {
        text-decoration: none;
    }
    
    .jalali_date-date {
        margin-bottom: 30px;
        padding: 9px 12px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #e0e0e2;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        color: #030a16;
        direction: rtl;
    }
    
    .useraccount-login-signup-logo {
        font-size: 24px;
        color: #ef394e;
        text-decoration: none;
    }
    
    .useraccount-login-signup-logo:hover {
        color: #ef394e;
        text-decoration: none;
    }