/* DEFUNCT AS OF JANUARY 2019 - PLEASE USE THE NEW LESS CSS CALLED STYLES.LESS */ 

.dataTables_filter {
	float:right;
}

.dataTables_filter input {
	margin-left:5px;
}

.clickable {
	cursor:url(/assets/images/view_record.png), -moz-zoom-in !important;
}

.login-box {
	margin-top:3%;
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(51,51,51,.4);
}
.bottom_buffer {
	margin-bottom:10px;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #286090;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}
#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #FFFFFF;
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #666;
	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.personal_customer {
	display:none;
}

.company_customer {
	display:none;
}

 @-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
 @keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	z-index: 100000000;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}
/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}

#message_holder{
	margin-top:10px;
}

.invoice_row {
}

.refund_row {
	color:blue;
}

.credit_row {
	color:red;
}

/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.33333;
  border-radius: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #8a6d3b;
}
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning.select2-drop-active {
  border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #a94442;
}
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error.select2-drop-active {
  border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #3c763d;
}
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success.select2-drop-active {
  border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/*! Select2 Bootstrap Theme v0.1.0-beta.4 | MIT License | github.com/select2/select2-bootstrap-theme */
.select2-container--bootstrap {
  display: block;
  /*------------------------------------*\
          #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*\
          #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*\
          #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*\
      #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*\
      #RTL SUPPORT
  \*------------------------------------*/
}
.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  outline: 0;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
   * Firefox 19+
   *
   * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
   */
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-results__option {
  /**
   * Disabled results.
   *
   * @see https://select2.github.io/examples.html#disabled-results
   */
  /**
   * Hover state.
   */
  /**
   * Selected state.
   */
}
.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}
.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  white-space: nowrap;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}
.select2-container--bootstrap.select2-container--open {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
  /**
   * Handle border radii of the container when the dropdown is showing.
   */
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}
.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}
.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}
.select2-container--bootstrap .select2-dropdown--above {
  margin-top: 1px;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.428571429;
  padding: 6px 24px 6px 12px;
  /**
   * Adjust the single Select2's dropdown arrow button appearance.
   */
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  /**
   * Make Multi Select2's choices match Bootstrap 3's default button styles.
   */
  /**
   * Minus 2px borders.
   */
  /**
   * Clear the selection.
   */
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  display: block;
  line-height: 1.428571429;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.428571429;
  margin-top: 0;
  min-width: 5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}
.select2-container--bootstrap.input-sm, .select2-container--bootstrap.input-lg {
  border-radius: 0;
  font-size: 12px;
  height: auto;
  line-height: 1;
  padding: 0;
}
.select2-container--bootstrap.input-sm .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}
.select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}
.select2-container--bootstrap.input-sm .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
}
.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}
.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}
.select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}
.select2-container--bootstrap.input-lg .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}
.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}
.select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}
.select2-container--bootstrap.input-lg .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
}
.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}
.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}
.select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}
.select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
}
.select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}
.input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
}
.input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}
.select2-container--bootstrap[dir="rtl"] {
  /**
   * Single Select2
   *
   * 1. Makes sure that .select2-selection__placeholder is positioned
   *    correctly.
   */
  /**
   * Multiple Select2
   */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*\
    #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}
.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}
.has-warning.select2-drop-active {
  border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}
.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}
.has-error.select2-drop-active {
  border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}
