﻿/* MMRV Front-End Begin */
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;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
ol {
  margin-top: 0;
}
dt, dd {
    padding: 3px 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%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@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%;
  }
}
.container {
  position: relative;
}
.image-replace {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-position: center 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('../Images/MaintainMyRV.png');
  width: 183px;
  height: 65px;
  float: left;
}
header nav {
  text-transform: uppercase;
}
header nav ul {
  display: table;
  float: left;
  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;
  line-height: 70px;
}
.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(142, 220, 132, 0.7);
}
.page-top .doughnut-chart {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 999;
  font-size: 24px;
}
.page-top .doughnut-chart .chart {
  position: relative;
  width: 312px;
  height: 312px;
}
.page-top .doughnut-chart .info {
  position: absolute;
  width: 312px;
  height: 312px;
  border-radius: 156px;
  background-color: #fff;
  text-align: center;
  font-weight: 300;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 75px 65px;
  line-height: 30px;
}
.page-top .doughnut-chart .info .number {
  font-weight: bold;
  font-size: 60px;
  line-height: 1;
  color: #c20108;
}
.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;
  margin-top: 35px;
  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;
}
.box {
  position: relative;
  background: #fff;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.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;
  text-transform: capitalize;
  top: -3px;
  border: 0 none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.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-default,
a.btn.btn-default,
.btn.btn-link,
a.btn.btn-link {
  border-bottom: 0 none;
}
ul.inline {
  margin: 0;
  padding: 0;
}
ul.inline li {
  display: block;
  margin-left: 25px;
  float: left;
}
ul.inline li:first-child {
  margin-left: 0;
}
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 {
  text-align: left;
  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 > td {
  border-left: 1px solid #cccccc;
}
table.data-presentation tbody > td:first-child {
  border-left: 0 none;
}
table.editable input,
table.editable textarea {
  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 .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%;
}
.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: 6px;
}
.mod-user .text {
  padding-top: 24px;
  text-align: right;
}
.mod-user .links {
  font-size: 11px;
  margin: 0 -3px 0;
  padding: 0;
  float: right;
}
.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;
}
.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;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mod-page-tab-right {
  left: auto;
  right: -48px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mod-page-tab-stacked {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 0 4px 4px 0;
  width: 33px;
  height: 128px;
  right: 0;
  margin-top: 0;
}
.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('../Images/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::before {
  content: '';
  position: absolute;
  width: 420px;
  top: -20px;
  bottom: -50px;
  left: -20px;
  background: #cfcfcf;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.mod-vehicle-selector .vehicle {
  position: relative;
  padding: 0 55px 0 19px;
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 380px;
  max-width: 100%;
  margin-bottom: 50px;
  z-index: 100;
}
.mod-vehicle-selector .vehicle::before {
  content: '';
  background: #edd12f;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.mod-vehicle-selector .vehicle .label {
  font-size: 24px;
  line-height: 50px;
  color: #3c4252;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  width: 210px;
  text-overflow: ellipsis;
  padding: 0;
}
.mod-vehicle-selector .vehicle .btn {
  margin-top: -7px;
}
.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 {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAQAAAB3TUQ1AAAA+klEQVQoU32Pu0pDURBFd3Kb1IErWIgpLUTsbLQQwV+wir9goUjAgJW1foGFbWpBRHwsP0Gs0lhE7ITbGQwZizvn5D4SmebM2uvAHiHWuaaBFkyDG9aQSBliHC0UTzCGpOIBwxizNVfb5hfDeBI9DMP4oF3TUkaenomEF19uK02b3HnySiJEh8xBryT2nWZ0UI66jibsRG2XidNDFEQxcPjJEkIs8+VkkBtBbMfa9yQkPPs2CifOGu0z9fCcC39N2Qt5sfxVbBq+XM7Sotji3YV83mjNF8Um46j9sFHMyqI4jeJxOamK4d5Hmv+LYpWMb1aqvC6KLgd1+gdnbXJtvNmD8gAAAABJRU5ErkJggg==');
  height: 100%;
  width: 39px;
  border-left: 1px solid #d8d8d8;
  z-index: 9;
}
.mod-vehicle-selector .vehicle .trigger.select {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAABGdBTUEAALGPC/xhBQAAAMNQTFRFgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCAAAAgoKCnfFSGwAAAEB0Uk5TRntyYWSnBLqkAeGwCe7mvLj8JVXnRz19QPt/2OspxCAcP+2zpkIY8CRxCi1NpewXv4cCfhAyznr3sXzjAwb+AH4DS7wAAACnSURBVBjTXdDVEsMgEAXQ1N3d3TUuTdj9/6/qbtKZBpjhAucFLhqoQ8toihi60BUrFhCzslXKiJiTzSTCvGR3wWam7bhlwlLa/Jiel8Qsjl5M7xewdVs1ynqVaR/RqyGaeihsAJfpEXKT8Yz3PlgNWnZR3G7gsAk7oHSuSWMwRhM6tpuI/fXvF2gO5/GNnQ38DRYfNhfSBivCZSgb3E7eGRSDQ/Dv+AXb8FDO3kWugAAAAABJRU5ErkJggg==');
}
.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-timeline {
  margin: 0;
  padding: 15px 0 0;
  width: 100%;
  line-height: 1;
}
.mod-timeline li {
  list-style: none;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  width: 8.3333333%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 16px 0 0 5px;
}
.mod-timeline li::after {
  content: '';
  display: block;
  background-color: #8edc84;
  width: 100%;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-timeline li:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.mod-timeline li.warning::after {
  background-color: #edd12f;
}
.mod-timeline li.problem::after {
  background-color: #c20108;
}
.mod-timeline 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 li .today {
  position: absolute;
  height: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 5px;
  top: -15px;
  z-index: 11;
}
.mod-timeline li .popover.top {
  margin: -40px 0 0 7px;
}
.mod-timeline li .popover-content {
  white-space: nowrap;
}
.mod-timeline::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.mod-circle-chart {
  position: relative;
}
.mod-circle-chart .chart {
  margin-bottom: 13px;
}
.mod-circle-chart .chart.battery {
  background: url('../Images/battery.png') no-repeat center 37%;
}
.mod-circle-chart .chart.car {
  background: url('../Images/car.png') no-repeat center 37%;
}
.mod-circle-chart .chart.cogs {
  background: url('../Images/cogs.png') no-repeat center 37%;
}
.mod-circle-chart .chart.engine {
  background: url('../Images/engine.png') no-repeat center 37%;
}
.mod-circle-chart .chart.error {
  background: url('../Images/error.png') no-repeat center 37%;
}
.mod-circle-chart .chart.gas-tank {
  background: url('../Images/gas-tank.png') no-repeat center 37%;
}
.mod-circle-chart .chart.radiator {
  background: url('../Images/radiator.png') no-repeat center 37%;
}
.mod-circle-chart .chart.steering-wheel {
  background: url('../Images/steering-wheel.png') no-repeat center 37%;
}
.mod-circle-chart .chart.thermometer {
  background: url('../Images/thermometer.png') no-repeat center 37%;
}
.mod-circle-chart .chart.tools {
  background: url('../Images/tools.png') no-repeat center 37%;
}
.mod-circle-chart .chart.warning {
  background: url('../Images/warning.png') no-repeat center 37%;
}
.mod-circle-chart .complete {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 40%;
  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-meter-chart .meter {
  position: relative;
}
.mod-meter-chart .meter-container {
  position: relative;
  margin: -56px 0 20px;
  height: 103px;
  width: 100%;
  overflow: hidden;
}
.mod-meter-chart .needle {
  position: absolute;
  background: url('../Images/needle.svg') no-repeat bottom right;
  width: 160px;
  height: 160px;
  bottom: -14px;
  left: 5px;
  -webkit-transform-origin: 150px 146px !important;
  -ms-transform-origin: 150px 146px !important;
  transform-origin: 150px 146px !important;
}
.mod-link-list h3 {
  text-align: left;
}
.mod-link-list ul {
  padding: 0 0 27px;
  height: 12em;
}
.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 {
  position: absolute;
  bottom: 20px;
  top: auto;
}
.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;
}
.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;
}
.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 .caret-indicator {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAALCAMAAACj4OZyAAAABGdBTUEAALGPC/xhBQAAAHtQTFRFiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJAAAAiYmJ+asvKQAAACh0Uk5TPTxATUFOLzIuMZt6ecH4RfH59TX280lR+jlb7e9X6Gbr/ipv5iX8ACqNtBAAAACBSURBVBjTZcxHFsJADAPQgQAJLb33Lt3/hDhAMhSt7K9nqyvJ+gQdqxa5KQwdWQQbBwXZDVBAM5OuevPOJecGiyOXwnee7PjCOV6OxCPtowyGTXoJVkcckmmFKiXDGNqxj+T+Iv+iAz4dWcklZYZvx7kVbk38OvqRY49/x3Sf9PIATeAiXrqKkSgAAAAASUVORK5CAII=');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
  width: 24px;
  height: 17px;
  margin: 0 -6px 0 10px;
}
.mod-schedule-category .caret-indicator.up {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAALCAMAAACj4OZyAAAABGdBTUEAALGPC/xhBQAAAHhQTFRFiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJAAAAiYmJxIIg0gAAACd0Uk5TPvLzTz1O7u2dwXl4QPFG+PlIUfo4+zbvWFoxL+tl6Snm/iRu9fwA89axkgAAAH9JREFUGNNlz0cSwzAIQFGnN/feu/Xvf8PgZCylsII3CJCldIy30RSWzrqevvv3sgbq8tfjjDWy+NvtHSzXBfb2pwczRLnKI5gD46EP3kGSkwd+uHmRSJv7anPlYVK8vZGxzrb/6MiiZvVpgHOqD08vMEzKust1bWU+qqpW5PEEmyohbPSE39sAAAAASUVORK5CAII=');
}
.mod-schedule-category .timelines {
  list-style: none;
  margin: 0;
  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;
}
.mod-schedule-category .timelines > li.schedule-detail {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 35px;
}
.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.warning {
  color: #edd12f;
}
.mod-schedule-category .timelines > li.schedule-detail .due.problem {
  color: #c20108;
}
.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;
}
.maintenance table.data-presentation tbody tr {
  background: #fff;
}
.maintenance table.data-presentation tbody tr.editing {
  background: #ebebeb;
}
.maintenance table.data-presentation tbody tr td {
  padding: 0;
}
.maintenance table.data-presentation tbody tr td > div {
  padding: 7px 15px;
}
.maintenance table.data-presentation tbody tr td > div:first-child {
  background: #ddf4da;
  background-origin: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 26px;
}
.maintenance table.data-presentation tbody tr.editing td > div {
  color: #4c5365;
  background: #ebebeb;
  padding: 5px 15px;
}
.modal-backdrop.am-fade {
  opacity: .5;
  -webkit-transition: opacity .15s linear;
  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;
}
/* MMRV Front-End End */

