/* BLITZ TIP - MAIN SCSS */
body {
  /* Pseudo-class for input elements - will bind in boostrap4-input-clearer */
  /* Class for bootstrap4-input-clearer's dynamically-added clear button */
  /* https://stackoverflow.com/q/42179893/66109 */
  /*
    .big-button {
        height: 400px;
        padding-top: 180px;
    }
    */
  /* https://www.learnrazorpages.com/razor-pages/tag-helpers/validation-summary-tag-helper */ }
  body input, body textarea, body select {
    font-size: 16px !important; }
  body .input-group .invalid-feedback {
    display: block; }
  body .dropdown-menu-right {
    right: 0;
    left: auto; }
  body .required:after {
    color: #A94442;
    content: ' *';
    display: inline; }
  body .modal-header {
    background-color: #3e5d81;
    color: white; }
    body .modal-header button.close {
      color: white;
      text-shadow: none; }
  body .validation-summary-valid {
    display: none; }

html body header {
  display: none !important; }

/*
    //Global Flex
*/
html {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  flex: 1;
  overflow: hidden;
  position: relative; }
  html body {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0; }
    html body main[role="main"] {
      display: flex;
      flex-direction: column;
      width: 100%;
      min-width: 100%;
      height: 100%;
      min-height: 100%;
      flex: 1;
      overflow: hidden;
      position: relative;
      height: calc(100% - 45px);
      min-height: calc(100% - 45px);
      max-height: calc(100% - 45px);
      overflow: hidden auto; }

/* BLITZ TIP - COMPONENTS - APP Branding */
/*Purples*/
/*
//$primary: #A800B8; //darken 
$primary-mid: #4B0052;
$primary: $primary-mid;
$primary-dark: #181525;
*/
html body, html body * {
  font-family: "Open Sans", sans-serif; }
  html body .full-flex-center, html body * .full-flex-center {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    justify-content: center; }