.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}
.has-success.select2-drop-active {
  border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstraps
 * "Input Group" component, we don't want specific edges of the Select2
 * container to have a border-radius.
 *
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
 * a Bootstrap 3 .input-group to let the contained Select2 widget know which
 * edges should not be rounded as they are directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/**
 * Mimick Bootstraps .input-group .form-control styles.
 *
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
.input-group .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/**
 * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grow taller than its initial size.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
*/
.form-inline .select2-container--bootstrap {
  display: inline-block;
}

.pointer-table tbody tr {
	cursor:pointer;
}

#tyre_table_filter{display:none;}
#part_table_filter{display:none;}
#supplier_table_filter{display:none;}
#customer_table_filter{display:none;}
#reserved_tyre_table_filter{display:none;}
#disposal_table_filter{display:none;}
#logs_table_filter{display:none;}
#table_branches_filter{display:none;}
#table_staff_filter{display:none;}
#table_brands_filter{display:none;}
#table_widths_filter{display:none;}
#table_profiles_filter{display:none;}
#table_sizes_filter{display:none;}
#table_speeds_filter{display:none;}
#table_patterns_filter{display:none;}

/*EXTRA BOX COLOURS*/

.box.box-gray {
  border-top-color: #b5bbc8;
}
.box.box-solid.box-gray {
  border: 1px solid #b5bbc8;
}
.box.box-solid.box-gray > .box-header {
  color: #ffffff;
  background: #d2d6de;
  background-color: #b5bbc8;
}
.box.box-solid.box-gray > .box-header a,
.box.box-solid.box-gray > .box-header .btn {
  color: #ffffff;
}

.box.box-navy {
  border-top-color: #001a35;
}
.box.box-solid.box-navy {
  border: 1px solid #001a35;
}
.box.box-solid.box-navy > .box-header {
  color: #ffffff;
  background: #001F3F;
  background-color: #001a35;
}
.box.box-solid.box-navy > .box-header a,
.box.box-solid.box-navy > .box-header .btn {
  color: #ffffff;
}

.box.box-teal {
  border-top-color: #30bbbb;
}
.box.box-solid.box-teal {
  border: 1px solid #30bbbb;
}
.box.box-solid.box-teal > .box-header {
  color: #ffffff;
  background: #39CCCC;
  background-color: #30bbbb;
}
.box.box-solid.box-teal > .box-header a,
.box.box-solid.box-teal > .box-header .btn {
  color: #ffffff;
}

.box.box-purple {
  border-top-color: #555299;
}
.box.box-solid.box-purple {
  border: 1px solid #555299;
}
.box.box-solid.box-purple > .box-header {
  color: #ffffff;
  background: #605ca8;
  background-color: #555299;
}
.box.box-solid.box-purple > .box-header a,
.box.box-solid.box-purple > .box-header .btn {
  color: #ffffff;
}

.box.box-orange {
  border-top-color: #ff7701;
}
.box.box-solid.box-orange {
  border: 1px solid #ff7701;
}
.box.box-solid.box-orange > .box-header {
  color: #ffffff;
  background: #ff851b;
  background-color: #ff7701;
}
.box.box-solid.box-orange > .box-header a,
.box.box-solid.box-orange > .box-header .btn {
  color: #ffffff;
}

.box.box-pink {
  border-top-color: #D81B60;
}
.box.box-solid.box-pink {
  border: 1px solid #D81B60;
}
.box.box-solid.box-pink > .box-header {
  color: #ffffff;
  background: #ff851b;
  background-color: #D81B60;
}
.box.box-solid.box-pink > .box-header a,
.box.box-solid.box-pink > .box-header .btn {
  color: #ffffff;
}

.box.box-maroon {
  border-top-color: #ca195a;
}
.box.box-solid.box-maroon {
  border: 1px solid #ca195a;
}
.box.box-solid.box-maroon > .box-header {
  color: #ffffff;
  background: #D81B60;
  background-color: #ca195a;
}
.box.box-solid.box-maroon > .box-header a,
.box.box-solid.box-maroon > .box-header .btn {
  color: #ffffff;
}

.box.box-maroon {
  border-top-color: #ca195a;
}
.box.box-solid.box-maroon {
  border: 1px solid #ca195a;
}
.box.box-solid.box-maroon > .box-header {
  color: #ffffff;
  background: #D81B60;
  background-color: #ca195a;
}
.box.box-solid.box-maroon > .box-header a,
.box.box-solid.box-maroon > .box-header .btn {
  color: #ffffff;
}

.box.box-black {
  border-top-color: #000000;
}
.box.box-solid.box-black {
  border: 1px solid #000000;
}
.box.box-solid.box-black > .box-header {
  color: #ffffff;
  background: #111111;
  background-color: #000000;
}
.box.box-solid.box-black > .box-header a,
.box.box-solid.box-black > .box-header .btn {
  color: #ffffff;
}

.box.box-blue {
  border-top-color: #00629C;
}
.box.box-solid.box-blue {
  border: 1px solid #00629C;
}
.box.box-solid.box-blue > .box-header {
  color: #ffffff;
  background: #0073b7;
  background-color: #00629C;
}
.box.box-solid.box-blue > .box-header a,
.box.box-solid.box-blue > .box-header .btn {
  color: #ffffff;
}

/*EXTRA BTN COLOURS*/
.btn-orange {
  background-color: #ff851b;
  border-color: #ff7701;
  color:#FFFFFF;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange.hover {
  background-color: #ff7701;
}

.btn-pink {
	background-color: #D81B60;
  border-color: #D81B60;
  color:#FFFFFF;	
}

.btn-pink:hover,
.btn-pink:active,
.btn-pink.hover {
  background-color: #D81B60;
}


.datepicker{z-index:1151 !important; padding-left: 12px!important;}}

