.wrapper,
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
  font-size: 100%;
  background-color: #fff;
}

.wrapper {
  padding-bottom: 10px;
}

.skin-black-light.login-page .wrapper {
  background: #d2d6de;
}

.pointer {
  cursor: pointer;
}

.not-visible {
  visibility: hidden;
}

.fa.fa-icon-text, .glyphicon.fa-icon-text {
  display: inline-block;
  margin-right: 5px;
}
.fa.fa-icon-green, .glyphicon.fa-icon-green {
  color: #80b539;
}
.fa.fa-icon-red, .glyphicon.fa-icon-red {
  color: #f00;
}
.fa.fa-icon-smaller, .glyphicon.fa-icon-smaller {
  font-size: 80%;
}

/**
 * Login, button
 */
.btn {
  border-radius: 4px;
}
.btn.btn-padding {
  padding: 3px 12px;
}
.btn.btn-export {
  border: none;
  padding: 3px 10px;
}
.btn i.fa.fa-icon-green {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-primary, .label-primary {
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  background-color: #4a63ae !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover,
.label-primary:hover, .label-primary:active, .label-primary.hover {
  background-color: rgba(74, 99, 174, 0.8);
  border-color: #fff;
}
.btn-primary:hover i.fa, .btn-primary:active i.fa, .btn-primary.hover i.fa,
.label-primary:hover i.fa, .label-primary:active i.fa, .label-primary.hover i.fa {
  color: #fff;
}

.btn-success:hover i.fa, .btn-success:active i.fa, .btn-success.hover i.fa {
  color: #fff;
}

.btn-delete-order, .btn-order-number {
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.33);
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
}
.btn-delete-order span, .btn-order-number span {
  font-weight: bold;
}

.btn-order-number {
  background: rgba(255, 255, 255, 0.95);
  font-size: 110%;
  padding: 2px 6px;
}

.login-box-body {
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.33);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.33);
}

.js-addNewElement {
  font-weight: normal;
}

.toast-info {
  background-color: #4a63ae;
}

/**
 * Navbar
 */
