@import "variables.css";

html, body {height: 100%;}
html {display: table;margin: auto;}
body {display: table-cell;vertical-align: middle;}
.margin {margin: 0 !important;}
.main-bg {background-position: center;background-size: initial;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.datahub-blue {background:  var(--dh-primary) !important;}
.form-error-txt {font-size: 12px;color: var(--dh-warning);margin-left: 3.2rem;margin-top: -6px;line-height: 12px;}
.login-error-txt {background: var(--dh-warning)!important;color: #fff;text-align: center;padding: 12px;}
.login-transparent {background: rgba(255, 255, 255, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E6FFFFFF', endColorstr='#E6FFFFFF');z-index: 999999999;-webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.3);-moz-box-shadow: 0 6px 6px rgba(0,0,0,0.3);box-shadow: 0 6px 6px rgba(0,0,0,0.3);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 14px;}
.datahub-login-red {background: var(--dh-secondary) !important;}
.footer-copyright a:hover {text-decoration: underline;}
a {color: var(--dh-secondary);}
.g-recaptcha {margin: 0 auto;width: 304px;}
[dir=rtl].main-bg-pmo {overflow-x: hidden;background-attachment: initial;background-size: initial;}
.card-panel {background-color: rgba(255, 255, 255, 0.8);border-radius: 6px;}
.login-logo-container {width: 400px;padding: 0 10%;margin: 1rem 0 2rem;text-align:center;}
.card.pending-verification-card img {width: 220px;margin: 0 auto;display: block;}
.card.pending-verification-card {left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);position: absolute;width: 500px;max-width: 90%;border-radius:8px;}
.card.pending-verification-card p#message {font-size: 1.1rem;text-align: center;}
.card.pending-verification-card a.btn {width: 100%;margin: 1.5rem 0 1rem 0;background:  var(--dh-primary) !important;}
.card.pending-verification-card h5 {margin-top: 1.5rem;}
.card.pending-verification-card a.change-email {width: 100%;text-align: center;float: left;margin: 0 0 1.5rem;color: var(--dh-primary);text-decoration: underline;}        
.card.pending-verification-card .input-wrapper {margin-bottom: -0.5rem;}
.card.pending-verification-card .input-wrapper input, .input-wrapper .select-wrapper input.select-dropdown {border: 1px solid  var(--dh-primary);border-radius: 4px;padding: 0 0.5rem;box-sizing: border-box;}
.card.pending-verification-card .input-wrapper > label {left: 1.5rem;}
.card.pending-verification-card .input-wrapper > label.active {-webkit-transform: translateY(-115%);transform: translateY(-115%);background: #fff;padding: 0px 4px;color:  var(--dh-primary);left: 1.25rem;}
.card.pending-verification-card .input-wrapper > label.active:after {-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 155px;}
.card.pending-verification-card .select-wrapper+label {-webkit-transform: translateY(-30%);transform: translateY(30%);background: #fff;padding: 0px 4px;color:  var(--dh-primary);left: 1.25rem;}
.card.pending-verification-card .select-wrapper span.caret {right: 0.5rem;}
.login-footer-language {display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
.login-footer-language-btn {display: flex;align-items: center;justify-content: center;gap: 5px;color: var(--dh-white);border: 1px solid rgba(var(--dh-white-rgb), 0.25);padding: 0.35rem 0.75rem;border-radius: 4px;flex-direction: row-reverse;}
.login-footer-language-btn:hover{border: 1px solid rgba(var(--dh-white-rgb), 0.45);cursor:pointer;}
.card-panel.login-transparent p {white-space: initial;}
.show-password-field {position: relative;}
.show-password-field .field-icon, .show-password-field .password-toggle {position: absolute;right: 20px;top: 10px;}
.show-password-field .field-icon:hover, .show-password-field .password-toggle:hover{cursor:pointer;}