/**
 * Foundation for Sites by ZURB
 * Version 6.5.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
body {
  min-width: 1140px;
  background-color: #f4f5f7; }

.ap-content {
  margin: 0 0 0 50px; }
  .open .ap-content {
    margin-left: 250px; }

.ap-main {
  margin: 15px 20px; }

.ap-panel-container {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.ap-panel {
  margin: 0;
  padding: 15px 20px;
  height: 100%;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #e6e6e6;
          box-shadow: 0 0 5px #e6e6e6; }

.ap-panel__heading {
  margin: 0 0 1.25rem 0;
  padding: 0 0 .5rem 0;
  border-bottom: 1px solid #0a0a0a;
  font-size: 1.125rem;
  font-weight: normal; }

.ap-topbar {
  position: relative;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin: 0 0 0 50px;
  height: 60px;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #e6e6e6;
          box-shadow: 0 0 5px #e6e6e6; }
  @media print, screen and (min-width: 40em) {
    .ap-topbar {
      padding-right: 1.25rem;
      padding-left: 1.25rem; } }
  .open .ap-topbar {
    margin-left: 250px; }

.ap-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 0 0;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 900;
  color: #0a0a0a; }
  .ap-name img {
    display: inline-block;
    margin: 0 48px 0 0;
    width: 70px; }

.ap-nav-account {
  position: relative;
  font-size: .875rem; }
  .ap-nav-account:hover .ap-nav-account__menu {
    display: block; }

.ap-nav-account__name {
  position: relative;
  display: inline-block;
  padding: 0 1rem 0 0;
  line-height: 1.4;
  font-weight: normal;
  text-align: right; }
  .ap-nav-account__name:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
    content: "";
    width: 4px;
    height: 4px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

.ap-nav-account__menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 0;
  padding: .5rem 0 0 0;
  list-style-type: none;
  text-align: center; }
  .ap-nav-account__menu > li {
    border-bottom: 3px solid #f4f5f7;
    border-right: 3px solid #f4f5f7;
    border-left: 3px solid #f4f5f7; }
    .ap-nav-account__menu > li:first-child {
      border-top: 3px solid #f4f5f7; }
    .ap-nav-account__menu > li > a {
      display: block;
      width: 8rem;
      padding: .5rem;
      background-color: #fefefe;
      color: #666; }
      .ap-nav-account__menu > li > a:hover {
        color: #0a0a0a; }

.ap-topbar--guest {
  position: relative;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  height: 60px;
  font-size: .875rem; }
  @media print, screen and (min-width: 40em) {
    .ap-topbar--guest {
      padding-right: 1.25rem;
      padding-left: 1.25rem; } }

.ap-lang a {
  color: #8a8a8a; }
  .ap-lang a:hover {
    color: #ff6600; }

.ap-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  margin: 0;
  padding: 60px 0 25px 0;
  width: 50px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
/*  background-color: #093385; // 20190329*/
/*  color: #b1d4fa; // 20190329*/
  background-color: #037DC3;
  color: #FFF; }
  .open .ap-sidebar {
    width: 250px; }
  .ap-sidebar > * {
    display: none; }
    .open .ap-sidebar > * {
      display: block; }
  .ap-sidebar a {
    color: #fefefe; }
    .ap-sidebar a:hover {
      /*background-color: #0b40a6;  // 20190329*/
      background-color: #66AADE;}

.ap-open-sidebar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 16px; }
  .ap-open-sidebar::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
            box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
    content: ''; }
  .ap-open-sidebar:hover::after {
    background: #4093ec;
    -webkit-box-shadow: 0 6px 0 #4093ec, 0 12px 0 #4093ec;
            box-shadow: 0 6px 0 #4093ec, 0 12px 0 #4093ec; }

.ap-sidebar-close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: .875rem;
  color: #fefefe;
  cursor: pointer; }