.main-header {
  margin-bottom: 1em;
}
.main-header .navbar {
  background: rgba(127, 181, 57, 0.2);
  background: -moz-linear-gradient(top, rgba(127, 181, 57, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(127, 181, 57, 0.2)), color-stop(100%, rgba(255, 255, 255, 0.2)));
  background: -webkit-linear-gradient(top, rgba(127, 181, 57, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(127, 181, 57, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: -ms-linear-gradient(top, rgba(127, 181, 57, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(to bottom, rgba(127, 181, 57, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7fb539", endColorstr="#ffffff", GradientType=0 );
  margin-left: 0;
}
.main-header .navbar .dropdown-menu > li > a {
  color: #333;
}

.skin-black-light .main-header .navbar .nav > .active > a {
  color: #000;
  font-weight: bold;
}

.skin-black-light .main-header .navbar .nav > li > a:hover {
  color: #4a63ae;
}

.dropdown-menu .divider {
  margin: 2px 0;
}

/**
 * Boxes
 */
.box.box-primary.box-primary {
  border-top-color: #4a63ae;
  /*box-shadow: 0 1px 1px #4a63ae;*/
}

.box-shadow .box-header {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(75, 99, 173, 0.1)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#4b63ad", GradientType=0 );
}
.box-shadow .box-body {
  background-color: rgba(74, 99, 174, 0.1);
  border-top: 1px solid rgba(75, 99, 173, 0.3);
}
.box-shadow .box-footer {
  background: rgba(75, 99, 173, 0.1);
  border-top: 1px solid rgba(75, 99, 173, 0.3);
}

@media (max-width: 768px) {
  .box-header > .box-tools {
    position: relative !important;
    top: 0;
  }
}
/**
 * Tabs
 */
.nav-tabs-box .nav-tabs-custom > .nav-tabs {
  border-bottom: none;
}
.nav-tabs-box .nav-tabs-custom > .nav-tabs > li {
  font-weight: bold;
}
.nav-tabs-box .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #4a63ae;
}
.nav-tabs-box .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-box .nav-tabs-custom > .nav-tabs > li.active:hover > a, .nav-tabs-box .nav-tabs-custom > .nav-tabs > li.active:focus > a {
  color: #000;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(75, 99, 173, 0.1)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#4b63ad", GradientType=0 );
  border-bottom: 3px solid #edeff7;
}
.nav-tabs-box .nav-tabs-custom > .tab-content {
  background-color: rgba(74, 99, 174, 0.1);
}
.nav-tabs-box .nav-tabs-custom .panel-default {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.nav-tabs-box .nav-tabs-custom .panel-default .panel-heading {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(75, 99, 173, 0.1)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(75, 99, 173, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#4b63ad", GradientType=0 );
  padding: 6px 10px;
}
.nav-tabs-box .nav-tabs-custom .panel-default .panel-heading h4 {
  font-weight: bold;
}
.nav-tabs-box .nav-tabs-custom .panel-default .panel-body.active {
  background-color: rgba(74, 99, 174, 0.1);
}
.nav-tabs-box .nav > li > a {
  padding: 5px 10px 7px;
}

/**
 * Forms
 */
.form-small-margin .form-group {
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 6px;
}
.form-small-margin .form-control {
  height: 30px;
  padding: 4px 8px;
}
.form-small-margin .form-control-textarea {
  height: 60px;
}
.form-small-margin .select2-container--default .select2-selection--single, .form-small-margin .select2-selection .select2-selection--single {
  height: 30px;
}
.form-small-margin .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
}
.form-small-margin .input-group-addon {
  padding: 6px 4px 0 4px;
}
.form-small-margin .order-number {
  background-color: #ddd;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 8px;
}
.form-small-margin .input-group[class*=col-] {
  float: none;
  padding-right: 15px;
  padding-left: 15px;
}

.form-control:focus {
  border-color: #4a63ae;
}

label.control-label.control-label-normal {
  font-weight: normal;
}
label.control-label.control-label-opacity {
  opacity: 0.2;
}

.checkbox label.bold, .radio label.bold {
  font-weight: 700;
}

/**
 * Tables
 */
table.table-bordered.dataTable {
  border-collapse: collapse !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
  content: "\f07d";
  color: #fff;
  font-size: 80%;
  font-family: "FontAwesome";
  top: 2px;
  right: 2px;
  opacity: 0.6;
}

table.dataTable thead .sorting_asc:after {
  content: "\f175";
  color: #4a63ae;
  opacity: 0.8;
}

table.dataTable thead .sorting_desc:after {
  content: "\f176";
  color: #4a63ae;
  opacity: 0.8;
}

table.dataTable thead .sorting_disabled {
  cursor: default;
  outline: none;
}
table.dataTable thead .sorting_disabled:after {
  content: "";
}

.table-bordered-dark .table-bordered {
  margin-bottom: 0;
}
.table-bordered-dark .table-bordered,
.table-bordered-dark .table-bordered > thead > tr > th,
.table-bordered-dark .table-bordered > tbody > tr > th,
.table-bordered-dark .table-bordered > tfoot > tr > th,
.table-bordered-dark .table-bordered > thead > tr > td,
.table-bordered-dark .table-bordered > tbody > tr > td,
.table-bordered-dark .table-bordered > tfoot > tr > td {
  border-color: #aaa;
}
.table-bordered-dark .table-bordered > thead > tr > th,
.table-bordered-dark .table-bordered > thead > tr > td {
  color: #000;
  background-color: #ccc;
  border-right: 1px solid #ddd;
  border-bottom-width: 0;
}
.table-bordered-dark .table-bordered > thead > tr > th:last-child,
.table-bordered-dark .table-bordered > thead > tr > td:last-child {
  border-right: none;
}
.table-bordered-dark .table-hover > tbody > tr:hover,
.table-bordered-dark .table-hover > tfoot > tr:hover {
  background-color: #ddd;
}

.table-no-border .table-bordered,
.table-no-border .table-bordered > thead > tr > th,
.table-no-border .table-bordered > tbody > tr > th,
.table-no-border .table-bordered > tfoot > tr > th,
.table-no-border .table-bordered > thead > tr > td,
.table-no-border .table-bordered > tbody > tr > td,
.table-no-border .table-bordered > tfoot > tr > td {
  border-color: transparent;
}

.table-small .table > tbody > tr > td,
.table-small .table > tbody > tr > th,
.table-small .table > tfoot > tr > td,
.table-small .table > tfoot > tr > th,
.table-small .table > thead > tr > td,
.table-small .table > thead > tr > th {
  padding: 2px 4px;
}
.table-small .pagination > li > a,
.table-small .pagination > li > span {
  padding: 3px 6px;
}

.table-smaller .table > tbody > tr > td,
.table-smaller .table > tbody > tr > th,
.table-smaller .table > tfoot > tr > td,
.table-smaller .table > tfoot > tr > th,
.table-smaller .table > thead > tr > td,
.table-smaller .table > thead > tr > th {
  padding: 4px 8px;
}
.table-smaller .pagination > li > a,
.table-smaller .pagination > li > span {
  padding: 4px 8px;
}

.table > tbody > tr > td.center,
.table > tbody > tr > th.center,
.table > tfoot > tr > td.center,
.table > tfoot > tr > th.center,
.table > thead > tr > td.center,
.table > thead > tr > th.center {
  text-align: center;
}

.table > tbody > tr > td.right,
.table > tbody > tr > th.right,
.table > tfoot > tr > td.right,
.table > tfoot > tr > th.right,
.table > thead > tr > td.right,
.table > thead > tr > th.right {
  text-align: right;
}

.table > tbody > tr > td.no-wrap,
.table > tbody > tr > th.no-wrap,
.table > tfoot > tr > td.no-wrap,
.table > tfoot > tr > th.no-wrap,
.table > thead > tr > td.no-wrap,
.table > thead > tr > th.no-wrap {
  white-space: nowrap;
}

.table > thead.sum > tr > th {
  color: #4a63ae;
  background-color: #dadada;
  font-weight: normal;
}

.table-responsive .row {
  margin-left: 0;
  margin-right: 0;
}
.table-responsive .row [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

table th {
  text-align: center;
}

th.vertical-middle, td.vertical-middle {
  vertical-align: middle !important;
}

#tableSearch tr.selected {
  background-color: rgba(74, 99, 174, 0.4);
}

tr.order-overdue > td {
  color: #f00;
}
tr.order-overdue.more {
  background-color: rgba(255, 0, 0, 0.2) !important;
}
tr.order-overdue.selected {
  background-color: rgba(74, 99, 174, 0.4) !important;
}

tr.errorRow > td {
  background-color: rgba(255, 0, 0, 0.2) !important;
}

#tableSearch th {
  white-space: nowrap;
}
#tableSearch td {
  white-space: nowrap;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #4a63ae;
  border-color: #4a63ae;
}

/**
 * Lables
 */
.label-order {
  color: #4a63ae;
  background-color: #fff;
  box-shadow: 0 0 2px #4a63ae;
  display: inline-block;
  margin-left: 5px;
}

div.date input.datepicker {
  min-width: 75px;
}

/**
 * Tooltip
 */
.tooltip-inner {
  text-align: left;
  min-width: inherit;
  max-width: 350px;
}

/**
 * Progress bar, Dropzone
 */
.progress {
  background-color: transparent;
  margin: 5px 0 10px 0;
}
.progress.progres-transparent {
  background-color: transparent;
}
.progress .progress-bar-cre8 {
  background-color: #80b539;
}

.file-row {
  margin-top: 10px;
}

#previews .preview {
  border: 1px outset #eee;
  display: inline-block;
  width: 80px;
  height: 60px;
}

.table-striped > tbody > tr.odd.dropped,
.table-striped > tbody > tr.even.dropped {
  background-color: rgba(74, 99, 174, 0.5);
}

.table-striped > tbody > tr.odd.droppedError,
.table-striped > tbody > tr.even.droppedError {
  background-color: rgba(255, 0, 0, 0.3);
}

.dropzoneRow {
  transition: background-color 1s;
}
.dropzoneRow.dropped {
  background-color: rgba(74, 99, 174, 0.5);
}
.dropzoneRow.droppedError {
  background-color: rgba(255, 0, 0, 0.3);
}

.dropzonePreview {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

/**
 * Modals
 */
@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}
/**
 * Grid
 */
@media (max-width: 767px) {
  .col-xs-6.col-clear-left {
    clear: left;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
/**
 * Toaster opacity
 */
#toast-container > div {
  font-size: 110%;
  opacity: 0.95;
}

/**
 * Tracy dump
 */
.tracy-dump {
  font-size: 11px;
}

pre.tracy-dump {
  background: #eee;
}

.doubleclick-disabled {
  opacity: 0.5;
}

/**
 * Custom
 */
.autoComplete_wrapper {
  width: 100%;
}

.autoComplete_wrapper > input {
  font-size: 14px;
  width: 100%;
}

.js-editable-form td[data-editable-copy="0"] input, .js-editable-form td[data-editable-copy="0"] textarea {
  width: 100%;
}

/*# sourceMappingURL=style.css.map */