/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*@import "compass/reset";*/
/* line 2, ../sass/_general_styles.scss */
.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}

/* IE10 viewport hack for Surface/desktop Windows 8 bug */
/* line 10, ../sass/_general_styles.scss */
.carbonad,
#content > #right > .dose > .dosesingle,
#content > #center > .dose > .dosesingle,
#carbonads-container {
  display: none !important;
}

/* ---------------------------------------------------
  BOOTSTRAP OVERRIDE
----------------------------------------------------- */
/* line 6, ../sass/_bootstrap_overrides.scss */
html {
  font-family: helvetica, arial, sans-serif;
  min-height: 100%;
  overflow-y: scroll;
}

/* line 12, ../sass/_bootstrap_overrides.scss */
body {
  font-family: helvetica, arial, sans-serif;
  background: #fafafa;
  /* Margin bottom by footer height */
  margin-bottom: 10px;
}

/* line 19, ../sass/_bootstrap_overrides.scss */
p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
  color: #777;
}

/* line 26, ../sass/_bootstrap_overrides.scss */
a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}

/* line 32, ../sass/_bootstrap_overrides.scss */
i, span {
  display: inline-block;
}

/* line 36, ../sass/_bootstrap_overrides.scss */
.modal {
  z-index: 1550;
}

/* line 40, ../sass/_bootstrap_overrides.scss */
.modal-backdrop {
  z-index: 1500;
}

/* line 43, ../sass/_bootstrap_overrides.scss */
.modal-header,
.modal-footer {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 10px 15px;
}

/* line 50, ../sass/_bootstrap_overrides.scss */
.modal-header {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 55, ../sass/_bootstrap_overrides.scss */
.modal-footer {
  border-top: 1px solid transparent;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* ---------------------------------------------------
  SIDEBAR STYLE
----------------------------------------------------- */
/* line 4, ../sass/_sidebar.scss */
.wrapper {
  display: flex;
  align-items: stretch;
}

/* line 9, ../sass/_sidebar.scss */
#sidebarCollapse {
  position: fixed;
  top: 8px;
  left: 12px;
  z-index: 1100;
}
/* line 14, ../sass/_sidebar.scss */
#sidebarCollapse .indicatorIn:before {
  content: "\e257";
}
/* line 17, ../sass/_sidebar.scss */
#sidebarCollapse .indicatorOut:before {
  content: "\e258";
}

/* line 22, ../sass/_sidebar.scss */
#sidebar {
  min-width: 250px;
  max-width: 250px;
  background: #28475d;
  color: #fff;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 1099;
}
/* line 34, ../sass/_sidebar.scss */
#sidebar ul li {
  margin: 4px;
}
/* line 36, ../sass/_sidebar.scss */
#sidebar ul li a {
  text-align: left;
  padding: 5px;
  font-size: 1.1em;
  display: block;
  border: 2px solid #4f6879;
}
/* line 42, ../sass/_sidebar.scss */
#sidebar ul li a i {
  margin-right: 10px;
}
/* line 46, ../sass/_sidebar.scss */
#sidebar ul li a:hover, #sidebar ul li .selected {
  color: #28475d;
  background: #cff3f1;
}
/* line 51, ../sass/_sidebar.scss */
#sidebar ul li.active > a, #sidebar ul a[aria-expanded="true"] {
  color: #fff;
}
/* line 54, ../sass/_sidebar.scss */
#sidebar ul li:hover {
  cursor: pointer;
}
/* line 58, ../sass/_sidebar.scss */
#sidebar ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #4f6879;
  border: none !important;
}
/* line 64, ../sass/_sidebar.scss */
#sidebar ul ul li {
  margin: 0;
}
/* line 67, ../sass/_sidebar.scss */
#sidebar ul ul li:last-child > a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* line 73, ../sass/_sidebar.scss */
#sidebar.active {
  min-width: 64px;
  max-width: 64px;
  text-align: center;
}
/* line 77, ../sass/_sidebar.scss */
#sidebar.active ul li a {
  padding: 20px 10px;
  text-align: center;
  font-size: 0.85em;
}
/* line 81, ../sass/_sidebar.scss */
#sidebar.active ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}
/* line 88, ../sass/_sidebar.scss */
#sidebar.active ul ul a {
  padding: 10px !important;
}
/* line 91, ../sass/_sidebar.scss */
#sidebar.active a[aria-expanded="false"]::before,
#sidebar.active a[aria-expanded="true"]::before {
  top: auto;
  bottom: 5px;
  right: 50%;
  -webkit-transform: translateX(30%);
  -ms-transform: translateX(30%);
  transform: translateX(30%);
}
/* line 100, ../sass/_sidebar.scss */
#sidebar.active a > span {
  display: none;
}
/* line 103, ../sass/_sidebar.scss */
#sidebar.active .logo {
  width: 100%;
  transition: all 0.3s;
}
/* line 108, ../sass/_sidebar.scss */
#sidebar .sidebar-header {
  padding: 5px;
  background: #28475d;
  margin-top: 50px;
}
/* line 112, ../sass/_sidebar.scss */
#sidebar .sidebar-header strong {
  display: none;
  font-size: 1.8em;
}
/* line 117, ../sass/_sidebar.scss */
#sidebar.active .sidebar-header h3 {
  display: none;
}
/* line 120, ../sass/_sidebar.scss */
#sidebar.active .sidebar-header strong {
  display: block;
}
/* line 123, ../sass/_sidebar.scss */
#sidebar .logo {
  width: 42%;
  transition: all 0.3s;
}
/* line 127, ../sass/_sidebar.scss */
#sidebar a[data-toggle="collapse"] {
  position: relative;
}
/* line 130, ../sass/_sidebar.scss */
#sidebar a[aria-expanded="true"] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
/* line 134, ../sass/_sidebar.scss */
#sidebar a[aria-expanded="true"]::before {
  content: '\e260';
}
/* line 137, ../sass/_sidebar.scss */
#sidebar a[aria-expanded="false"] {
  border-radius: 8px;
}
/* line 140, ../sass/_sidebar.scss */
#sidebar a[aria-expanded="false"]::before,
#sidebar a[aria-expanded="true"]::before {
  content: '\e259';
  display: block;
  position: absolute;
  right: 20px;
  font-family: 'Glyphicons Halflings';
  font-size: 0.6em;
}

