legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

.clear:before, .clear:after {
  content: ' ';
  display: table; }

.clear {
  *zoom: 1; }
  .clear:after {
    clear: both; }


@media (min-width: 43.75em) {
  .container-fluid {
    font-size: 1em;
    line-height: 1.375; } }

h1 {
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1.25;
  font-family: "Adelle Bold", Georgia, serif; }

@media (min-width: 43.75em) {
  h1 {
    font-size: 1.75em;
    line-height: 1.125; } }

@media (min-width: 56.25em) {
  h1 {
    font-size: 1.75em;
    line-height: 1.05; } }

h2 {
  font-size: 1.625em;
  line-height: 1.15384615;
  font-family: "Proxima Nova Semibold", Helvetica, Sans-Serif; }

@media (min-width: 43.75em) {
  h2 {
    font-size: 1.8em;
    line-height: 1.25; } }

@media (min-width: 56.25em) {
  h2 {
    font-size: 1.8em;
    line-height: 1.25; } }

h3 {
  font-size: 1.375em;
  line-height: 1.13636364;
  font-family: "Adelle Semibold", Georgia, serif; }

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    line-height: 1.25; } }

@media (min-width: 56.25em) {
  font-size: 1.5em;
  line-height: 1.25; }

h4 {
  font-size: 1.125em;
  line-height: 1.11111111;
  font-family: "Proxima Nova Bold", Helvetica, Sans-Serif; }

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222; } }

blockquote {
  font-size: 1.25em;
  line-height: 1.25; }

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833333; } }

button.btn {
  background: #bc2435;
  color: #fff;
  font-family: "Proxima Nova Semibold", Helvetica, Sans-Serif;
  float: right;
  position: relative;
  display: block;
  border-radius: 0;
  margin-right: 5px;
  border: none;
  outline: none;
  padding: .5em 5em;
  letter-spacing: .025em; }
  button.btn:hover, button.btn:focus {
    background: #fff;
    outline: 2px solid #077995;
    outline-offset: -2px;
    color: #111;
    box-shadow: none; }
  button.btn:active {
    box-shadow: none; }

