/*====================================*\
    STYLESHEET: alerts_.less
\*====================================*/
/*====================================*\
    $ALERT/ERROR PAGES
\*====================================*/
html {
  height: auto;
}
body.alert-page #container {
  margin: 0 auto;
  max-width: 1200px;
}
#content {
  border: 0;
  box-shadow: none;
  margin: 10px auto;
  max-width: 960px;
  overflow: auto;
  float: none;
}
.alert-page #content {
  background: transparent !important;
  margin-top: 150px;
  min-width: 960px;
  padding: 0 !important;
}
.alert-page h1 {
  font-size: 3.4em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin: 40px 0 20px 0;
}
.alert-page p,
.alert-page #alert-page-right #form1 > div {
  font-size: 1.6em;
  font-weight: 400;
  margin-bottom: 20px;
}
.alert-page #alert-page-right #form1 div.row {
  font-size: 1.2em;
  margin-bottom: 0px;
}
.alert-page #alert-page-right #form1 div.row > div {
  margin-bottom: 0px;
}
.alert-page #alert-page-right {
  float: right;
  width: 620px;
}
.alert-page #alert-page-left {
  float: left;
  height: 300px;
  width: 300px;
}
.alert-page #alert-page-left.error {
  background: url(/css/images/error.png) no-repeat left top;
}
.alert-page #alert-page-left.loggedoff {
  background: url(/css/images/loggedoff.png) no-repeat left top;
}
.alert-page #alert-page-left.maintenance {
  background: url(/css/images/icon-large-maintenance.png) no-repeat left top;
}
.alert-page a.link_internal {
  margin: 0px!important;
}
.wrapper-redirect-url {
  width: 60%;
  margin: 3em auto;
  text-align: center;
  max-width: 600px;
}
.wrapper-redirect-url #redirectButton {
  border-radius: 16px;
  background-color: #3669CE;
  border-color: unset;
}
.wrapper-redirect-url #redirectButton:hover {
  background-color: #203F7C;
}
/*------------------------------------*\
    $IE Overrides
\*------------------------------------*/
html.lt-ie8 body {
  overflow: auto;
  overflow-y: auto;
}
html.lt-ie7 #wrapper {
  position: relative;
  width: 90%;
}
/*------------------------------------*\
    $Responsive
\*------------------------------------*/
@media (min-width: 767px) and (max-width: 959px) {
  .alert-page #alert-page-right {
    width: 55%;
  }
  .alert-page #alert-page-left {
    width: 45%;
  }
  .alert-page #wrapper,
  .alert-page #content {
    min-width: 0;
    width: auto;
  }
}
@media (max-width: 766px) {
  .alert-page #wrapper {
    min-width: 0;
    overflow: visible;
    width: auto;
  }
  .alert-page #content {
    margin-top: 20px;
    min-width: 0;
    width: auto;
  }
  .alert-page #alert-page-left {
    display: none;
  }
  .alert-page #alert-page-right {
    float: none;
    margin: 0px auto;
    width: 300px;
  }
  .alert-page #alert-page-left.error {
    margin-left: -125px;
  }
  .alert-page h1 {
    font-size: 36px;
  }
  .alert-page h2 {
    font-size: 22px;
  }
  .wrapper-redirect-url {
    width: 80%;
  }
}