.ap-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: .875rem; }
  .ap-menu > li {/*
    border-top: 1px solid #2b4c8c;  // 20190329*/
    border-top: 1px solid #1589cc; }
    .ap-menu > li:last-child {
    /*border-top: 1px solid #2b4c8c;  // 20190329*/
      border-bottom: 1px solid #1589cc; }
    .ap-menu > li > a {
      display: block;
      padding: .5rem 0 .5rem 15px;
      outline: 0; }
    .ap-menu > li > span {
      display: block;
      padding: .75rem 0 .5rem 15px; }
    .ap-menu > li > a > span,
    .ap-menu > li > span > span {
      position: relative;
      padding-left: 38px; }
      .ap-menu > li > a > span:before,
      .ap-menu > li > span > span:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 27px;
        height: 27px; }
      .ap-menu > li > a > span.icon-home:before,
      .ap-menu > li > span > span.icon-home:before {
        background: transparent url(../img/icon-home.svg) no-repeat 50% 50%/24px; }
      .ap-menu > li > a > span.icon-vehicle:before,
      .ap-menu > li > span > span.icon-vehicle:before {
        background: transparent url(../img/icon-vehicle.svg) no-repeat 50% 50%/25px; }
      .ap-menu > li > a > span.icon-records:before,
      .ap-menu > li > span > span.icon-records:before {
        background: transparent url(../img/icon-records.svg) no-repeat 50% 50%/22px; }
      .ap-menu > li > a > span.icon-account:before,
      .ap-menu > li > span > span.icon-account:before {
        background: transparent url(../img/icon-account.svg) no-repeat 50% 50%/27px; }
      .ap-menu > li > a > span.icon-setting:before,
      .ap-menu > li > span > span.icon-setting:before {
        background: transparent url(../img/icon-setting.svg) no-repeat 50% 50%/24px; }
      .ap-menu > li > a > span.icon-link:before,
      .ap-menu > li > span > span.icon-link:before {
        background: transparent url(../img/icon-link.svg) no-repeat 50% 50%/24px; }
    .ap-menu > li > ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .ap-menu > li > ul > li {/*
        border-top: 1px solid #122957; // 20190329*/
        border-top: 1px solid #1589cc;
        margin: 0 0 0 0; }
        .ap-menu > li > ul > li > a {
          display: block;
          padding: .5rem 0 .5rem 52px; }

.ap-usage-log {
  margin: 1rem 0 0 0;
  padding: 16px;
  font-size: .75rem;
  text-align: right; }

.ap-footer {
  margin: 60px 20px 0 70px;
  padding: 30px 0;
  font-size: .875rem;
  color: #8a8a8a;
  border-top: 1px solid #e6e6e6; }
  .open .ap-footer {
    margin-left: 280px; }

.ap-footer__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1.125rem 0;
  padding: 0;
  list-style-type: none; }
  .ap-footer__links > li + li {
    margin: 0 0 0 1.25rem; }
  .ap-footer__links > li a {
    color: #8a8a8a; }
    .ap-footer__links > li a:hover {
      color: #ff6600; }

.ap-footer--guest {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  padding-top: 2rem;
  font-size: .875rem;
  color: #8a8a8a;
  border-top: 1px solid #e6e6e6; }
  @media print, screen and (min-width: 40em) {
    .ap-footer--guest {
      padding-right: 1.25rem;
      padding-left: 1.25rem; } }

.ap-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 20px; }

.ap-header-title {
  margin: 0 auto 0 0; }

.ap-header-title__breadcrumb {
  margin: 0 0 .5rem 0;
  padding: 0;
  font-size: .75rem;
  color: #8a8a8a; }

.ap-header-title__heading {
  margin: 0;
  font-size: 1.25rem; }

.ap-header__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .ap-header__select > label {
    font-size: .75rem;
    color: #8a8a8a; }
    .ap-header__select > label + label {
      margin-left: 1rem; }
    .ap-header__select > label > select {
      display: block;
      margin: 0;
      width: 12rem;
      font-size: .875rem;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }

.ap-fieldset-range {
  margin: 0 0 1rem; }
  .ap-fieldset-range > legend {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a; }

.ap-fieldset-range__inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .ap-fieldset-range__inputs > input {
    margin: 0;
    width: 40%; }
  .ap-fieldset-range__inputs > span {
    width: 12%;
    text-align: center;
    font-size: .875rem; }

.ap-signin {
  margin: 100px auto 180px auto;
  padding: 0;
  width: 320px; }

.ap-signin__logo {
  display: block;
  margin: 0 auto 1.5rem auto;
  width: 90px; }

.ap-signin__passwordrecovery {
  display: block;
  margin: -.85rem 0 0 0; }

.ap-signin__action {
  margin: 1.5rem 0 0 0; }

.ap-information {
  margin: 0 0 1.25rem 0;
  padding: 0 0 1.25rem 0;
  font-size: .875rem;
  border-bottom: 1px dashed #cacaca; }
  .ap-information:last-child {
    margin-bottom: 0;
    padding-bottom: .5rem;
    border-bottom: 0; }

.ap-information__date {
  font-size: .75rem;
  font-weight: normal;
  color: #8a8a8a; }

.ap-information__title {
  margin: .125rem 0 1rem 0;
  font-size: 1.125rem; }

.ap-information__body {
  color: #242424; }
  .ap-information__body > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }

.ap-search-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem; }
  @media print, screen and (min-width: 40em) {
    .ap-search-action {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem;
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
  .ap-search-action input {
    max-width: 360px;
    width: 100%;
    margin-bottom: 0; }

.ap-search-result-container {
  margin: 0;
  width: 100%;
  height: 600px;
  overflow: auto;
  white-space: nowrap; }

.ap-search-result {
  border-spacing: 0;
  width: 100%;
  margin: 0;
  font-size: .875rem;
  background-color: #fefefe;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6; }
  .ap-search-result th, .ap-search-result td {
    padding: .5rem;
    border-left: 1px solid #e6e6e6; }
  .ap-search-result > thead {
    background-color: #093385;
    color: #fefefe; }
    .ap-search-result > thead > tr > th {
      font-weight: normal; }
  .ap-search-result > tbody > tr > td {
    border-bottom: 1px solid #e6e6e6; }
    .ap-search-result > tbody > tr > td > label {
      cursor: pointer; }
      .ap-search-result > tbody > tr > td > label > input {
        cursor: pointer;
        margin: 0; }
    .ap-search-result > tbody > tr > td.center {
      text-align: center; }
    .ap-search-result > tbody > tr > td.right {
      text-align: right; }