/* Fleetbrain CSS Stylesheet */







/* For Number Plate font:

Purpose for each font format:
.eot:        IE9 Compat Modes
.eot?#iefix: IE6-IE8
.woff2:      Modern Browsers
.woff:       Modern Browsers
.ttf:        Safari, Android, iOS
.svg:        Legacy iOS
*/
@font-face {
  font-family: 'UKNumberPlate';
  src: url('../typefaces/UKNumberPlate.eot');
  src: url('../typefaces/UKNumberPlate.eot?#iefix') format('embedded-opentype'),
    url('../typefaces/UKNumberPlate.woff2') format('woff2'),
    url('../typefaces/UKNumberPlate.woff') format('woff'),
    url('../typefaces/UKNumberPlate.ttf') format('truetype'),
    url('../typefaces/UKNumberPlate.svg#UKNumberPlate') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}





/*Code to disable touch scrolling on PWA to make it behave more like a native app*/
body {
  overscroll-behavior-y: none;
  /*touch-action:none;*/
}


/* Needed to fill the hole that bootstrap left*/
.d-none {
  display: none;
}

/*Needed since removing bootstrap utilities to make MOT history accordion content visible*/
.collapse {
  visibility: visible;
}

#footer_container {
  margin-top: 150px;
}

#footer_legal {
  color: gray;
  font-size: 0.9em;
}

#footer_legal_secondary {
  color: gray;
  font-size: 0.9em;
}

.cell-add {
  margin-bottom: 3px;
}

.cell-more {
  margin-bottom: 3px;
}


.apiDocsEndpointCard {
  /*margin: 10px;
    padding: 10px;*/
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  box-shadow: 0 0 5px #ccc;
}

#manageVehicleRegInput,
#moreModalRegDisplayBulk,
#addVehicleRegDisplayBulk,
#premiumCheckRegInput {
  display: inline-block;
  min-width: 150px;
  font: 30px 'UKNumberPlate', Verdana, sans-serif;
  /*padding: .4em .2em;*/
  padding: 3px;
  text-align: center;
  background-color: #fd0;
  /*border-radius: .25em;*/
  text-transform: uppercase;

  /* Add the following styles to display as a UK reg plate */
  /*font-family: 'UKNumberPlate', Verdana, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 30px;
        */

  /*text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: bold;
        font-size: 1.2rem;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #fff;
        color: #000;*/
}


.table-wrapper-scroll-y {
  max-height: 300px;
  overflow: auto;
  display: inline-block;
}


/*For accordion MOT passed/failed*/
.mot-passed {
  background-color: #d1e7dd;
}

.mot-failed {
  background-color: #f8d7da;
}


/*For MOT and tax failed or passed / taxed/untaxed on bulk page*/
.mot-passed-strong {
  background-color: #00703c !important;
}

.mot-failed-strong {
  background-color: #d4351c !important;
}







/*FOR PRIVACY POLICY
{`
    @page {
      size: 21cm 29.7cm;
      margin: 2.54cm
    }

    #privacy_container p {
      font-size: 12pt;
      line-height: 115%;
      text-align: left;
      orphans: 2;
      widows: 2;
      margin-bottom: 0.25cm;
      direction: ltr;
      background: transparent
    }

    #privacy_container h2 {
      text-align: left;
      orphans: 2;
      widows: 2;
      margin-bottom: 0.11cm;
      direction: ltr;
      background: transparent;
      page-break-after: avoid
    }

    #privacy_container h2.western {
      font-family: "Arial", sans-serif;
      font-size: 14pt;
      font-style: italic;
      font-weight: bold
    }

    #privacy_container h2.cjk {
      font-size: 14pt;
      font-style: italic;
      font-weight: bold
    }

    #privacy_container h2.ctl {
      font-family: "Arial";
      font-size: 14pt;
      font-style: italic;
      font-weight: bold
    }

    #privacy_container h3 {
      text-align: left;
      orphans: 2;
      widows: 2;
      margin-bottom: 0.11cm;
      direction: ltr;
      background: transparent;
      page-break-after: avoid
    }

    #privacy_container h3.western {
      font-family: "Arial", sans-serif;
      font-size: 13pt;
      font-weight: bold
    }

    #privacy_container h3.cjk {
      font-size: 13pt;
      font-weight: bold
    }

    #privacy_container h3.ctl {
      font-family: "Arial";
      font-size: 13pt;
      font-weight: bold
    }

    #privacy_container a:link {
      color: #000080;
      so-language: zxx;
      text-decoration: underline
    }

    #privacy_container a:visited {
      color: #800000;
      so-language: zxx;
      text-decoration: underline
    }`}
  */





/*  html,
body {
  height: 100%;
}*/

/* For Signin AND for signup form */


/*html, body {
    height: 100%;
}*/

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}





/*Used in plan page*/
.card {
  height: 100%;
}

.card-footer {
  background: transparent;
  border-top: 0px;
}

.card-body {
  padding-bottom: 0;
}