/* ---------------------------------------------------
  MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
  /* line 155, ../sass/_sidebar.scss */
  #sidebarCollapse span {
    display: none;
  }
  /* line 158, ../sass/_sidebar.scss */
  #sidebarCollapse .indicatorIn:before {
    content: "\e258";
  }
  /* line 161, ../sass/_sidebar.scss */
  #sidebarCollapse .indicatorOut:before {
    content: "\e257";
  }

  /* line 165, ../sass/_sidebar.scss */
  #sidebar {
    min-width: 64px;
    max-width: 64px;
    text-align: center;
    margin-left: -64px !important;
  }
  /* line 171, ../sass/_sidebar.scss */
  #sidebar a[aria-expanded="false"]::before,
  #sidebar a[aria-expanded="true"]::before {
    top: auto;
    bottom: 5px;
    right: 50%;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
  }
  /* line 180, ../sass/_sidebar.scss */
  #sidebar .sidebar-header h3 {
    display: none;
  }
  /* line 183, ../sass/_sidebar.scss */
  #sidebar .sidebar-header strong {
    display: block;
  }
  /* line 186, ../sass/_sidebar.scss */
  #sidebar ul li a {
    padding: 20px 10px;
  }
  /* line 188, ../sass/_sidebar.scss */
  #sidebar ul li a span {
    font-size: 0.85em;
  }
  /* line 191, ../sass/_sidebar.scss */
  #sidebar ul li a i {
    font-size: 1.3em;
    margin-right: 0;
    display: block;
  }
  /* line 197, ../sass/_sidebar.scss */
  #sidebar ul ul a {
    padding: 5px !important;
  }
  /* line 200, ../sass/_sidebar.scss */
  #sidebar.active {
    margin-left: 0 !important;
  }
}
/* ---------------------------------------------------
  CONTENT STYLE
----------------------------------------------------- */
/* line 6, ../sass/_content.scss */
#content {
  padding: 20px;
  min-height: 100vh;
  transition: all 0.3s;
  width: calc(100% - 250px);
  position: absolute;
  top: 0;
  right: 0;
}
/* line 14, ../sass/_content.scss */
#content.no-sidebar {
  width: 100%;
}
/* line 17, ../sass/_content.scss */
#content.active {
  width: calc(100% - 64px);
  transition: all 0.3s;
}

/* line 23, ../sass/_content.scss */
#my_container {
  padding: 0;
}
/* line 25, ../sass/_content.scss */
#my_container.no-sidebar {
  padding-top: 54px;
  padding-bottom: 100px;
}

