@charset "UTF-8";
html,
body {
  height: 100%; }
  html .orange, html h2,
  body .orange,
  body h2 {
    color: #f39c12; }

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px; }

.wrap > .container {
  padding: 70px 15px 20px; }

.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px; }

.jumbotron {
  text-align: center;
  background-color: transparent; }

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px; }

.not-set {
  color: #c55;
  font-style: italic; }

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px; }

a.asc:after {
  content: "\e151"; }

a.desc:after {
  content: "\e152"; }

.sort-numerical a.asc:after {
  content: "\e153"; }

.sort-numerical a.desc:after {
  content: "\e154"; }

.sort-ordinal a.asc:after {
  content: "\e155"; }

.sort-ordinal a.desc:after {
  content: "\e156"; }

.grid-view td {
  white-space: nowrap; }

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px; }

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999; }

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0; }

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
  padding: 15px;
  border: none; }

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px; } }
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none; }

.nav > li > form > button.logout:focus {
  outline: none; }

@media print {
  a[href]:after {
    content: "" !important; }

  body .container.body .right_col {
    background: white; }

  footer {
    display: none; } }
div.required label:after {
  content: " *";
  color: red; }

.form-group .control-label {
  font-weight: 300;
  color: #f39c12;
  font-size: 14px;
  border-bottom: 1px solid lightgray;
  padding: 5px 10px 5px 0;
  margin-bottom: 15px;
  width: 100%; }
.form-group .square-radio {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
  .form-group .square-radio label {
    padding: 30%;
    position: relative;
    cursor: pointer; }
  .form-group .square-radio label:after {
    content: "" !important; }
  .form-group .square-radio input[type=radio] {
    display: none; }
  .form-group .square-radio label:hover:before, .form-group .square-radio input:checked + label:before {
    content: '\2714';
    background: #ccc;
    position: absolute;
    color: white;
    text-align: center;
    padding-top: 3px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    left: -5px;
    top: -5px; }
  .form-group .square-radio input:checked + label:before {
    background: green; }
.form-group .required {
  background: red; }
.form-group .bordered-checkbox label, .form-group .square-radio {
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  cursor: pointer; }
.form-group .bordered-checkbox > div {
  float: left;
  margin-right: 5px; }
.form-group .bordered-checkbox input {
  display: none; }
.form-group .bordered-checkbox label {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 100;
  line-height: 20px;
  position: relative;
  padding-left: 35px; }
.form-group .bordered-checkbox label:before {
  content: '\2714';
  background: #D1D3D4;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 30px;
  color: white;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }
.form-group .bordered-checkbox label:hover:before, .form-group .bordered-checkbox input:checked + label:before {
  content: '\2714';
  background: green;
  color: white; }

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important; }

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px; }

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px; }

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding: 2px; }

/* Correct Select2 position issue in model popup */
.modal-dialog {
  /*width:700px !important;*/ }
  .modal-dialog .select2-selection__rendered {
    margin-top: 0 !important; }
  .modal-dialog .nav-tabs-custom {
    border-bottom: 1px solid #ddd !important;
    box-shadow: none; }
  .modal-dialog .box-group {
    margin-right: -15px;
    margin-left: -15px; }
    .modal-dialog .box-group .box {
      box-shadow: none;
      border-radius: 0;
      border-bottom: none; }
      .modal-dialog .box-group .box h4 a {
        font-size: 14px;
        color: #f39c12; }

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #f39c12 !important; }

/* .nav-tabs {
	border-bottom:1px solid $orange !important;
}
 */
.panel-buttons {
  margin-top: -49px;
  margin-right: -5px; }

.collapsable > .x_content > .panel-buttons {
  margin-top: -49px;
  margin-right: 30px; }

/* override theme */
.nav.side-menu > li.current-page, .nav.side-menu > li.active {
  border-color: #f39c12; }

.panel_toolbox {
  float: right;
  min-width: auto; }

/* Animated loader for full page */
@keyframes spinner {
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg); } }
.spinner:before {
  content: "";
  z-index: 10;
  display: block;
  text-align: center;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 998; }

.spinner:after {
  content: 'Loading…';
  position: fixed;
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 999; }

.spinner:not(:required):after {
  content: '';
  border-radius: 50%;
  border: 5px solid rgba(243, 156, 18, 0.3);
  border-top-color: #f39c12;
  animation: spinner .8s linear infinite;
  -webkit-animation: spinner .8s linear infinite; }

