.login-window-wrapper{display:flex;flex-direction:row;align-items:center}.login-left-side-image{background-image:linear-gradient(to bottom left,#0a7d84,#1f1f1f);display:flex;width:40%;max-width:600px;height:100vh;align-items:top;justify-content:end}.container-login100{background:#fff;height:100%;min-height:100vh;width:60%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:20px}.wrap-login100{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;max-width:350px}.login-button{background:#0a7d84}.login-hover-button{background:#0eaeb6}#main-logo{width:300px;margin:0 25px;height:125px}.main-logo-bottom-line{color:#000;height:1px;width:100%;border-top:solid;border-width:2px;padding-top:20px}.login-button-container{margin-top:46px;margin-bottom:20px;width:100%;text-align:center}.login-button-container button{border-radius:10px;background-color:#1b6e7f;border:none;outline:none;font-size:14px;color:#fff;width:100%;letter-spacing:.14em;height:60px;cursor:pointer;margin-top:0}.login-button-container button:hover{background-color:#135b69}.forgot-password{margin-top:10px;width:100%;cursor:pointer;color:#000;display:flex;justify-content:end}.forgot-password:hover{color:#1b6e7f}.login-input-container{width:100%;position:relative;border-radius:10px;border:solid;border-color:#000;border-width:1px;background:#fff;padding:14px 8px 14px 14px;align-items:center;margin-top:8px}.login-input{font-size:16px;border-radius:10px;border:none;outline:none;background:#fff;box-sizing:border-box;letter-spacing:0em;color:#3b3b3b;margin-left:25px;width:70%}@media (max-width: 1000px){.wrap-login100{max-width:300px}.login-window-wrapper{justify-content:center;align-items:center;width:100%;height:100vh}.login-left-side-image{background-image:linear-gradient(to bottom left,#fff,#fff);width:150%;max-width:600px;height:100vh;display:flex;position:absolute;left:-30%;align-items:top;justify-content:end}#main-logo{width:80%;height:22%}.main-logo-bottom-line{margin-top:20px}.container-login100{z-index:10;height:auto;min-height:40vh;width:90%;padding-top:50px;box-shadow:0 5px 8px #0000004d}.login-input-container{border:solid;border-color:#d2d2d2;border-width:1px;background:#fff;padding:8px 8px 8px 14px;align-items:center;margin-top:8px}.login-input{font-size:14px;margin-left:15px}.login-button-container button{height:46px}}@media (max-width: 650px){.login-button-container{margin-top:24px}.login-input{font-size:16px}}@media (max-height: 600px){#main-logo{display:none}.login-left-side-image{height:600px}}.text-login100{color:#000;font-family:sans-serif;font-size:2.25rem;letter-spacing:.14em}@media (max-width: 450px){.text-login100{font-size:24px}.container-login100{margin-top:40px;padding-top:20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;line-height:1.5rem;margin:0;padding:0;height:100%;background:#fff;font-family:Arimo,sans-serif}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-header-text{color:#fff;margin-bottom:0;margin-top:7px;float:left;font-size:20px}#modal-top-container{overflow-y:auto;width:525px}@media (max-width: 545px){#modal-top-container{width:95%}}#modal-container{border-radius:4px;background-color:#fff;padding:10px 43px;margin-bottom:30px;text-align:left;background-clip:content-box}@media (max-width: 443px){#modal-container{padding:10px 18px}}.display-flex{display:-moz-flex;display:-ms-flexbox;display:-webkit-flex;display:flex}.display-inline-flex{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.flex-column{-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column}.loading-spin{position:fixed;width:150px;height:150px;top:40%;left:47%;margin-top:-75px;margin-left:-75px;z-index:20}.react-spinner-loader-svg-calLoader{width:150px;height:150px;-o-transform-origin:115px 115px;-moz-transform-origin:115px 115px;-ms-transform-origin:115px 115px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;-moz-animation:1.4s linear infinite loader-spin;-webkit-animation:1.4s linear infinite loader-spin;animation:1.4s linear infinite loader-spin;stroke-width:3;stroke:#09c;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:128;stroke-dashoffset:575}.react-spinner-loader-svg-cal-loader__path{-moz-animation:1.4s ease-in-out infinite loader-path;-webkit-animation:1.4s ease-in-out infinite loader-path;animation:1.4s ease-in-out infinite loader-path}@-o-keyframes loader-spin{to{-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loader-spin{to{-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loader-spin{to{-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-spin{to{-o-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@-moz-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.respLogin{width:175%}@media screen and (max-width: 768px){.respLogin{width:100%}}