body {
  color: #777;
  font-family: 'Roboto', sans-serif;
  background: #F8F8F8;
}

body * {
  color: #777;
  font-family: 'Roboto', sans-serif;
}

#toast-container * {
  color: #FFF;
}

hr {
  opacity: 1;
  background: #EEE;
}

.text-primary {
  color: #E53935 !important;
}

.btn {
  padding: 15px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.btn-primary {
  background: #E53935;
  color: #FFF;
}

.btn-primary:hover {
  background: #b42c2a;
  color: #FFF;
}

.btn-primary:focus {
  background: #b42c2a;
  color: #FFF;
}

.btn-primary:active {
  background: #b42c2a;
  color: #FFF;
}

.btn-primary[disabled] {
  background: #E53935;
  color: #FFF;
  opacity: .7;
  cursor: not-allowed;
}

.btn-secondary {
  background: #F8F8F8;
  color: #333;
}

.btn-secondary:hover {
  background: #EEE;
  color: #333;
}

.btn-secondary:focus {
  background: #EEE;
  color: #333;
}

.btn-secondary:active {
  background: #EEE;
  color: #333;
}

.btn-secondary[disabled] {
  background: #F8F8F8;
  color: #333;
  opacity: .7;
  cursor: not-allowed;
}

.btn-success {
  background: #03c9a9;
  color: #FFF;
}

.btn-success:hover {
  background: #03af92;
  color: #FFF;
}

.btn-success:focus {
  background: #03af92;
  color: #FFF;
}

.btn-success:active {
  background: #03af92;
  color: #FFF;
}

.btn-success[disabled] {
  background: #03af92;
  color: #FFF;
  opacity: .7;
  cursor: not-allowed;
}

.input-group-text {
  padding: 15px;
  background: #F8F8F8;
  border-color: #EEE;
  border-radius: 8px 0 0 8px;
  color: #333;
  font-size: 14px;
}

.input-group-append .btn {
  border: 1px solid #EEE;
  border-radius: 0 8px 8px 0;
}

.form-control {
  padding: 15px;
  border: 1px solid #EEE;
  border-radius: 8px;
  height: auto;
  font-size: 14px;
}

.navbar {
  background: #FFF;
  border-bottom: 1px solid #EEE;
}

.navbar .navbar-brand img {
  max-width: 100%;
  max-height: 45px;
}

.navbar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar .links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.navbar .links-list li {
  padding: 0;
  margin: 0;
}

.navbar .links-list li a {
  color: #777;
  font-size: 20px;
  text-decoration: none;
}

.navbar .links-list li a.active i {
  color: #E53935;
}

.navbar .account-dropdown {
  padding: 0;
}

.navbar .account-dropdown .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  padding: 15px;
  background: rgba(229, 57, 53, 0.1);
  gap: 10px;
}

.navbar .account-dropdown .user-info i {
  color: #E53935;
  font-size: 20px;
}

.navbar .account-dropdown .user-info .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.navbar .account-dropdown .user-info .content .user-name {
  display: block;
  margin-bottom: 5px;
  color: #333;
  font-size: 14px;
  line-height: 1;
}

.navbar .account-dropdown .user-info .content .user-contact {
  display: block;
  color: #777;
  font-size: 12px;
  line-height: 1;
}

.navbar .account-dropdown .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  padding: 15px;
  border-top: 1px solid #EEE;
  transition: background .25s;
  -moz-transition: background .25s;
  -webkit-transition: background .25s;
}

.navbar .account-dropdown .dropdown-item:hover,
.navbar .account-dropdown .dropdown-item:focus,
.navbar .account-dropdown .dropdown-item:active {
  background: #EEE;
  text-decoration: none;
}

.navbar .account-dropdown .dropdown-item span {
  color: #333;
  font-size: 14px;
}

.navbar .account-dropdown .dropdown-item i {
  color: #E53935;
  font-size: 14px;
}

.page-content {
  padding: 30px 0;
}

[v-cloak] {
  display: none;
}

.disclaimer-body ul {
  margin: 0;
  padding-left: 16px;
}

.disclaimer-body ul li {
  margin: 0;
  color: #333;
  font-size: 14px;
}

.disclaimer-body ul li + li {
  margin-top: 10px;
}

nav.breadcrumbs {
  position: relative;
  padding: 15px 0;
  background: #FFF;
}

nav.breadcrumbs::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(229, 57, 53, 0.1);
}

nav.breadcrumbs ol.breadcrumb {
  position: relative;
  margin: 0;
}

nav.breadcrumbs ol.breadcrumb .breadcrumb-item {
  color: #333;
  font-size: 12px;
  font-weight: 500;
}

nav.breadcrumbs ol.breadcrumb .breadcrumb-item a {
  color: #777;
  text-decoration: none;
}

.page-header {
  padding: 50px 0;
  border-bottom: 5px solid #E53935;
  background: #FFF;
}

.page-header .page-header-content .content span {
  display: block;
  margin-bottom: 5px;
  color: #E53935;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.page-header .page-header-content .content h1 {
  margin-bottom: 5px;
  color: #333;
  font-size: 28px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.page-header .page-header-content .content p {
  margin: 0;
  color: #777;
  font-size: 16px;
}

.page-body {
  padding: 30px 0;
}

.report-card {
  margin-top: 30px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  overflow: hidden;
}

.report-card .card-img {
  width: 100%;
  height: 80px;
  background: #000;
  border-bottom: 5px solid #E53935;
}

.report-card .card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.report-card .card-body {
  padding: 15px;
}

.report-card .card-body .chassis-number {
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.report-card .card-body .vehicle {
  color: #777;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.report-card .card-body .tags {
  margin-top: 15px;
}

.report-card .card-body .tags .tag {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  border-radius: 4px;
  background: #E53935;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.report-card .card-foot {
  padding: 15px;
  border-top: 1px solid #EEE;
  background: rgba(229, 57, 53, 0.1);
}

.report-card .card-foot .disclaimer {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}

.report-card .card-foot .disclaimer i {
  margin-right: 5px;
  color: #E53935;
  font-size: 14px;
}

.report-card .card-foot .disclaimer span {
  color: #333;
}

.report-card .card-foot.success {
  background: rgba(3, 175, 146, 0.1);
}

.report-card .card-foot.success .disclaimer i {
  color: #03c9a9;
}