html body {
  overflow-x: hidden; }
  html body .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0; }
  html body .content-area {
    padding: 3rem 1rem; }
    html body .content-area.landing {
      box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
  html body a {
    color: #18639a; }
    html body a:hover {
      color: #FF5500;
      text-decoration: underline; }
  html body .color-primary {
    color: #18639a; }
  html body .color-primary-dark {
    color: #001e36; }
  html body .color-orange {
    color: #FF5500; }
  html body .color-gold {
    color: #FFE93E; }
  html body .lead {
    font-size: 1.2rem; }
  html body .bg-light-dark, html body .alt-bg-color {
    background: rgba(0, 0, 0, 0.03); }
    html body .bg-light-dark .alt-bg-color, html body .alt-bg-color .alt-bg-color {
      background: transparent; }
  html body .btn {
    border-radius: 0;
    min-height: 45px;
    max-height: calc(45px - (0.75rem * 2));
    padding: 0.75rem 1.125rem;
    transition: all .2s ease-in;
    display: flex;
    justify-content: space-around;
    vertical-align: middle; }
    html body .btn:not(:disabled) {
      opacity: 1; }
    html body .btn.btn-lg {
      font-size: 1.45rem !important;
      padding: calc((0.75rem * 2) - .15rem) calc((1.125rem * 2) - .25rem);
      min-height: calc((0.75rem * 2) - .15rem);
      max-height: calc(45px * 2); }
      html body .btn.btn-lg i.fas, html body .btn.btn-lg i.fa, html body .btn.btn-lg i.far {
        margin-top: calc((45px / 2) - (45px / 2.75)); }
      html body .btn.btn-lg:last-child i.fas, html body .btn.btn-lg:last-child i.fa, html body .btn.btn-lg:last-child i.far {
        margin-left: .5rem; }
      html body .btn.btn-lg:first-child i.fas, html body .btn.btn-lg:first-child i.fa, html body .btn.btn-lg:first-child i.far {
        margin-right: .5rem; }
    html body .btn.btn-default {
      background: #cccccc;
      /* Old browsers */
      background: -moz-linear-gradient(left, #cccccc 0%, #808080 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #cccccc 0%, #808080 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #cccccc 0%, #808080 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#808080 ',GradientType=0 );
      /* IE6-9 */
      color: black; }
      html body .btn.btn-default:hover {
        background: #808080;
        color: white; }
    html body .btn.btn-outline-reg {
      border: 1px solid rgba(0, 0, 0, 0.2); }
      html body .btn.btn-outline-reg:hover, html body .btn.btn-outline-reg:focus, html body .btn.btn-outline-reg:active {
        background: rgba(0, 0, 0, 0.6);
        color: white; }
    html body .btn.btn-outline-primary {
      border-color: #18639a;
      color: #18639a; }
      html body .btn.btn-outline-primary:hover, html body .btn.btn-outline-primary:focus, html body .btn.btn-outline-primary:active {
        background: #18639a;
        color: white; }
    html body .btn.btn-primary {
      background: #18639a;
      /* Old browsers */
      background: -moz-linear-gradient(left, #18639a 0%, #001e36 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #18639a 0%, #001e36 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #18639a 0%, #001e36 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-mid', endColorstr='$primary-dark ',GradientType=0 );
      /* IE6-9 */ }
      html body .btn.btn-primary:hover {
        background: #18639a; }
  html body .input-group .file-caption.form-control {
    min-height: 45px; }
  html body #date-container .input-group input.form-control {
    min-height: 45px; }
  html body #date-container .input-group .input-group-append a.btn i.fas {
    line-height: inherit; }
  html body .input-group .input-group-btn i.fas {
    margin-top: calc((45px / 2) - (45px / 2.5)); }
  html body .input-group .input-group-btn span {
    margin-left: .5rem; }
    html body .input-group .input-group-btn span:first-child {
      margin-right: .5rem; }

.escape-strip {
  display: flex;
  background: linear-gradient(to right, #18639a 0%, #001e36 100%); }
  .escape-strip .btn {
    max-height: 80%; }

html body .nav-pills a.nav-link {
  color: #18639a; }

html body .nav-pills .nav-link.active,
html body .nav-pills .show > .nav-link {
  background: #18639a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #18639a 0%, #18639a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #18639a 0%, #18639a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #18639a 0%, #18639a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary', endColorstr='$primary-mid ',GradientType=0 );
  /* IE6-9 */ }

/* BLITZ TIP - COMPONENTS - MODAL */
html body .modal .modal-dialog .modal-content .modal-header, html body .modal .modal-dialog .modal-content .modal-footer {
  border: none; }

html body .modal .modal-dialog .modal-content .modal-header {
  background: white;
  color: #18639a; }
  html body .modal .modal-dialog .modal-content .modal-header button.close {
    color: black; }

html body .modal .modal-dialog .modal-content .modal-footer button.btn i.fa, html body .modal .modal-dialog .modal-content .modal-footer button.btn i.fas {
  margin-top: .3rem; }
  html body .modal .modal-dialog .modal-content .modal-footer button.btn i.fa:first-child, html body .modal .modal-dialog .modal-content .modal-footer button.btn i.fas:first-child {
    margin-right: .3rem; }
  html body .modal .modal-dialog .modal-content .modal-footer button.btn i.fa:last-child, html body .modal .modal-dialog .modal-content .modal-footer button.btn i.fas:last-child {
    margin-left: .3rem; }

/* BLITZ TIP - COMPONENTS - ALERT ERRORS */
html body .validation-summary-errors ul {
  margin: 0; }

/* BLITZ TIP - COMPONENTS - APP Branding */
#app-branding {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  justify-content: center; }
  #app-branding .app-branding-info {
    background: #18639a;
    /* Old browsers */
    background: -moz-linear-gradient(left, #18639a 0%, #001e36 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #18639a 0%, #001e36 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #18639a 0%, #001e36 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-mid', endColorstr='$primary-dark ',GradientType=0 );
    /* IE6-9 */
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    justify-content: center;
    padding: 2rem;
    text-align: center; }
    #app-branding .app-branding-info * {
      text-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
      color: white;
      text-align: center; }
    #app-branding .app-branding-info .app-title {
      font-weight: 800;
      letter-spacing: .02rem; }
    #app-branding .app-branding-info .sub-head {
      font-size: .9rem;
      letter-spacing: .1rem; }
  #app-branding #app-border-art {
    background: #FFE93E;
    /* Old browsers */
    background: -moz-linear-gradient(left, #FFE93E 0%, #FFAA00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #FFE93E 0%, #FFAA00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #FFE93E 0%, #FFAA00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gold', endColorstr='$gold-dark ',GradientType=0 );
    /* IE6-9 */
    width: 100%;
    height: 15px;
    max-height: 15px;
    display: block;
    overflow: hidden; }
    #app-branding #app-border-art:after {
      content: "";
      background: #FFE93E;
      width: 150px;
      height: 15px;
      position: absolute;
      transform: skew(-45deg);
      right: -25px;
      box-shadow: -15px 0 1px rgba(0, 0, 0, 0.1), -30px 0 1px rgba(0, 0, 0, 0.05), -45px 0 1px rgba(0, 0, 0, 0.025); }

/* BLITZ TIP - COMPONENTS - QA (Question Wizard) */
html body.tip-wrapper main[role="main"] {
  padding-bottom: 120px !important; }

html body.tip-wrapper header {
  display: none !important; }

html body.tip-wrapper footer.footer {
  display: none; }

html body .progress {
  height: 10px !important;
  min-height: 10px !important;
  border-radius: 0;
  width: 100%; }

html body .q-item .row {
  margin: 0; }

html body .q-item .q-helper-text {
  font-size: .9rem;
  color: #001e36; }

html body .q-item .form-control.q-digit {
  min-width: 115px;
  max-width: 125px;
  margin-left: auto;
  text-align: center; }

html body .q-item .q-header, html body .q-item .q-body {
  padding: 2rem; }

html body .q-item .q-header {
  font-size: 26px;
  line-height: 29.5px;
  color: #18639a;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

html body .q-item .q-body:not(:first-child) {
  padding-top: .5rem;
  padding-bottom: .5rem; }

html body .q-item .q-body .form-group {
  padding: .75rem 0; }
  html body .q-item .q-body .form-group:not(:last-child) {
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

html body .q-item .q-body .inline-form-group {
  display: inline-flex;
  flex-direction: row;
  min-height: 45px;
  clear: both;
  width: 100%;
  padding-bottom: .5rem;
  margin: 0 !important; }
  html body .q-item .q-body .inline-form-group:not(:last-child) {
    margin-bottom: .5rem !important; }
  html body .q-item .q-body .inline-form-group * {
    min-height: 45px;
    max-height: 45px; }
  html body .q-item .q-body .inline-form-group label {
    margin: 0;
    display: flex;
    justify-content: safe center;
    padding: .75rem .5rem; }

.q-progress-bar {
  background: #BC0000; }
  .q-progress-bar.bg-success {
    background: #FF5500 !important; }

.q-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  z-index: 999; }
  .q-footer .progress-bar {
    background: #BC0000; }
    .q-footer .progress-bar.bg-success {
      background: #FF5500 !important; }
  .q-footer .q-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 100%;
    width: 100%;
    height: auto; }
    .q-footer .q-actions .btn.btn-outline-secondary {
      border-color: #18639a;
      color: #18639a; }
      .q-footer .q-actions .btn.btn-outline-secondary:hover, .q-footer .q-actions .btn.btn-outline-secondary:focus, .q-footer .q-actions .btn.btn-outline-secondary:active {
        background: #001e36;
        color: white; }
    .q-footer .q-actions .btn.btn-primary:disabled {
      background: rgba(0, 0, 0, 0.5) !important;
      border-color: rgba(0, 0, 0, 0.7) !important; }

html body .group-detail-listing .cards-listing {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%; }
  html body .group-detail-listing .cards-listing .card {
    width: 100%;
    min-width: 100%;
    padding: 1rem 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0; }
    html body .group-detail-listing .cards-listing .card:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    html body .group-detail-listing .cards-listing .card:nth-child(:even) {
      background: rgba(0, 0, 0, 0.2); }
    html body .group-detail-listing .cards-listing .card .card-header, html body .group-detail-listing .cards-listing .card .card-footer {
      border: none;
      background: none; }
    html body .group-detail-listing .cards-listing .card .card-header {
      padding: 0 1rem;
      margin: 0;
      font-family: "Open Sans", sans-serif;
      color: #001e36; }
    html body .group-detail-listing .cards-listing .card .card-body {
      padding: 0 1rem;
      margin: 0; }

html body .card.vehicle-card,
html body .q-item .q-body .card.vehicle-card {
  padding: 1.5rem;
  border-radius: .25rem; }
  html body .card.vehicle-card .card-header, html body .card.vehicle-card .card-body,
  html body .q-item .q-body .card.vehicle-card .card-header,
  html body .q-item .q-body .card.vehicle-card .card-body {
    padding: 0;
    background: none;
    border: none; }
  html body .card.vehicle-card .card-header,
  html body .q-item .q-body .card.vehicle-card .card-header {
    font-size: 26px;
    line-height: 29.5px;
    color: #18639a;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 22px;
    line-height: 24.5px;
    padding-bottom: .5rem; }
  html body .card.vehicle-card .card-body .form-group,
  html body .q-item .q-body .card.vehicle-card .card-body .form-group {
    margin: 0; }
    html body .card.vehicle-card .card-body .form-group:last-child,
    html body .q-item .q-body .card.vehicle-card .card-body .form-group:last-child {
      margin: 0;
      border-bottom: none; }

/* BLITZ TIP - COMPONENTS - FOOTER */
html body footer.footer {
  background: white;
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, white 100%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, white 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  width: 100%;
  min-width: 100%;
  height: auto;
  line-height: inherit;
  padding: .5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2) important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center; }

/* BLITZ TIP - COMPONENTS - AUTHENTICATION (AUTH) */
html body.home .container .content-area.landing {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  justify-content: center; }

html body #account {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  justify-content: center;
  padding: 3rem;
  margin: 1.5rem auto;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  max-width: 600px; }
  html body #account .card, html body #account .card-header, html body #account .card-body, html body #account .card-footer {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0; }

html body #login-area .card, html body #login-area .card-header, html body #login-area .card-body, html body #login-area .card-footer {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0; }

html body #login-area .card-header, html body #login-area .card-body, html body #login-area .card-footer {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0; }

html body.account-wrapper main[role="main"] {
  padding-bottom: 100px !important; }

html body .admin-title {
  font-size: 26px;
  line-height: 29.5px;
  color: #18639a;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%;
  min-width: 100%; }

html body .account-container .card .card-header .title-text {
  color: #001e36;
  font-size: 1.2rem;
  line-height: 1.25rem; }

html body .account-container .card .card-body .col:not(:first-child) {
  margin-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 1rem; }

html body .account-container .card .card-body h4 {
  color: #001e36;
  font-weight: 700; }

html body .account-container button[type="submit"].btn-primary {
  display: flex;
  min-width: 100%;
  justify-content: center; }