body {
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
  text-rendering: optimizeLegibility;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
table {
  width: 100%;
  margin-bottom: 1em;
}
h1 {
  margin: 0 0 30px;
  font-size: 30px;
  line-height: 18px;
  font-weight: 300;
  color: #363636;
}
h2,
h3 {
  margin: 0 0 15px;
  font-size: 24px;
  color: #3c4252;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}
h3 {
  font-size: 18px;
  text-align: center;
}
h4 {
  margin-bottom: 0;
}
p {
  margin: 0 0 1em;
  hyphens: auto;
}
ol {
  margin-top: 0;
}
/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  COLUMN SETUP  */
.col {
  display: block;
  float: left;
  margin: 0 0 0 3%;
}
.col:first-child {
  margin-left: 0;
}
/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
/*  GRID OF TWELVE  */
.span-12 {
  width: 100%;
}
.span-11 {
  width: 91.41%;
}
.span-10 {
  width: 82.83%;
}
.span-9 {
  width: 74.25%;
}
.span-8 {
  width: 65.66%;
}
.span-7 {
  width: 57.08%;
}
.span-6 {
  width: 48.5%;
}
.span-5 {
  width: 39.91%;
}
.span-4 {
  width: 31.33%;
}
.span-3 {
  width: 22.75%;
}
.span-2 {
  width: 14.16%;
}
.span-1 {
  width: 5.583%;
}

.container {
  position: relative;
}
.image-replace {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
header {
  height: 90px;
  padding-top: 20px;
}
header .logo a {
  background-image: url('../img/MaintainMyRV.png');
  width: 183px;
  height: 65px;
  float: left;
  max-width: 100%;
  background-size: contain;
}
header nav {
  text-transform: uppercase;
}

header nav ul {
  display: table;
  float: right;
  margin: 0;
  padding: 0;
/*   width: 100%; */
}
header nav li {
  list-style: none;
  display: table-cell;
  text-align: center;
  padding-left: 24px;
}
header nav li:first-child {
  padding-left: 0;
}
header nav li a {
  display: block;
  padding-top: 24px;
}

.menu-btn {
  position: relative;
  margin: 25px 0 0;
  right: -15px;
}
.icon-bar {
  display: block;
  width: 22px;
  height: 4px;
  border-radius: 4px;
  background-color: #8edc84;
  margin: 2px 0;
}
.page-top {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: 69px;
  height: 288px;
}
.page-top .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*
.rv .page-top .overlay {
background: rgba();
  /*background: rgba(142, 220, 132, 0.7);*//*
}*/
.side {
  padding-top: 50px;
}

.side .button-container {
  position: absolute;
  bottom: -16px;
  width: 100%;
  left: 0;
  text-align: center;
}
.side .button-container .btn {
  padding: 0 15px;
}
.side h3 {
  text-align: left;
}
footer {
  background: #4c5365;
  padding-top: 40px;
  color: #fff;
  font-weight: 300;
}
footer h2 {
  color: #fff;
  font-weight: 300;
  margin-bottom: 22px;
}
footer p {
  margin-bottom: 28px;
}
footer .sub-footer {
  background: #3c4252;
  padding: 36px 0;
  font-size: 13px;
  line-height: 1;
}

footer .sub-footer .copyright {
  float: left;
}

footer .sub-footer nav ul {
  padding: 0;
  margin: 0;
  float: right;
  margin-right: -5px;
}

footer .sub-footer nav li {
  list-style: none;
  float: left;
  text-transform: uppercase;
}

footer .sub-footer nav li a {
  color: #fff;
  display: block;
  padding: 0 10px;
}
.content {
  background: #f0f0f0;
  padding: 78px 0 1px;
}
[ng-click],
[bs-modal] {
  cursor: pointer;
}

body.rv {cursor: initial;}

.modal-body img {
	width: 100%;
}

.popover img {
	width: 100px;
}

.box {
  position: relative;
  background: #fff;
  padding: 20px;
  /*padding-top: 20px;
  padding-bottom: 20px;*/
  border-radius: 3px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.box.report-box {
    padding: 20px 0px 20px 0px;
}

.box.sortable::before {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAANCAQAAAD2pw1lAAAAK0lEQVQoz2N42Prw58P/RMOfD1sZSNIAgp8ZSLTlF8gWkiFZWka9Pxi9DwBfwPehOdSL8AAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 13px;
}
.box.invert-color {
  background: #8edc84;
  color: #fff;
}
.box.invert-color h2,
.box.invert-color h3 {
  color: #fff;
}
.box.share-box {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABGCAQAAADMBbrGAAADw0lEQVRo3sWZzUsbQRjG9+QHeFJ70HhSvLTQiiD+EwYvkpvX5qK2x4bYi4X2bAIiBQ+KQqTVYAZE8KsoRdCDglqFHCI5VBEPpoIfpMnTwzbdfOzOvDOzu33f68zz/pjPZ3YNGJrZjlF8wTluAdwija8YRbu2qqHXvQdJ/EZtFJBEz/8Ca0AMBThHAXE0+A8WwCHEcYiAv2AduAAtLtDhH1gjjkCPIzT6BRaHXMT9AevlLnn7bdDrB1gS8pH0HiwgPV7mmAXcA2tGEO8wjQQYEviMCIJoxgjUYsRBTxKsE1GsgNVkCieKYKcOelF0UsHq8BopGxEz7xTB7hwVUwijTgzWgklHCQaGvCJYnqs6iRY+WCtmuAIM6sHXnUGrM1gdYoLuXo0YA0OsckLLwcLCzl6sMSvD9mBdnCVv5U9FsEuCdgpddmBRQleGY0WwY5J6tBashTReDOsoKmAVsU5ST1m7swQ2QOrIwHDp0USaOVANFiF33ZEesyJ2yOqRarBpcleGjCRYRkJ7uhpsUaLzKnISWDmsSmgvVoMxqVzHPRHrnrjsrdQYMRMtRxotWaxFnTVWmtAMdxsUkZGaRIc1FpGWMHdo2vFu3FNSjKifY+W5z5nQJ+wrKA6onvzleSY40Yo4l1RMWeZH9q60Mk3alWkpzai6uygl3fufSIxXl7ofM3NP4loqkrdB2Mko1hMcLAPDGh6krqQHrBFUY6jX8fwMDFlpd5EVanI9v7k74wKJXSWjuMvVjIteSeaTJMzdBjdKYDfcd2U9/SX+wUHmm/Lz7but3hJeynwi6MOCi/6V72IX0EcFCzlO5YaS4y8dGxuOkxmigA1zLyGdOOMoD4vABrm755cWGP/RO8gDe2X7saiUm9CNTY76SuU2KMdqwqxL96PavTmLJnuwNx68KCvjSlDhrR1Yt9BdPGmDPQn9RXct2EdBJ/0VBgBbgiqfqsGeC6/ZA1fADoR1XlSCjROMtBvxQ1hnvBysleBes66AZQk+9pkFFiK4sGtXwK4JlUIW2BShec4VsByh0lQJrI1kqB9dAXsk1WozwYKkxnlXwPKkWkETbJzUuOAKWIFU670JNk9q7FZQas3DoK4wf0eMoc1AP7Gpn2uMod/AELGpn7uSYcjAGLGpf+cYA8OYgQliU/9OfgaGCYP4vcK/u/LvlwxDYKfddhdnxGpzBhLEpn75MTMTBpaITbd8cbClXJb59eC95y9L+ogxXHn+SqoYsQS58ak22Cm5VoK+Kxm2tcG2ybXm6OeYzq96+g/7f+fYH9ApiKnOe6ZFAAAAAElFTkSuQmCC');
  background-position: bottom right;
  background-repeat: no-repeat;
}
.box::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.notifications {
  position: absolute;
  top: -11px;
  right: -11px;
  background: #8edc84;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  text-align: center;
  line-height: 22px;
  display: inline-block;
}
.notifications.warning,
.warning .notifications {
  background: #edd12f;
}
.notifications.problem,
.problem .notifications {
  background: #c20108;
}
.btn,
a.btn {
  font-size: 12px;
  top: -3px;
  border: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  -webkit-font-smoothing: antialiased;

}

.cir-btn, a.cir-btn {
font-size: 12px;
top: -3px;
border: none;
border-bottom-width: 2px;
border-bottom-style: solid;
-webkit-font-smoothing: antialiased;
}



h2 .btn,
h2 a.btn {
  text-transform: capitalize;
}
.input-group-btn .btn,
.input-group-btn a.btn {
  top: auto;
}
.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary,
a.btn.btn-primary {
  border-bottom-color: #77c06d;
}
h1 .btn.btn-primary,
h1 a.btn.btn-primary,
h1 .btn.btn-primary,
h1 a.btn.btn-primary,
h2 .btn.btn-primary,
h2 a.btn.btn-primary,
h2 .btn.btn-primary,
h2 a.btn.btn-primary,
h3 .btn.btn-primary,
h3 a.btn.btn-primary,
h3 .btn.btn-primary,
h3 a.btn.btn-primary {
  margin-left: 20px;
}
h1 .btn.btn-primary,
h1 a.btn.btn-primary,
h1 .btn.btn-primary,
h1 a.btn.btn-primary,
.btn.btn-primary.big,
a.btn.btn-primary.big,
.btn.btn-primary.big,
a.btn.btn-primary.big {
  padding: 0 25px;
  line-height: 25px;
  font-size: 14px;
}
.btn.btn-primary.tall,
a.btn.btn-primary.tall,
.btn.btn-primary.tall,
a.btn.btn-primary.tall {
  line-height: 25px;
  padding: 0 25px;
}
.invert-color .btn.btn-primary,
.invert-color a.btn.btn-primary,
.invert-color .btn.btn-primary,
.invert-color a.btn.btn-primary {
  background: #fff;
  color: #363636;
  border-bottom-color: #e1e1e1;
}
.btn.btn-danger,
a.btn.btn-danger {
  border-bottom-color: #8f0106;
}
.btn.btn-info,
a.btn.btn-info {
  border-bottom-color: inherit;
}
.btn.btn-default,
a.btn.btn-default,
.btn.btn-link,
a.btn.btn-link {
  border-bottom: 0 none;
}
.btn.btn-lg,
a.btn.btn-lg {
  font-size: 14px;
}
.btn.btn-sm,
a.btn.btn-sm {
  font-size: 11px;
  line-height: 1.1;
}
ul.inline {
  margin: 0;
  padding: 0;
}
ul.inline li {
  display: block;
  margin-left: 0;
  margin-right: 25px;
  float: left;
}
ul.inline::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul.checked li {
  list-style: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABCUlEQVQ4y2Pou9PCQAXsBsTVlBrCBMTtQPwPRFNiEAsQLwfi/1BcRK5BjEC8BMkgEE4k17A6NINAOIUcg3yhYYRuWB2pBkkA8VssBoHwLlIN24jDoDdAXIhLkwAWsVAcBu0HYnGQGnQNqkC8B4g3oIlzAvFDLAYtA2I2mDqYYpBAPRB/hyoCBbARkmFVWAxaCsTMyJaCCAcgvoFF8UYkL79Dk9uM7CJkw9yB+BwWw2Cuq0ETB6nlwhbWyHmsFoh/o2ncAcTPkPjPgVgGV2yjC9gC8WscsfYHiO3xJR1sgppA/BiLYVWE0iEuCQU0A4+gxxwphoGwLhB/gCYXFWJyCCEFTtDYJCq7AQCYsiMAVUdOyQAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}
.plain-list {
  margin: 0;
  padding: 0;
}
.plain-list li {
  list-style: none;
}
input {
  background: #ebebeb;
  border: 0 none;
  border-radius: 4px;
  font-size: 14px;
  line-height: 24px;
  padding: 0 15px;
}
table.data-presentation {
  font-size: 12px;
  border-collapse: collapse;
}
table.data-presentation thead > tr {
  background: #8edc84;
  color: #fff;
}
table.data-presentation.sortable thead > th {
  cursor: pointer;
}
table.data-presentation th,
table.data-presentation td {
  padding: 7px 15px;
  line-height: 1;
  font-weight: 300;
  vertical-align: top;
}
table.data-presentation tbody > tr:nth-child(odd) {
  background: #ddf4da;
}
table.data-presentation tbody > tr:nth-child(even) {
  background: #fff;
}
table.data-presentation tbody > td {
  border-left: 1px solid #cccccc;
}
table.data-presentation tbody > td:first-child {
  border-left: 0 none;
}
table.data-presentation tbody td {
  position: relative;
}
table.data-presentation .delete-btn {
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
table.data-presentation tr:hover .delete-btn {
  display: block;
}
table.editable input,
table.editable textarea,
table.editable select {
  background: transparent;
  padding: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
}
table.editable textarea {
  padding: 1px;
}
table.editable input,
table.editable textarea,
table.editable button,
table.editable select {
  font-weight: inherit;
}
table.editable .btn-link {
  border: 0;
  padding: 0;
}
table.editable tbody > tr.editing {
  background: #ebebeb;
  color: #4c5365;
}
table.editable tbody > tr.editing input,
table.editable tbody > tr.editing select,
table.editable tbody > tr.editing textarea {
  background: #fff;
  padding: 0 2px;
}
table.editable .select2-container {
  width: 100%;
}
table.editable .select2-container .select2-choice {
  height: 19px;
  line-height: 19px;
}
table.editable .select2-container .select2-arrow {
  width: 16px;
}
table.editable .select2-container .select2-arrow b {
  background-position: 0 -4px;
}
table .sort {
  cursor: pointer;
  white-space: nowrap;
}
.table-controls {
  padding: 0;
  height: auto;
  margin-bottom: 18px;
}
.table-controls > div {
  float: left;
}
.table-controls .search {
  text-align: center;
}
.table-controls .search input {
  width: 100%;
}
.table-controls .column-large {
    width: 170px;
}
.datepicker {
  width: 225px !important;
}
.file-upload {
  text-align: center;
}
.file-upload table {
  margin-top: 1em;
  text-align: left;
}
.drag-over {
  border: 1px dashed #8edc84;
  background: #ddf4da;
}
.status {
  display: block;
  width: 32px;
  height: 28px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABCUlEQVQ4y2Pou9PCQAXsBsTVlBrCBMTtQPwPRFNiEAsQLwfi/1BcRK5BjEC8BMkgEE4k17A6NINAOIUcg3yhYYRuWB2pBkkA8VssBoHwLlIN24jDoDdAXIhLkwAWsVAcBu0HYnGQGnQNqkC8B4g3oIlzAvFDLAYtA2I2mDqYYpBAPRB/hyoCBbARkmFVWAxaCsTMyJaCCAcgvoFF8UYkL79Dk9uM7CJkw9yB+BwWw2Cuq0ETB6nlwhbWyHmsFoh/o2ncAcTPkPjPgVgGV2yjC9gC8WscsfYHiO3xJR1sgppA/BiLYVWE0iEuCQU0A4+gxxwphoGwLhB/gCYXFWJyCCEFTtDYJCq7AQCYsiMAVUdOyQAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-size: contain;
}
.status.warning {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAABGdBTUEAALGPC/xhBQAAAORQTFRF7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEvAAAA7dEvxHQ6kgAAAEt0Uk5Tfn2RkGnSFwTLZe71zPKsr8Kd+A3WFZvHJXbKc3QLDEbcDow4xrNy+idLNrQGu+VUqito1+8FIfc3NP79WgfkguegX3jx2kGHGAEA5WCrpgAAAQdJREFUKM990ddigjAUBuBU6+jQ7l21rW21Q3BPcFVQznn/92kwCUkUcm74z893AQkBbYYv1996Q7TN9RA91wAekM5zMtisQrDaJIIFbmeRBIZjBsbVeBDcIZ/HIBYsMZplHLia0zdhoI/5awxYowT4tg/uL1VQq++BD1QB/uyCCvu6HECPpS8d9DqsztLjZMn71cAn/78WQIvHJxXcdHnrA/g88ith4FackA1gi3whwWgiyjbAociTkQDBeXTGB7SJlveAA0deQhogJTeHgdJUVlajYcltWt6CmWyw02xmlHUWgv5AadYAf8o66FNwhskAi0B8NAH0SR6Nc0q6ZlAgR8em9yftf4bp9933f7wHAAAAAElFTkSuQmCC');
}
.status.problem {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAABGdBTUEAALGPC/xhBQAAAORQTFRFwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHAAAAwgAHV/xfWgAAAEt0Uk5TkZB+0ml9FwTuZcvM9fKsr8LH1p02+BUlynab+nIOjEZ03HOzBjgnSw0LtMYM5VS7qito1+8FIfc3NIL+X1oHoOTn/Xja8UGHGAEANTuz1QAAAQZJREFUKM990ddCwjAUBuAoDnAgILhAUGTJ3ntbCj3n/d+HlCRNIm3OTf/z97toEwLajL8TSb0h2ra0EK2lAbwjna9gcNi5YHcIBCs8zSoIjGcMzIr+wIkjnzfHF8zRm7kfqGzoGzfQx+bTB+xRAsyeg9eUCtKlM/CDKsDqf5BjX3cLMGCprINBj9U39DhZsgoayPD/6wB0eMyr4KXPWxvA5pFfCQMf4oSaAE2RnyWYbEXZBbgSeTsRwIl5Z3wNcOktNYeDhbyEC9rIbcHA71pWjVarIbd1/QSmssFeux1S1qkLhiOl2QP8KetoSMETBgOMArHRBNAmd2ice9I3g0cSCZveP3SPPLj33S13ZGEAAAAASUVORK5CAII=');
}
.aside .aside-dialog .aside-header {
  background: #8edc84;
}
.collapsible-header {
  cursor: pointer;
  border-bottom: 1px solid #3c4252;
  margin-top: 10px;
  font-size: 18px;
  color: #363636;
}
.collapsible-header:first-child {
  margin-top: 0;
}
.collapsible-header:hover {
  color: #8edc84;
}
.collapsible-panel {
  background: #f0f0f0;
  padding: 10px;
}

.mod-user {
  position: relative;
  display: block;
  float: right;
  text-align: right;
  font-size: 14px;
  line-height: 1;
}
.mod-user .text,
.mod-user .pic {
  float: left;
  margin-left: 3px;
}
.mod-user .text {
  padding-top: 24px;
}
.mod-user .links {
  font-size: 11px;
  margin: 0 -3px 0;
  padding: 0;
}
.mod-user .links li {
  list-style: none;
  border-left: 1px solid;
  padding: 0 3px;
  float: left;
}
.mod-user .links li:first-child {
  border-left: 0 none;
}
.mod-user .links li:first-child a {
  padding-left: 0;
}
.mod-user .links li a {
  text-decoration: underline;
}
.icon-success {
font-size: 50px;
/* display: none; */

}
.mod-circle-chart.problem .info,
.mod-circle-chart.problem .heading strong {
  color: #c20108;
}

.mod-messages {
padding: 0;
margin: -20px 0 0;
}
.mod-vehicle-selector .vehicle {
position: relative;
padding: 0 55px 0 19px;
background-color: #f0f0f0;
border-radius: 4px;
width: auto;
max-width: 100%;
min-width: 300px;
margin-bottom: 50px;
z-index: 100;
}


 .mod-vehicle-selector .vehicle .mileage .odometer {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 35px;
display: inline-block;
}


.mod-page-tab {
  position: fixed;
  width: 128px;
  left: -48px;
  top: 170px;
  margin-top: 48px;
  background: #3c4252;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  line-height: 33px;
  color: #fff;
  text-align: center;
  z-index: 999;
  box-shadow: 0 0 1px #ccc;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
}
.mod-page-tab-right {
  left: auto;
  right: -48px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
}
.mod-page-tab-stacked {
  transform: none;
  border-radius: 0 4px 4px 0;
  width: 33px;
/*   height: 128px; */
  right: 0;
  margin-top: 0;
  padding-bottom: 4px;
}
.mod-page-tab-stacked.mod-page-tab-right {
  border-radius: 4px 0 0 4px;
}
.mod-page-tab-stacked ul {
  margin: 0;
  padding: 0;
}
.mod-page-tab-stacked ul li {
  list-style: none;
}
.mod-social li {
  padding: 7px 6px 0 5px;
}
.mod-social li:first-child {
  padding-top: 5px;
}
.mod-social a {
  background-image: url('../img/social-icons.png');
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.mod-social a.google-plus {
  background-position: 50% 0px;
}
.mod-social a.linked-in {
  background-position: 50% -31px;
}
.mod-social a.facebook {
  background-position: 50% -62px;
}
.mod-social a.twitter {
  background-position: 50% -94px;
}
.mod-vehicle-selector {
  position: relative;
}
.mod-vehicle-selector.active {
background: rgba(255, 255, 255, 0.7);
padding: 15px;
top: -15px;
/*left: -15px;*/
border-radius: 5px;
}

.mod-vehicle-selector .vehicle::before {
  content: '';
  background: #8edc84;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.mod-vehicle-selector .vehicle.problem::before {
  background: #c20108;
}

.mod-vehicle-selector .vehicle .mileage {
  background-color: #3c4252;
  font-size: 10px;
  font-weight: 300;
  text-transform: none;
  color: #fff;
  position: absolute;
  padding: 0 7px;
  height: 35px;
  line-height: 1.2;
  left: 11px;
  top: 44px;
  border-radius: 4px;
  z-index: 10;
}
.mod-vehicle-selector .vehicle .mileage .btn {
  margin-top: -30px;
}
.mod-vehicle-selector .vehicle .mileage .as-of {
  display: inline-block;
  width: 75px;
  text-align: center;
  position: relative;
  top: -7px;
}
.mod-vehicle-selector .vehicle .mileage .odometer {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 35px;
  display: inline-block;
}
.mod-vehicle-selector .vehicle .mileage .odometer li {
  list-style: none;
  border-left: 1px solid #4c5365;
  float: left;
  padding: 0 7px;
}

.mod-vehicle-selector .vehicle .trigger.select {
  background-image: url('data:image/png;base64,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');
}
.mod-vehicle-selector .add-vehicle {
  position: relative;
}
.doughnut-chart {
  position: absolute;
  display: block;
  margin: -3px auto 0;
  z-index: 999;
  /*font-size: 21px;*/
}

.doughnut-chart .chart {
  position: relative;
}


.doughnut-chart .infoContainer {
  position: absolute;
  background-color: #fff;
  text-align: center;
  font-weight: 300;
  box-sizing: border-box;
  /*line-height: 30px;*/
  left: 1px;
  top: 1px;
  padding-top:30%;
}


.doughnut-chart .infoContainer .info {
  position: absolute;
  padding: 0px !important;
  width: 100%;
  display: none;
}
.doughnut-chart .infoContainer .info.problem .number {
  color: #c20108;
}
.doughnut-chart .infoContainer .info.warning .number {
  color: #edd12f;
}
.doughnut-chart .infoContainer .info.warning2 .number {
  color: #ec8000;
}


.doughnut-chart .schedule-btn {
  display: none;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 100%;
  background-color: #fff;
  text-align: center;
}
.doughnut-chart .schedule-btn .btn {
  position: relative;
  margin-top: 50%;
  top: -1em;
  z-index: 1000;
}
.doughnut-chart:hover .info-container {
  display: none;
}
.doughnut-chart:hover .schedule-btn {
  display: block;
}
.mmrv-doughnut-chart {
  max-width: 360px;
}
.mod-tabs {
  width: 100%;
  height: 35px;
  background-color: #3c4252;
  position: absolute;
  bottom: -35px;
  font-weight: 300;
}
.mod-tabs ul {
  margin: 0 auto;
  padding: 0;
}
.mod-tabs ul li {
  list-style: none;
  float: left;
  margin-left: 2px;
}
.mod-tabs ul li:first-child {
  margin-left: 0;
}
.mod-tabs ul li a {
  display: block;
  line-height: 36px;
  padding: 0 30px;
  position: relative;
  top: -36px;
  font-size: 15px;
  color: #fff;
  background-color: #4c5365;
  border-radius: 4px 4px 0 0;
}

.mod-tabs ul li a.warning {
  background-color: #edd12f;
}
.mod-tabs ul li a.warning .notifications {
  color: #edd12f;
}
.mod-tabs ul li a.problem {
  background-color: #c20108;
}
.mod-tabs ul li a.problem .notifications {
  color: #c20108;
}
.mod-tabs ul li a.active {
  background-color: #3c4252;
}
.mod-tabs ul li .notifications {
  position: static;
  background-color: #fff;
}
.mod-tabs .sub-tabs {
  position: absolute;
  left: 20px;
}
.mod-tabs .sub-tabs a {
  background-color: transparent;
  border-radius: 0;
  font-size: 13px;
  line-height: 35px;
  top: 0;
  padding: 0 10px;
}
.mod-tabs .mobile-menu-trigger {
  width: 80%;
  margin: 4.5px auto 0;
  padding: 4px 0;
}

.mod-timeline ul {
  margin: 0;
  padding: 15px 0 0;
  width: 100%;
  min-width: 500px;
  line-height: 1;
}
.mod-timeline ul li {
  list-style: none;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  width: 8.3333333%;
  box-sizing: border-box;
  position: relative;
  padding: 16px 0 0 5px;
}
.mod-timeline ul li::after {
  content: '';
  display: block;
  background-color: #8edc84;
  width: 100%;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-timeline ul li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.mod-timeline ul li.warning::after {
  background-color: #ec8000;
}
.mod-timeline ul li.problem::after {
  background-color: #c20108;
}
.mod-timeline ul li .notifications {
  left: -16px;
  top: -7px;
  border: 3px solid #fff;
  border-radius: 14px;
  text-indent: 0;
  width: 28px;
  height: 28px;
  z-index: 10;
}

.mod-timeline ul li .popover.top {
  margin: -40px 0 0 7px;
}
.mod-timeline ul li .popover-content {
  white-space: nowrap;
}
.mod-timeline ul .problem .notifications.upcoming {
  background-color: #edd12f;
}
.mod-timeline ul::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.mod-circle-chart {
  position: relative;
  text-align: center;
}
.mod-circle-chart .chart-container {
	position: absolute;
	width: 100%;
}

.mod-circle-chart .circle-chart-icon {
	position: relative;
	top: 25px;
}

.mod-circle-chart .chart {
  margin-bottom: 13px;
}

.mod-circle-chart .complete {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 45%;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 1;
  color: #8edc84;
}
.mod-circle-chart .complete.warning {
  color: #edd12f;
}
.mod-circle-chart .complete.problem {
  color: #c20108;
}
.mod-circle-chart h3 {
  position: relative;
  top: 85px;
}

.mod-circle-chart.problem h3 {
  position: relative;
  top: 90px;
}
.mod-circle-chart .info {
  position: relative;
  text-align: center;
  color: #8edc84;
  width: 100%;
/*
  margin-top: 50%;
  transform: translateY(-50%);
*/
  top: 30px;
  z-index: 2;
}

.mod-circle-chart .info.problem {
  top: 55px;
}

.mod-circle-chart .info .heading {
  font-weight: 300;
  line-height: 1.2;
  color: #363636;
}
/*.mod-circle-chart .info .heading strong {
  font-weight: 700;
  font-size: 24px;
  display: block;
  color: #8edc84;
  margin-bottom: 10px;
}*/
.mod-circle-chart .all-good {
  position: relative;
/*
  top: -78px;
  padding-top: 60px;
*/
  width: 100%;
  font-weight: 300;
  line-height: 1.2;
  color: #363636;
}
.mod-circle-chart.battery .all-good {
  background: url('../img/battery.png') no-repeat center 20px;
}
.mod-circle-chart.car .all-good {
  background: url('../img/car.png') no-repeat center 20px;
}
.mod-circle-chart.cogs .all-good {
  background: url('../img/cogs.png') no-repeat center 20px;
}
.mod-circle-chart.engine .all-good {
  background: url('../img/engine.png') no-repeat center 20px;
}
.mod-circle-chart.error .all-good {
  background: url('../img/error.png') no-repeat center 20px;
}
.mod-circle-chart.gas-tank .all-good {
  background: url('../img/gas-tank.png') no-repeat center 20px;
}
.mod-circle-chart.radiator .all-good {
  background: url('../img/radiator.png') no-repeat center 20px;
}
.mod-circle-chart.steering-wheel .all-good {
  background: url('/steering-wheel.png') no-repeat center 20px;
}
.mod-circle-chart.thermometer .all-good {
  background: url('../img/thermometer.png') no-repeat center 20px;
}
.mod-circle-chart.tools .all-good {
  background: url('../img/tools.png') no-repeat center 20px;
}
.mod-circle-chart.warning .all-good {
  background: url('../img/warning.png') no-repeat center 20px;
}
.mod-circle-chart.warning .info,
.mod-circle-chart.warning .heading strong {
  color: #edd12f;
}
/*.mod-circle-chart.problem .info,
.mod-circle-chart.problem .heading strong {
  color: #c20108;
}*/
.mod-meter-chart .meter {
  position: relative;
}
.mod-meter-chart .meter-container {
  position: relative;
  margin: -56px 0 20px;
  height: 103px;
  width: 100%;
  overflow: hidden;
}
.meter .needle {
   position: absolute;
  background: url('../img/needle.svg') no-repeat bottom right;
  width: 50%;
  height: 160px;
  bottom: -14px;
  left: 5px;
  transform-origin: 94% 93% !important;

}
.mod-link-list h3 {
  text-align: left;
}
.mod-link-list ul {
  padding: 0 0 27px;
}
.mod-link-list li {
  position: relative;
  list-style: inside none;
  font-size: 13px;
  line-height: 21px;
  padding-left: 7px;
}
.mod-link-list li::before {
  content: '.';
  position: absolute;
  top: -30%;
  left: 0;
  font-size: 24px;
}
.mod-link-list li a {
  text-decoration: underline;
}
.mod-link-list .btn,
.mod-link-list .btn.btn-primary {

}
.mod-last-fill h3 {
  float: left;
  line-height: 35px;
  margin: 0;
}
.mod-last-fill .info {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAMAAAACPC7cAAAABGdBTUEAALGPC/xhBQAAAaRQTFRFwsLCZmZm5OTk09PTKysr8/Pzf39/sbGxra2t5eXlqampdXV1eHh40tLSq6urnp6eeXl539/fzc3Nbm5u/v7+////////X19fqqqqXl5ee3t7sLCw////k5OTc3Nz19fXnp6ekpKSf39/RkZGlZWVIyMj3t7eHBwcISEhZmZmyMjIsbGx0tLSS0tLPj4+/Pz87+/vZGRkTk5O+/v7srKyX19fHh4eu7u7Z2dnUFBQNzc31NTUREREt7e3YWFhWVlZ6enpbW1tqKioSEhI9/f34+PjIiIijY2NuLi4paWl9fX1PT095eXl8vLy29vbpqamMDAwQ0NDNDQ0n5+f2trazs7OycnJwsLCioqKVVVVW1tbgYGBq6urPDw8bm5uenp6YmJiXFxca2trJSUlhoaGLy8veHh4RUVFSkpK1dXV8PDwMTExLS0tOzs7tra2fn5+JycnoKCg6urqb29vSUlJ+vr6d3d3fHx8dnZ2dXV1ZWVleXl5nJycKioqnZ2dbGxsY2NjiIiI/v7+/f392NjYKysrMjIyKSkpLCwsKCgoMzMz////2iDs4gAAAB10Uk5T7+/v7/Tv4O/04O/v7+/v7+/v7+/v9ODv7+/v7++gyAXGAAABRUlEQVQoz13RZXfCMBSA4czdkTEyd3d3d3ffcNfhULay0nb3Ty+lB+v78Tk5kRtUUaUSU6qUBQgXYiyTYQUq13a5oxRFRamOVr0X3BEP0CBHld2QqU0DPo2xDwCjZhOdYUMcoKd/cFrgr0SG/YQDWmZewkHCQ1bXforHRaPF1RDdOxd4NHvku8A3zD3h2jEPnRDzfbwR3r2iCKvZxfB3qvAn6ye8Y/IKzHGxGJOK0196t3wQMR4JnPxLd7G9xrlhlTfnMx+BzTBsLEUlbIB1J8DCrIQDJ1YHwEyyIY/Z5+tjC8CEvS6PY6GngPDcyaY8ZuKvL0DTEFFKVj8GhSFM1SM1k7O388D1cLYcsjWisl6eTTcXhEM7Z1txYFTSqftJpzMDeO5uT8lMitp/s41YxAljVMznNDBMrkf+Q45KW3KqrsGpFP8B8uKrSnN6mwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 30px;
  text-align: right;
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.mod-last-fill .info small {
  display: block;
  font-size: 12px;
  font-weight: 300;
}
/*.mod-messages {
  padding: 0;
  margin: -20px 0 0;
}*/
.mod-messages li {
  list-style: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAABGdBTUEAALGPC/xhBQAAAORQTFRF7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEv7dEvAAAA7dEvxHQ6kgAAAEt0Uk5Tfn2RkGnSFwTLZe71zPKsr8Kd+A3WFZvHJXbKc3QLDEbcDow4xrNy+idLNrQGu+VUqito1+8FIfc3NP79WgfkguegX3jx2kGHGAEA5WCrpgAAAQdJREFUKM990ddigjAUBuBU6+jQ7l21rW21Q3BPcFVQznn/92kwCUkUcm74z893AQkBbYYv1996Q7TN9RA91wAekM5zMtisQrDaJIIFbmeRBIZjBsbVeBDcIZ/HIBYsMZplHLia0zdhoI/5awxYowT4tg/uL1VQq++BD1QB/uyCCvu6HECPpS8d9DqsztLjZMn71cAn/78WQIvHJxXcdHnrA/g88ith4FackA1gi3whwWgiyjbAociTkQDBeXTGB7SJlveAA0deQhogJTeHgdJUVlajYcltWt6CmWyw02xmlHUWgv5AadYAf8o66FNwhskAi0B8NAH0SR6Nc0q6ZlAgR8em9yftf4bp9933f7wHAAAAAElFTkSuQmCC');
  background-position: left center;
  background-repeat: no-repeat;
  padding: 20px 0 20px 60px;
  min-height: 2em;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  border-top: 1px solid #e5e5e5;
}
.mod-messages li:first-child {
  border-top: 0 none;
}
.mod-messages li.problem {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAABGdBTUEAALGPC/xhBQAAAORQTFRFwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHwgAHAAAAwgAHV/xfWgAAAEt0Uk5TkZB+0ml9FwTuZcvM9fKsr8LH1p02+BUlynab+nIOjEZ03HOzBjgnSw0LtMYM5VS7qito1+8FIfc3NIL+X1oHoOTn/Xja8UGHGAEANTuz1QAAAQZJREFUKM990ddCwjAUBuAoDnAgILhAUGTJ3ntbCj3n/d+HlCRNIm3OTf/z97toEwLajL8TSb0h2ra0EK2lAbwjna9gcNi5YHcIBCs8zSoIjGcMzIr+wIkjnzfHF8zRm7kfqGzoGzfQx+bTB+xRAsyeg9eUCtKlM/CDKsDqf5BjX3cLMGCprINBj9U39DhZsgoayPD/6wB0eMyr4KXPWxvA5pFfCQMf4oSaAE2RnyWYbEXZBbgSeTsRwIl5Z3wNcOktNYeDhbyEC9rIbcHA71pWjVarIbd1/QSmssFeux1S1qkLhiOl2QP8KetoSMETBgOMArHRBNAmd2ice9I3g0cSCZveP3SPPLj33S13ZGEAAAAASUVORK5CAII=');
}
.mod-promos li {
  margin: 25px 0;
  text-align: center;
}
.mod-pager {
  font-size: 13px;
  text-transform: uppercase;
  color: #3c4252;
}
.mod-pager a {
  display: inline-block;
  color: #3c4252;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
  margin-left: 8px;
}
.mod-pager a:hover {
  text-decoration: none;
}
.mod-pager a.disabled {
  color: #bec3cf;
  cursor: not-allowed;
}
.mod-pager a.active {
  background: #3c4252;
  border-radius: 8px;
  color: #fff;
}
.mod-pager .pages {
  float: left;
}
.mod-pager .pages a:first-child {
  margin-left: 0;
}
.mod-pager .page-size {
  float: right;
}

@media only screen and (max-width: 480px) {
.page-size{
	margin-top:10px;
 	float:left !important;
 }
}

.mod-pager .page-size a {
  margin-right: 8px;
}
.mod-pager .page-size a:first-child {
  margin-left: 8px;
}
.mod-pager .page-size a.active {
  padding: 0 7px;
}
.mod-add-vendor textarea {
  padding-bottom: 7px;
}
.mod-schedule-category h2 .notifications {
  position: relative;
  top: 3px;
  right: auto;
  margin-right: 5px;
}
.mod-schedule-category .timelines {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
.mod-schedule-category .timelines > li {
  background: #ebebeb;
  border-radius: 5px;
  padding-left: 15px;
  line-height: 29px;
}
.mod-schedule-category .timelines > li .summary {
  width: 34%;
  float: left;
  padding-right: 5px;
}
.mod-schedule-category .timelines > li .mod-timeline {
  background: #fff;
  float: left;
  width: 66%;
  padding-top: 0;
}
@media (max-width: 992px) {
  .mod-schedule-category .timelines > li .mod-timeline {
    padding-top: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }



.mod-timeline ul li .today {
top: -15px;
}
}
.mod-schedule-category .timelines > li.schedule-detail {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 35px;
}
.mod-schedule-category .timelines > li.schedule-detail .summary {
  width: calc(34% - 12px);
}
.mod-schedule-category .timelines > li.schedule-detail .mod-timeline {
  width: calc(66% + 12px);
}
.mod-schedule-category .timelines > li.schedule-detail .info {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAMAAAC+XgR6AAAABGdBTUEAALGPC/xhBQAAALFQTFRFlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVAAAAlZWVzeevaAAAADp0Uk5Tj3XxOjVARe7zQuskMiXDN9DoBdKW9hKLCw0CfmzIvZ7Libk4elTplaXtZBH5sOa1AR3dYv3bUgYJAPOoTVEAAAB/SURBVAjXJc5VEgMBCANQ6u6uW/euW7j/wRq2fL3JBAaBTStpRGJYt1WbhVaqGhbCInbrf2Hpg8q2u9t+TvUmM9YiSGfYnVJXSH8wHql+3pAAKaMvbMOjUlMQqz4z04bRnSfFD6kzXpAqkeDygJSow/GUQ4RSJ2ev4pa9mj3xA1sKHYFRq8mgAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-color: #d7d7d7;
  background-position: center center;
  border-radius: 5px;
  width: 30px;
  height: 29px;
  display: block;
  position: absolute;
  left: 0;
}
.mod-schedule-category .timelines > li.schedule-detail .due {
  float: right;
}
.mod-schedule-category .timelines > li.schedule-detail .due.warning {
  color: #edd12f;
}
.mod-schedule-category .timelines > li.schedule-detail .due.problem {
  color: #c20108;
}

.mod-timeline ul li .today {
position: absolute;
height: 42px;
width: 100px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
padding-left: 5px;
top: -27px;
z-index: 1;
}

.mod-schedule-category .timelines > li.schedule-detail .today {
  width: 1px;
  height: 15px;
  overflow: hidden;
  top: 0;
}
.mod-schedule-category .timelines > li.schedule-detail.first .today {
  width: auto;
  height: 30px;
  top: -15px;
}
.mod-schedule-category .timelines > li.schedule-detail .notifications {
  color: transparent;
}
.schedule-detail dd {
  text-transform: capitalize;
}
.schedule-detail .notes {
  text-transform: none;
}
.mod-schedule-modify .row input,
.mod-schedule-modify .row textarea {
  max-width: 100%;
}
.mod-schedule-modify .half {
  width: 100%;
  padding-bottom: 5px;
  /*Mod Schedule*/
  /*width: 50%;*/
}
.mod-schedule-modify .data-presentation {
  table-layout: fixed;
  margin-top: 10px;
}
.mod-schedule-modify .select.dropdown-menu {
  text-align: left;
}
.mod-schedule-modify .bump-down {
  top: 3px;
}
.mod-schedule-modify .bump-down.btn {
  top: 2px;
  margin-bottom: 5px;
}
.select-icon {
  margin-bottom: 15px;
}



/*.maintenance{
    table.data-presentation tbody{
        tr{
            background: #fff;
            &.editing{
                background: @input;
            }

            td{
                padding: 0;

                &>div{
                    padding: 7px 15px;

                    &:first-child{
                        background: @light-green;
                        background-origin: border-box;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        height: 26px;
                    }
                }
            }
            &.editing{
                td{
                    &>div{
                        color: @medium-gray;
                        background: @input;
                        padding: 5px 15px;
                    }
                }
            }
        }
    }
}*/
.modal-backdrop.am-fade {
  opacity: .5;
  transition: opacity .15s linear;
}
.modal-backdrop.am-fade.ng-enter {
  opacity: 0;
}
.modal-backdrop.am-fade.ng-enter.ng-enter-active {
  opacity: .5;
}
.modal-backdrop.am-fade.ng-leave {
  opacity: .5;
}
.modal-backdrop.am-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-timeline ul {
  padding-top: 0;
}
.mod-timeline.pushdown {
  margin-top: 2em;
}
.infoContainer .info.good .number {
  background-color: #8edc84;
}
span.notifications.warning2 {
  background-color: #edd12f;
}
span.notifications.warning {
  background-color: #ec8000;
}
span.notifications.ok {
  background-color: #8edc84;
}
.notifications.problem {
  background-color: #c20108 !important;
}
.mod-timeline ul li.warning2::after {
  background-color: #edd12f;
}
/*
.progress {
  overflow: visible;
  color: grey;
  text-align: center;
  color: black;
  width: 33%;
  float: left;
  position: absolute;
  margin-left: 25%;
} */
.progress .progress-title {
  position: absolute;
  top: -18px;
  width: 100%;
  text-align: center;
  left: 0;
}
.progress span.tick-25 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 25%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-50 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 50%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
  color: grey;
}
.progress span.tick-75 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 75%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.righttick-100 {
  position: absolute;
  right: 0;
  /* margin-top: -1em; */
  z-index: 999;
  height: 40px;
  border-right: 1px solid grey;
  display: block;
  top: -18px;
  color: grey;
  padding-right: 3px;
}
.progress span.lefttick-0 {
  position: absolute;
  left: 0;
  /* margin-top: -1em; */
  z-index: 999;
  height: 34px;
  line-height: 14px;
  color: grey;
  border-left: 1px solid grey;
  display: block;
  top: -15px;
  padding-left: 3px;
}
.progress span.tick-11 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 11%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-22 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 22%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-33 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 33%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-44 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 44%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-55 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 55%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-66 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 66%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-77 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 77%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.progress span.tick-88 {
  bottom: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: 88%;
  display: inline-block;
  border-left: 1px solid grey;
  left: 0;
}
.activeplan {
  background: #3c4252;
  color: #fff;
  text-align: center;
}
.activeplan h4 {
  font-size: 25px;
}
.activeplan .price-plan .symb {
  font-size: 28px;
}
.activeplan .price-plan .numbrs {
  font-size: 50px;
  vertical-align: middle;
}
.activeplan .price-plan .txt-des {
  display: block;
}
.btnsuper {
  position: relative;
  text-align: center;
  top: -40px;
  z-index: 10;
}
.fil {
  overflow: hidden;
}
.cont-sel {
  display: inline-block;
  width: 48%;
}
.options-pay {
  margin: 25px 0 25px;
  text-align: center;
}
.options-pay input[type="radio"] {
  float: none;
}
.option-gbs {
  margin: 25px 0;
}
.cusrad {
  padding: 0 0 20px;
  text-align: center;
  width: 100%;
}
.cusrad label {
  background: url(../img/b-disk.png) no-repeat left top;
  background-size: 100%;
  border: none!important;
  color: #3c4252;
  float: none!important;
  height: 99px;
  margin: 0 12px;
  position: relative;
  width: 136px;
}
.cusrad label:hover,
.cusrad label.active {
  background: url(../img/b-disk.png) no-repeat left bottom;
  border: none;
}
.cusrad label .name-gb {
  font-size: 32px;
  line-height: 28px;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 18px;
  width: 60px;
}
.cusrad label .name-gb span {
  display: block;
}
.cusrad label .name-gb small {
  font-size: 18px;
  display: block;
}
.options-choose {
  margin: 25px 0 10px;
}
.cusrad_cho {
  padding: 0 0 20px;
  text-align: center;
  width: 100%;
}
.cusrad_cho label {
  background-size: 100%;
  border: none!important;
  color: #3c4252;
  float: none!important;
  height: 109px;
  margin: 0 12px;
  position: relative;
  width: 246px;
}
.cusrad_cho label .name-gb {
  display: block;
  font-size: 22px;
  line-height: 28px;
  padding: 0 10px;
  position: absolute;
  bottom: 9px;
  width: 100%;
}
.cusrad_cho label.cho1 {
  background: url(../img/car-back.png) no-repeat left top;
}
.cusrad_cho label.cho1:hover,
.cusrad_cho label.cho1.active {
  background: url(../img/car-back.png) no-repeat left bottom;
  border: none;
}
.cusrad_cho label.cho2 {
  background: url(../img/orla.png) no-repeat left top;
}
.cusrad_cho label.cho2:hover,
.cusrad_cho label.cho2.active {
  background: url(../img/orla.png) no-repeat left bottom;
  border: none;
}
.loginContainer {
  min-height: 232px;
}
.overlayTitle {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 100px;
  color: #FFFFFF;
}
.ctnLogin {
  position: absolute;
  top: -175px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
.ctngLgn {
  min-height: 165px;
  position: relative;
}
.fix-grid-row {
  width: 200px;
}
/*.icon-large {
  font-size: 50px;
}*/
.icon-success {
  color: #8edc84;
}
.icon-error {
  color: #A94442;
}
/*
.icon1 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon1:before {
  content: "\2a";
}*/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-7xyx5s');
	src:url('fonts/icomoon.eot?#iefix-7xyx5s') format('embedded-opentype'),
		url('fonts/icomoon.woff?-7xyx5s') format('woff'),
		url('fonts/icomoon.ttf?-7xyx5s') format('truetype'),
		url('fonts/icomoon.svg?-7xyx5s#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-gas_can:before {
	content: "\e600";
}

.icon1 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon1:before {
  content: "\e600";
}

.icon2 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon2:before {
  content: "\e602";
}



.icon3 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon3:before {
  content: "\e603";
}
.icon4 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon4:before {
  content: "\e604";
}
.icon5 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon5:before {
  content: "\e605";
}
.icon6 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon6:before {
  content: "\e606";
}
.icon7 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon7:before {
  content: "\e607";
}
.icon8 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon8:before {
  content: "\e608";
}
.icon9 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon9:before {
  content: "\e609";
}
.icon10 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon10:before {
  content: "\e60a";
}

.icon21 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon21:before {
  content: "\e60b";
}

.icon11 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon11:before {
  content: "\e60c";
}
.icon12 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon12:before {
  content: "\e60d";
}
.icon13 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon13:before {
  content: "\e60e";
}

.icon14 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon14:before {
  content: "\e60f";
}

.icon15{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon15:before {
  content: "\e610";
}

.icon16{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon16:before {
  content: "\e611";
}

.icon17{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon17:before {
  content: "\e612";
}

.icon18{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon18:before {
  content: "\e613";
}

.icon19{
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon19:before {
  content: "\e614";
}

.icon20 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon20:before {
  content: "\e601";
}





.vehicle{text-align:left !important;}

.mod-vehicle-selector .vehicle.green:before {
  background: #8edc84;
}
.mod-vehicle-selector .vehicle.orange:before {
  background: orange;
}
.mod-vehicle-selector .vehicle.red:before {
  background: red;
}
/*
.mod-timeline ul li .today {
  top: -27px;
}*/
.mheight {
  min-height: 250px;
}
.mod-schedule-category .timelines > li .summary {
  width: 34.15%;
}
.mod-schedule-category .timelines > li .mod-timeline {
  width: 65.85%;
}
.mod-schedule-category .timelines > li.schedule-detail.first .today {
  top: -27px;
}
h2 {
  margin-bottom: 33px;
}
textarea.form-control {
  padding: 4px 10px;
}
/*
.maintenance table.data-presentation tbody >tr:nth-child(odd){
    background: #ddf4da;
}
.maintenance table.data-presentation tbody tr:nth-child(even) td > div:first-child{
    background: #fff;
}
.maintenance table.data-presentation tbody tr.editing td{
    background: #ebebeb;
}
.maintenance table.data-presentation tbody tr.editing td > div:first-child{
    background: #ebebeb;
}
*/
table.mou-parent tbody tr td {
  padding-left: 0;
  padding-right: 0;
}
table.mou-child tbody tr td {
  padding-left: 0;
  padding-right: 0;
}
table.mou-grid tbody tr:nth-child(odd) {
  background: #fff;
}
table.mou-grid tbody tr:nth-child(even) {
  background: #ebebeb;
}
table.mou-grid tbody tr.mou-subtotal {
  background: #ddf4da;
}
table.mou-grid tbody tr.mou-subtotal td {
  font-weight: bold;
  padding-left: 20px;
}
table.mou-grid tbody tr.mou-total {
  background: #fff;
}
table.mou-grid tbody tr.mou-total td {
  font-size: 21px;
  font-weight: bold;
}
.mou-select {
  float: right;
  margin-left: 10px;
}
.mou-select .select2-container {
  width: 150px;
}
table.mou-parent th,
table.mou-parent td {
  text-align: center;
}
.col01 {
  width: 10%;
}
.col02 {
  width: 10%;
}
.col03 {
  width: 25%;
}
.col04 {
  width: 20%;
}
.col05 {
  width: 10%;
}
.col06 {
  width: 10%;
}
.col07 {
  width: 15%;
}

.default-report-table .col01 {
  width: 8%;
}
.default-report-table .col02 {
  width: 6%;
}

.fix-grid-column {
  width: 110px;
  white-space: normal !important;
  overflow: visible !important;
  word-wrap: break-word;
}
.fix-grid-mou {
  width: 40px;
  float: left;
}
.select2-results .select2-result-label {
  font-size: 11px;
}
table.editable .select2-container .select2-choice {
  font-size: 11px;
}
.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
.clear-search {
  float: right;
  top: 0px;
  position: absolute;
  right: 20px;
}
.addon-value {
  line-height: 25px;
  padding: 2px 12px;
  color: #fff;
  background-color: #8EDC84;
  margin-right: 10px;
}



.fix-grid-columnacl {
  width: 200px;
  white-space: normal !important;
  overflow: visible !important;
  word-wrap: break-word;
}
.fix-grid-columnac {
  width: 79px;
  white-space: normal !important;
  overflow: visible !important;
  word-wrap: break-word;
}
.fix-grid-columnsm {
  width: 75px;
  white-space: normal !important;
  overflow: visible !important;
  word-wrap: break-word;
}
.mv-btn.btn-primary,
a.mv-btn.btn-primary,
.mv-btn.btn-primary,
a.mv-btn.btn-primary {
  border-bottom-color: #77c06d;
  margin-left: 5px;
}
.mv-btn, a.mv-btn {
font-size: 12px;
top: -3px;
border: 0 none;
border-bottom-width: 2px;
border-bottom-style: solid;
-webkit-font-smoothing: antialiased;
}

.c-btn.btn-primary,
a.c-btn.btn-primary,
.c-btn.btn-primary,
a.c-btn.btn-primary {
  border-bottom-color: #3c4252;
  margin-left: 5px;
  margin-bottom: 5px;
}
.c-btn, a.c-btn {
font-size: 12px;
top: -3px;
border: 0 none;
border-bottom-width: 2px;
border-bottom-style: solid;
-webkit-font-smoothing: antialiased;
padding-bottom: 5px;
}


/************** Media Qrys*************/


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.box.sortable::before{background:none;}
.category-handle .icon-large{ display:none;}
.input-lgN{max-width:90% !important; padding:0px; padding-left:10px; margin-bottom:10px;}
}

@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .span-12,
  .span-11,
  .span-10,
  .span-9,
  .span-8,
  .span-7,
  .span-6,
  .span-5,
  .span-4,
  .span-3,
  .span-2,
  .span-1 {
    width: 100%;
  }

  .icon-large {
font-size: 31px;
/* display: none; */

}
.mod-last-fill .info {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAMAAAACPC7cAAAABGdB…uT8lMitp/s41YxAljVMznNDBMrkf+Q45KW3KqrsGpFP8B8uKrSnN6mwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 30px;
  text-align: right;
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
}



h2, h3 {
  margin: 0 0 30px;
  font-size: 20px;
  color: #3c4252;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}



 .mod-vehicle-selector .vehicle .trigger {
position: absolute;
right: 0;
top: 0;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAQAAAB3TUQ1AAAA+klEQVQoU32Pu0pDURBFd3Kb1IErWIgpLUTsbLQQwV+wir9goUjAgJW1foGFbWpBRHwsP0Gs0lhE7ITbGQwZizvn5D4SmebM2uvAHiHWuaaBFkyDG9aQSBliHC0UTzCGpOIBwxizNVfb5hfDeBI9DMP4oF3TUkaenomEF19uK02b3HnySiJEh8xBryT2nWZ0UI66jibsRG2XidNDFEQxcPjJEkIs8+VkkBtBbMfa9yQkPPs2CifOGu0z9fCcC39N2Qt5sfxVbBq+XM7Sotji3YV83mjNF8Um46j9sFHMyqI4jeJxOamK4d5Hmv+LYpWMb1aqvC6KLgd1+gdnbXJtvNmD8gAAAABJRU5ErkJggg==');
height: 100%;
width: 60px;
border-left: 1px solid #d8d8d8;
z-index: 9;
}


  .icon-large {
font-size: 50px;
/* display: none; */
}


}





@media (max-width: 1199px) {
  .mod-tabs ul li a {
    padding: 0 20px;
  }
}

@media (min-width:768px) and (max-width: 1199px) {
.mod-vehicle-selector .vehicle .label {
font-size: 24px;
line-height: 50px;
color: #3c4252;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
min-width: 225px;
width: auto;
/* text-overflow: ellipsis; */
padding: 0;
padding-right: 10px;
}


.mod-vehicle-selector .vehicle .btn {
  margin-top: -7px;
  margin-left: 7px;
  margin-right: 13px;
}


}



@media (min-width:990px)  {
.progress {
overflow: visible;
color: grey;
text-align: center;
color: black;
width: 33%;
float: left;
position: absolute;
margin-left: 25%;
}
}





@media  (max-width: 990px) {
.progress {
overflow: visible;
color: grey;
text-align: center;
color: black;
width: 90%;
float: left;
position: absolute;
/* margin-left: 25%; */
top: 45px;
margin-bottom: 10px;
}

}







@media (min-width:768px) and (max-width: 991px) {

.mod-vehicle-selector .vehicle {
  position: relative;
  padding: 0 55px 0 19px;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 350px;
  max-width: 100%;
  margin-bottom: 50px;
  z-index: 100;
}

 .mod-vehicle-selector .vehicle .trigger {
position: absolute;
right: 0;
top: 0;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAQAAAB3TUQ1AAAA+klEQVQoU32Pu0pDURBFd3Kb1IErWIgpLUTsbLQQwV+wir9goUjAgJW1foGFbWpBRHwsP0Gs0lhE7ITbGQwZizvn5D4SmebM2uvAHiHWuaaBFkyDG9aQSBliHC0UTzCGpOIBwxizNVfb5hfDeBI9DMP4oF3TUkaenomEF19uK02b3HnySiJEh8xBryT2nWZ0UI66jibsRG2XidNDFEQxcPjJEkIs8+VkkBtBbMfa9yQkPPs2CifOGu0z9fCcC39N2Qt5sfxVbBq+XM7Sotji3YV83mjNF8Um46j9sFHMyqI4jeJxOamK4d5Hmv+LYpWMb1aqvC6KLgd1+gdnbXJtvNmD8gAAAABJRU5ErkJggg==');
height: 100%;
width: 50px;
border-left: 1px solid #d8d8d8;
z-index: 9;
}
.mod-vehicle-selector .vehicle {
  position: relative;
  padding: 0 55px 0 19px;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 400px;
  max-width: 100%;
  margin-bottom: 50px;
  z-index: 100;
}


}


@media (min-width: 375px) and (max-width: 599px) {


.mod-vehicle-selector .vehicle .btn {
  margin-top: -7px;
  margin-left: 7px;
  margin-right: 13px;
}

.mod-vehicle-selector .vehicle .label {
font-size: 24px;
line-height: 50px;
color: #3c4252;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
width: auto;
/* text-overflow: ellipsis; */
padding: 0;
padding-right: 10px;
}


.mod-vehicle-selector .vehicle .btn {
  margin-top: -7px;
  margin-left: 7px;
  margin-right: 13px;
}
}

@media (max-width: 1200px) {
.mod-circle-chart h3 {
position: relative;
top: 70px;
}

.mod-circle-chart .info.problem {
top: 42px;
font-size: 11.5px;
}

.cir-btn, a.cir-btn {
font-size: 11.5px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 70px;
}

}




@media (min-width: 1200px) {
.mod-vehicle-selector .vehicle .label {
font-size: 24px;
line-height: 50px;
color: #3c4252;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
min-width: 200px;
width: auto;
/* text-overflow: ellipsis; */
padding: 0;
padding-right: 10px;
}

.mod-vehicle-selector .vehicle .btn {
  margin-top: -7px;
  margin-left: 7px;
  margin-right: 13px;
}

.page-top {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-top: 69px;
  height: 288px;
}
.mod-vehicle-selector {
position: relative;

}






}

@media (max-width: 991px) {

.doughnut-chart .infoContainer {
    line-height: 15px;
  }
  header nav {
    position: absolute !important;
   /*width: 100%;*/
	width: 90%;
    top: 90px;
  }


  .side {
    padding-top: 0;
  }


  header nav li {
    padding-left: 18px;
  }


  .mod-user {
    line-height: 1.5;
  }
  .mod-user .notifications {
    position: static;
  }
    .page-top {
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding-top: 25px;
height: 288px;
}

  .doughnut-chart {
font-size: 12px;
}

  .doughnut-chart .infoContainer .number {
font-weight: bold;
font-size: 30px;
line-height: 1;
}

  .doughnut-chart .infoContainer {
position: absolute;
background-color: #fff;
text-align: center;
font-weight: 300;
box-sizing: border-box;
/*line-height: 2px;*/
left: 1px;
top: 1px;
}

  .mod-vehicle-selector {
position: relative;
padding-left: 20px;
}

.mmrv-doughnut-chart {
position: relative;
display: block;
margin: -3px auto 0;
padding-right: 35px;
z-index: 999;

}

 /* .doughnut-chart .infoContainer {
line-height: 15px;
}*/





  .mod-schedule-category .timelines > li.schedule-detail .due {
    float: none;
  }

/*
.mod-timeline ul li .today {
top: -27px;
}*/

.mod-timeline ul li .today {
position: absolute;
height: 35px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
padding-left: 5px;
top: -20px;
z-index: 1;
}
.mod-circle-chart .info.problem {
top: 52px;
font-size: 13px;
}

.cir-btn, a.cir-btn {
font-size: 11px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 90px;
}



}











@media (max-width: 500px) {
  header nav li {
    display: block;
    padding: 0;
  }
}



@media (max-width: 768px) {
  footer .sub-footer nav ul {
    float: none;
    text-align: center;
  }
    .icon-large {
font-size: 45px;
/* display: none; */

}
.mod-circle-chart h3 {
position: relative;
top: 90px;
}
.mod-last-fill .info {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAMAAAACPC7cAAAABGdB…uT8lMitp/s41YxAljVMznNDBMrkf+Q45KW3KqrsGpFP8B8uKrSnN6mwAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 30px;
  text-align: right;
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
}

  .mod-vehicle-selector .vehicle .btn {
 /* margin-top: -7px;*/
  margin-left: 7px;
  margin-right: 13px;
}

.mod-vehicle-selector .vehicle .label {
font-size: 17px;
line-height: 50px;
color: #3c4252;
text-transform: uppercase;
display: inline-block;
width: 240px;
text-overflow: ellipsis;
padding-right: 10px;
}



.mod-vehicle-selector .vehicle {
  position: relative;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 400px;
  max-width: 100%;
  z-index: 100;
}
h2, h3 {
  margin: 0 0 30px;
  font-size: 20px;
  color: #3c4252;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}



 .mod-vehicle-selector .vehicle .trigger {
position: absolute;
right: 0;
top: 0;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAQAAAB3TUQ1AAAA+klEQVQoU32Pu0pDURBFd3Kb1IErWIgpLUTsbLQQwV+wir9goUjAgJW1foGFbWpBRHwsP0Gs0lhE7ITbGQwZizvn5D4SmebM2uvAHiHWuaaBFkyDG9aQSBliHC0UTzCGpOIBwxizNVfb5hfDeBI9DMP4oF3TUkaenomEF19uK02b3HnySiJEh8xBryT2nWZ0UI66jibsRG2XidNDFEQxcPjJEkIs8+VkkBtBbMfa9yQkPPs2CifOGu0z9fCcC39N2Qt5sfxVbBq+XM7Sotji3YV83mjNF8Um46j9sFHMyqI4jeJxOamK4d5Hmv+LYpWMb1aqvC6KLgd1+gdnbXJtvNmD8gAAAABJRU5ErkJggg==');
height: 100%;
width: 60px;
border-left: 1px solid #d8d8d8;
z-index: 9;
}


  footer .sub-footer .copyright {
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }

  footer .sub-footer nav li {
    float: none;
  }



  footer .sub-footer nav li {
    float: none;
  }


	   .page-top {
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding-top: 25px;
height: 355px;
}

.mod-circle-chart .info {
top: 25px;
font-size: 14px;
}
.doughnut-chart .infoContainer .info {
position: absolute;
top: 50%;
transform: translateY(-60%);
/* padding: 0 65px; */
width: 100%;
display: none;
}


  footer .sub-footer {
    line-height: 2;
    padding: 20px 0;
  }








}






@media (min-width: 992px) {

 .mod-vehicle-selector .vehicle .trigger {
position: absolute;
right: 0;
top: 0;
 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAQAAAB3TUQ1AAAA+klEQVQoU32Pu0pDURBFd3Kb1IErWIgpLUTsbLQQwV+wir9goUjAgJW1foGFbWpBRHwsP0Gs0lhE7ITbGQwZizvn5D4SmebM2uvAHiHWuaaBFkyDG9aQSBliHC0UTzCGpOIBwxizNVfb5hfDeBI9DMP4oF3TUkaenomEF19uK02b3HnySiJEh8xBryT2nWZ0UI66jibsRG2XidNDFEQxcPjJEkIs8+VkkBtBbMfa9yQkPPs2CifOGu0z9fCcC39N2Qt5sfxVbBq+XM7Sotji3YV83mjNF8Um46j9sFHMyqI4jeJxOamK4d5Hmv+LYpWMb1aqvC6KLgd1+gdnbXJtvNmD8gAAAABJRU5ErkJggg==');
height: 100%;
width: 60px;
border-left: 1px solid #d8d8d8;
z-index: 9;
}

.mod-timeline ul li .today {
top: -27px;
}
.mod-timeline ul li .today {
  position: absolute;
  height: 42px;
  /*width:100px*/
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 5px;
  top: -27px;
  z-index: 1;
}

  .doughnut-chart {
font-size: 21px;
}

  .doughnut-chart .infoContainer .number {
font-weight: bold;
font-size: 60px;
line-height: 1;
}
  .doughnut-chart .infoContainer {
line-height: 24px;
}



}


@media (max-width: 600px) {
.mod-circle-chart h3 {
position: relative;
top: 90px;
font-size: 18px;

}



.mod-circle-chart .info.problem {
top: 48px;
font-size: 12.5px;
}

.cir-btn, a.cir-btn {
font-size: 10.5px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 90px;
font-size: 18px;
}



}

@media (max-width: 574px) {
.mod-circle-chart .circle-chart-icon {
position: relative;
top: 30px;
}
.mod-circle-chart .all-good {
top: 20px;
}
.mod-circle-chart h3 {
top: 105px;
}




.mod-circle-chart .info.problem {
top: 55px;
font-size: 14px;
}

.cir-btn, a.cir-btn {
font-size: 12px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 100px;

}


}



@media (max-width : 479px) {

.mmrv-doughnut-chart {
position: relative;
display: block;
margin: -3px auto 0;
padding-right: 120px;
z-index: 999;

}
h2, h3 {
margin: 0 0 10px;
font-size: 20px;
color: #3c4252;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
}




@media (max-width: 800px) {
  .mod-vehicle-selector {
position: relative;
padding-left: 20px;
}









}









@media (max-width: 646px) {
  .mod-user {
    line-height: 1.5;
  }
  .mod-user .notifications {
    position: static;
  }
 .page-top {
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding-top: 25px;
height: 355px;
}





}



@media (min-width: 992px) {
.mod-circle-chart .info .heading strong {
  font-weight: 700;
  font-size: 24px;
  display: block;
  color: #8edc84;
  margin-bottom: 10px;
}
}




  @media (max-width: 570px) {
  .mod-timeline {
    width: 100%;
    padding-top: 25px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media (max-width: 480px) {

  .mod-vehicle-selector .vehicle .btn {
 /* margin-top: -7px;*/
  margin-left: 7px;
 /* margin-right: 13px;*/
}

.mod-vehicle-selector .vehicle .label {
width: 190px;
}
.mod-vehicle-selector .vehicle {
  position: relative;
  padding: 0 55px 0 19px;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 350px;
  max-width: 100%;
  margin-bottom: 50px;
  z-index: 100;
}

.mod-circle-chart .circle-chart-icon {
top: 20px;
}

.mod-circle-chart .info {
top: 18px;
}
.mod-circle-chart .all-good {
top: 0px;
font-size: 11px
}
.mod-circle-chart h3 {
top: 90px;
font-size: 16px;
}

.mod-circle-chart .info.problem {
top: 40px;
font-size: 11px;
}

.cir-btn, a.cir-btn {
font-size: 10px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 90px;
font-size: 16px;

}


}



}


@media (max-width: 400px) {


.mod-vehicle-selector .vehicle .label {
  font-size: 12px;
  width: 180px;
  text-overflow: ellipsis;
  padding: 0;
}


.mod-vehicle-selector .vehicle .mileage .btn {
margin-top: -20px;
}


.mod-vehicle-selector .vehicle {
  position: relative;
  padding: 0 10px 0px;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 320px;
  max-width: 100%;
  margin-bottom: 50px;
  z-index: 100;
}


.mod-vehicle-selector .vehicle .btn {
  margin-top: 8px;
  margin-left: 2px;
  font-size: 11px;
}
.mod-vehicle-selector .vehicle .mileage .odometer {
margin: 0;
padding: 0;
font-size: 14px;
padding: 0 0px;
}

.mod-vehicle-selector .vehicle .trigger {
width: 55px;
font-size: 11px;
}



.doughnut-chart .infoContainer .info {
position: absolute;
top: 50%;
transform: translateY(-60%);
/* padding: 0 65px; */
width: 100%;
display: none;
/*padding-top: 400px;*/
}


.doughnut-chart {
 padding-right: 200px;
   margin-left: 55px;
}

.doughnut-chart .infoContainer {
  position: absolute;
  background-color: #fff;
  text-align: center;
  font-weight: 300;
  box-sizing: border-box;

}


.mmrv-doughnut-chart {
  position: absolute;
  display: block;
  margin: -3px auto 0;
  padding-right: 45px;
  z-index: 999;
  top: 90px;
}

.mmrv-doughnut-chart {
max-width: 275px;
float: center;
}




}

@media (max-width: 375px) {
  .mod-user {
    line-height: 1.5;
  }
  .mod-user .notifications {
    position: static;
  }

h1 {
  margin: 0 0 30px;
  font-size: 30px;
  line-height: 25px;
  font-weight: 300;
  color: #363636;
}

    .page-top {
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding-top: 25px;
height: 380px;
}
.mmrv-doughnut-chart {
max-width: 275px;
float: center;
}


.icon-large {
font-size: 31px;
/* display: none; */

}

.mod-last-fill .info {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAMAAAACPC7cAAAABGdB…uT8lMitp/s41YxAljVMznNDBMrkf+Q45KW3KqrsGpFP8B8uKrSnN6mwAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: left 50%;
padding-left: 30px;
text-align: right;
float: right;
font-size: 18px;
font-weight: 400;
line-height: 1;
padding-bottom: 15px;
}
.mod-circle-chart.problem .info,
.mod-circle-chart.problem .heading strong {
  color: #c20108;

}
h3 {
font-size: 13px;
text-align: center;
}

.mod-messages {
padding: 10px;
margin: -20px 0 0;
}


.doughnut-chart .infoContainer .info {
position: absolute;
top: 50%;
transform: translateY(-60%);
/* padding: 0 65px; */
width: 100%;
display: none;
/*padding-top: 400px;*/
}


.doughnut-chart {
  font-size: 11px;
 padding-right: 200px;
   margin-left: 65px;
}

.doughnut-chart .infoContainer {
  position: absolute;
  background-color: #fff;
  text-align: center;
  font-weight: 300;
  box-sizing: border-box;
  /* line-height: 30px; */
 /* left: -200px;
  top: 110px;*/
}


.mmrv-doughnut-chart {
  position: absolute;
  display: block;
  margin: -3px auto 0;
  padding-right: 45px;
  z-index: 999;
  top: 115px;
}


}



@media (max-width:360px) {

.mod-circle-chart .info {
top: 10px;
}
.mod-circle-chart .all-good {
top: 8px;
font-size: 11px;
}
.mod-circle-chart h3 {
top: 90px;
font-size: 14px;
}


.mod-circle-chart .info.problem {
top: 40px;
font-size: 10px;
}

.cir-btn, a.cir-btn {
font-size: 8px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 90px;
font-size: 14px;

}
}

@media (min-width:320px) and (max-width: 570px) {
.mod-timeline ul li .today {
  position: absolute;
  height: 42px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 5px;
  top: -20px;
  z-index: 1;
}
}

@media (max-width: 320px) {
.mod-circle-chart.problem .heading strong {
color: #c20108;
font-size: 10px;
}
.mod-circle-chart .info .heading strong {
font-weight: 700;
font-size: 12px;
}
.mod-circle-chart h3 {
top: 73px;
font-size: 14px;
}
.mod-circle-chart .info .heading strong {
  font-weight: 700;
  font-size: 11px;
  /* margin-bottom: 10px; */
}
.mod-circle-chart .all-good {
top: 5px;
font-size: 11px;
}


.mod-circle-chart .info.problem {
color: #c20108;
top: 20px;
font-size: 11px;
}

.cir-btn, a.cir-btn {
font-size: 9px;
}

.mod-circle-chart.problem h3 {
position: relative;
top: 120px;
font-size: 14px;

}



/*
.container {
width: 320px;
} */
.icon-large {
  font-size: 25px;
}
.icon-success {
  font-size: 25px;
}
.side h3 {
  text-align: left;
  margin-bottom: 30px;
}


.mod-circle-chart .info {
position: relative;
text-align: center;
color: #8edc84;
width: 100%;
margin-top: 45%;
transform: translateY(-50%);
top: 18px;
z-index: 2;
top: 10px;
right: 100px;
}




.doughnut-chart .infoContainer .info {
position: absolute;
top: 50%;
transform: translateY(-60%);
/* padding: 0 65px; */
width: 100%;
display: none;
/*padding-top: 400px;*/
}


.doughnut-chart {
  font-size: 11px;
 padding-right: 200px;
   margin-left: 40px;
   left: 0px;
}

.doughnut-chart .infoContainer {
  position: absolute;
  background-color: #fff;
  text-align: center;
  font-weight: 300;
  box-sizing: border-box;
  /* line-height: 30px; */
 /* left: -200px;
  top: 110px;*/
}


.mmrv-doughnut-chart {
  position: absolute;
  display: block;
  margin: -3px auto 0;
  padding-right: 45px;
  z-index: 999;
    top: 130px;
}




.mod-last-fill h3 {
  float: left;
  line-height: 35px;
  margin: 0;
}
.mod-last-fill .info {
  background-position: left 50%;
  padding-left: 30px;
  text-align: right;
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.mod-last-fill .info small {
  display: block;
  font-size: 12px;
  font-weight: 300;
}

.mod-schedule-category .timelines > li {
  padding-left: 5px;
  line-height: 20px;
}

.mod-vehicle-selector .vehicle {
  position: relative;
  padding: 0 10px 0px;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 280px;
  max-width: 100%;
  margin-bottom: 50px;
  z-index: 100;
}


.mod-vehicle-selector .vehicle .label {
  font-size: 12px;
  width: 140px;
  text-overflow: ellipsis;
  padding: 0;
}


.mod-vehicle-selector .vehicle .mileage .btn {
margin-top: -20px;
}


  }

.dropdown-menu{z-index:9999;}
.margin-bottom-5{margin-bottom:5px;}
.margin-5{margin:5px;}
.margin-top-5{margin-top:5px;}
.mimic {border:3px dashed red}
.errorHilight { background-color:  red; color: white; padding: 10px}

.design-modal .modal-header h3{
            background-color: #77c06d;
           color: white;
           font-size:  30px;

    }

    .design-modal  .modal-body {
          font-size: 24px;
        color: #424242 ;
        line-height: 1.2em;
    }


#equipment-screen .control-label {
  margin-top: .6em;
  margin-bottom: .1em;
}

.fixed-save-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding: 1em;
  background: #5bc24e;
  z-index: 100;
}

.fixed-save-bar.ng-enter, .fixed-save-bar.ng-leave {
  transition: bottom 0.5s ease-out;
}
.fixed-save-bar.ng-enter,
.fixed-save-bar.ng-leave.ng-leave-active {
  bottom: -50px;
}

.fixed-save-bar.ng-leave,
.fixed-save-bar.ng-enter.ng-enter-active {
  bottom: 0;
}

.row.ctnLogin {
    position:  relative !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr10 {
    padding-right: 20px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.p10 {
    padding: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}
.page-title {
    float: left;
    margin-right: 30px;
    margin-top: 5px;
}

@media only screen and (max-width: 767px) {
    .page-title {
        float: none;
    }
}
.help-text {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px;
}

.help-text a {
    text-decoration: none;
}

.alert-setting.label {
    margin-top: 4px;
    margin-left: 10px;
}

.report-table table th {
    text-align: center;
}

.report-table table > thead:first-child > tr:first-child > th {
    border: 1px solid #777;
}

.report-table table > thead > tr > th {
    border: 1px solid #777;
}

table.data-presentation thead > tr {
    color: #000;
}

.modal-body .alert-danger {
    width: 100%;
    margin-bottom: 0px;
}

.modal-body .alert-success {
    width: 100%;
    margin-bottom: 0px;
}

.allVehicles .background {
  background: #f0f0f0;
}

.allVehicles .title-wrapper {
  background: #4c5365;
  margin-bottom:30px;
}

.allVehicles h1 {
  text-transform: uppercase;
  color: white;
  padding: 1em;
  margin: 0;
}


@media (min-width: 1200px) {
  .allVehicles .vehicles {
    column-count: 2;
    column-gap: 30px;
  }
}

.allVehicles .vehicle-box {
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.allVehicles .vehicle-box h2 {
  margin-bottom: 20px;
  float: left;
}

.allVehicles .vehicle-box .buttons {
  float: right;
}

.allVehicles .updateable-entry {
  margin: 15px 0;
  border: 1px solid #777;
  padding: 10px 0;
}

.allVehicles .vehicle-box .notes {
  border: 1px solid #777;
  position: relative;
  padding:15px;
}

.allVehicles .vehicle-box .notes h4 {
  position: absolute;
  left: 20px;
  top: -20px;
  background: white;
  padding: 0 10px;
}

.allVehicles .notes .contents {
  white-space: pre-line;
  max-height: 12em;
  overflow: auto;
  margin-bottom: 15px;
}

.allVehicles .new-vehicle {
  text-align: center;
}

.allVehicles .new-vehicle button {
  padding: 5px 20px;
  margin: 10px;
}

.allVehicles .new-vehicle p {
  padding: 5px 20px;
  margin: 10px;
}


.maintenance-item-description {
  height: 1.5em;
  white-space: nowrap;
}

.initial-activity-box {
  padding: 5px 0 0 0;
  border: 1px solid #bbb;
}

.table-striped tr:nth-child(odd) .initial-activity-box  {
  border: 1px solid #888;
}