body { background: #01201b url('/images/select_plant/Auth0LoginBackground.jpg'); background-repeat: no-repeat; background-size: cover; font-family: 'Roboto', 'Avenir Next', Avenir, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif !important; font-size: 20px; }

a { color: #fefefe }
a:hover { color: #fefefe; text-decoration: underline; }

::placeholder { color: #9f9f9f; opacity: 1; /* Firefox */ }

.f-control, .btn-group-lg > .btn, .btn-lg { font-size: 18px;}
.f-control { border-radius: 4px; height: auto; border: 2px solid #e2e2e4; box-shadow: none; color: #8a8a8a; display: block; width: 100%; padding: 6px 12px; line-height: 1.42857143; background-image: none; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin:auto;width:350px }
.f-control:active, .f-control:focus { border-color: #f5ca00;border-width:2px }
label { font-weight: normal }
.side_margins { width: 600px; margin: auto; margin-top: 200px; background-color: white; opacity: 0.95; padding: 20px }
.side_margins .login-wrap { color: black }
.side_margins .login-wrap .description { font-size: 36px; margin-bottom: 40px; margin-top: 60px }
.btn_login { background-color: #f5ca00; color: black; width: 100%; border-radius: 4px; border: 0 none; padding: 5px 0; }
.btn_login:hover {  }
.vlogo { text-align: center; }
.go_back { margin-top: 60px }
.peye { position: absolute; right: 116px; top: 5px; }
#btnMicrosoftLogin:hover { color: black; text-decoration: none }
.login_option_name { color: black; text-decoration: none }

input[type="button"].btn-block, input[type="reset"].btn-block { width: auto }
.input_line { display: flex; margin-bottom: 15px;position:relative }

.remember { margin: auto; width: 350px; }
.remember label { font-size: 18px; user-select: none; }

.login_btn_div { margin: auto; margin-top: 10px; width: 350px; }

#ModalWrong p { line-height: 36px; font-size: 20px; }
.modal-footer button {  }

#show_icon { cursor: pointer; width: 20px }

.sso_signin { margin: auto; width: 350px; border: 2px solid #8c8e8e; border-radius: 5px; margin-top: 25px; text-align: center; padding: 10px 0; cursor: pointer; }
.sso_signin:hover { background-color: #f5ca00 }
.or {margin:auto;padding:20px;width:max-content }

.forgot_password_outer { margin: auto; width: 350px; text-align: center; }
.forgot_password { text-align: center; color: #506ca7; font-size: 18px; margin-top: 40px; position: relative; display: inline-block; }
.forgot_password:hover::after { content: "Please contact your local administrator."; position: absolute; left: -50%; top: 100%; background-color: #f9f9f9; padding: 5px; border: 1px solid #ccc; border-radius: 3px; white-space: nowrap; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.modal-dialog { border: 1px solid #e5e5e5; }

@media screen and (max-width: 1100px) { }

@media screen and (max-width: 500px) {
}

@media screen and (max-height: 750px) {
}