/* line 31, ../sass/_content.scss */
#row_container {
  padding-top: 48px;
}

/* line 44, ../sass/_content.scss */
#content2 {
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 50, ../sass/_content.scss */
header,
footer {
  width: calc(100% - 250px);
  right: 0;
  transition: all 0.3s;
}
/* line 55, ../sass/_content.scss */
header.active,
footer.active {
  width: calc(100% - 64px);
  transition: all 0.3s;
}

/* line 61, ../sass/_content.scss */
header {
  top: 0;
  position: absolute;
}

/* line 66, ../sass/_content.scss */
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: #D9EDF7;
  z-index: 100;
  /*bootstrap .form-control can have z-index that would overlay footer */
}

/* line 78, ../sass/_content.scss */
header.no-sidebar,
footer.no-sidebar {
  width: 100%;
  background: #3e6612;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3e6612 20%, #718E55 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3e6612 20%, #718E55 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3e6612 20%, #718E55 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e6612', endColorstr='#718E55',GradientType=1 );
  /* IE6-9 */
}

/* ---------------------------------------------------
  BOOTSTRAP OVERRIDES
 ----------------------------------------------------- */
/* line 91, ../sass/_content.scss */
header.navbar-fixed-top {
  left: auto;
}

/* line 95, ../sass/_content.scss */
.navbar {
  padding: 0px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  /*margin-bottom: 40px;*/
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 104, ../sass/_content.scss */
.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

/* ---------------------------------------------------
  MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
  /* line 114, ../sass/_content.scss */
  #content,
  header,
  footer {
    width: 100%;
  }
  /* line 118, ../sass/_content.scss */
  #content.active,
  header.active,
  footer.active {
    width: calc(100% - 80px);
  }
}
/* line 4, ../sass/_tables.scss */
th.civ_tbl {
  background-color: #505D75;
  color: rgba(255, 255, 255, 0.66);
}

/* line 9, ../sass/_tables.scss */
th {
  /*cursor: pointer;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -user-select: none;
}

/* line 16, ../sass/_tables.scss */
th.active {
  color: #fff;
}

/* line 20, ../sass/_tables.scss */
th.active .arrow {
  opacity: 1;
}

/* line 24, ../sass/_tables.scss */
tr.owing td.owing {
  background-color: #ffc3c3;
}

/* line 28, ../sass/_tables.scss */
.arrow {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 5px;
  opacity: 0.66;
}

/* line 37, ../sass/_tables.scss */
.arrow.asc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff;
}

/* line 43, ../sass/_tables.scss */
.arrow.dsc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}

/* bootstrap override */
/* line 50, ../sass/_tables.scss */
.table-hover > tbody > tr.active_row,
.table-hover > tbody > tr.active_row:hover {
  color: #fff;
  background-color: #5d819a;
}

/* line 55, ../sass/_tables.scss */
.table-hover > tbody > tr.active_row > td > a {
  color: aqua;
}

/* line 59, ../sass/_tables.scss */
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 3px;
}

/* line 1, ../sass/_forms.scss */
body.login {
  background-color: #eee;
}