button[class*='-alt'] {
  background: #fff;
  color: initial;
  outline: 2px solid #077995;
  outline-offset: -2px; }
  button[class*='-alt']:hover, button[class*='-alt']:focus {
    background: #077995;
    color: #fff; }

button.btn-caution {
  background: #ffdc00;
  color: #111; }
  button.btn-caution:hover, button.btn-caution:focus {
    outline: 2px solid #ffdc00;
    background: #fff; }

button.btn-caution-alt {
  outline: 2px solid #ffdc00; }
  button.btn-caution-alt:hover, button.btn-caution-alt:focus {
    background: #ffdc00;
    color: #111;
    outline: none; }

button.btn-success {
  background: #23cf5f;
  color: #111; }
  button.btn-success:hover, button.btn-success:focus {
    outline: 2px solid #23cf5f;
    background: #fff; }

button.btn-success-alt {
  outline: 2px solid #23cf5f; }
  button.btn-success-alt:hover, button.btn-success-alt:focus {
    background: #23cf5f;
    color: #111;
    outline: none; }

button.btn-failure {
  background: #ff4136;
  color: #111; }
  button.btn-failure:hover, button.btn-failure:focus {
    background: #fff;
    outline: 2px solid #ff4136; }

button.btn-failure-alt {
  outline: 2px solid #ff4136; }
  button.btn-failure-alt:hover, button.btn-failure-alt:focus {
    background: #ff4136;
    color: #fff;
    outline: none; }

button.btn-disabled, button[disabled] {
  background: #ccc;
  color: #111;
  cursor: not-allowed; }
  button.btn-disabled:hover, button.btn-disabled:focus, button[disabled]:hover, button[disabled]:focus {
    background: #ccc;
    outline: none; }

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
  background: #fff;
  color: #111; }

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  background: #fff;
  outline: 2px solid #23cf5f;
  outline-offset: -2px;
  color: #111; }

form input, form label {
  letter-spacing: 0.045em; }

.login fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  border: none;
}
    .login fieldset > div {
        position: relative; }
.login fieldset .half-box {
    flex-basis: calc((100% - 1.5em)/2);
}
@media (max-width: 768px) {
	.login fieldset .half-box {
        flex-basis: 100%;
    }
}
.login fieldset .whole-box {
    flex-basis: 100%;
}
.login fieldset div.query {
    display: flex;
    justify-content: center;
}
    .login fieldset > div input {
      margin-bottom: 1.5em; }
      .login fieldset > div input[type="text"], .login fieldset > div input[type="password"] {
        width: 100%;
        padding: 1em;
        padding-top: 1.75em;
        border: 2px solid #7b7b7b;
        font-size: 1rem;
        height: auto;
        /*border-bottom: 2px solid #c3142d;*/
        transition: all 0.3s ease; }
        .login fieldset > div input[type="text"]:focus, .login fieldset > div input[type="text"]:active, .login fieldset > div input[type="password"]:focus, .login fieldset > div input[type="password"]:active {
          border: 2px solid #c3142d;
          outline: none; }
        .login fieldset > div input[type="text"]:focus + label, .login fieldset > div input[type="password"]:focus + label {
          background-color: #c3142d;
          color: #fff;
          font-size: .75em; }
    .login fieldset > div label {
      letter-spacing: 0.045em;
      color: #c3142d;
      padding: 0.25em .5em;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.3s ease; }
      .login fieldset > div label[for="username"], .login fieldset > div label[for="username1"], .login fieldset > div label[for="usernumber"] {
        width: 100%;
        font-family: "Proxima Nova Bold", Helvetica, Sans-Serif;
        color: #c3142d; }

.login input[type="submit"] {
  color: #fff;
  border: none;
  float: right;
  padding: 1em 2.5em;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: 2px solid #077995;
  outline-offset: -2px;
  font-family: "Proxima Nova Semibold", Helvetica, Sans-Serif; }
  .login input[type="submit"]:hover, .login input[type="submit"]:focus {
    background: #fff;
    color: #077995; }

@font-face {
  font-family: "Adelle";
  src: url("../font/AdelleW02-Regular.eot");
  src: url("../font/AdelleW02-Regular.eot") format("eot"), url("../font/AdelleW02-Regular.woff2") format("woff2"), url("../font/AdelleW02-Regular.woff") format("woff"), url("../font/AdelleW02-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Adelle Italic";
  src: url("../font/AdelleW02-Italic.eot");
  src: url("../font/AdelleW02-Italic.eot") format("eot"), url("../font/AdelleW02-Italic.woff2") format("woff2"), url("../font/AdelleW02-Italic.woff") format("woff"), url("../font/AdelleW02-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "Adelle Semibold";
  src: url("../font/AdelleW02-SemiBold.eot");
  src: url("../font/AdelleW02-SemiBold.eot") format("eot"), url("../font/AdelleW02-SemiBold.woff2") format("woff2"), url("../font/AdelleW02-SemiBold.woff") format("woff"), url("../font/AdelleW02-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "Adelle Semibold Italic";
  src: url("../font/AdelleW02-SemiBoldItalic.eot");
  src: url("../font/AdelleW02-SemiBoldItalic.eot") format("eot"), url("../font/AdelleW02-SemiBoldItalic.woff2") format("woff2"), url("../font/AdelleW02-SemiBoldItalic.woff") format("woff"), url("../font/AdelleW02-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Adelle Bold";
  src: url("../font/AdelleW02-Bold.eot");
  src: url("../font/AdelleW02-Bold.eot") format("eot"), url("../font/AdelleW02-Bold.woff2") format("woff2"), url("../font/AdelleW02-Bold.woff") format("woff"), url("../font/AdelleW02-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Adelle Bold Italic";
  src: url("../font/AdelleW02-BoldItalic.eot");
  src: url("../font/AdelleW02-BoldItalic.eot") format("eot"), url("../font/AdelleW02-BoldItalic.woff2") format("woff2"), url("../font/AdelleW02-BoldItalic.woff") format("woff"), url("../font/AdelleW02-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "Proxima Nova";
  src: url("../font/ProximaNovaW08-Regular.eot");
  src: url("../font/ProximaNovaW08-Regular.eot") format("eot"), url("../font/ProximaNovaW08-Regular.woff2") format("woff2"), url("../font/ProximaNovaW08-Regular.woff") format("woff"), url("../font/ProximaNovaW08-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Proxima Nova Italic";
  src: url("../font/ProximaNovaW08-Italic.eot");
  src: url("../font/ProximaNovaW08-Italic.eot") format("eot"), url("../font/ProximaNovaW08-Italic.woff2") format("woff2"), url("../font/ProximaNovaW08-Italic.woff") format("woff"), url("../font/ProximaNovaW08-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "Proxima Nova Semibold";
  src: url("../font/ProximaNovaW08-Semibold.eot");
  src: url("../font/ProximaNovaW08-Semibold.eot") format("eot"), url("../font/ProximaNovaW08-Semibold.woff2") format("woff2"), url("../font/ProximaNovaW08-Semibold.woff") format("woff"), url("../font/ProximaNovaW08-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: "Proxima Nova Semibold Italic";
  src: url("../font/ProximaNovaW08-SemiboldIt.eot");
  src: url("../font/ProximaNovaW08-SemiboldIt.eot") format("eot"), url("../font/ProximaNovaW08-SemiboldIt.woff2") format("woff2"), url("../font/ProximaNovaW08-SemiboldIt.woff") format("woff"), url("../font/ProximaNovaW08-SemiboldIt.ttf") format("truetype"); }

@font-face {
  font-family: "Proxima Nova Bold";
  src: url("../font/ProximaNovaW08-Bold.eot");
  src: url("../font/ProximaNovaW08-Bold.eot") format("eot"), url("../font/ProximaNovaW08-Bold.woff2") format("woff2"), url("../font/ProximaNovaW08-Bold.woff") format("woff"), url("../font/ProximaNovaW08-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Proxima Nova Bold Italic";
  src: url("../font/ProximaNovaW08-BoldItalic.eot");
  src: url("../font/ProximaNovaW08-BoldItalic.eot") format("eot"), url("../font/ProximaNovaW08-BoldItalic.woff2") format("woff2"), url("../font/ProximaNovaW08-BoldItalic.woff") format("woff"), url("../font/ProximaNovaW08-BoldItalic.ttf") format("truetype"); }

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::-webkit-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

.modal-open .modal-backdrop {
  background: #000; }
  .modal-open .modal-backdrop.show {
    opacity: .9; }

.modal-open .modal .modal-dialog {
  max-width: 100%;
  margin-top: 0; }

.modal-open .modal .modal-content {
  position: static;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none; }
  .modal-open .modal .modal-content .modal-header {
    border-bottom: none;
    padding: 1em 2em 0em 2em; }
  .modal-open .modal .modal-content .modal-body {
    padding: 1em 2em 1em 2em; }
  .modal-open .modal .modal-content h1 {
    font-size: 1.5em;
    width: 100%;
    color: #c3142d;
    text-align: center;
    font-family: "Adelle Bold", Georgia, serif; }
  .modal-open .modal .modal-content p {
    line-height: 1.8;
    font-size: 1em;
    font-family: "Proxima Nova", Helvetica, Sans-Serif; }

div.info {
  border-top: 6px solid #077995; }
  div.info h1:before {
    content: " ";
    background-image: url("../image/utilityDefault.png");
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #fff;
    font-family: "Proxima Nova Italic", Helvetica, Sans-Serif;
    border-radius: 15px;
    margin-right: 10px;
    line-height: 28px;
    vertical-align: text-top;
}

div.warning {
  border-top: 6px solid #ffdc00; }
  div.warning h1:before {
    content: " ";
    background-image: url("../image/utilityCaution.png");
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #111;
    font-family: "Proxima Nova Italic", Helvetica, Sans-Serif;
    border-radius: 15px;
    margin-right: 10px;
    line-height: 28px;
    font-size: 1em; }

div.success {
  border-top: 6px solid #23cf5f; }
  div.success h1:before {
    content: " ";
    background-image: url("../image/utilitySuccess.png");
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #111;
    font-family: "Proxima Nova Italic", Helvetica, Sans-Serif;
    border-radius: 15px;
    margin-right: 10px;
    line-height: 28px;
    font-size: 1em; }

div.failure {
  border-top: 6px solid #ff4136; }
  div.failure > h1:before {
    content: " ";
    background-image: url("../image/utilityFailure.png");
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #111;
    font-family: "Proxima Nova Italic", Helvetica, Sans-Serif;
    border-radius: 15px;
    margin-right: 10px;
    line-height: 28px;
    font-size: 1em; }

.alert {
  background: #fff;
  border-radius: 0;
  margin-top: 1em;
  border: 6px solid #ffdc00; }
  .alert .alert-heading {
    text-align: center;
    font-family: "Proxima Nova Semibold", Helvetica, Sans-Serif;
    text-transform: uppercase;
    font-size: 1.75em; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }
@-moz-document url-prefix() {
  body{
    height: 95%;
  }
}