.Login_ {background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, rgb(224, 224, 224) 26%, rgb(239, 239, 239) 48%, rgb(217, 217, 217) 75%, rgb(188, 188, 188) 100%);height: 100%;}.Login_ .logo {display: flex;background-position: center;margin: auto;border-radius: 3px;}.Login_ .rememer {text-align: center;}.Login_ .rememer span {font-size: 0.9em;color: silver;}.Login_ .login .field {position: relative;margin: 0 30px;}.Login_ .login .field i {display: flex;justify-content: center;align-items: center;font-size: 18px;left: 0px;top: 0px;position: absolute;height: 44px;width: 44px;color: #f7f3eb;background: #676056;text-align: center;line-height: 44px;transition: all 0.3s ease-out;pointer-events: none;}.Login_ .login {position: relative;margin: 30px auto;width: 360px;height: 355px;background: white;border-radius: 3px;border:solid 4px rgba(255, 255, 255, 0.1) ;}.Login_ .keyboard {display: flex;justify-content: center;align-items: center;font-size: 18px;left: 85%;top: 0px;position: absolute;height: 44px;width: 44px;text-align: center;line-height: 44px;transition: all 0.3s ease-out;color: var(--fb-green);}.Login_ .keyboard:hover {cursor: pointer;}.Login_ #keyboardToggle {display:block;width: 100%;color: var(--gray-dark);}.Login_ .login h1 {line-height: 55px;font-size: 24px;font-weight: bold;text-transform: uppercase;color: #fff;text-align: center;background: #1abc9c;background: var(--fb-green);border-radius: 3px;}.Login_ .login .submit {text-align: center;display: flex;justify-content: center;}.Login_ .submit span:hover {cursor: pointer;}.Login_ .login #user {margin-top: 15px;margin-bottom: 15px;}.Login_ .login #EIK {margin-top: 15px;}.Login_ #companyName {text-align: center;background-color: #1abc9c;border: 4px solid white;box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;margin-top: 100px;width: 370px;margin: 100px auto;border-radius: 2px;color: #fff;font-weight: bold;padding: 10px;}::-webkit-input-placeholder {color: #ded9cf;}:-moz-placeholder {color: #ded9cf !important;}.Login_ .login .loginInput {font-size: 1.2em;font-weight: bold;padding: 10px 30px 10px 55px;position: relative;width: 100%;height: 44px;color: #676056;border: none;background: var(--fb-background-light);color: #777;transition: color 0.3s ease-out;box-shadow:rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem}.Login_ .login .loginInput:hover ~ i{color: #27ae60;}.Login_ .login .loginInput:focus ~ i {color: #27ae60;}.Login_ .login #submit {margin-top: 15px;width: 150px;text-align: center;font-size: 14px;font-weight: bold;padding: 12px 0;letter-spacing: 2px;color: #fff;background-color: var(--fb-green);text-transform: uppercase;border: none;cursor: pointer;position: relative;margin-bottom: 20px;}@keyframes shadowFade {0% {box-shadow: inset 0px 0px 0px 0px #1abc9c;color: #fff;}100% {box-shadow: inset 0px 46px 0px 0px #1abc9c;color: #fff;}}@keyframes shadowFadeOut {0% {box-shadow: inset 0px 46px 0px 0px #1abc9c;color: #fff;}100% {box-shadow: inset 0px 0px 0px 0px #1abc9c;color: #fff;}}@-webkit-keyframes shadowFade {0% {box-shadow: inset 0px 0px 0px 0px #1abc9c;color: #fff;}100% {box-shadow: inset 0px 46px 0px 0px #1abc9c;color: #fff;}}@-webkit-keyframes shadowFadeOut {0% {box-shadow: inset 0px 46px 0px 0px #1abc9c;color: #fff;}100% {box-shadow: inset 0px 0px 0px 0px #1abc9c;color: #fff;}}@-moz-keyframes shadowFade {0% {box-shadow: inset 0px 0px 0px 0px #1abc9c;color: #fff;}100% {box-shadow: inset 0px 46px 0px 0px #1abc9c;color: #fff;}}@-moz-keyframes shadowFadeOut {0% {box-shadow: inset 0px 44px 0px 0px #1abc9c;color: #fff;}100% {box-shadow: inset 0px 0px 0px 0px #1abc9c;color: #fff;}}@media (max-width: 768px) {.Login_ .login {margin: 0 auto;}