/* line 5, ../sass/_forms.scss */
.form-login {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

/* line 10, ../sass/_forms.scss */
.form-login .form-login-heading,
.form-login .checkbox {
  margin-bottom: 10px;
}

/* line 14, ../sass/_forms.scss */
.form-login .checkbox {
  font-weight: normal;
}

/* line 17, ../sass/_forms.scss */
.form-login .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

/* line 26, ../sass/_forms.scss */
.form-login .form-control:focus {
  z-index: 2;
}

/* line 29, ../sass/_forms.scss */
.form-login input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 34, ../sass/_forms.scss */
.form-login input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* ---------------------------------------------------
  BOOTSTRAP OVERRIDES
 ----------------------------------------------------- */
/* line 44, ../sass/_forms.scss */
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.form-control.input-sm {
  height: 26px;
  padding: 3px 8px;
}

/* line 52, ../sass/_forms.scss */
.btn-group-sm > .btn,
.btn-sm {
  padding: 2px 8px;
}

/* line 27, ../sass/_availability.scss */
.availability_grid {
  width: 100%;
  font-size: 0.8em;
}
/* line 30, ../sass/_availability.scss */
.availability_grid .grid_row {
  display: grid;
  grid-auto-rows: 4px;
}
/* line 33, ../sass/_availability.scss */
.availability_grid .grid_row.same {
  border-bottom: 1px solid #34a07c;
}
/* line 36, ../sass/_availability.scss */
.availability_grid .grid_row.similar {
  border-bottom: 1px solid #d17dc6;
}
/* line 40, ../sass/_availability.scss */
.availability_grid .header_even {
  background-color: #ffbe7a;
}
/* line 43, ../sass/_availability.scss */
.availability_grid .header_odd {
  background-color: #f5a15a;
}
/* line 46, ../sass/_availability.scss */
.availability_grid .header_sunday {
  background-color: #b36424;
}
/* line 49, ../sass/_availability.scss */
.availability_grid .now {
  grid-row-start: 1;
  grid-row-end: 10;
  background-color: #b6215fb7;
}
/* line 54, ../sass/_availability.scss */
.availability_grid .quoteStartEnd {
  grid-row-start: 1;
  grid-row-end: 10;
  background-color: #e4f0ed91;
  border-left: 1px dashed #28c2e9;
  border-right: 1px dashed #28c2e9;
}
/* line 61, ../sass/_availability.scss */
.availability_grid .grid_header {
  grid-row-start: 1;
  grid-row-end: 6;
  text-align: center;
  padding: 3px;
}
/* line 66, ../sass/_availability.scss */
.availability_grid .grid_header.week_header {
  font-weight: bold;
}
/* line 70, ../sass/_availability.scss */
.availability_grid .vehicle {
  grid-row-start: 1;
  grid-row-end: 10;
  grid-column-start: 1;
  background-color: #cbe7ee;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 80, ../sass/_availability.scss */
.availability_grid .day {
  grid-row-start: 1;
  grid-row-end: 10;
}
/* line 84, ../sass/_availability.scss */
.availability_grid .day_even {
  background-color: #f0f4f5;
}
/* line 87, ../sass/_availability.scss */
.availability_grid .day_odd {
  background-color: #e4e5e6;
}
/* line 90, ../sass/_availability.scss */
.availability_grid .day_sunday {
  background-color: #a8b0b8;
}
/* line 94, ../sass/_availability.scss */
.availability_grid .quote.status {
  grid-row-start: 2;
  grid-row-end: 3;
  background-color: #fc84c0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 100, ../sass/_availability.scss */
.availability_grid .quote.status.not_out {
  background-color: #fff;
}
/* line 103, ../sass/_availability.scss */
.availability_grid .quote.status.on_hire {
  background-color: #01e601;
}
/* line 106, ../sass/_availability.scss */
.availability_grid .quote.status.checked_in {
  background-color: yellow;
}
/* line 109, ../sass/_availability.scss */
.availability_grid .quote.status.invoiced {
  background-color: grey;
}
/* line 113, ../sass/_availability.scss */
.availability_grid .quote.reservation {
  grid-row-start: 3;
  grid-row-end: 9;
  background-color: #447275;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 4px;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 124, ../sass/_availability.scss */
.availability_grid .quote.reservation.self_drive_hire {
  background-color: #447275;
}
/* line 127, ../sass/_availability.scss */
.availability_grid .quote.reservation.garage {
  background-color: #509169;
}
/* line 130, ../sass/_availability.scss */
.availability_grid .quote.reservation.workshop {
  background-color: #f74129;
}
/* line 133, ../sass/_availability.scss */
.availability_grid .quote.reservation.lease {
  background-color: #c94bc9;
}
/* line 136, ../sass/_availability.scss */
.availability_grid .quote.reservation.ex_fleet {
  background-color: #bebebe;
}
/* line 140, ../sass/_availability.scss */
.availability_grid .quote.startsBefore {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 144, ../sass/_availability.scss */
.availability_grid .quote.endsAfter {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/**
 * Lines (for Loader)
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    -ms-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    -ms-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    -ms-transform: scaley(1);
    transform: scaley(1);
  }
}
/* line 48, ../sass/_loader.scss */
#ajaxLoader {
  position: fixed;
  left: calc(50vw - 100px);
  top: calc(50vh - 200px);
  display: none;
}

/* line 55, ../sass/_loader.scss */
.line-scale > div {
  width: 32px;
  height: 200px;
  border-radius: 8px;
  margin: 8px;
  background-color: #7A9AD2;
  border: 2px solid #C2695F;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}

/* line 66, ../sass/_loader.scss */
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

/* line 69, ../sass/_loader.scss */
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

/* line 72, ../sass/_loader.scss */
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

/* line 75, ../sass/_loader.scss */
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

/* line 78, ../sass/_loader.scss */
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}