<!--######TYPEAHEAD
.Typeahead *, .Typeahead *:before, .Typeahead *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Utilities */

.u-cf:before, .u-cf:after {
	content: " ";
	display: table;
}
.u-cf:after {
	clear: both;
}
.u-hidden {
	display: none !important;
}
.u-posRelative {
	position: relative;
}
/* Typeahead */

.Typeahead {
 *z-index: 1;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.Typeahead-spinner {
	position: absolute;
	top: 7px;
	right: 7px;
	display: none;
	width: 28px;
	height: 28px;
}
.Typeahead-hint, .Typeahead-input {
	width: 100%;
	padding: 5px 8px;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #3C8DBC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.Typeahead-hint {
	position: absolute;
	top: 0;
	left: 0;
	color: #ccd6dd;
	opacity: 1;
}
.Typeahead-input {
	position: relative;
	background-color: transparent;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	outline: none;
}
.Typeahead-menu {
	position: absolute;
	top: 95%;
	left: 2.5%;
	z-index: 100;
	display: none;
	width: 95%;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 0px 0px 1px green;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.Typeahead-menu.is-open {
	display: block;
}
.Typeahead-selectable {
	cursor: pointer;
}
.Typeahead-selectable + .Typeahead-selectable {
	border-top: 1px solid #ccd6dd;
}
/* ProfileCard */


.TyreCard, .PartCard {
	position: relative;
	padding: 8px;
}
.TyreCard:hover, .PartCard:hover {
	background-color: #CCC;
}
.TyreCard-details, .PartCard-details {
	min-height: 10px;
	padding-left: 10px;
}

.TyreCard-brand, .PartCard-brand {
	float:left;
	min-width:100px;
	padding-right:10px;
	text-align:right;
}

.TyreCard-size, .PartCard-size {
	min-width:100px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.TyreCard-pattern, .PartCard-pattern {
	width:200px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.TyreCard-label, .PartCard-label {
	min-width:50px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.TyreCard-quantity, .PartCard-quantity {
	min-width:50px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.TyreCard-net, .PartCard-net{
	min-width:50px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}


.ProfileCard {
	position: relative;
	padding: 8px;
}
.ProfileCard:hover .ProfileCard-avatar {
	border-color: #f5f8fa;
}
.ProfileCard-details {
	min-height: 50px;
	padding-left: 10px;
}
.ProfileCard-realName, .ProfileCard-screenName {
	display: inline-block;
}
.ProfileCard-realName {
	font-weight: normal;
}
.ProfileCard-screenName {
	color: #8899a6;
}
.ProfileCard-description {
	margin-top: 5px;
	font-size: 14px;
	line-height: 18px;
}
.ProfileCard-stats {
	float: right;
	text-align: right;
}
.ProfileCard-stat {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}
.ProfileCard-stat-label {
	color: #8899a6;
	font-weight: 500;
}
.ProfileCard-stat + .ProfileCard-stat {
	margin-left: 5px;
}
.ProfileCard:hover, .ProfileCard.is-active {
	color: #fff;
	background: #55acee;
}
.ProfileCard:hover .ProfileCard-screenName, .ProfileCard:hover .ProfileCard-stat-label, .ProfileCard.is-active .ProfileCard-screenName, .ProfileCard.is-active .ProfileCard-stat-label {
	color: #fff;
}
/* EmptyMessage */

.EmptyMessage {
	position: relative;
	padding: 5px;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	padding-bottom:10px;
}
.Typeahead-menu {
	max-height: 400px;
	overflow-y: auto;
}

.Typeahead-customer-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #3C8DBC;
}

.customer_selected {
	display:none;
}

#remove_customer_link:hover {
	cursor:pointer;
}

.asterisk {
	color:rgba(200,0,0,1);
	font-size:16px;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #999 -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

.skin-blue .sidebar-menu > li.nav-dashboard:hover > a, .skin-blue .sidebar-menu > li.nav-dashboard.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #FFFFFF;
}

.skin-blue .sidebar-menu > li.nav-tyres:hover > a, .skin-blue .sidebar-menu > li.nav-tyres.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #ff7701;
}

.skin-blue .sidebar-menu > li.nav-parts:hover > a, .skin-blue .sidebar-menu > li.nav-parts.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #D81B60;
}

.skin-blue .sidebar-menu > li.nav-invoices:hover > a, .skin-blue .sidebar-menu > li.nav-invoices.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #DD4B39;
}

.skin-blue .sidebar-menu > li.nav-suppliers:hover > a, .skin-blue .sidebar-menu > li.nav-suppliers.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #00A65A;
}

