html{height:100%}body{font-family:'Assistant',sans-serif;margin:0}#container{display:flex;direction:rtl;min-height:100vh}#section-1{background-image:url("../images/proBG1.jpg");background-size:cover;flex:1;min-width:60%;background-position:center}a{color:#000}#section-2{flex:1;background-color:#fff;border-radius:10px;display:flex;-ms-flex-direction:column;flex-direction:column;align-items:flex-start;min-width:400px;padding-right:50px}#section-3{background-image:url("../images/greenRegBG2.png");background-size:cover;flex:1;height:100vh;min-width:70%}#form1{margin-top:20px;padding-bottom:50px}form{width:80%;display:flex;align-items:center;flex-direction:column;flex-wrap:wrap;margin-left:20px}form h2{text-align:right;display:block;width:100%}form input [type="submit"]{width:100%}#errorDiv{width:80%;padding:20px;display:flex;flex-direction:column;align-items:center}#errorDiv h2{text-align:right;display:block;width:100%;padding-right:80px;direction:rtl}#errorDiv input [type="submit"]{width:100%}.formSubmitButton{width:100%}#logo_div{margin-top:30px}#logo_div img{width:268px}#formDiv{text-align:center;margin:0 auto;width:75%;padding-top:20px}.formInputDiv{font-size:large;margin-bottom:20px}.formInputDiv label{display:block;text-align:right;margin-bottom:5px;font-size:medium}.formInputDiv input{font-size:large;border-radius:8px;outline-color:#ddd;border:solid 1px #ddd;background-color:#fff !important;padding:10px 0;padding-right:5px;display:block;width:100%;text-align:right}.formInputDiv input:read-only{background-color:#f5f5f5 !important}.formInputDiv_rm{text-align:right;margin-top:20px;margin-bottom:10px}.formInputDiv_rm label{vertical-align:middle;margin-left:5px}.formInputDiv_rm input[type=checkbox]{vertical-align:middle;width:20px;height:20px}#formInnerDiv{width:100%;direction:rtl;text-align:right}#formInnerDiv a{color:#000}#formInnerDiv a:hover{color:rgba(0,0,0,.8)}input.btnSave{background-color:#000;color:#fff;font-weight:bold}input.btnSave:hover{background-color:rgba(0,0,0,.8)}.errorLabelVisible{color:#f00}.errorLabel{color:#f00;display:none}h2{direction:rtl;text-align:right}p{direction:rtl;text-align:right}.creatUserTableErrorLabel{color:#f00;font-weight:bold}@media only screen and (max-width:768px){#container{flex-direction:column}form{margin-top:10px !important}#section-2{min-width:0;width:100%;padding-right:0;align-items:center;margin-bottom:40px}#section-1{min-height:30vh;background-size:cover;background-repeat:no-repeat;margin-top:auto}#form1,#formInnerDiv,h2{width:90% !important;margin:20px;text-align:center !important}.formInputDiv input{width:100%;box-sizing:border-box}#logo_div img{width:320px}}