body {
                                    direction: rtl;
                                    font-family: IRANSans !important;
                                }
                                
                                #main-div {
                                    text-align: center;
                                }
                                
                                h6 {
                                    font-weight: 600;
                                }
                                
                                #alert_danger {
                                    width: 100%
                                }
                                
                                #user-name {
                                    direction: rtl;
                                    width: 70%;
                                }
                                
                                #input_username {
                                    font-family: IRANSans !important;
                                    font-weight: 400;
                                }
                                
                                #username-text {
                                    font-weight: 600;
                                }
                                
                                #password {
                                    direction: rtl;
                                    width: 70%;
                                }
                                
                                #input_password {
                                    font-family: IRANSans !important;
                                    font-weight: 400;
                                }
                                
                                #password-text {
                                    font-weight: 600;
                                }
                                
                                #check {
                                    margin-bottom: 0
                                }
                                
                                #checkbox-input {
                                    text-align: right;
                                    margin-right: 4rem;
                                    margin-bottom: 1rem;
                                }
                                
                                #mara {
                                    direction: rtl;
                                    /* margin-bottom: .5rem; */
                                    display: inline;
                                }
                                
                                #baz {
                                    float: left;
                                    /* display: inline; */
                                    margin-left: 4.3rem
                                }
                                
                                #baz a {
                                    color: #1598ac
                                }
                                
                                #vorud {
                                    font-family: IRANSans !important;
                                    width: 70%;
                                    background-color: #1598ac;
                                }
                                
                                #ozv {
                                    font-family: IRANSans !important;
                                    width: 70%;
                                    color: #1598ac;
                                    background-color: #fff;
                                    border-color: #1598ac;
                                }
                                
                                @media screen and (min-width: 320px) and (max-width :500px) {
                                    img {
                                        margin-top: -5rem;
                                    }
                                    #user-name,
                                    #password {
                                        direction: rtl;
                                        width: 100%;
                                    }
                                    #checkbox-input {
                                        text-align: right;
                                        margin-right: 3.5rem;
                                        margin-bottom: 1rem;
                                    }
                                    #baz {
                                        display: block;
                                        text-align: right;
                                    }
                                    #vorud,
                                    #ozv {
                                        width: 100%
                                    }
                                }
                                
                                @media screen and (min-width: 501px) and (max-width :700px) {
                                    img {
                                        margin-top: -5rem;
                                    }
                                    #checkbox-input {
                                        text-align: right;
                                        margin-right: 6rem;
                                        margin-bottom: 1rem;
                                    }
                                    #baz {
                                        display: block;
                                    }
                                   
                                }
                                
                                @media screen and (min-width: 701px) and (max-width :900px) {
                                    #user-name,
                                    #password {
                                        direction: rtl;
                                        width: 100%;
                                    }
                                    #checkbox-input {
                                        text-align: right;
                                        margin-right: -1rem;
                                        margin-bottom: 1rem;
                                    }
                                    #vorud,
                                    #ozv {
                                        width: 100%
                                    }
                                    #mara {
                                        direction: rtl;
                                        display: inline;
                                    }
                                    #baz {
                                        float: left;
                                        margin-left: .5rem
                                    }
                                }
                                
                                @media screen and (min-width: 901px) and (max-width :3561px) {
                                    #user-name,
                                    #password {
                                        direction: rtl;
                                        width: 100%;
                                    }
                                    #checkbox-input {
                                        text-align: right;
                                        margin-right: -1rem;
                                        margin-bottom: 1rem;
                                    }
                                    #vorud,
                                    #ozv {
                                        width: 100%
                                    }
                                    #mara {
                                        direction: rtl;
                                        display: inline;
                                    }
                                    #baz {
                                        float: left;
                                        margin-left: 1rem
                                    }
                                }