.modal-wrapper{position:relative;width:90vw;height:90vh;display:flex;flex-flow:column wrap;background-color:#fff;color:#2b2d42;overflow:hidden;margin:0 auto;box-shadow:2px 2px 10px 0 #a0a0a0;border-radius:1rem}.login-wrapper{width:70%}.signup-wrapper{width:100%}.login{left:28%}.signup{right:3%;width:100%}label{font-size:12px;color:#000;font-weight:100}.login-message{font-size:11px;margin-bottom:10px;color:#6b6b6b!important;text-align:center;font-weight:600}.register-message{font-size:11px;margin-bottom:10px;color:#a7a7a7!important;text-align:center}.mt-0{margin-top:0}.form-login .checkbox input[type=checkbox]{margin-top:4px}.wd100{width:100%}.form-wrapper{height:100%;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;position:relative;z-index:1}.form-wrapper-login{height:100%;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;position:relative;z-index:1;margin-left:40px;margin-right:40px;left:55px}.form-heading{margin:3vh auto 3vh auto}.other-icons{margin-bottom:2vh;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.other-icons a{text-decoration:none}.other-icons .fab{font-size:20px;margin:auto 1rem;color:#3c8ce7}.form{display:flex;align-items:center;justify-content:center;flex-flow:column wrap}.form span{font-size:12px;color:#b8bacf}.form .input-field{position:relative;min-width:200px;width:70%;max-width:300px}.form .input-field i{position:absolute;font-size:16px;color:#3c8ce7;top:16px;left:10px}.form input{font-size:12px;padding:10px 10px 10px 40px;background-color:#e8ebe4;outline:0;border:none;border-bottom:2px solid #b8bacf;width:100%;box-sizing:border-box}.form input:focus{background-color:#d2d5dd}.form input{margin:1vh auto}.form input[type=password]{margin-bottom:2vh}#forgot-password{font-size:12px;text-decoration:none;color:#b8bacf;position:relative}#forgot-password::after{display:block;position:absolute;left:10%;right:10%;bottom:1px;border-bottom:1px solid #3c8ce7;content:""}.form-btn{margin:2vh auto;background-image:linear-gradient(135deg,#3c8ce7 10%,#00eaff 100%);color:#fff;border:1px solid #fff;outline:0;border-radius:20px;padding:10px 40px;transition:all ease-in-out .2s;cursor:pointer}.form-btn:hover{border:1px solid #3c8ce7;color:#3c8ce7;background:0 0}.collapsed-section{width:100%;height:100%;background-color:#000;position:relative;z-index:2}.collapsed-section-login{width:60%!important;height:100%;background-color:#000;position:relative;z-index:2;margin:0 auto;margin-left:215px!important}.collapsed-section-register{width:90%!important;height:100%;background-color:#000;position:relative;z-index:2;left:0}.hide-section{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column wrap;color:#fff}.collapsed-heading{margin:0}.collapsed-text{font-size:12px;margin:0;margin-bottom:1vh;margin-top:-10px;letter-spacing:1px}.collapsed-btn{background:#000;color:#f1dc77;border:1px solid #f1dc77;font-weight:700;outline:0;padding:10px 40px;transition:all ease-in-out .5s;cursor:pointer}.color-yellow{color:#f1dc77!important}.collapsed-btn:hover{background-color:#f1dc77;color:#000}.hidden{display:none}.form-login .row{margin-top:-20px;padding-right:10px;padding-left:10px}.form-control{border-radius:25px}.color-white{color:#fff}.fw600{font-weight:600}.span_err{color:red;font-size:11px}.color-brown{color:#693c3b}h1,h2,h3,h4,h5,h6{color:#000}.btn-theme-dark,.btn-theme-dark:active,.btn-theme-dark:focus{background-color:#000;border-color:#000;color:#fff;transition:.5s all}.btn-theme-dark:hover{background-color:#1f1f1f;border-color:#1f1f1f;color:#fff;transition:.5s all}.color-black{color:#000!important}@media screen and (min-width:500px){.modal-wrapper{width:70%}}@media screen and (min-width:800px){.modal-wrapper{width:80%;height:70vh;flex-flow:row nowrap}.collapsed-text{font-size:17px;margin:1rem;text-align:center}}@media screen and (min-width:1000px){.modal-wrapper{width:70%}}@media screen and (min-width:1200px){.modal-wrapper{width:80%}}@keyframes moveCollapsedUp{0%{height:100%;transform:translateY(0)}50%{height:200%;transform:translateY(-83.33%)}100%{height:100%;transform:translateY(-233.33%)}}@keyframes moveCollapsedDown{0%{height:100%;transform:translateY(0)}50%{height:200%;transform:translateY(33%)}100%{height:100%;transform:translateY(100%)}}@keyframes moveFormUp{0%{transform:translateY(0)}100%{transform:translateY(-42%)}}@keyframes moveFormDown{0%{transform:translateY(0)}100%{transform:translateY(42%)}}@keyframes moveLeft{0%{width:100%;transform:translateX(0)}50%{width:150%;transform:translateX(-60%)}100%{width:100%;transform:translateX(-160%)}}@keyframes moveRight{0%{width:100%;transform:translateX(0)}50%{width:150%;transform:translateX(60%)}100%{width:100%;transform:translateX(160%)}}@keyframes fade{0%{opacity:1}50%{opacity:0}100%{opacity:0}}