/*
    Converts px to rem
*/
body#mirage #logo-bar h1.mg-site-logo.staging-header {
  margin-bottom: 0; }

body#mirage span.staging-title {
  color: #d9534f;
  font-size: 50px; }

body#mirage .staging-description {
  color: #d9534f;
  margin: 0; }

body#mirage.hide-navigation-menu header {
  border-bottom: 1px solid #dedede; }
  body#mirage.hide-navigation-menu header a#Dept_Site_Logo {
    pointer-events: none;
    cursor: default; }

body#mirage.hide-navigation-menu #menu-bar-wrapper {
  display: none; }

body#mirage.hide-navigation-menu .footer .version-number {
  display: none; }

body#mirage .feature-icon-col {
  width: 35px; }

body#mirage header #logo-bar h1.mg-logo-separator {
  display: none; }

body#mirage .grouping {
  margin-bottom: 40px; }
  body#mirage .grouping:last-child {
    margin-bottom: 0; }

body#mirage .alert-danger label {
  color: #7e1e1b; }

body#mirage .mg-table .mg-btn.mg-btn-standout.disabled {
  background-color: #d3d3d3;
  color: #555;
  border: 1px dashed #555; }
  body#mirage .mg-table .mg-btn.mg-btn-standout.disabled:after {
    content: ' (disabled)'; }

body#mirage .ldap-login-input + .form-actions .controls {
  margin-left: 33.33333%;
  margin-left: 0; }
  @media (min-width: 576px) {
    body#mirage .ldap-login-input + .form-actions .controls {
      margin-left: 33.33333%; } }
  @media (min-width: 576px) {
    body#mirage .ldap-login-input + .form-actions .controls {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; } }

body#mirage .ldap-login-input + .form-actions .help-link {
  display: inline;
  margin-top: 10px; }

body#mirage .ldap-login-input + .form-actions .helpContainer {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

body#mirage #otpHelpContainer {
  margin-top: 10px; }

body#mirage .mg-login-panel-content .error-container .mg-alert {
  overflow-y: auto;
  max-height: 200px; }

body#mirage .mg-login-panel-content .form-actions .helpContainer {
  display: inline; }
  body#mirage .mg-login-panel-content .form-actions .helpContainer .help-link {
    display: inline; }
  body#mirage .mg-login-panel-content .form-actions .helpContainer #loginHelp {
    margin-top: 10px; }

body#mirage .mg-login-panel-content .control-group .error-container {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    body#mirage .mg-login-panel-content .control-group .error-container {
      margin-left: 0; } }
  @media (min-width: 576px) {
    body#mirage .mg-login-panel-content .control-group .error-container {
      flex: 0 0 100%;
      max-width: 100%; } }

body#mirage .mg-login-panel-content .control-group .col-form-label {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    body#mirage .mg-login-panel-content .control-group .col-form-label {
      flex: 0 0 100%;
      max-width: 100%; } }

body#mirage .mg-login-panel-content .controls {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    body#mirage .mg-login-panel-content .controls {
      flex: 0 0 100%;
      max-width: 100%; } }

body#mirage .user-account-help-panel {
  font-size: 0.9375rem; }
  body#mirage .user-account-help-panel .control-group .col-form-label {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 576px) {
      body#mirage .user-account-help-panel .control-group .col-form-label {
        flex: 0 0 100%;
        max-width: 100%; } }
  body#mirage .user-account-help-panel .card {
    margin-bottom: 20px; }
    body#mirage .user-account-help-panel .card .card-body .card-title h2 span {
      font-size: 0.9375rem; }
    body#mirage .user-account-help-panel .card .card-body .card-title h2 i {
      font-size: 0.9375rem; }

body#mirage .tooltip-info {
  text-align: left;
  font-size: 0.9375rem;
  padding: 10px; }
  body#mirage .tooltip-info .tooltip-info-entry {
    margin: 5px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }
    body#mirage .tooltip-info .tooltip-info-entry .tooltip-info-label {
      font-family: "source_sans_probold"; }

body#mirage h1 {
  position: relative; }
  body#mirage h1 #backToHomepage a {
    font-size: 18px;
    font-family: "source_sans_proregular";
    text-transform: none;
    position: absolute;
    top: 7px;
    right: 0; }
    body#mirage h1 #backToHomepage a i {
      color: #0674ab;
      margin-right: 5px;
      font-size: 15px; }
  @media (max-width: 767.98px) {
    body#mirage h1 #backToHomepage a {
      display: block;
      position: relative;
      margin-bottom: 10px; } }