table {
    width: 100%;
}

/* form styling */
span.field-validation-error {
    color: #F00;
    display: none;
}
span.field-validation-error[style='visibility: visible;'], span.field-validation-error[data-val-isvalid='False'] {
    display: block;
}
.pageValidationSummary {
    color: #F00;
}
.cbl-container label {
    padding-left: 10px;
    font-weight: normal;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    margin-left: -10px;
}
.form-control-inline {
    display: inline;
    width: auto;
}
.cbl-container .form-control-inline {
    margin-left: 20px;
}
.modal-dialog .bg-danger {
    padding: 15px;
}
.important {
    font-weight: bold;
}

.nopad-left {
    padding-left: 0;
}

/* subnav styles 
.subnav li {
    list-style-type: none;
    float: left;
}
    */
/* this fixes a weird wrapping issue in primary navigation */
.mod-tabs ul {
    width: 100%;
}
.page-top {
    height: auto;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: #4c5365;
}
.mod-tabs .sub-tabs {
    left: 16px;
}
.content {
    padding-bottom: 50px;
}
.form-control {
    height: 30px;
    line-height: 20px;
}
.form-horizontal .control-label {
    line-height: 27px;
}
.btn {
    padding: 10px 20px;
}
.btns {
    text-align:right;
}

/* table classes */
.content th, .content .gvpager, .content .gvpager td {
    background-color: #8edc84;
    color: #fff;
    font-weight: normal;
}
.content th, .content td {
    padding: 7px 15px;
    line-height: 1;
}
.content td, .content th, .content table {
    border: 0;
}
.content td {
    background-color:#ddf4da;
}
.content .modal-body td {
    background-color: transparent;
}
.content .modal-body label {
    padding-left: 10px;
    font-weight: normal;
}
.content tr.alt td {
    background-color:#fff;
}
.content table tr:last-child table {
    width: auto;
    margin: 0 auto;
}
.content a, .content a:link, .content a:visited, .content a:active {
    text-decoration: underline;
}
.content a:hover {
    text-decoration: none;
}
.content th a, .content th a:link, .content th a:active, .content th a:visited,
.content .gvpager a, .content .gvpager a:link, .content .gvpager a:active, .content .gvpager a:visited {
    color: #fff;
    text-decoration: underline;
}
.content th a:hover,
.content .gvpager a:hover {
    text-decoration: none;
}
.content td a, .content td a:link, .content td a:active, .content td a:visited {
    color: #00b2d9;
    text-decoration: underline;
}
.content td a:hover {
    text-decoration: none;
}
.content th i {
    padding-left: 5px;
}
.typelist td {
    background-color:#f0f0f0;
}

.datepicker{z-index:1151 !important;}