.vehicle-mini, .customer-mini-view, .address-mini-view {
  border: 1px solid #ccc;
  padding: 5px;
  height: 85px; }
  .vehicle-mini .image, .customer-mini-view .image, .address-mini-view .image {
    width: 100px;
    height: 70px;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .vehicle-mini .image img, .customer-mini-view .image img, .address-mini-view .image img {
      display: inline-block;
      vertical-align: middle;
      float: none;
      width: 100%; }
  .vehicle-mini .info, .customer-mini-view .info, .address-mini-view .info {
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0; }

.bootbox .modal-body .vehicle-data {
  height: 300px;
  overflow-y: scroll; }

.wizard_horizontal ul.wizard_steps {
  padding-left: 0; }

@media screen and (max-width: 768px) {
  .timeline .block {
    margin-left: 0; }

  span.form-control-feedback.left {
    display: none !important; }

  .has-feedback-left {
    padding-left: 10px !important; } }
span.form-control-feedback {
  margin-top: 6px !important; }

.help:not(.modal) {
  display: block; }
  .help:not(.modal) i {
    cursor: pointer; }

.modal .help {
  position: absolute;
  width: 100%; }
  .modal .help i {
    cursor: pointer; }

.form-control.has-feedback-left {
  padding-right: 10px !important; }

tfoot input {
  margin: 0 !important; }

table .form-group {
  margin-bottom: 0px; }

input.no-border {
  border: none;
  background: none; }

.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
  background: white; }

#product-service-form.fixed {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 2px !important; }
.select2-container--default .select2-selection--single, .select2-container--default .select2-container--default .select2-selection--multiple {
  min-height: 34px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px !important; }

.nav-sm span.fa {
  display: inline-block; }

.nav-sm .side-menu span.fa {
  display: none; }

input:focus, select:focus, .select2-container *:focus {
  border-color: #f39c12 !important; }

.timeline .block.selected {
  border-left: 3px solid #f39c12; }
  .timeline .block.selected h2.title:before {
    border: 3px solid #f39c12; }
.timeline .block h2 .buttons {
  float: right; }
.timeline .tag {
  background: #ccc; }
.timeline .tag:after {
  border-left: 11px solid #ccc; }
.timeline .selected .tag {
  background: #f39c12; }
.timeline .selected .tag:after {
  border-left: 11px solid #f39c12; }

.nav-tabs {
  background: white;
  border: 1px solid #E6E9ED; }

.nav-tabs > li.active > a {
  background: #f39c12 !important;
  color: white;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #f39c12; }

.nav-tabs > li.active > a:hover {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #f39c12; }

.nav-tabs > li > a:hover {
  background: #fafafa;
  border-radius: 0;
  border: 1px solid #f39c12; }

.x_panel.active {
  border-color: #f39c12; }

.x_title .label {
  font-size: 60%;
  margin-left: 5px;
  position: absolute;
  color: white;
  padding: 5px; }

.buttons .btn-group {
  margin-bottom: 5px;
  margin-right: 5px; }

.status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid transparent;
  margin-left: 7px; }

.status.success {
  background-color: #27AE60; }

.status.warning {
  background-color: yellow;
  border-color: #ccc; }

.status.danger {
  background-color: red; }

.status.info {
  background-color: #5bc0de; }

.status.default {
  background-color: white;
  border-color: black; }

.status.blank, .btn-blank {
  background-color: black;
  color: white; }

.btn-blank.disabled, .btn-blank:hover {
  background-color: #0c0c0c;
  color: white; }

.weekend {
  background: #efefef; }

.label.label-clear {
  border: 1px solid #0c0c0c;
  color: #0c0c0c;
  padding: 0.2em 0.5em; }

tr.deleted {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ccc; }

.rotate {
  border: 1px solid #000;
  position: relative;
  padding: 10px;
  height: 80px; }

th.rotate span {
  transform-origin: 0 50%;
  transform: rotate(-90deg);
  white-space: nowrap;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%; }

.report table {
  border-collapse: collapse; }
.report td {
  position: relative;
  padding: 5px 10px; }
.report tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 2px solid #ccc;
  width: 100%; }
.report td.strikeout:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 2px solid #ccc;
  width: 100%; }

@media print {
  .report table {
    font-size: 8px; }
  .report .table-condensed > thead > tr > th, .report .table-condensed > tbody > tr > th, .report .table-condensed > tfoot > tr > th, .report .table-condensed > thead > tr > td, .report .table-condensed > tbody > tr > td, .report .table-condensed > tfoot > tr > td {
    padding: 3px; } }