.skin-blue .sidebar-menu > li.nav-customers:hover > a, .skin-blue .sidebar-menu > li.nav-customers.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #00629C;
}

.skin-blue .sidebar-menu > li.nav-disposals:hover > a, .skin-blue .sidebar-menu > li.nav-disposals.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #001a35;
}

.skin-blue .sidebar-menu > li.nav-accountancy:hover > a, .skin-blue .sidebar-menu > li.nav-accountancy.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #FFFFFF;
}

.skin-blue .sidebar-menu > li.nav-reports:hover > a, .skin-blue .sidebar-menu > li.nav-reports.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #555299;
}

.skin-blue .sidebar-menu > li.nav-logs:hover > a, .skin-blue .sidebar-menu > li.nav-logs.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #D2D6DE;
}

.skin-blue .sidebar-menu > li.nav-hr:hover > a, .skin-blue .sidebar-menu > li.nav-hr.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #DEDEDE;
}

.skin-blue .sidebar-menu > li.nav-settings:hover > a, .skin-blue .sidebar-menu > li.nav-settings.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #3C8DBC;
}

.skin-blue .sidebar-menu > li.nav-orders:hover > a, .skin-blue .sidebar-menu > li.nav-orders.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #FFFFFF;
}

.invoice-management-tools {
	display:none;
}

#tyre_table_paginate .pagination>.active>a, #tyre_table_paginate .pagination>.active>a:focus, #tyre_table_paginate .pagination>.active>a:hover, #tyre_table_paginate .pagination>.active>span, #tyre_table_paginate .pagination>.active>span:focus, #tyre_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF7701 !important;
    border-color: #FF7701;
}

#tyre_quantity_history_paginate .pagination>.active>a, #tyre_quantity_history_paginate .pagination>.active>a:focus, #tyre_quantity_history_paginate .pagination>.active>a:hover, #tyre_quantity_history_paginate .pagination>.active>span, #tyre_quantity_history_paginate .pagination>.active>span:focus, #tyre_quantity_history_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF7701 !important;
    border-color: #FF7701;
}

#tyre_invoice_history_paginate .pagination>.active>a, #tyre_invoice_history_paginate .pagination>.active>a:focus, #tyre_invoice_history_paginate .pagination>.active>a:hover, #tyre_invoice_history_paginate .pagination>.active>span, #tyre_invoice_history_paginate .pagination>.active>span:focus, #tyre_invoice_history_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF7701 !important;
    border-color: #FF7701;
}

#reserved_tyre_table_paginate .pagination>.active>a, #reserved_tyre_table_paginate .pagination>.active>a:focus, #reserved_tyre_table_paginate .pagination>.active>a:hover, #reserved_tyre_table_paginate .pagination>.active>span, #reserved_tyre_table_paginate .pagination>.active>span:focus, #reserved_tyre_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF7701 !important;
    border-color: #FF7701;
}

#invoice_table_paginate .pagination>.active>a, #invoice_table_paginate .pagination>.active>a:focus, #invoice_table_paginate .pagination>.active>a:hover, #invoice_table_paginate .pagination>.active>span, #invoice_table_paginate .pagination>.active>span:focus, #invoice_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #DD4B39 !important;
    border-color: #DD4B39;
}

#supplier_table_paginate .pagination>.active>a, #supplier_table_paginate .pagination>.active>a:focus, #supplier_table_paginate .pagination>.active>a:hover, #supplier_table_paginate .pagination>.active>span, #supplier_table_paginate .pagination>.active>span:focus, #supplier_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #008D4C !important;
    border-color: #008D4C;
}

