.homeProfile{background:white;height:100vh;width:100%;position:fixed;background:#E5E5E5 !important;top:0;margin:0 !important}.left{background:white;height:100vh;width:100%;position:fixed;background:#E5E5E5 !important;top:0;margin:0 !important}.left .profileLink{height:100%;background:white;padding:20px 15px}.left .profileLink .active{color:black !important}.left .profileLink div{padding:12px 10px !important}.left .profileLink div .haveArrow{display:block !important;width:14px;height:15px;background:url(../../images/ynmain.png) no-repeat -2.23rem -8.1rem;background-size:20rem;float:right}.home{display:none !important}.foot{display:none !important}.profileHead{width:80%;margin:0 auto;background:transparent !important;min-height:230px;display:grid;justify-content:center}.profileHead .profilePic .profileOverflow{width:100px;height:100px;background:#EBEBEB;border-radius:50%;position:relative;overflow:hidden}.profileHead .profilePic .profileOverflow .profilePicture{width:100px;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.profileHead .profilePic .mobileUpload{display:block !important}.profileHead .profileName{max-width:300px}.left .homeNavi{display:block !important;position:absolute;left:20px;top:20px}.right{position:absolute;left:-9999em;background:white;height:100vh}.right .active{width:100%}.right .active .form{position:absolute;left:9999em;background:white;height:100vh;width:100%;top:0;margin:0 !important}.right .active .form .mobileNavigation{display:inline-block !important;width:100%;height:50px;background:#E63939;margin:0 !important;position:relative;text-align:center;color:white;font-weight:700}.right .active .form .mobileNavigation .backNavi{position:absolute;left:20px;top:10px}.right .active .form .mobileNavigation .editNavi{position:absolute;right:20px;top:10px}.right .active .form .mobileNavigation .titleNavi{padding-top:10px}.right .active .form .mobileForm{padding:30px}.right .active .form .mobileForm #saveBtn{display:none !important}.right .active .form .mobileForm #passSaveBtn{width:100%;float:none;margin:20px auto !important}.personalBox{margin:0 !important;position:relative;z-index:9;box-shadow:0 0 0 !important;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.formBox{padding:90px 0 0 0 !important;float:none !important;width:80% !important;margin:0 auto}.mini_i{background:url(../../images/leftArrow.png) no-repeat !important}.personalbutton{margin:5px auto}.personalForm{margin-top:70px !important}.phoeDiv{width:100%}#phoneNumber{width:75% !important}#password{width:91% !important}.passwordDiv div{position:relative}.passwordDiv div i{right:6% !important;top:25% !important}.forgetPassword{margin-right:5% !important}.errorsnackbar{top:30px;right:0;left:0;z-index:10000;min-width:0;margin:0 30px;height:auto}.successSnack{top:30px;right:0;left:0;z-index:10000;min-width:0;margin:0 30px;height:auto}.personalBreaker{display:none !important}.socialBox{padding:0 !important;float:none !important;width:80%;margin:50px auto}.socialButtonDiv{margin-top:10px}.socialButtonDiv{display:none !important}.socialButtonDivMobile{display:block !important;text-align:center;margin-top:10px}.socialButtonDivMobile button{border-radius:10px;width:50px;border:0;height:50px;padding:10px;margin:8px}.forgotModal{width:100%;height:100%}.forgotModal .forgotModalDialog{margin:0 !important;width:100%;height:100%}.forgotModal .forgotModalDialog .modal-content{width:100%;height:100%;border-radius:0}.forgotModal .forgotModalDialog .modal-content .modal-body .title{text-align:left}.forgotModal .forgotModalDialog .modal-content .modal-body .content{text-align:left;padding-left:6% px}.forgotModal .forgotModalDialog .modal-content .modal-body .button{width:90%;margin:0 auto}