#supplier_credit_notes_table_paginate .pagination>.active>a, #supplier_credit_notes_table_paginate .pagination>.active>a:focus, #supplier_credit_notes_table_paginate .pagination>.active>a:hover, #supplier_credit_notes_table_paginate .pagination>.active>span, #supplier_credit_notes_table_paginate .pagination>.active>span:focus, #supplier_credit_notes_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #008D4C !important;
    border-color: #008D4C;
}

#customer_table_paginate .pagination>.active>a, #customer_table_paginate .pagination>.active>a:focus, #customer_table_paginate .pagination>.active>a:hover, #customer_table_paginate .pagination>.active>span, #customer_table_paginate .pagination>.active>span:focus, #customer_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #3C8DBC !important;
    border-color: #3C8DBC;
}

#customer_invoices_table_paginate .pagination>.active>a, #customer_invoices_table_paginate .pagination>.active>a:focus, #customer_invoices_table_paginate .pagination>.active>a:hover, #customer_invoices_table_paginate .pagination>.active>span, #customer_invoices_table_paginate .pagination>.active>span:focus, #customer_invoices_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #3C8DBC !important;
    border-color: #3C8DBC;
}

#disposal_table_paginate .pagination>.active>a, #disposal_table_paginate .pagination>.active>a:focus, #disposal_table_paginate .pagination>.active>a:hover, #disposal_table_paginate .pagination>.active>span, #disposal_table_paginate .pagination>.active>span:focus, #disposal_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #001125 !important;
    border-color: #001125;
}

#logs_table_paginate .pagination>.active>a, #logs_table_paginate .pagination>.active>a:focus, #logs_table_paginate .pagination>.active>a:hover, #logs_table_paginate .pagination>.active>span, #logs_table_paginate .pagination>.active>span:focus, #logs_table_paginate .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #D2D6DE !important;
    border-color: #D2D6DE;
}

td.details-control {
    background: url('/assets/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/assets/images/details_close.png') no-repeat center center;
}
#additional_tyre_info {
	font-style: italic;
}

.selected_tyre {
	background-color:#DDD !important;
}

.badge {
	line-height:15px !important;
	margin-right:5px !important;
}

.clear_invoice_and_cart:hover {
	cursor:pointer;
}

.white-icon {
	color: rgba(255, 255, 255, 1) !important;
}

.main-header .logo {
	height:52px!important;
}

@media (max-width: 767px) {
	.content-wrapper-left-menu, .right-side, .main-footer-left-menu {
		margin-left: 0!important;
	}
}

@media (min-width: 768px){
	.sidebar-mini.sidebar-collapse .content-wrapper-left-menu, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer-left-menu {
		margin-left: 50px!important;
		z-index: 840;
	}

	.content-wrapper-left-menu, .right-side, .main-footer-left-menu {
		-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
		-moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
		-o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
		margin-left: 230px;
		z-index: 820;
	}
}

table tbody tr:hover {
	cursor:pointer;
}

    .dhx_cal_navline {
    	position: relative;
    }

   .dhx_cal_header {
   		position: relative;
   }

   .dhx_cal_data{
   	position: relative;
   }

   .dhx_cal_header, .dhx_cal_data {
   	top: 0 !important;
   }

   .dhx_cal_data table{
   	border-collapse: separate !important;
   }

   .dhx_matrix_cell {
	border-bottom: 1px solid #CECECE;
	}

	.dhx_marked_timespan{
		margin: 0;
	}

	.dhx_cal_ltext textarea, .dhx_cal_light select, .dhx_cal_light{
		height: inherit;
		width: inherit;
	}
	
	#scheduler_here {
		border:1px solid #666;
		margin-bottom: 15px;
	}
	
	.dhtmlXTooltip.tooltip{
   opacity: 1;
   z-index:1000000;
}

.dhx_section_timeline select {
	margin-left:40px;
}

#requested_holidays tbody tr {
	cursor:pointer;
}

#holiday_history_content
{
	margin-top: 10px;	
}

.btn-hr
{
	background-color: #DEDEDE;
	color: #222;	
	border: 1px solid rgba(200,200,200,0.7);
}

.btn-hr:hover
{
	background-color: #CCCCCC;
	color: #444;		
	border: 1px solid rgba(200,200,200,1);
}

.text-hr
{
	color: #DEDEDE;	
}