@charset "UTF-8";
code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.card,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
  border-radius: 0 !important;
}

/* FONTS **************************************************/
@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto/roboto-italic-webfont.eot");
  src: url("../Fonts/Roboto/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto/roboto-italic-webfont.woff2") format("woff2"), url("../Fonts/Roboto/roboto-italic-webfont.woff") format("woff"), url("../Fonts/Roboto/roboto-italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto/roboto-light-webfont.eot");
  src: url("../Fonts/Roboto/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto/roboto-light-webfont.woff") format("woff"), url("../Fonts/Roboto/roboto-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto/roboto-medium-webfont.eot");
  src: url("../Fonts/Roboto/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto/roboto-medium-webfont.woff") format("woff"), url("../Fonts/Roboto/roboto-medium-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto/roboto-bold-webfont.eot");
  src: url("../Fonts/Roboto/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto/roboto-bold-webfont.woff") format("woff"), url("../Fonts/Roboto/roboto-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto/roboto-regular-webfont.eot");
  src: url("../Fonts/Roboto/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/Roboto/roboto-regular-webfont.woff") format("woff"), url("../Fonts/Roboto/roboto-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Relative";
  src: url("../Fonts/Relative.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
/* GLOBAL **************************************************/
* {
  outline: none !important;
}

html, body {
  min-height: 100%;
  height: 100%;
}

body {
  font-family: "Relative", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: #222222;
  background: #F5F5F5;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

body.OrdersGanttController, body.GanttController {
  background: #ffffff;
}

body > div:not(.modal) {
  margin: 0;
}

*::-webkit-input-placeholder {
  color: #aaa;
}

*:-moz-placeholder {
  color: #aaa;
}

*::-moz-placeholder {
  color: #aaa;
}

*:-ms-input-placeholder {
  color: #aaa;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px;
}

input::-ms-clear {
  display: none;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #000000; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

.contentLoading {
  min-height: 200px;
}

.contentLoading:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #000000; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.modal .modal-body .contentLoading {
  opacity: 1 !important;
}

.resources .contentLoading {
  min-height: 0;
}

.contentLoading .grid, .contentLoading .hideWhenLoading > *, .contentLoading .hideWhenLoading, .modal-body .contentLoading.resultslist, .modal .contentLoading * {
  opacity: 0 !important;
  pointer-events: none;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.contentLoadingError {
  background-color: #FF0000;
  opacity: 0.2;
}

a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

a {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

a:hover {
  color: black;
}

.muted {
  opacity: 0.5;
}

li {
  list-style: none;
}

menu {
  padding: 0;
}

.pagination {
  display: block;
  text-align: center;
}

label {
  font-weight: normal;
}

.field-validation-error {
  color: #ea6052;
  white-space: pre-wrap;
}

.modal .modal-body .field-validation-error ul {
  margin-bottom: 0;
}

.modal-body #automaticallyPlanValidation {
  margin-left: 0;
  width: 100%;
}

.modal .modal-body .field-validation-error ul li {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFCDCD;
}

.modal .modal-body .field-validation-error ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.global-alert {
  position: fixed;
  z-index: 9999999999;
  top: 15px;
  left: 50%;
  width: 700px;
  height: auto !important;
  margin-left: -350px !important;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.global-alert .button {
  margin: 5px;
}

.global-alert.old-browser-alert h4 {
  color: #EA6F52;
  text-transform: uppercase;
}

body > h2 {
  margin: 0;
  padding: 10px;
  padding-left: 80px;
  font-size: 20px;
  font-weight: 300;
  color: #FFF1F1;
  background: #000000;
}

body > h2:empty {
  background: none !important;
}

body > h2 > a {
  float: right;
}

body > h2 a.home:hover:after {
  color: #ccc;
}

body.gantt-chart-view {
  overflow: hidden;
}

body.gantt-chart-view .options {
  display: inline-block;
}

body.gantt-chart-view .options .show-toolbox a:hover {
  color: #fff;
}

body.gantt-chart-view #replan i {
  position: relative;
  top: 3px;
}

body.gantt-chart-view #replanForm .field-validation-error {
  margin-left: 0;
}

body.gantt-chart-view .options .show-toolbox a i:before {
  content: "\e178";
  font-family: "Glyphicons Halflings";
  position: relative;
  top: 3px;
}

body.OrdersGanttController .options li.show-toolbox {
  display: none;
}

body > .footer {
  display: block;
  opacity: 0;
  width: 100%;
  height: 28px;
  padding: 3px 10px;
  background: #f1f1f1;
  border-top: 1px solid #ddd;
  font-size: 12px;
  text-align: right;
}

body > .footer.visible {
  opacity: 1;
}

body.gantt-chart-view > .footer {
  display: none;
}

@media screen and (max-width: 991px) {
  body.gantt-chart-view {
    overflow: auto;
  }
  body > .footer {
    text-align: center;
  }
  .global-alert {
    width: calc(100% - 20px);
    margin-left: 0 !important;
    left: 10px;
  }
}
/* TABLES **************************************************/
table {
  width: 100%;
}

table tr th, table tr td {
  text-align: center;
}

.grid-wrapper {
  overflow: hidden;
  overflow-x: auto;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

table.grid {
  width: 100%;
  border-radius: 3px;
}

.hover {
  background: #f7f7f7 !important;
}

table.grid tr th,
table.grid tr td {
  border-bottom: 1px solid #eee;
  padding: 6px 16px;
  text-align: center;
  position: relative;
}

table.grid > thead > tr > th,
table.grid > tbody > tr > td {
  text-align: left !important;
}

.WarehouseDocumentsController table.grid > thead > tr > th:nth-child(8),
.OffersController table.grid > thead > tr > th:nth-child(4),
.OffersController table.grid > thead > tr > th:nth-child(5),
.WarehousePlacesController table.grid > thead > tr > th:nth-child(4) {
  text-align: right !important;
}

table.grid > thead > tr > th,
table.grid > tbody > tr > td {
  padding: 5px 16px 5px 10px !important;
}

table.grid > thead > tr > th.selectable,
table.grid > tbody > tr > td:first-child {
  padding-left: 16px !important;
}

table.grid > tbody > tr > td[class$=_IsClosed] {
  text-align: center !important;
  width: 100px;
}

table.grid > tbody > tr > td[class$=_IsActive],
table.grid > tbody > tr > td[class$=_IsFulfilled] {
  text-align: center !important;
  width: 80px;
}

table.grid > thead > tr > th,
table.grid > tbody > tr > td {
  border-right: 1px solid #ddd;
}

table.grid > thead > tr > th:last-child,
table.grid > tbody > tr > td:last-child {
  border-right: none;
}

table.grid > tbody > tr > td.actions {
  padding-left: 20px !important;
  padding-right: 20px !important;
  cursor: pointer;
}

table.grid > tbody > tr > td.actions:after {
  color: #666666;
}

body .mainLoad table.grid > tbody > tr > td.actions:hover,
body .mainLoad table.grid > tbody > tr.active > td.actions {
  background: #000000;
}

body .mainLoad table.grid > tbody > tr > td.actions:hover:after,
body .mainLoad table.grid > tbody > tr.active > td.actions:after {
  color: #fff !important;
}

input[type=checkbox] ~ label,
input[type=checkbox] + label {
  padding-left: 17px;
}

table.grid > tbody > tr.selected {
  color: #000;
}

table.grid > thead > tr.pre-selected > th,
table.grid > tbody > tr.pre-selected > td,
table.grid > tbody > tr.selected > td {
  border-bottom: 1px solid #bbb;
}

table.grid > tbody > tr.selected > td {
  background: rgba(0, 0, 0, 0.12);
}
table.grid > tbody > tr.selected > td.actions:hover, table.grid > tbody > tr.selected > td.actions:focus, table.grid > tbody > tr.selected > td.actions:active {
  background: #000000;
}
table.grid > tbody > tr.selected > td.actions:hover:after, table.grid > tbody > tr.selected > td.actions:focus:after, table.grid > tbody > tr.selected > td.actions:active:after {
  color: #ffffff;
}

table.grid > tbody > tr > td[class*=_Note] > div > span {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.grid tr td span.dataTypeString {
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

table.grid tr td span {
  cursor: default;
}

table.grid tr:hover td {
  background: #f5f5f5;
  color: #000;
}

table.grid tr th {
  font-weight: 600;
  background: #f2f2f2;
  border-bottom: 1px solid #ddd;
}

table.grid tr th a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
table.grid tr th a:hover, table.grid tr th a:focus, table.grid tr th a:active {
  color: black;
}

table.grid tr th a:after {
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: -1px;
  height: 100%;
  width: 10px;
  background: url("../Images/asc.png") center center no-repeat;
  opacity: 0.3;
}

table.grid tr th a.orderAscending:after {
  background: url("../Images/asc.png") center center no-repeat;
  opacity: 0.3;
}

table.grid tr th a.orderDescending:after {
  background: url("../Images/desc.png") center center no-repeat;
  opacity: 0.3;
}

table.grid tr th a:hover::after {
  opacity: 1;
}

table.grid tr th:first-child,
table.grid tr td:first-child,
table.grid tr td.actions,
table.grid tr th:last-child {
  border-left: none;
}

table.grid tr:last-child td {
  border-bottom: none;
}

table.grid tr td ul {
  margin-bottom: 0;
  padding-left: 0;
}

table.grid tr td.actions {
  position: relative;
  width: 1px;
  overflow: visible;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 0;
  cursor: pointer;
}

table.grid tr td.actions menu {
  display: none;
  position: absolute;
  z-index: 999999999999999;
  width: auto;
  right: 54px;
  top: -1px;
  background: #fff;
  font-family: "Roboto", sans-serif;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-animation-name: showGridActions;
  animation-name: showGridActions;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

table.grid tr td.actions menu .menu-wrapper {
  overflow-y: auto;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}

table.grid tr td.actions menu .arrow {
  position: absolute;
  right: -8px;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}

table.grid tr td.actions.bottom-align menu .arrow {
  top: initial;
  bottom: 12px;
}

table.grid tr.active td.actions menu {
  display: block;
}

table.grid tr td.actions menu li {
  display: block;
}

table.grid tr td.actions menu li:last-child {
  border-bottom: none;
}

table.grid tr td.actions menu li .a,
table.grid tr td.actions menu li .button,
table.grid tr td.actions menu li span {
  display: block;
  border: none;
  line-height: 18px;
  color: #444 !important;
  padding: 11px 20px 10px;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
}

table.grid tr td.actions menu li a i:before {
  display: inline-block;
  font-size: 18px;
  top: 1px;
}

table.grid tr td.actions menu li.has-submenu > a:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 14px;
  position: relative;
  top: -1px;
  width: auto;
  margin-right: 0;
  margin-left: 5px;
  color: #888;
}

table.grid tr td.actions menu .menu-wrapper.wrapper-duplicate li.has-submenu > a:after {
  display: none;
}

table.grid tr td.actions menu li .a:before,
table.grid tr td.actions menu li .button:before,
table.grid tr td.actions menu li a i:before {
  width: 20px;
  text-align: center;
  color: #444;
  margin-right: 10px;
}

table.grid tr td.actions menu li .a:hover:before,
table.grid tr td.actions menu li .button:hover:before,
table.grid tr td.actions menu li a:hover i:before,
table.grid tr td.actions menu .menu-wrapper.wrapper-duplicate li.toggled a i:before {
  color: #000000 !important;
}

table.grid tr td.actions menu li .a:hover,
table.grid tr td.actions menu li .button:hover,
table.grid tr td.actions menu .menu-wrapper.wrapper-duplicate li.toggled > .button {
  background: #f1f1f1 !important;
  color: #222222;
  max-width: 100%;
}

table.grid tr td.actions menu .menu-wrapper.wrapper-duplicate li.toggled .button {
  max-width: calc(100% - 2px);
}

table.grid tr td.actions menu .menu-wrapper.wrapper-duplicate ul li a:before {
  display: none;
}

table.grid tr td.actions:after {
  content: "\e235";
  color: #ccc;
  font-size: 14px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  z-index: 99999;
}

table.grid tr.active td.actions:after {
  content: "\e234";
}

table.grid tr:hover td.action {
  border: none !important;
  background: #fff !important;
}

table.grid tr:hover td.actions:after {
  color: #5598a6;
}

tr.slideRow .additional-info {
  display: none !important;
}

table.grid tr td div {
  position: relative;
}

table.grid tr th.selectable {
  width: 40px;
}

table.grid tr td.actions menu li > ul {
  display: none;
}

.no-results-grid {
  position: relative;
  width: 250px;
  margin: 0 auto;
  font-size: 24px;
  padding: 20px 20px 20px 40px;
}

.no-results-grid::before {
  content: "";
  background: url("../Images/noresults-line.png") repeat-x;
  width: 1000px;
  height: 40px;
  position: absolute;
  left: -1000px;
  top: 10px;
  text-align: right;
  opacity: 0.2;
}

.no-results-grid::after {
  content: "\f002";
  font-family: "FontAwesome";
  color: #000000;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -16px;
  top: 20px;
  text-align: right;
}

.dataValueTrue, .dataValueFalse {
  font-size: 1px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}

.dataValueTrue:after {
  content: "\f058";
  font-family: FontAwesome;
  font-size: 20px;
  color: #00CC77;
  position: relative;
  top: 2px;
}

.dataValueFalse:after {
  font-size: 20px;
  content: "\f057";
  font-family: FontAwesome;
  color: #EA6F52;
  position: relative;
  top: 2px;
}

.grid td .fa-chevron-circle-down {
  margin-left: 5px;
  color: #aaa;
}

.grid td .fa-chevron-circle-down:hover {
  color: #5598a6;
}

.grid .additional-info {
  pointer-events: none;
  display: inline-block;
  position: relative;
  float: right;
  left: inherit !important;
  left: initial !important;
  min-height: 0;
}

.grid i.fa-caret-down {
  position: absolute;
  color: #888;
  font-size: 12px;
  opacity: 0.7;
  right: -7px;
  top: 50%;
  margin-top: -5px;
}

.grid .additional-info-content {
  visibility: hidden;
  display: block;
  position: absolute;
  z-index: 9999;
  right: -12px;
  top: calc(100% + 16px);
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px 10px;
  min-width: 250px;
  left: inherit !important;
  left: initial !important;
}

.grid .additional-info-content table tr td {
  background: none;
  font-size: 12px;
  padding: 3px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eee;
}

.grid .additional-info-content table tr td:last-child {
  padding-left: 5px;
  font-weight: bold;
  width: 220px;
}

.grid .additional-info-content table tr:last-child td {
  border-bottom: none;
}

.ResourcesController .grid .additional-info-content,
.ResourcesController .grid .additional-info-content,
.ResourcesController .grid .additional-info-content {
  width: 200px;
}

.ResourcesController .grid .additional-info-content table tr td:last-child,
.ResourcesController .grid .additional-info-content table tr td:last-child,
.ResourcesController .grid .additional-info-content table tr td:last-child {
  width: 100px;
}

.grid .additional-info-content table tr td:first-child {
  width: 190px;
  font-weight: normal;
}

.grid .additional-info-content table tr td span {
  white-space: normal;
}

.grid td:hover i.fa-caret-down {
  opacity: 1;
}

.grid .additional-info-content span {
  display: block;
  white-space: nowrap;
  color: #555;
}

.grid td .additional-info .additional-info-content i.fa-caret-down {
  display: none;
}

.grid td .additional-info .additional-info-content .additional-info .additional-info-content {
  display: block !important;
  right: -11px;
  padding: 0 10px;
  top: 0;
  border-top: none;
  border-bottom: none;
  max-width: 100%;
}

.grid td .additional-info .additional-info-content .additional-info .additional-info-content table tr td span.dataTypeString {
  display: block;
  max-width: 120px;
}

.grid td .additional-info .additional-info-content td span span {
  display: inline-block;
}

.grid td:hover .additional-info .additional-info-content .additional-info .additional-info-content table tr:last-child td {
  border-bottom: none;
}

table.fixed-header {
  position: fixed;
  width: 100%;
  z-index: 9999;
  display: none;
}

body.WarehouseDocumentsController .grid tr:not(.document-open) .actions menu li > a.closeDoc {
  display: none;
}

body.WarehouseDocumentsController .grid tr.document-open td {
  background: rgba(255, 161, 21, 0.12);
}

.menu-open table.fixed-header {
  width: calc(100% - 160px);
}

@media screen and (max-width: 991px) {
  .grid .actions {
    white-space: nowrap;
  }
  .grid tr th a:after {
    right: -12px;
  }
  table.grid > tbody > tr > td[class*=_Note] > div > span {
    max-width: 100px;
  }
}
@media screen and (min-width: 992px) {
  table.grid tr td.actions {
    padding-right: 30px;
  }
  table.grid tr td.actions:after {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .grid-wrapper {
    overflow: auto;
  }
  .grid .additional-info,
.grid .additional-info .additional-info-content,
.grid i.fa-caret-down {
    display: none;
  }
  body > div:not(.modal) {
    margin-left: 0 !important;
  }
  body > .menu-toggle {
    left: 0 !important;
  }
  table.grid {
    border: none;
  }
  .mainLoad .grid-wrapper table.grid {
    min-width: 1200px;
  }
  .hideOnMobile {
    display: none;
  }
  .grid .actions .button:before {
    font-size: 14px;
    margin-right: 0;
    line-height: 0;
    vertical-align: middle;
    top: 0;
  }
}
@media screen and (min-width: 1599px) {
  table.grid > tbody > tr > td[class*=_Note] > div > span {
    max-width: 300px;
  }
}
@media screen and (max-width: 1300px) {
  table.grid > thead > tr > th,
table.grid > tbody > tr > td {
    padding: 3px 16px 3px 8px !important;
    font-size: 12.5px;
  }
}
@-moz-document url-prefix() {
  table.grid {
    border-collapse: initial;
  }
}
/* BUTTONS **************************************************/
.button, .removeFromList, .ReportsController .modal:not(.has-tabs) .modal-body content ul li a {
  display: inline-block;
  padding: 8px 14px;
  border: none;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  color: #102D78;
  background: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.modal-footer .button {
  max-height: 34px;
}

.button:hover, .button.activeFilter, .ReportsController .modal:not(.has-tabs) .modal-body content ul li a:hover {
  background: #000000;
  color: #fff;
}

.button:hover span {
  color: #fff;
}

.button.small {
  padding: 2px 8px;
  font-size: 12px;
}

.button.big {
  padding: 10px 20px;
  font-size: 14px;
}

.button.save, .button-success, .button.clear, .modal-footer .button, .button.blue, .pagination li.selected button, table.grid tr td.actions menu .button, .toolbar menu.default > li:first-child > .button,
.toolbar menu.default > li:first-child label, .toolbar menu.default menu li .button, button.add, .quickSearchBoxAdd, .ReportsController .modal:not(.has-tabs) .modal-body content ul li a, .button.add {
  background: #ffffff;
  border: 1px solid #CFD5E4;
}

.button[disabled=disabled] {
  opacity: 0.8;
  pointer-events: none;
}

.bootstrap-select.readonly .dropdown-toggle[disabled=disabled] {
  opacity: 1;
}

.bootstrap-select.readonly .dropdown-toggle,
.bootstrap-select.readonly:hover .dropdown-toggle {
  box-shadow: none;
  border-color: #ddd;
  background: #f1f1f1;
}

.bootstrap-select.readonly .dropdown-toggle .bs-caret {
  display: none;
}

.bootstrap-select.btn-group.inParentView .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}

.bootstrap-select.btn-group.inParentView .dropdown-menu li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

.bootstrap-select.btn-group.inParentView .dropdown-menu li span {
  padding-top: 5px;
  padding-bottom: 5px;
}

.AppSettingsController .mainLoad .bootstrap-select {
  width: 100%;
}

table.grid tr td.actions menu .button {
  background: none;
  line-height: 46px;
  display: table-cell;
  vertical-align: middle;
}

table.grid tr td.actions menu .button.download {
  max-height: 1000px;
  vertical-align: initial;
}

table.grid tr td.actions menu .button.download:before {
  font-size: 17px !important;
  margin-right: 5px;
  top: 1px;
}

table.grid tr td.actions menu .button:hover, table.grid tr td.actions menu menu .button {
  background: rgba(255, 255, 255, 0.2) !important;
}

table.grid tr td.actions menu menu .button:hover {
  background: #5598a6 !important;
}

.toolbar menu.default menu li .button {
  background: #5598A6;
}

.toolbar menu.default menu li .button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

.toolbar button.save, .toolbar .button.clear, .toolbar .button.blue,
.toolbar menu.default > li:first-child label, .toolbar menu.default > li:first-child > a,
.toolbar button.add, .toolbar menu.MultiSelect li .button,
.toolbar button.add, .toolbar menu.ImportExport li .button,
.toolbar .actions .button {
  border: 1px solid #CFD5E4;
  background: #ffffff;
  padding: 4px 12px;
  color: #102D78;
}
.toolbar button.save i, .toolbar .button.clear i, .toolbar .button.blue i,
.toolbar menu.default > li:first-child label i, .toolbar menu.default > li:first-child > a i,
.toolbar button.add i, .toolbar menu.MultiSelect li .button i,
.toolbar button.add i, .toolbar menu.ImportExport li .button i,
.toolbar .actions .button i {
  color: black !important;
}
.toolbar button.save:hover, .toolbar button.save:active, .toolbar button.save:focus, .toolbar .button.clear:hover, .toolbar .button.clear:active, .toolbar .button.clear:focus, .toolbar .button.blue:hover, .toolbar .button.blue:active, .toolbar .button.blue:focus,
.toolbar menu.default > li:first-child label:hover,
.toolbar menu.default > li:first-child label:active,
.toolbar menu.default > li:first-child label:focus, .toolbar menu.default > li:first-child > a:hover, .toolbar menu.default > li:first-child > a:active, .toolbar menu.default > li:first-child > a:focus,
.toolbar button.add:hover,
.toolbar button.add:active,
.toolbar button.add:focus, .toolbar menu.MultiSelect li .button:hover, .toolbar menu.MultiSelect li .button:active, .toolbar menu.MultiSelect li .button:focus,
.toolbar button.add:hover,
.toolbar button.add:active,
.toolbar button.add:focus, .toolbar menu.ImportExport li .button:hover, .toolbar menu.ImportExport li .button:active, .toolbar menu.ImportExport li .button:focus,
.toolbar .actions .button:hover,
.toolbar .actions .button:active,
.toolbar .actions .button:focus {
  color: black;
  border: 1px solid #000000;
}
.toolbar button.save:hover i, .toolbar button.save:active i, .toolbar button.save:focus i, .toolbar .button.clear:hover i, .toolbar .button.clear:active i, .toolbar .button.clear:focus i, .toolbar .button.blue:hover i, .toolbar .button.blue:active i, .toolbar .button.blue:focus i,
.toolbar menu.default > li:first-child label:hover i,
.toolbar menu.default > li:first-child label:active i,
.toolbar menu.default > li:first-child label:focus i, .toolbar menu.default > li:first-child > a:hover i, .toolbar menu.default > li:first-child > a:active i, .toolbar menu.default > li:first-child > a:focus i,
.toolbar button.add:hover i,
.toolbar button.add:active i,
.toolbar button.add:focus i, .toolbar menu.MultiSelect li .button:hover i, .toolbar menu.MultiSelect li .button:active i, .toolbar menu.MultiSelect li .button:focus i,
.toolbar button.add:hover i,
.toolbar button.add:active i,
.toolbar button.add:focus i, .toolbar menu.ImportExport li .button:hover i, .toolbar menu.ImportExport li .button:active i, .toolbar menu.ImportExport li .button:focus i,
.toolbar .actions .button:hover i,
.toolbar .actions .button:active i,
.toolbar .actions .button:focus i {
  color: black !important;
}

.toolbar button.save:hover, .toolbar .button.clear:hover, .toolbar .button.blue:hover, .toolbar menu.default > li:first-child label:hover, .toolbar menu.default > li:first-child > a:hover,
.toolbar button.add:hover, .toolbar menu.MultiSelect li .button:hover, .toolbar button.add:hover, .toolbar menu.ImportExport li .button:hover,
.gantt-chart-view .toolbar .actions > a.button:hover,
.toolbar .actions .button:hover {
  background: #d9cdcd;
}

.toolbar .actions > menu > li > a.button.filterButton:before {
  content: "\f0b0";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 0px;
  color: #000000;
}

.toolbar .actions > menu > li > a.button.gridConfiguration:before {
  content: "\f013";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 0px;
  color: #000000;
}

.toolbar .actions > menu > li > a.button.addFromGus:before {
  content: "\f055";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 0px;
  color: #000000;
}

.toolbar .actions > menu > li > a.button.deleteAll:before {
  content: "\f1f8";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 0px;
  color: #000000;
}

.toolbar .actions > menu > li > button.editMultiple:before {
  content: "\f044";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 0px;
  color: #000000;
}

.mainLoad .toolbar .actions .button.export:before,
.mainLoad .toolbar .actions .button#exportData:before {
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  content: "\e170" !important;
  color: #000000;
  font-size: inherit;
}

.toolbar .actions > menu > li > a#prnLabel:before {
  content: "\f016";
  font-family: FontAwesome;
  font-size: 16px;
  position: relative;
  top: 1px;
  color: #000000;
}

.toolbar .actions > menu > li > a.button[href*=ManagePermissions]:before {
  content: "\f06e";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 1px;
  color: #fff;
}

.toolbar .toggle-filter i {
  margin-right: 5px;
}

menu.default > li:first-child:hover > label.actionsSubmenu,
body.gantt-chart-view.filters-visible .toolbar .toggle-filter,
body.gantt-chart-view.filters-visible .toolbar .toggle-filter:hover {
  background: #fff;
  color: #5598a6;
}

body.filters-visible .toolbar .button.toggle-filter {
  background: #000000;
  color: #ffffff;
}
body.filters-visible .toolbar .button.toggle-filter i {
  color: #ffffff;
}

.ConfigurationController .toggle-filter {
  display: none;
}

body.filters-visible .toolbar .toggle-filter i, .toolbar menu.default > li:first-child:hover > label.actionsSubmenu:before, .toolbar menu.default > li:first-child:hover > label.actionsSubmenu:after {
  color: #5598a6;
}

.toolbar menu.MultiSelect li .button:hover, .toolbar menu.ImportExport li .button:hover {
  background: #d9cdcd !important;
}

.toolbar menu.MultiSelect li .button:before,
.toolbar menu.ImportExport li .button:before,
.gantt-chart-view .toolbar .button i {
  color: #fff;
}

.toolbar .toggle-filter i {
  color: #000000;
}

.gantt-chart-view .toolbar .button i {
  margin-right: 5px;
}

.toolbar menu.MultiSelect li .button:hover:before,
.toolbar menu.ImportExport li .button:hover:before {
  color: #fff !important;
}

.button.save:hover, .button-success:hover, .button.clear:hover,
.modal-footer .button:hover, .pagination li.selected a:hover,
.button.blue:hover, table.grid tr td.actions menu .button:hover,
.toolbar menu.default > li:first-child label:hover,
.toolbar menu.default menu li .button:hover,
.button.add:hover, .quickSearchBoxAdd:hover,
.ReportsController .modal:not(.has-tabs) .modal-body content ul li a:hover {
  background: #000000;
  color: #ffffff;
}
.button.save:hover:before, .button-success:hover:before, .button.clear:hover:before,
.modal-footer .button:hover:before, .pagination li.selected a:hover:before,
.button.blue:hover:before, table.grid tr td.actions menu .button:hover:before,
.toolbar menu.default > li:first-child label:hover:before,
.toolbar menu.default menu li .button:hover:before,
.button.add:hover:before, .quickSearchBoxAdd:hover:before,
.ReportsController .modal:not(.has-tabs) .modal-body content ul li a:hover:before {
  color: #ffffff !important;
}

.button.cancel, .button.remove, .removeFromList, .button-danger {
  background: #ffffff;
}

.button.cancel:hover, .toolbar menu.MultiSelect li:first-child .button:hover,
.button.remove:hover, .removeFromList:hover, .button-danger:hover {
  background: #CC0000;
}
.button.cancel:hover:before, .toolbar menu.MultiSelect li:first-child .button:hover:before,
.button.remove:hover:before, .removeFromList:hover:before, .button-danger:hover:before {
  color: #ffffff !important;
}

.button.small:before {
  font-size: 10px;
}

.button:before, menu label:before, .removeFromList:before {
  position: relative;
  margin-right: 5px;
  top: 2px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #989c9f;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.currentResult.show-details, .currentResult.hide-details {
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}

.currentResult.hide-details .sub-text-item {
  margin-top: 10px;
  font-size: 12px;
}

.currentResult .toggle-subitem {
  content: "";
  display: none;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
  height: 20px;
  width: 20px;
  opacity: 1;
  border: 1px solid #ddd;
  border-radius: 10px;
}

.currentResult .toggle-subitem:hover {
  background-color: #fff;
}

.currentResult.show-details .toggle-subitem {
  background: url(../Images/desc.png) center center no-repeat #f8f8f8;
}

.currentResult.hide-details .toggle-subitem {
  background: url(../Images/asc.png) center center no-repeat #f8f8f8;
}

.currentResult.show-details .toggle-subitem, .currentResult.hide-details .toggle-subitem {
  display: block;
}

.currentResult.show-details .sub-text-item {
  display: none;
}

.currentResult.hide-details .sub-text-item {
  display: block;
}

.button.clear:before {
  content: "\e221";
}

.button.save:before, .button.clear:before, .modal-footer .button:before, .button.blue:before, table.grid tr td.actions menu .button:before, .toolbar menu.default > li:first-child > .button:before, .toolbar menu.default > li:first-child label:before, .toolbar menu.default > li:first-child label:after, .button.add:before, .quickSearchBoxAdd:before {
  color: #000000;
}

.button.cancel:before, .toolbar menu.MultiSelect li:first-child .button:before, .button.remove:before, .removeFromList:before {
  color: #000000;
}

.actions .button:hover:before, .button.save:hover:before, .button.cancel:hover:before, .button.clear:hover:before, .modal-footer .button:hover:before, .button.blue:hover:before, .button:hover:before, menu label:hover:before, .toolbar menu.default > li:first-child label:hover:after, .button.remove:hover:before, .removeFromList:hover:before, .activeFilter:before {
  color: black;
}

.button.save:before {
  content: "\e013";
}

.button.add:before, .quickSearchBoxAdd:before {
  content: "+";
}

.button.change:before {
  content: "*";
}

.button.cancel:before {
  content: "\e014";
}

.button.edit:before {
  content: "\f044";
  font-family: "FontAwesome";
  font-size: 18px;
}

.button.back:before {
  content: "\e079";
}

.button.reset:before {
  content: "\f021";
  font-family: "FontAwesome";
  top: 0px;
}

.button.duplicate:before {
  content: "\f24d";
  font-family: "FontAwesome";
  font-size: 17px;
  top: 1px;
}

.button.print:before {
  content: "\f02f";
  font-family: "FontAwesome";
  font-size: 18px;
  color: #fff;
}

.button.calendar:before {
  content: "\f073";
  font-family: "FontAwesome";
  font-size: 16px;
}

.button.transfer:before {
  content: "\e178";
  color: #fff;
}

.button.closeDocument:before,
.button.closeDoc:before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 18px;
}

.button.openDocument:before {
  content: "\f13e";
  font-family: "FontAwesome";
  font-size: 18px;
}

.button.convertToOrder:before {
  content: "\f064";
  font-family: "FontAwesome";
  font-size: 18px;
}

.button.plan:before {
  content: "\f064";
  font-family: "FontAwesome";
  font-size: 18px;
}

.button.defectsCard:before {
  content: "\f0f6";
  font-family: "FontAwesome";
  font-size: 18px;
}

.OrdersController .grid .actions li:nth-child(4) .button.print:before {
  content: "\f0f6";
}

.OrdersController .grid .actions li:nth-child(5) .button.print:before {
  content: "\f017";
}

.OrdersController .grid .actions li:nth-child(6) .button.print:before {
  content: "\f1ec";
}

.AutomaticReplanConfigsController .grid .actions li:last-child .button:before {
  content: "\f04b";
  font-family: "FontAwesome";
  font-size: 18px;
}

.button.remove:before, .removeFromList:before {
  content: "\f1f8" !important;
  font-family: "FontAwesome";
  font-size: 17px;
  top: 1px;
}

.grid .button.remove:before {
  font-size: 18px;
  top: 1px;
}

.actions label:before {
  content: "\f1de";
  font-family: "FontAwesome";
  font-size: 18px;
  top: 1px;
}

.quickSearchBoxAdd, .removeFromList {
  font-size: 0;
  max-height: 34px;
  vertical-align: top;
}

.quickSearchBoxAdd {
  display: inline-block;
}

#document-edit #documentItemsAccordion .removeFromList {
  background: none;
}

.quickSearchBoxAdd:before, .removeFromList:before {
  font-size: 16px;
  margin-right: 0;
}

.download {
  font-size: 14px;
  max-height: 34px;
  vertical-align: top;
}

.download:before {
  content: "\f019" !important;
  font-size: 16px !important;
  margin-right: 0;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  color: #fff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.orderRelations .removeFromList {
  float: right;
}

.filter button[type=submit]:before,
.gantt-chart-view .timelineHeader form button[type=submit]:before {
  content: "\e003";
}

.filter button[type=submit] {
  margin-left: 5px !important;
}

.filter button.showMore:before {
  content: "\e138";
}

.filter #exportOrdersButton:before,
.toolbar #exportOrdersButton:before {
  content: "\e170";
  position: relative;
  margin-right: 5px;
  top: 2px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 0;
  color: #fff;
}

.optionalWrapper {
  position: relative;
}

.filter fieldset.optional {
  display: none;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 5px #ddd;
  border-radius: 3px;
  border: 1px solid #ccc;
  z-index: 100;
  padding: 10px;
  top: 35px;
  left: 0;
}

.optional div:last-of-type label {
  margin-bottom: 0;
}

.optional label {
  display: block;
  white-space: nowrap;
}

.closeSmallModal {
  display: none !important;
  position: absolute;
  right: -7px;
  top: -7px;
  background: #fff;
  z-index: 9;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
  border: 1px solid #ccc;
  color: #50595e;
  cursor: pointer;
  font-size: 9px;
}

.closeSmallModal:hover {
  color: #50595e;
  background: #EA6F52;
}

.ganttChart .optional .closeSmallModal {
  display: none;
}

/* FORMS **************************************************/
input,
select, div.bootstrap-select button,
textarea {
  height: 34px;
  padding-left: 10px;
  border: 1px solid #bbb;
  border-radius: 0;
  background: #fff;
  width: 80%;
  color: #64696c;
  font-weight: 400;
  max-width: 100%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

div.bootstrap-select button.btn.dropdown-toggle {
  outline: 0 !important;
}

.filter input, filter select, .filter div.bootstrap-select button {
  height: 30px;
  line-height: 1;
}

.filter .button {
  padding: 6px 12px;
}

input [type=datetime], input [type=text] {
  background: #fff;
}

textarea {
  resize: none;
}

input:hover,
select:hover, div.bootstrap-select:hover button,
textarea:hover {
  border: 1px solid #7d8387;
}

input:hover,
select:hover, div.bootstrap-select:hover button,
textarea:hover,
input:focus,
select:focus, .open > .dropdown-toggle.btn-default,
textarea:focus {
  border: 1px solid #000000;
  background: #fff;
}

input[type=file], input[type=file]:hover, input[type=file]:focus {
  border: none;
  box-shadow: none;
  padding-left: 0;
  border-radius: 0;
}

input[disabled=disabled],
select[disabled=disabled],
textarea[disabled=disabled],
button[disabled=disabled],
input[readonly=readonly],
select[readonly=readonly],
textarea[readonly=readonly],
button[readonly=readonly],
input[type=checkbox][disabled=disabled] + label,
input[type=checkbox][disabled=disabled] ~ label,
input[type=radio][disabled=disabled] + label,
input[type=radio][disabled=disabled] ~ label {
  opacity: 0.6;
  cursor: default;
}

input[disabled=disabled]:hover,
input[disabled=disabled]:focus,
select[disabled=disabled]:hover,
select[disabled=disabled]:focus,
textarea[disabled=disabled]:hover,
textarea[disabled=disabled]:focus,
button[disabled=disabled]:hover,
button[disabled=disabled]:focus,
input[readonly=readonly]:hover,
input[readonly=readonly]:focus,
select[readonly=readonly]:hover,
select[readonly=readonly]:focus,
textarea[readonly=readonly]:hover,
textarea[readonly=readonly]:focus,
button[readonly=readonly]:hover,
button[readonly=readonly]:focus {
  border: 1px solid #bbb;
  box-shadow: none;
}

.unit input[disabled=disabled] + label {
  color: #aaa;
}

input.has-label-on {
  padding-right: 70px;
}

.xdsoft_datetimepicker {
  margin: 0 !important;
  margin-top: 3px !important;
  z-index: 9999999999;
  border: 1px solid #7d8387;
}

.xdsoft_datetimepicker .xdsoft_label {
  color: #64696c;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button,
input[type=datetime]::-webkit-calendar-picker-indicator,
input[type=datetime]::-webkit-inner-spin-button,
input[type=time]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-inner-spin-button,
input[type=date]::-webkit-clear-button,
input[type=datetime]::-webkit-clear-button,
input[type=time]::-webkit-clear-button {
  display: none;
  visibility: hidden !important;
}

div.bootstrap-select .dropdown-menu {
  border: 1px solid #7d8387;
  border-radius: 0;
}

div.bootstrap-select .dropdown-menu .glyphicon {
  color: black;
}

.bootstrap-select.open {
  z-index: 9999999999 !important;
}

textarea {
  height: 100px;
  padding-top: 10px;
}

input[type=radio],
input[type=checkbox] {
  width: auto;
  height: auto;
}

input[type=radio]:hover,
input[type=radio]:hover,
input[type=radio]:hover,
input[type=radio]:focus,
input[type=radio]:focus,
input[type=radio]:focus,
input[type=checkbox]:hover,
input[type=checkbox]:hover,
input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=checkbox]:focus,
input[type=checkbox]:focus {
  border: none;
  box-shadow: none;
}

.modal-body .button.small {
  margin-top: 3px;
}

input[type=radio],
input[type=checkbox] {
  display: none;
}

input[type=radio] ~ label,
input[type=radio] + label {
  width: auto;
  padding-left: 30px;
  line-height: 20px !important;
  height: 20px;
  cursor: pointer;
  position: relative;
  top: -4px;
}

.modal-body input[type=radio] ~ label,
.modal-body input[type=radio] + label,
.modal-body input[type=checkbox] ~ label,
.modal-body input[type=checkbox] + label {
  padding-top: 1px !important;
}

input[type=checkbox] ~ label,
input[type=checkbox] + label {
  position: relative;
  width: auto;
  padding-left: 25px;
  line-height: 20px !important;
  height: 20px;
  cursor: pointer;
}

input[type=radio] ~ label,
input[type=radio] + label {
  min-width: 120px;
}

input[type=checkbox].readonly ~ label,
input[type=checkbox].readonly + label,
input[type=radio].readonly ~ label,
input[type=radio].readonly + label {
  opacity: 0.7;
  pointer-events: none;
  cursor: default;
}

input[type=checkbox] ~ label:before,
input[type=checkbox] + label:before,
input[type=radio] ~ label:before,
input[type=radio] + label:before {
  content: "\f096";
  position: absolute;
  left: 1px;
  top: 2px;
  font: normal normal normal 16px/1 FontAwesome;
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type=radio] ~ label:before,
input[type=radio] + label:before {
  content: "\f10c";
  font-size: 20px;
  top: 1px;
}

input[type=checkbox]:checked ~ label:before,
input[type=checkbox]:checked + label:before,
input[type=radio]:checked ~ label:before,
input[type=radio]:checked + label:before {
  content: "\f046";
  color: #000000;
}

input[type=radio]:checked ~ label:before,
input[type=radio]:checked + label:before {
  content: "\f192";
  font-size: 20px;
  top: 1px;
}

.yesno input[type=checkbox] ~ label,
.yesno input[type=checkbox] + label {
  width: 58px;
  height: 20px;
  margin-top: 5px;
  padding-left: 25px;
  font-size: 0;
  text-indent: 0;
}

.yesno input[type=checkbox] ~ label:before,
.yesno input[type=checkbox] + label:before {
  content: "\f204";
  position: absolute;
  left: 1px;
  top: 0;
  font: normal normal normal 16px/1 FontAwesome;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.yesno input[type=checkbox]:checked ~ label:before,
.yesno input[type=checkbox]:checked + label:before {
  content: "\f205";
  color: black;
}

.modal-body input[type=checkbox] ~ label[for=IsCritical],
.modal-body input[type=checkbox] + label[for=IsCritical],
.modal-body input[type=checkbox] ~ label[for=IsWorking],
.modal-body input[type=checkbox] + label[for=IsWorking] {
  font-size: 0;
  top: 4px;
}

.grid input[type=checkbox] ~ label,
.grid input[type=checkbox] + label {
  top: 5px;
  padding-left: 17px;
}

.radio > div,
.check > div {
  display: inline-block;
  margin-right: 10px;
}

.bootstrap-select {
  vertical-align: top;
  width: 80%;
  z-index: 999999999 !important;
}

.bootstrap-select.btn-group .btn .filter-option {
  margin-top: 0;
}

.list-right .dropdown-menu {
  left: inherit;
  right: 0;
}

.timeRange, .timeMask, .dateMask, .dateRange {
  display: block;
  width: 80%;
  white-space: nowrap;
  font-size: 0;
  position: relative;
  margin-bottom: 5px;
}

.timeRange input, .timeMask input, .dateMask input, .dateRange input {
  position: relative;
  display: inline-block;
  width: 28%;
  font-size: 14px;
  text-align: center;
}

.timeRange input, .timeMask input, .dateMask input, .dateRange input {
  text-align: left;
}

.timeRange input, .timeMask input, .dateRange input {
  width: 47%;
}

.timeRange input:first-child, .timeMask input:first-child, .dateRange input:first-child {
  margin-right: calc(6% + 1px);
}

.dateMask input:nth-child(2) {
  margin-left: 8%;
  margin-right: 8%;
}

.timeRange:after, .timeMask:after, .dateRange:after {
  content: "-";
  position: absolute;
  top: 4px;
  left: 50%;
  font-size: 14px;
  margin-left: -2px;
  color: #aaa;
}

.dateMask:after {
  content: "x";
  position: absolute;
  top: 6px;
  left: 31%;
  font-size: 14px;
  margin-left: -1px;
  color: #aaa;
}

.dateMask:before {
  content: "x";
  position: absolute;
  top: 6px;
  left: 67%;
  font-size: 14px;
  margin-left: -1px;
  color: #aaa;
}

.dateMask:before, .dateMask:after {
  content: "-";
  margin-left: 1px;
}

.col-sm-18 input[type=radio] ~ label, .col-sm-18 input[type=radio] + label {
  top: 4px;
}

.dimension3d input:hover {
  z-index: 999;
}

.dimension3d {
  display: block;
  width: 100%;
  white-space: nowrap;
  font-size: 0;
  position: relative;
  margin-bottom: 5px;
}

.dimension3d input {
  position: relative;
  display: inline-block;
  width: 16%;
  font-size: 14px;
  text-align: center;
  padding-left: 0;
}

.dimension3d input.quickSearchBoxInput {
  text-align: left;
}

.dimension3d input:nth-child(4) {
  margin-left: 6%;
  margin-right: 6%;
}

.dimension3d .bootstrap-select {
  width: calc(20% - 5px);
  margin-left: 5px !important;
}

.dimension3d:after {
  content: "x";
  position: absolute;
  left: 18%;
  color: #999;
  z-index: 9999;
  font-size: 14px;
  top: 5px;
}

.dimension3d:before {
  content: "x";
  position: absolute;
  left: 40%;
  color: #999;
  z-index: 9999;
  font-size: 14px;
  top: 5px;
}

.bootstrap-select.QuantityUnit {
  width: 80%;
}

input[type=date], input[type=datetime] {
  background: #fff url("../Images/cal.png") 97% 50% no-repeat;
}

input[type=time] {
  background: url("../Images/clock.png") 97% 50% no-repeat;
}

label[for=IsDayOff_True] {
  margin-right: 10px;
}

@media (max-width: 767px) {
  input,
select, div.bootstrap-select,
textarea, .dimension3d, .dateMask, .timeRange, .timeMask {
    width: 95%;
  }
  .bootstrap-select.QuantityUnit {
    width: 95%;
  }
  .dimension3d input {
    width: 22%;
  }
  .dimension3d input:nth-child(4) {
    margin-left: 7%;
    margin-right: 7%;
  }
  .dimension3d:after {
    left: 25%;
  }
  .dimension3d:before {
    left: 54%;
  }
}
/* UNITS OF MEASUREMENT */
.mass, .length, .force {
  position: relative;
  font-size: 0;
}

.mass input, .length input, .force input {
  width: 60%;
  font-size: 14px;
}

.mass select, .mass .bootstrap-select, .length select, .length .bootstrap-select, .force select, .force .bootstrap-select {
  width: calc(20% - 5px);
  vertical-align: top;
}

.measure .field-validation-error {
  display: none;
}

@media (max-width: 767px) {
  .mass input, .length input, .force input {
    width: 75%;
  }
  .mass select, .mass .bootstrap-select, .length select, .length .bootstrap-select, .force select, .force .bootstrap-select {
    vertical-align: top;
  }
}
/* MODAL BOX **************************************************/
body.modal-open {
  overflow: hidden;
  padding-right: 0 !important;
}

.modal {
  z-index: 9999999999 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.modal-backdrop {
  opacity: 0.4 !important;
  background-color: #000 !important;
}

.modal-backdrop {
  max-height: 100%;
}

.modal-dialog {
  margin-bottom: 0 !important;
}

.modal-content {
  border: none !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  border-radius: 0 !important;
  overflow: hidden;
}

.modal-header {
  padding: 0 !important;
  background: #000000 !important;
  border-bottom: none !important;
  min-height: 46px !important;
}

.closeModal {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 9;
  text-align: center;
  color: #fff !important;
  cursor: pointer;
  font-size: 16px;
}

.closeModal:hover {
  opacity: 0.75;
}

.modal-footer {
  background: #fff;
  padding: 0;
  margin: 0 15px;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #ddd;
  min-height: 65px;
}

.modal-footer .button:last-child {
  margin-right: 0;
}

.modal-footer > span, .modal-footer footer {
  display: inline-block;
}

.modal-footer > span > footer > *, .modal-footer > * {
  vertical-align: bottom;
}

.modal-footer .button {
  margin-right: 2px;
  border-radius: 7px;
}

.modal-footer .button.remove {
  margin-left: 10px;
}

.modal-footer footer:first-child {
  margin-right: 5px;
}

.modal-footer footer:last-child {
  margin-right: 0;
}

.modal:not(.packageChooseModal) .modal-header:not(.visible),
.modal:not(.packageChooseModal) .modal-footer:not(.visible),
.modal:not(.packageChooseModal) .modal-body > div:not(.visible) {
  opacity: 0 !important;
}

.modal-header:after {
  content: "";
  display: block;
  clear: both;
}

.modal-header .button {
  margin-left: 5px;
}

.modal-header .button:first-child {
  margin-left: 0;
}

.modal-title {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  height: auto;
  line-height: 1.2;
  padding: 9px 25px;
}

/*.modal-title > header:first-child {
    display: none;
}*/
.modal-header .close {
  font-size: 26px;
}

.modal-body {
  overflow-y: auto;
}

.modal-body .tab-content {
  min-height: 100px;
}

.modal .grid tr td:nth-child(2) label:not([for^=removeEntityForm]) {
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -pre-wrap;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  word-break: break-all;
}

.modal form[id^=removeEntityForm] > p {
  text-align: center;
}

.drop {
  padding-top: 0 !important;
}

.aboveDrop {
  display: none;
  height: 10px;
  position: relative;
  top: -15px;
  background: #f1f1f1;
  margin: 0 -15px;
}

.drop .dropdown-toggle {
  margin-right: 10px;
}

.drop .dropdown-menu {
  right: 10px;
}

.modal-body > div {
  margin-bottom: 3px;
  vertical-align: top;
}

.modal-body > div label {
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  word-break: break-word;
  overflow-wrap: break-word;
}

label.required {
  position: relative;
}

label.required:not(:empty):after {
  content: "*";
  position: inherit;
  bottom: 4px;
  color: #EA6F52;
  font-weight: bold;
  font-size: 12px;
  margin-left: 2px;
}

.modal {
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.modal .modal-body > div div.col-sm-6:not(.text-left),
.modal .modal-body > div div.col-sm-8:not(.text-left),
.modal .modal-body > div div.col-xs-6:not(.text-left) {
  text-align: right;
}

.modal .modal-body fieldset > .row > .col-sm-6 > label {
  width: 100%;
}

.modal .modal-body legend {
  font-size: 18px;
  font-weight: 600;
  color: #64696c;
  padding-bottom: 5px;
}

.modal .modal-body legend .button {
  float: right;
  position: relative;
  top: -10px;
}

.modal .modal-body legend .button:before {
  margin-right: 0;
  left: 1px;
}

.modal .modal-body legend .button:before {
  margin-right: 0;
  left: 1px;
}

.modal .modal-body fieldset:not(.tab-pane) {
  margin-top: 20px;
}

.modal .modal-body fieldset:first-of-type {
  margin-top: 0;
}

.modal ul {
  padding-left: 0;
}

.modal .modal-body ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.modal .modal-body .row {
  margin-bottom: 5px;
}

.modal .modal-header > div > span {
  display: inline-block;
}

.modal-header, .modal-footer {
  text-align: center !important;
}

.modal p {
  margin-bottom: 20px;
  font-weight: normal;
}

.modal .checkbox {
  margin: 0 !important;
}

.modal .checkbox label {
  text-indent: -9999px;
  margin-top: 5px;
}

.modal table tr td, .modal table tr th {
  padding-right: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}

.modal table tr td, .modal table tr th, .modal table tr td:last-child, .modal table tr th:last-child {
  border-left: none;
}

.modal.loading .modal-content > * {
  opacity: 0;
}

.modal .modal-body > div > nav,
.modal .modal-body > div > .old-browser-alert,
.modal .modal-body > div > .menu-toggle,
.modal .modal-body > div > .auto-plan,
.modal .modal-body #loginForm {
  display: none !important;
}

.meun-open:not(.modal-open) .no-permission-msg {
  padding-left: 160px;
}

.no-permission-msg {
  text-align: center;
  padding-top: 70px;
}

.modal .modal-body .no-permission-msg {
  display: block !important;
}

#contributedEnitites .orderRelations .field-validation-error,
#prilivages .field-validation-error, #panelFieldClaims .field-validation-error {
  margin-left: 0;
}

#productionOrderRelated .quickSearchBox {
  position: relative;
}

@media (max-width: 767px) {
  #productionOrderRelated input[type=text] {
    width: 80%;
  }
}
.modal.loading .modal-content {
  height: 150px;
}

.modal p.success, .modal p.fail, .modal p.information {
  text-align: center;
  margin-top: 10px;
}

p.fail {
  display: block;
}

.modal-footer ul {
  margin-bottom: 0;
}

.modal .dateMonth {
  display: block;
  width: 80%;
  font-size: 0;
  vertical-align: top;
}

.modal .dateMonth .bootstrap-select {
  vertical-align: top;
  width: 60%;
  margin-right: 5px;
}

.modal .dateMonth input {
  vertical-align: top;
  display: inline-block;
  width: calc(40% - 5px);
  max-width: 600px !important;
  font-size: 14px;
}

body > .modal.modalRight .modal-backdrop {
  opacity: 0.5;
}

body > .modal.modalRight .modal-dialog {
  opacity: 0;
}

.modal.modalLeft div[role=tabpanel] .nav-tabs li a,
.modal.modalRight div[role=tabpanel] .nav-tabs li a {
  padding: 10px 8px;
}

body .modal .modal-dialog.modal-fullscreen,
body.gantt-chart-view .modal .modal-dialog.modal-fullscreen {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1420px) {
  .modal.modalRight {
    overflow: visible;
  }
  .modal.modalRight .modal-dialog {
    margin-top: 0;
  }
  .modal-dialog {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
  }
}
@media (min-width: 992px) {
  body > .modal.modalRight .modal-dialog {
    left: 0px;
  }
}
@media (max-width: 769px) {
  .modal-footer .button {
    margin-bottom: 5px;
  }
  .modal-content input {
    margin-bottom: 10px;
    margin-top: 0;
  }
  .modal .dateMonth {
    width: 100%;
  }
  .modal-filter-box i#termButton {
    bottom: 20px;
  }
}
/* VALIDATION **************************************************/
.field-validation-error, .fail, .validation-summary-errors ul li {
  position: relative;
  display: inline-block;
  margin: 5px 0;
  padding: 5px 10px;
  background: #FBDEDC;
  min-width: 50%;
  max-width: 100%;
  font-weight: 400;
  color: #EF6B55;
  border: 1px solid #EF6B55;
}

.modal .field-validation-error {
  margin-left: calc(25% + 5px);
}

.validation-summary-errors ul li {
  display: block;
  text-align: center;
}

.field-validation-error:before, .fail:before, .validation-summary-errors ul li:before {
  content: "\f12a";
  margin-right: 10px;
  top: 50%;
  margin-top: -9px;
  left: 14px;
  font-size: 18px;
  color: #EF6B55;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.validation-summary-errors {
  display: none;
}

.validation-summary-errors ul {
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  font-weight: 400;
  color: #EF6B55;
  text-align: center;
}

.field-validation-valid:empty,
.validation-summary-errors:empty {
  display: none;
}

#automaticallyPlanValidation {
  display: none;
}

.modal-content .success {
  white-space: normal;
}

.success, .information {
  position: relative;
  display: block;
  margin: 0 0 5px;
  padding: 5px 10px;
  background: #DFFFCC;
  min-height: 25%;
  white-space: nowrap;
  color: #6CAD5A;
  border: 1px solid #6CAD5A;
}

.success:before, .information:before {
  content: "\f00c";
  position: relative;
  margin-right: 10px;
  top: 1px;
  color: #4B9133;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}

.information {
  color: #5189A3;
  background: #d8ecf5;
  border: 1px solid #729aad;
}

.information:before {
  content: "\f05a";
  color: #5189A3;
}

.no-icon:before, .no-icon:after, .no-icon > .fa {
  display: none !important;
}

div[role=tabpanel] .nav-tabs li a.error,
content[role=tabpanel] .nav-tabs li a.error,
div[role=tabpanel] .nav-tabs li.active a.error,
content[role=tabpanel] .nav-tabs li.active a.error {
  color: #ea6052 !important;
  background: none;
}

div[role=tabpanel] .nav-tabs li.active a.error {
  background: #fff;
}

.panel-title a.error {
  color: #ea6052 !important;
  background: none;
}

.nav-tabs,
.nav-pills {
  position: relative;
}

.drop.error .dropdown > .dropdown-toggle .caret {
  color: red;
}

table tr td .field-validation-error {
  margin-top: 0;
  display: block;
  white-space: normal;
}

@media (max-width: 767px) {
  .field-validation-error {
    width: 100%;
    margin-bottom: 0;
  }
  .technology-operations-tree .col-sm-24 .field-validation-error {
    margin-bottom: 5px;
  }
}
/*NAV Tabs Configuration ***********************/
.container-fluid > #config-menu {
  margin-left: -10px;
  margin-right: -10px;
}

#config-menu {
  background: #f2f2f2;
  overflow: hidden;
}
#config-menu .nav > li,
#config-menu .nav-pills > li {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#config-menu .nav > li.active {
  color: #000000;
  font-weight: bold;
}

#config-menu .nav > li:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background: #CCCCCC;
  color: #000000;
}

#config-menu .nav.subnav > li:hover {
  background: black;
  color: #ffffff;
}

#config-menu .tab-studio.nav.subnav > li:hover {
  background: #505050;
}

.nav-pills.subnav > li.active > a,
.nav-pills.subnav > li.active > a:hover,
.nav-pills.subnav > li.active > a:focus {
  background: #008AE6;
  color: #ffffff;
}

#config-menu .nav > li.hovered {
  background: #000000;
  color: #fff;
}

#config-menu .nav > li.hovered.menu-studio {
  background: #000;
}

.nav-pills > li:hover {
  background: #ddd;
}

.nav-pills > li > a:hover {
  color: #fff;
}

#config-menu .nav-pills > li > a:focus {
  color: #fff;
}

#head-menu {
  background: #f2f2f2;
  overflow: hidden;
  margin-left: 0px;
  transition: margin-left linear 0.3s;
  border-bottom: none;
}

.nav > li > span {
  position: relative;
  display: block;
  padding: 10px 15px;
  cursor: pointer;
}

.nav-pills > li > a {
  border-radius: 0;
  border-bottom: 1px solid transparent;
  color: #fff;
}

.nav-pills > li.active > a {
  background: none;
  color: #fff;
  font-weight: bold;
}

.subnav {
  background: #000000;
  border-bottom: none;
  display: none;
}

.subnav.active {
  display: block;
}

.tab-studio.subnav {
  background: #000;
}

@media screen and (min-width: 992px) {
  #config-menu {
    position: fixed;
    z-index: 99999;
    width: 100%;
    top: 46px;
  }
  .menu-open #config-menu {
    width: calc(100% - 160px);
    -webkit-transition: width 0.15s 0.15s;
    -moz-transition: width 0.15s 0.15s;
    -ms-transition: width 0.15s 0.15s;
    -o-transition: width 0.15s 0.15s;
    transition: width 0.15s 0.15s;
  }
}
/* HEADER **************************************************/
body > nav {
  position: fixed;
  top: 0;
  left: -160px;
  z-index: 9999999999;
  width: 160px;
  height: 100%;
  background: #ffffff;
  border-right: 1px solid #BEC5D6;
}

body.lock-menu > nav {
  left: 0 !important;
}

body.lock-menu > h2,
body.lock-menu > div > ul.nav {
  padding-left: 212px !important;
}

body.lock-menu .menu-toggle {
  width: 50px;
}
body.lock-menu .menu-toggle img {
  position: absolute;
  left: -131px;
}

body .mainLoad {
  position: relative;
  z-index: 1;
}

body:not(.AppSettingsController):not(.TechnologyOperationCategoriesController):not(.DashboardController):not(.RelationsBrowserController) .mainLoad.container-fluid.mainContent {
  padding-left: 0;
  padding-right: 0;
}

body.lock-menu .mainLoad, body.lock-menu > div > .tab-content {
  margin-left: 160px !important;
}

body.lock-menu ul.options {
  padding-left: 160px !important;
}

body.lock-menu .mainLoad .options-content {
  margin-left: 160px;
  width: calc(100% - 160px);
}

body > nav {
  font-size: 0;
  vertical-align: top;
}

body > nav .no-border {
  border-bottom: none;
}

body > nav .sep {
  display: block;
  margin: 15px 0;
  text-align: center;
  line-height: 0;
}

body > nav .sep:after {
  content: "";
  display: inline-block;
  width: 50px;
  border-top: 1px solid #616161;
}

body > .menu-toggle,
body > .auto-plan {
  position: absolute;
  z-index: 999999999;
  top: 0;
  left: 0;
  width: 80px;
  height: 46px;
  text-align: center;
  color: #FFF1F1;
  font-size: 20px;
  line-height: 28px;
  cursor: pointer;
}
body > .menu-toggle.active,
body > .auto-plan.active {
  width: 50px;
}

body > .menu-toggle span,
body > .auto-plan span {
  display: none;
}

body > .menu-toggle img {
  margin: 13px 0px 6px 10px;
  line-height: 59px;
  display: block;
  float: left;
  height: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body > .menu-toggle.active {
  position: relative;
}
body > .menu-toggle.active img {
  position: absolute;
  left: -131px;
}

body > .menu-toggle i {
  padding: 13px 14px;
  display: inline-block;
}

body > .auto-plan {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
}

body > .menu-toggle img:hover,
body.gantt-chart-view > .auto-plan:hover,
body > .menu-toggle i:hover {
  color: #d9cdcd !important;
}

body.lock-menu .menu-toggle {
  left: 160px !important;
}

body.PanelController .menu-toggle {
  display: block !important;
}

body.PanelController .login.login-pin {
  background: #5598a6;
  height: 100%;
  position: absolute;
  width: 100%;
}

body .menu-toggle i, body.lock-menu .options .menu-toggle i {
  position: relative;
}

body.gantt-chart-view > .menu-toggle {
  /*display: none !important;*/
}

body.lock-menu .menu-toggle i:after, body.lock-menu .options .menu-toggle i:after {
  content: "\f023";
  font-size: 13px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: white;
}

body .menu-toggle.active, body .menu-toggle:hover, body.lock-menu .menu-toggle {
  color: #d9cdcd;
}

body > nav ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

body > nav > ul > li {
  position: relative;
  z-index: 99;
  color: #000000;
  font-size: 14px;
}

body > nav > ul > li.hover {
  background: #ffffff !important;
}

body > nav > ul.menu.user > li {
  text-align: center;
}

body > nav > ul > li:last-child {
  border-bottom: none;
}

body > nav ul li > a,
body > nav ul li > span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 11px 0;
  cursor: pointer;
}

body > nav ul.menu li.has-submenu:after {
  display: block;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 13px;
  color: #CCCCCC;
  position: absolute;
  right: 7px;
  top: 8px;
  pointer-events: none;
}

body > nav ul.menu > li.has-submenu:after {
  right: 7px;
  top: 12px;
}

body > nav ul.menu ul li.has-submenu.hover:after {
  color: #ffffff;
}

body > nav ul.menu > li > a:hover, body > nav ul.menu > li > a:active, body > nav ul.menu > li > a:focus {
  color: black;
}
body > nav ul.menu > li.hover {
  color: black;
}
body > nav ul.menu > li.hover.has-submenu:after {
  color: black;
}

body > nav ul li:hover > a i,
body > nav ul li:hover > span i {
  color: black;
}

body > nav ul li.sub a {
  padding-left: 35px !important;
}

body > nav ul li a i.menu-icon,
body > nav ul li span i.menu-icon {
  display: block;
  margin-bottom: 10px;
  color: #000000;
  font-size: 18px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

body > nav ul:not(.user) li a i.menu-icon,
body > nav ul:not(.user) li span i.menu-icon {
  float: left;
  margin-bottom: 0;
  margin-top: 2px;
  margin-right: 4px;
  margin-left: 6px;
  width: 1.28571429em;
  text-align: center;
}

body > nav ul.user {
  border-top: 1px solid #BEC5D6;
  background: #ffffff;
}
body > nav ul.user span {
  background: #ffffff;
}

body > nav ul li em {
  font-style: normal;
}

body > nav ul li ul li > span {
  padding: 12px 20px;
}

body > nav ul li ul li.hover > span {
  background: #000000;
  color: #ffffff;
}

body > nav ul.menu {
  display: block;
  vertical-align: top;
}

body > nav ul.menu li.add a,
body > nav ul.menu li.add > span {
  background: #5ca2bb;
}

body > nav ul.menu li.add a:hover,
body > nav ul.menu li.add > span:hover {
  background: #71767a;
}

body > nav ul.menu li.add .menu-icon {
  color: #ADDAEA;
}

body > nav ul.menu li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #ffffff;
  text-align: left;
  border: 1px solid #BEC5D6;
  color: #000000;
}
body > nav ul.menu li ul span, body > nav ul.menu li ul a {
  padding: 8px 20px 8px 15px;
}
body > nav ul.menu li ul a {
  color: #000000;
}
body > nav ul.menu li ul a:hover, body > nav ul.menu li ul a:active, body > nav ul.menu li ul a:focus {
  color: #ffffff;
  background-color: black;
}

body > nav ul li.hover > ul {
  display: block;
}

body > nav ul.menu li ul li a.line-top {
  border-top: 1px solid #aaa;
}

body > nav ul.menu li ul li {
  position: relative;
}

body > nav ul.menu li ul li > span.menu-special-title {
  position: absolute;
  font-size: 9px;
  top: 0px;
  right: 0px;
  width: 100px;
  text-align: right;
  height: 20px;
  border: none;
  padding: 0 5px 0 0;
  margin: 0;
  background: none;
  text-transform: uppercase;
  color: #adf189;
}

body > nav ul.menu li.add ul li {
  border-top: 1px solid #8EB7C5;
}

body > nav ul.menu li ul li a {
  white-space: nowrap;
}

ul.user {
  position: absolute;
  bottom: 0;
  width: 100%;
}

ul.user li ul {
  top: initail !important;
  top: inherit !important;
  bottom: 0;
}

ul.user li {
  border-bottom: none;
}

body > nav > .fa-times {
  display: none;
}

body > nav ul.menu li.has-submenu.group-menu li {
  width: 250px;
}

body > nav ul.menu li.has-submenu.group-menu ul {
  display: block;
  float: left;
  position: static;
  height: 100%;
}

body > nav .tiny-text {
  font-size: 11px;
  line-height: 18px;
}

body > nav .tiny-text hr {
  width: 60%;
  margin: 5px auto;
  opacity: 0.15;
}

body > nav .tiny-text a {
  padding: 0 0 10px;
  line-height: 1;
}

body > nav .tiny-text a:hover {
  background: none;
  color: #8dc96b;
}

body > nav .tiny-text:hover a {
  background: none;
}

@media screen and (min-width: 992px) {
  body > nav {
    display: block !important;
  }
}
@media screen and (max-width: 991px) {
  body > nav {
    display: none;
    left: 0 !important;
    position: relative;
    width: 100%;
    height: auto;
    border: none;
  }
  body > nav:after {
    display: none;
  }
  body > nav ul.menu:not(.user) {
    padding-bottom: 60px;
    width: 100%;
    z-index: 9;
    position: relative;
  }
  body > nav ul.menu.user {
    position: relative;
  }
  body.lock-menu .menu-toggle {
    left: 0 !important;
  }
  body > .menu-toggle span,
body > .auto-plan span {
    display: inline-block;
  }
  body.lock-menu .mainLoad, body.lock-menu > div > .tab-content {
    margin-left: 0 !important;
  }
  body > nav ul.menu li ul {
    left: 0;
    position: relative;
  }
  body > nav ul.menu li li li a, body > nav ul.menu li li li span {
    padding-left: 30px;
  }
  body > nav ul.menu li li li li a {
    padding-left: 40px;
  }
  body > nav ul.menu li.has-submenu:after {
    display: block;
    content: "\f078";
    font-family: FontAwesome;
    font-size: 12px;
    position: relative;
    color: #989c9f;
    position: absolute;
    right: 10px;
    top: 12px;
    pointer-events: none;
  }
  body > nav ul.menu.user li.has-submenu:after {
    top: 20px;
  }
  body > nav ul.menu li.has-submenu.hover:after {
    content: "\f077";
  }
  body > nav > .fa-times {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    font-size: 20px;
    color: black;
    cursor: pointer;
    z-index: 12;
    padding: 12px 15px;
  }
  body > nav > .fa-times:hover {
    color: #000000;
  }
  body.gantt-chart-view > .menu-toggle,
body.gantt-chart-view > .auto-plan {
    display: block !important;
  }
  body.gantt-chart-view .options {
    display: none !important;
  }
  .ganttChart .toolbar .actions {
    margin-top: -30px !important;
  }
  body > nav ul.menu li ul {
    border: none;
  }
}
/* OPTIONS BOX **************************************************/
.options {
  display: none;
  float: left;
  height: 46px;
  line-height: 46px;
  overflow: hidden;
  margin-right: 15px;
  padding-left: 0;
  font-size: 0;
}

.options:after {
  content: "";
  display: block;
  clear: both;
}

.options li {
  display: inline-block;
  white-space: nowrap;
  height: 46px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 0 0 7px;
  font-size: 20px;
  color: #fff;
}

.options li.menu-toggle {
  background: #54595d;
  white-space: normal;
}

.options li.menu-toggle:hover {
  background: #686c6f;
}

.options li.menu-toggle img {
  display: inline-block;
  margin: 8px 8px 5px 6px;
}

.options li.menu-toggle i {
  display: block;
  padding: 13px 14px 12px 14px;
  float: right;
  border-left: 1px solid #45484a;
}

.options li.show-toolbox {
  padding: 0;
  margin-left: 17px;
}

.options li.show-toolbox a {
  display: block;
  padding: 4px 12px;
  border: 2px solid #fff;
  background: #8dc96b;
}

.options li.show-toolbox a:hover {
  background: #a2da82;
}

.options li.show-toolbox i {
  margin-right: 2px;
}

.options li.not-ready {
  cursor: default;
}

.options li.not-ready {
  opacity: 0.2;
}

.options li.not-ready:hover {
  background: #5598a6;
}

.options li.not-ready:hover span {
  color: #D3EEF7;
}

.options li > span:hover {
  background: none;
}

.options li:hover span, .options li.active span {
  color: #ffffff;
}

header > .options-content .ui-resizable-handle {
  display: none !important;
}

.options-content {
  position: relative;
  display: none;
  z-index: 9999;
  height: 250px;
  background: none;
  border-bottom: 3px solid #9ad17d;
}

.options-content > div {
  width: 100%;
  height: calc(100% - 30px);
}

.column-content {
  height: calc(100% - 30px);
  width: 330px;
  overflow-x: auto;
}

.options-content > div > div:first-child {
  margin-left: 10px;
}

/*.options-content > div > div {
  display: inline-block;
  border-right: 1px solid rgba(102, 105, 107, 0.8);
  padding-right: 15px;
  margin-right: 15px;
  width: 300px;
  min-width: 300px;
  height: 100%;
  overflow: hidden;
}*/
.options-content > div > div:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.options-content span.glyphicon-remove {
  position: fixed;
  z-index: 999;
  right: 5px;
  top: 10px;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 10px;
  background: #5598a6;
  vertical-align: top;
  color: #D3EEF7;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.options-content span.glyphicon-remove:hover {
  color: #fff;
  background: #49a6c3;
}

.options-content .ui-resizable-e,
.options-content .ui-resizable-s,
.options-content .ui-resizable-se {
  display: none !important;
}

.wide #toolbox-mirror.options-content .ui-resizable-s {
  display: block !important;
  position: absolute;
  cursor: s-resize;
  width: 20px;
  height: 30px;
  bottom: -15px;
  left: 50%;
  margin-left: -10px;
  font-family: "Glyphicons Halflings";
  text-align: center;
  font-size: 16px;
  overflow: hidden;
  padding: 0;
  padding-top: 6px;
}

.wide #toolbox-mirror.options-content .ui-resizable-s:after {
  position: relative;
  z-index: 999;
}

.wide #toolbox-mirror.options-content .ui-resizable-s:before {
  content: "";
  display: block;
  position: absolute;
  background: #5598A6;
  width: 20px;
  height: 16px;
  top: 5px;
  border-radius: 3px 3px;
}

.wide .options-content .ui-resizable-s:after {
  content: "\e119";
  color: #8DC96B;
}

.options-content > div.tools > div:first-child {
  width: 70%;
  min-width: 600px;
}

.options-content > div.tools > div:last-child {
  width: 25%;
}

.slide-content span.glyphicon-remove:hover {
  color: #fff;
}

.hide-text .options li > span {
  padding-right: 0;
}

.toolbox .search-box {
  position: absolute;
  z-index: 9999;
  top: 10px;
  right: 50px;
  width: 200px;
}

.toolbox .search-box > input:focus, .toolbox .search-box > input:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.toolbox .search-box > input {
  background: #fff;
  border-color: #49a6c3;
  height: 27px;
  width: 100%;
  color: #eee !important;
}

.toolbox .search-box:before {
  content: "\e003";
  position: absolute;
  margin-right: 10px;
  top: 6px;
  right: 0px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #49a6c3;
}

@media (max-width: 1100px) {
  .options li > span {
    padding-right: 0;
    margin-right: 0 !important;
  }
}
@media (max-width: 991px) {
  .gantt-chart-view .options {
    display: block;
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    height: 35px;
  }
  .options li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
  }
  .options li em {
    display: inline-block;
  }
  header li .menu-icon, .options li span {
    padding-right: 10px;
  }
  header li em {
    display: inline-block;
  }
  header nav {
    height: auto;
  }
  ul.settings {
    top: 70px;
  }
}
/* LOGIN PAGE **************************************************/
.UserController > div {
  margin: 0;
  height: 100%;
}

.UserController .login {
  height: 100%;
  background: #ffffff;
}

.login header {
  line-height: 42px;
  color: black;
  font-size: 34px;
  margin-bottom: 14px;
  text-align: center;
}

#loginForm {
  position: absolute;
  left: 50%;
  top: 45%;
  margin-left: -150px;
  margin-top: -200px;
  width: 300px;
  padding: 10px;
}

.UserController > div footer {
  text-align: center;
  margin-top: 20px;
}

.UserController > div h1 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  margin-top: 0;
  font-weight: 300;
  margin-bottom: 20px;
}

.UserController > div .row {
  margin-bottom: 5px;
}

.UserController > div label {
  line-height: 30px;
  margin-top: 10px;
  color: #999999;
}

.UserController > div input {
  width: 100%;
  padding: 8px 0 8px 40px;
  height: auto;
}

.UserController > div.contentLoading * {
  opacity: 0 !important;
}

#loginForm i {
  position: absolute;
  font-size: 18px;
  color: #ccc;
  left: 24px;
  top: 11px;
}

#loginForm input[type=checkbox] ~ label:before,
#loginForm input[type=checkbox] + label:before {
  color: #999999;
}

@media (max-width: 480px) {
  #loginForm {
    width: 300px;
  }
}
/* FILTERS **************************************************/
.filter {
  display: none;
  position: relative;
  padding: 0;
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
  background: #f1f1f1;
}
.filter button.save {
  background: #CCCCCC;
  color: #222222;
}
.filter button.save:before {
  color: #222222;
}
.filter button.save:hover:before, .filter button.save:focus:before, .filter button.save:active:before {
  color: #ffffff;
}

.filters-visible .filter {
  display: block;
}

.filter > fieldset:last-child {
  display: none;
}

.filter > fieldset, .filter > div, .filter > .button.save {
  margin-bottom: 10px;
  margin-top: 10px;
}

.filter > .button.save {
  position: relative;
  top: -1px;
}

.filter fieldset {
  display: inline-block;
  margin-right: 10px;
}

.filter fieldset:last-child {
  margin-right: 0;
}

.filter fieldset label[for=Query] {
  margin-right: 0;
}

.filter fieldset label[for=OrderDate] {
  margin-right: 5px;
}

.filter fieldset label {
  margin-right: 10px;
  margin-bottom: 10px;
}

.filter input[type=checkbox] ~ label,
.filter input[type=checkbox] + label {
  margin-top: 5px;
}

.filter input#Query {
  margin-left: 5px;
  width: 70%;
}

.filter div:not(.resultslist) {
  display: inline-block;
}

.filter .quickSearchBox {
  min-width: 300px;
}

.filter .resultslist ul {
  padding-left: 0;
}

.filter-gantt.filter div {
  display: block;
}

.filter-gantt.filter .resultslist, .filter-gantt.filter .currentResult {
  display: none;
}

.filter fieldset label, .filter span.dateRange {
  margin-bottom: 0;
}

.filter-gantt.filter .resultslist li strong {
  margin-right: 15px;
  word-wrap: break-word;
}

span.dateMonth select {
  width: auto;
}

span.dateMonth input {
  width: 100px;
}

span.dateMonth select, .bootstrap-select.dateMonthMonth {
  width: 160px;
}

span.dateMonth input[type=number] {
  max-width: 80px;
}

.filter label[for=DatesRange] {
  margin-left: 0;
  margin-right: 5px;
}

.filter .btn-group .dropdown-menu {
  display: none !important;
}

.filter span.dateRange {
  width: auto;
  display: inline-block;
  margin-right: 15px;
}

.filter .friendly-date-span {
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: top;
}

.filter .friendly-date-span > * {
  margin-top: 10px;
  margin-bottom: 10px;
}

.filter .friendly-date-span .friendly-selector {
  vertical-align: top;
  white-space: nowrap;
}

.filter .friendly-date-span .friendly-selector label {
  margin-top: 5px;
  margin-right: 5px;
}

.filter .friendly-date-span .friendly-selector .bootstrap-select {
  width: 160px;
}

.filter .friendly-date-span:not(.own) > *:not(.friendly-selector) {
  display: none;
}

.filter .bootstrap-select {
  margin-right: 10px;
}

.filter fieldset .bootstrap-select {
  width: auto;
  min-width: 100px;
  vertical-align: middle;
  top: -1px;
}

.filter button[type=submit] {
  margin-left: 0;
  vertical-align: top;
}

@media (max-width: 991px) {
  .filter input[type=checkbox] ~ label,
.filter input[type=checkbox] + label {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .filter {
    padding-top: 10px;
  }
}
/* TOOLBAR **************************************************/
.toolbar {
  display: block;
  padding-right: 5px;
  text-align: right;
}

.toolbar:after {
  content: "";
  display: block;
  clear: both;
}

.toolbar .actions > menu, .toolbar .actions > menu > li {
  display: inline-block;
  margin: 0;
}

.toolbar .actions > fieldset {
  position: relative;
  display: inline-block !important;
  width: 170px;
}

.toolbar .actions > fieldset > i {
  position: absolute;
  right: 10px;
  top: 6px;
  color: #000000;
  cursor: pointer;
  font-size: 18px;
}

.toolbar .actions > fieldset > i:hover {
  color: black;
}

.toolbar .actions > fieldset label {
  display: none;
}

.toolbar .actions > fieldset input {
  height: 30px;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #CFD5E4;
  color: black;
}
.toolbar .actions > fieldset input:focus {
  border-bottom: 1px solid #000000;
}

.toolbar ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #102D78;
}
.toolbar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #102D78;
  opacity: 1;
}
.toolbar ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #102D78;
  opacity: 1;
}
.toolbar :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #102D78;
}
.toolbar ::-ms-input-placeholder { /* Microsoft Edge */
  color: #102D78;
}
.toolbar ::placeholder { /* Most modern browsers support this now. */
  color: #102D78;
}

.toolbar .actions > fieldset input#Query {
  padding-right: 30px;
}

.toolbar .actions > fieldset,
.toolbar .actions > .button {
  vertical-align: top;
}

.toolbar .actions .button {
  height: 30px;
}

.toolbar .button i.fa {
  margin-right: 5px;
  font-size: 110%;
}

.toolbar .actions li menu li .button {
  height: auto;
  border: none;
}

.toolbar .actions li menu li {
  border-bottom: 2px solid #fff;
}

.toolbar .actions li menu li:last-child {
  border-bottom: none;
}

.toolbar .button.active, .toolbar .button.active:hover {
  background: #fff !important;
  color: #5598a6 !important;
}

.toolbar .actions > menu > li {
  margin-bottom: 4px;
}

.toolbar a.back {
  float: left;
}

.toolbar menu.group label {
  display: inline-block;
  padding: 6px 12px;
  border: none;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  color: #ffffff !important;
  font-weight: 300;
  background: rgba(38, 49, 55, 0.8);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.toolbar menu.group label:hover, .toolbar menu.group menu .button:hover {
  background: #71767a;
}

.toolbar menu.group label:after {
  content: "\e114";
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 5px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 6px;
  color: #989c9f;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.toolbar menu.group menu {
  display: none;
  position: absolute;
  z-index: 999;
  margin: 0;
  margin-top: 4px;
  border: 2px solid #fff;
  background: #5598A6;
}

.toolbar menu.group menu li .button {
  display: block;
  border-radius: 0;
  border-radius: 0;
  width: 100%;
}

.toolbar menu.group menu li:first-child {
  border-top: none;
}

.toolbar menu.group menu:after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.toolbar menu.MultiSelect {
  display: none;
}

.toolbar menu.default > li:first-child > .button.add:before {
  content: "\f067";
  font-family: FontAwesome;
  font-size: 17px;
  position: relative;
  top: 2px;
}

.WarehouseDocumentsController .modal-footer-placeholder footer,
.ShippingsController .modal-footer-placeholder footer {
  float: left;
  margin-left: 4px;
}

.WarehouseDocumentsController .button.closeDoc:before {
  content: "\f046";
  font-family: "FontAwesome";
  font-size: 18px;
}

.in-package-container .panel-collapse .quickSearchBox {
  padding-left: 20px;
}

.button.remove:before, .button.delete:before {
  content: "\e020";
}

.toolbar menu.MultiSelect.Print > li:first-child label.button:before {
  content: "\f02f";
}

.toolbar menu.MultiSelect.Report > li:first-child label.button:before {
  content: "\f080";
}

.toolbar menu.MultiSelect.Print menu li button.button:before {
  content: "";
}

.toolbar menu.ImportExport li:first-child .button:before {
  content: "\e169";
}

.toolbar menu.ImportExport li:last-child .button:before {
  content: "\e170";
}

@media (min-width: 992px) {
  .toolbar .actions {
    float: right;
    margin-top: -39px;
    margin-right: 10px;
    white-space: nowrap;
  }
  .ProductionReportsController .toolbar .actions {
    margin-top: -34px;
  }
  .toolbar .actions > menu > li {
    position: relative;
  }
  .toolbar .actions > menu > li menu {
    right: 0;
    white-space: nowrap;
  }
  .toolbar menu.group menu:after {
    left: inherit;
    right: 10px;
  }
}
@media (max-width: 991px) {
  body > h2 {
    border-bottom: none;
  }
  .ConfigurationController .toolbar {
    background: none;
    border: none;
    padding-bottom: 0;
    padding-top: 10px;
  }
  body > .menu-toggle,
body.gantt-chart-view > .auto-plan {
    display: block;
    position: relative;
    border: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  body.gantt-chart-view > .auto-plan {
    background: #000000;
    color: #ffffff;
  }
  body.gantt-chart-view > .auto-plan:hover {
    background: #9dde79;
  }
  body > .menu-toggle img {
    display: inline-block;
    float: none;
    margin: 0px 5px 3px;
    padding: 0;
  }
  body > .menu-toggle img:hover,
body > .menu-toggle i:hover {
    background: none;
  }
  body > .menu-toggle i {
    padding: 10px 10px 9px 14px;
  }
  body > h2 {
    padding-left: 10px !important;
  }
  body .toolbar {
    padding-left: 0 !important;
    margin-top: 60px;
  }
}
/* PAGINATION **************************************************/
.pagination {
  padding: 8px 0;
  margin-top: 0;
  white-space: nowrap;
  overflow: auto;
  margin-bottom: 0;
  font-size: 0;
  border-top: 1px solid #ddd;
  background: #f2f2f2;
  -webkit-transition: left 0.15s;
  -moz-transition: left 0.15s;
  -ms-transition: left 0.15s;
  -o-transition: left 0.15s;
  transition: left 0.15s;
}

.pagination li {
  display: inline-block;
  margin-right: 2px;
}

.pagination .pagination-nav i {
  font-size: 18px;
  line-height: 16px;
  position: relative;
  top: 1px;
}

.menu-open .pagination {
  left: 160px;
}

@media screen and (min-width: 992px) {
  .pagination {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .grid-wrapper.has-pagination {
    margin-bottom: 51px;
  }
}
/* TABS **************************************************/
body > div[role=tabpanel] ul.nav-tabs {
  font-weight: 300;
  padding: 0;
  padding-left: 74px;
  background: #5598a6;
  border-bottom: none;
}

div[role=tabpanel] .nav-tabs li {
  font-size: 16px;
  margin-bottom: 0;
  position: relative;
}

div[role=tabpanel] .nav-tabs li:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 7px;
  display: block;
  width: 1px;
  background: #fff;
  height: 32px;
  opacity: 0.2;
}

div[role=tabpanel] .nav-tabs li:last-child:after {
  display: none;
}

div[role=tabpanel] .nav-tabs li a {
  opacity: 0.6;
}

div[role=tabpanel] .nav-tabs li a:hover, div[role=tabpanel] .nav-tabs li.active a {
  opacity: 1;
}

div[role=tabpanel] .nav-tabs li a {
  padding: 10px 20px;
  margin-right: 20px;
  font-weight: 300;
  color: #fff;
  line-height: 1.1;
  font-size: 24px;
}

div[role=tabpanel] .nav-tabs li:first-child a {
  padding-left: 0;
}

body > div[role=tabpanel] ul.nav-tabs li a {
  border: none;
}

body > div[role=tabpanel] ul.nav-tabs li.active a {
  border: none;
  border-radius: 0;
  background: none;
  color: #fff !important;
  font-weight: 300;
}

body > div[role=tabpanel] ul.nav-tabs li.active a:hover {
  font-weight: 300;
}

.modal-body ul.nav-tabs {
  background: none;
  padding: 0;
  background: #fff;
}

.modal-body ul.nav-tabs {
  float: left;
  width: 25%;
  margin-top: -15px;
  margin-left: -15px;
}

.modal-body .tab-content {
  float: right;
  width: 75%;
  padding-left: 10px;
}

.modal-body ul.nav-tabs li, .modal-body ul.nav-tabs li a {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  font-size: 18px;
  color: #64696c;
  background: #fff;
  opacity: 1;
  border-radius: 0;
}

.modal-body ul.nav-tabs li a {
  padding: 15px 10px !important;
  border-bottom: 1px solid #ddd !important;
  border-right: 1px solid #ddd;
}

.modal-body ul.nav-tabs li:last-child a {
  border-bottom: none !important;
}

.modal-body ul.nav-tabs li.active a, .modal-body ul.nav-tabs li:hover a {
  color: white !important;
  background: #008AE6;
  border-right: 1px solid black !important;
}

.modal-body ul.nav-tabs li.active a {
  font-weight: 400;
}

.modal-body ul.nav-tabs li.active a {
  border-radius: 0;
}

/* PANELS *****************************************************/
.panel-default > .panel-heading {
  color: #64696c;
  background-color: #f2f2f2;
  border-color: #dddddd;
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0;
}

.panel-group .panel {
  border: none;
  box-shadow: none;
}

.panel-group .panel + .panel {
  margin-top: 25px;
}

.panel-title {
  position: relative;
}

.panel-title br {
  display: none;
}

.panel-title:after {
  content: "";
  display: block;
  clear: both;
}

.panel-title > a:not(.button) {
  padding: 15px;
  line-height: 1.4;
  display: block;
  width: calc(100% - 180px);
  min-height: 52px;
}

.panel-title > a.has-invalid-fields {
  color: #ea6052;
}

.panel-title > a.has-invalid-fields:before {
  content: "\f12a";
  margin-right: 3px;
  top: 1px;
  position: relative;
  margin-top: 1px;
  font-size: 18px;
  color: #EF6B55;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.panel-title > a:not(.button):after {
  content: "\f077";
  font-family: "FontAwesome";
  font-size: 10px;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  line-height: 18px;
  text-align: center;
  color: #666;
}

.ProductsController .panel-title > a:not(.button):after {
  bottom: -8px;
}

.panel-title > a.collapsed:not(.button):after {
  content: "\f078";
}

.panel-heading .panel-title .button, .panel-heading .panel-title .removeFromList {
  background: none;
  color: #64696c;
  position: absolute;
  right: 0;
  top: 8px;
}

.panel-heading .panel-title .removeFromLis {
  top: 2px;
}

.panel-heading .panel-title .button:before, .panel-heading .panel-title .button span, .panel-heading .panel-title .removeFromList:before {
  color: #64696c;
  font-size: 18px;
}

.panel-heading .panel-title .button:hover:before, .panel-heading .panel-title .button:hover span, .panel-heading .panel-title .removeFromList:hover:before {
  color: #5598A6 !important;
}

.panel-body {
  margin: 0 -15px;
  border: none !important;
}

.panel.welcome-logo-container {
  position: relative;
}

.panel-body.welcome-logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-body fieldset table {
  margin-bottom: 10px;
  position: relative;
}

.modal-body fieldset table th, .modal-body fieldset table td {
  padding: 10px 10px 10px 0;
  text-align: left !important;
  vertical-align: top;
}

.modal-body fieldset table td:last-child {
  padding-right: 0;
  text-align: right !important;
}

.modal-body fieldset table th, .modal-body fieldset table tr:first-of-type td {
  padding-top: 0;
}

.modal-body fieldset table td {
  border-bottom: 1px solid #ddd;
}

.modal-body fieldset table tr:last-child td {
  border-bottom: none;
}

.modal-body fieldset table td input {
  width: 100%;
}

.modal-body fieldset table td input.number {
  max-width: 100px;
}

.modal-body fieldset table td input {
  margin-bottom: 0;
}

.modal-body fieldset table td .bootstrap-select {
  max-width: 80px;
}

.modal-body #exportForm table td .bootstrap-select {
  max-width: 100%;
  width: 100%;
}

.panel-heading button {
  float: right;
  margin-left: 5px;
  position: relative;
  z-index: 9999;
}

.panel-heading button span {
  color: #fff;
}

.moveDown span {
  top: 2px;
}

.moveUp span {
  top: 1px;
}

@media (min-width: 768px) {
  .modal-body fieldset table td {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .modal-body fieldset table tr td input[type=number] {
    margin-bottom: 5px;
    max-width: 150px;
  }
  .modal-body fieldset table td {
    white-space: normal;
  }
  .modal-body fieldset table tr td .resultslist {
    margin-top: 5px;
  }
  .modal .modal-body > div div.col-sm-6, .modal .modal-body > div div.col-xs-6 {
    text-align: left;
  }
}
/* QUICK SEARCH **************************************************/
.currentResult {
  position: relative;
  width: 100%;
  background: #f1f1f1;
  border: 1px solid #cccccc;
  margin-bottom: 0;
  min-height: 20px;
  line-height: 1;
  white-space: normal;
  min-height: 34px;
}
.currentResult.row-2 > a {
  padding: 2px 25px 2px 8px;
}
.currentResult:hover, .currentResult:focus, .currentResult:active {
  text-decoration: none;
  border: 1px solid black;
}
.currentResult:hover > a, .currentResult:focus > a, .currentResult:active > a {
  text-decoration: none;
  color: black;
}

.currentResult > a, .currentResult > div.unclickable {
  display: block;
  padding: 8px 25px 8px 12px;
}
.currentResult > a div span, .currentResult > div.unclickable div span {
  font-size: 16px;
}

.currentResult > span.clearButton {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  font-size: 0;
  cursor: pointer;
  opacity: 0.9;
  width: 30px;
  height: 31px;
  background: url(../Images/times.png) center center no-repeat;
  background-size: 14px 14px;
}

.currentResult.read-only span.clearButton {
  display: none;
}

.currentResult.read-only {
  padding-right: 0;
}

.currentResult > span.clearButton:hover {
  opacity: 1;
}

.currentResult strong {
  color: black;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  word-break: break-all;
}

.currentResult br {
  display: none;
}

.currentResult div span {
  font-size: 12px;
}

.currentResult div span:not(:empty) {
  padding-right: 5px;
}

.resultslist {
  position: absolute;
  z-index: 9999999999;
  width: calc(80% - 15px);
  margin-top: 5px;
}

.resultslist br {
  display: none;
}

.resultslist ul {
  margin-bottom: 0;
  max-height: 216px;
  overflow: auto;
}

.resultslist li {
  display: block !important;
  position: relative;
  background: #54595D;
  padding: 6px 10px;
  margin: 0 !important;
  color: #eee;
  cursor: pointer;
  border-bottom: 1px solid #5f6467;
}

.resultslist ul li > div > label {
  display: none;
}

.ToolsController #compilantWorkStationsList .currentResult > div,
.production-stage-forms .currentResult > div {
  padding-left: 35px;
}

.TechnologiesController .production-stage-forms .currentResult > div,
.ProductsController .production-stage-forms .currentResult > div,
.TechnologyOperationsController .production-stage-forms .currentResult > div,
.WorkstationsController .production-stage-forms .currentResult > div,
.ToolsController .production-stage-forms .currentResult > div {
  padding-left: 0;
}

#productionStages.tab-pane {
  position: relative;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label,
.production-stage-forms .currentResult > div > label {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  padding-top: 0;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label span,
.production-stage-forms .currentResult > div > label span {
  display: block;
  cursor: pointer;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label input[type=radio],
.production-stage-forms .currentResult > div > label input[type=radio] {
  display: none !important;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label span:after,
.production-stage-forms .currentResult > div > label span:after {
  content: "\e006";
  font-size: 18px;
  color: #bbb;
  cursor: pointer;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ToolsController #compilantWorkStationsList .currentResult > div > label input[type=radio]:checked + span:after,
.ToolsController #compilantWorkStationsList .currentResult > div > label input[type=radio]:checked ~ span:after,
.production-stage-forms .currentResult > div > label input[type=radio]:checked + span:after,
.production-stage-forms .currentResult > div > label input[type=radio]:checked ~ span:after {
  color: #FFB220;
}

.resultslist li:not(.empty) div:before {
  content: "+";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  font-size: 12px;
  color: #989c9f;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.resultslist li span {
  color: #989c9f;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -ms-transition: color 0.25s;
  -o-transition: color 0.25s;
  transition: color 0.25s;
}

.resultslist li span.progress-span {
  color: #8dc96b;
  margin-left: 5px;
}

.resultslist li span:only-child {
  color: #eee;
  font-size: 14px;
}

.resultslist li:last-child {
  border-bottom: none;
}

.resultslist li:hover:not(.no-results) div:before, .resultslist li:hover:not(.no-results) span {
  color: #fff;
}

.resultslist.contentLoading {
  background: none !important;
}

.resultslist li:hover:not(.empty):not(.no-results) {
  background: #6A7277;
  color: #fff;
}

.resultslist:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #50595e;
}

.resultslist li.no-results div:before {
  display: none;
}

.resultslist li.no-results {
  cursor: default;
  text-align: center;
}

.resultslist li strong {
  display: block;
  font-weight: 400;
  cursor: pointer;
}

.resultslist, .currentResult {
  display: none;
}

.quickSearchBox.hasSelected .currentResult {
  display: inline-block;
  /*margin-bottom: 10px;*/
}

.quickSearchBox.hasResults .resultslist {
  display: block;
}

.quickSearchBox .loadingAnimation {
  display: none;
  width: 34px;
  height: 34px;
  background: url(../Images/loader.gif) 97% 54% no-repeat;
  background-size: 18px 18px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  margin-right: 10px;
}

.quickSearchBox.loadingResults .loadingAnimation {
  display: inline-block;
}

.quickSearchBox[readonly=readonly] .currentResult > span.clearButton {
  display: none;
}

.resultslist li.empty {
  color: #bbb;
}

.currentResult br:first-of-type {
  display: block;
}

table tr td .currentResult, table tr td .resultslist {
  width: 100%;
}

.quickSearchBox.hasSelected .quickSearchBoxInput {
  display: none;
}

.qsb-with-button > * {
  vertical-align: top;
}

.qsb-with-button .quickSearchBox {
  display: inline-block;
  width: 80%;
}

.qsb-with-button .quickSearchBoxInput,
.qsb-with-button .currentResult {
  width: 100%;
}

.quickSearchBox {
  position: relative;
  width: 100%;
}

.quickSearchBoxBar {
  width: 100%;
  min-height: 34px;
}

.quickSearchBoxBarRightContainer {
  position: absolute;
  right: 0;
}

.quickSearchBox .currentResult,
.quickSearchBox .resultslist,
.quickSearchBox .quickSearchBoxInput {
  width: 100%;
}

.quickSearchBox .quickSearchBoxInput {
  padding-left: 10px !important;
  position: absolute;
  left: 0;
}

.quickSearchBox .resultslist {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.modal .col-sm-18 .quickSearchBox,
.modal .col-sm-16 .quickSearchBox {
  width: 80%;
  white-space: nowrap;
}

.modal .col-sm-18 .quickSearchBox * {
  white-space: normal;
}

.modal .col-sm-18 .annotation {
  display: block;
  width: 80%;
}

.select-product .quickSearchBox {
  width: calc(80% - 3px);
}

@media (max-width: 767px) {
  .modal .col-sm-18 .quickSearchBox,
.modal .col-sm-16 .quickSearchBox,
.modal p.annotation {
    width: 95% !important;
  }
  .modal .modal-body > div div.col-sm-6, .modal .modal-body > div div.col-sm-8, .modal .modal-body > div div.col-xs-6 {
    text-align: left !important;
  }
  .resultslist {
    width: calc(100% - 20px);
    margin-top: -5px;
  }
  .qsb-with-button .quickSearchBox,
.qsb-with-button input {
    width: 80%;
  }
  .currentResult {
    width: 95%;
  }
}
/* COMPLIANT TOOLS */
#compliantToolsList, #compilantWorkStationsList {
  position: relative;
}

#compliantToolsList > div:last-of-type hr, #compilantWorkStationsList > div:last-of-type hr,
#compliantToolsList:last-of-type hr, #compliantToolsList:last-of-type hr {
  border-top: 1px solid #fff;
}

#compliantToolsList .quickSearchBox, #compilantWorkStationsList .quickSearchBox {
  display: inline-block;
  width: 85%;
}

#compliantToolsList .quickSearchBox input[type=text], #compilantWorkStationsList .quickSearchBox input[type=text],
#compliantToolsList .quickSearchBox .currentResult, #compilantWorkStationsList .quickSearchBox .currentResult {
  width: 100%;
}

#compliantToolsList .quickSearchBox .resultslist, #compilantWorkStationsList .quickSearchBox .resultslist {
  width: 85%;
}

@media (max-width: 767px) {
  #compliantToolsList .quickSearchBox, #compilantWorkStationsList .quickSearchBox {
    width: 100%;
  }
  #compliantToolsList .quickSearchBox .resultslist, #compilantWorkStationsList .quickSearchBox .resultslist {
    width: 100%;
  }
}
/* REPORTS */
.ReportsController .mainLoad {
  height: auto !important;
}

.ReportsController .reportType, .ReportsController #reportParameters {
  width: 400px;
  margin: auto;
  margin-top: 20px;
  padding-top: 15px;
}

.ReportsController #reportParameters:not(:empty) {
  border-top: 1px solid #ddd;
}

.ReportsController .bootstrap-select {
  width: 100%;
}

.reportDate > div:first-child {
  margin-bottom: 10px;
  margin-right: 4%;
  width: 48%;
  float: left;
}

.reportDate > div input {
  width: 100%;
  margin-top: 5px;
}

.reportDate > div:last-child {
  margin-bottom: 10px;
  width: 48%;
  float: left;
}

.reportDate:after {
  content: "";
  display: block;
  clear: both;
}

.ReportsController .modal:not(.has-tabs) .modal-body {
  line-height: 30px;
}

.ReportsController .modal:not(.has-tabs) .modal-body a {
  font-weight: bold;
}

#reportParameters .bootstrap-select, .ReportsController .modal:not(.has-tabs) .modal-body .bootstrap-select {
  margin-bottom: 10px;
  margin-top: 5px;
}

.ReportsController .mainLoad hr {
  border-top: 1px solid #ddd;
  margin: 20px 0;
}

.ReportsController .mainLoad h3 {
  font-size: 24px;
  font-weight: 300;
  color: #5598a6;
  margin: 20px 0;
  background: #f1f1f1;
  margin: 0;
  margin-left: -10px;
  padding: 15px 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.ReportsController .mainLoad form, .ReportsController .mainLoad .download {
  display: inline-block;
  vertical-align: top;
}

.ReportsController .mainLoad form {
  padding-right: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.ReportsController .mainLoad .download button {
  display: inline-block;
  margin-right: 10px;
  line-height: 30px;
  border: none;
  background: none;
  cursor: pointer;
}

.ReportsController .mainLoad .download button:hover {
  color: #5598A6;
}

.ReportsController .mainLoad .download button i {
  font-size: 30px;
  line-height: 1;
  margin-right: 5px;
}

.ReportsController .mainLoad .download button i.fa-file-html-o:before {
  content: "\f1c9";
}

.ReportsController .mainLoad .download button i.fa-file-xml-o:before {
  content: "\f0f6";
}

.ReportsController .mainLoad .download button i.fa-file-csv-o:before {
  content: "\f0f6";
}

.ReportsController .mainLoad form > div:not(.friendly-date-span) {
  display: inline-block;
  width: 170px;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}

.ReportsController .mainLoad form > div.friendly-date-span {
  display: inline-block;
  width: auto;
}

.ReportsController .mainLoad form > div.friendly-date-span > div {
  display: inline-block;
  width: 160px;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}

.ReportsController .mainLoad form > div.friendly-date-span:not(.own) > div:not(.friendly-selector) {
  display: none;
}

.ReportsController .mainLoad form > div.filterList {
  display: block;
  width: 100%;
}

.ReportsController .mainLoad form > div.filterList > div, .qsb-list {
  position: relative;
}

.AppSettingsController .qsb-list {
  margin-top: 10px;
}

.ReportsController .mainLoad form > div.filterList button.button, .qsb-list button.button {
  position: absolute;
  top: 0px;
  left: 10px;
  padding: 5px 4px 5px 4px;
  overflow: hidden;
  width: 24px;
  height: 30px;
  line-height: 19px;
}

.ReportsController .mainLoad form > div.filterList button.button.add {
  border: none;
  background: transparent;
}
.ReportsController .mainLoad form > div.filterList button.button.add:hover, .ReportsController .mainLoad form > div.filterList button.button.add:focus, .ReportsController .mainLoad form > div.filterList button.button.add:active {
  background: #000000;
}

.ReportsController .mainLoad form > div.filterList button.add:before, .qsb-list button.add:before {
  height: 100px;
}

.ReportsController .mainLoad form > div.filterList > div:hover button.button, .qsb-list:hover button.button {
  width: calc(100% - 20px);
}

.ReportsController .mainLoad form > div.filterList table tr td:last-child, .qsb-list table tr td:last-child {
  width: 40px;
  padding-left: 4px;
}

.ReportsController .mainLoad form > div.filterList table tr td, .qsb-list table tr td {
  padding-bottom: 4px;
  text-align: left;
}

.ReportsController .mainLoad form > div.filterList label, .qsb-list label {
  border-bottom: 2px solid #000000;
  min-height: 30px;
  padding-left: 28px;
  font-size: 12px;
  line-height: 29px;
  padding-bottom: 0px;
}

.qsb-list label {
  margin-top: 0 !important;
  width: 100%;
}

.ReportsController .mainLoad form > div.filterList .resultslist ul, .qsb-list .resultslist ul {
  padding-left: 0;
}

.ReportsController .mainLoad form > div:last-child {
  vertical-align: bottom;
  width: auto;
}

.ReportsController .mainLoad form label, .ReportsController .mainLoad .download label {
  display: block;
}

.ReportsController .mainLoad form input, .ReportsController .mainLoad form select {
  width: 100%;
}

ul.aside-menu {
  padding-left: 0;
  margin-left: -10px;
}

ul.aside-menu li a {
  display: block;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-size: 18px;
  font-weight: 300;
  padding: 10px;
  position: relative;
}

ul.aside-menu li.active a, ul.aside-menu li:hover a {
  color: #5598a6;
}

ul.aside-menu li.active a:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ddd;
}

ul.aside-menu li.active a {
  font-weight: 400;
}

ul.aside-menu li:last-child a {
  border-bottom: none;
}

.ReportsController .modal:not(.has-tabs):not([data-modal-url*="/Orders/Orders/"]) .modal-body content {
  display: block;
  text-align: center;
  font-size: 16px;
}

.ReportsController .modal:not(.has-tabs) .modal-body content ul li {
  display: block;
  text-align: left;
  margin-top: 10px;
  font-size: 14px;
}

.ReportsController .modal:not(.has-tabs) .modal-body content ul li a {
  font-size: 0;
  line-height: 0;
  float: left;
  margin-right: 10px;
}

.ReportsController .modal-body content form#userDetailsForm {
  font-size: 14px;
  text-align: left;
  line-height: 21px;
}

.ReportsController .modal:not(.has-tabs) .modal-body content ul li a:before {
  content: "\f019";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  margin-right: 5px;
}

.ReportsController .modal:not(.has-tabs) .modal-body content ul li a:after {
  content: "Pobierz";
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.ReportsController .report-config > h3 {
  display: none;
}

.ReportsController .report-config {
  padding-top: 20px;
}

.ReportsController #reportContentContainer #reportDownloadParameters {
  display: none;
}

.ReportsController .report-config .download {
  display: none;
  max-height: 150px;
}

.ReportsController .report-config .download:before {
  display: none;
}

.ReportsController .report-config .download:last-child {
  display: inline-block;
}

#reportContentContainer {
  max-width: 100%;
  overflow: auto;
}

#reportContentContainer td.a4, #reportContentContainer td.a3 {
  font-weight: 300;
  padding-left: 0;
  font-family: Roboto;
}

#reportContentContainer td.a13, #reportContentContainer td.a12 {
  padding-left: 0;
}

#reportContentContainer .a12 > span, #reportContentContainer .a11 > span {
  color: #64696c;
  font-weight: normal;
  font-size: 16px;
  font-family: Roboto;
}

#reportContentContainer .a12 > span.a7, #reportContentContainer .a12 > span.a11,
#reportContentContainer .a11 > span.a6, #reportContentContainer .a11 > span.a10 {
  font-weight: 400;
}

#reportContentContainer .a71 tr td div, #reportContentContainer .a71 tr td,
#reportContentContainer .a66 tr td div, #reportContentContainer .a66 tr td,
#reportContentContainer .a130 tr td div, #reportContentContainer .a130 tr td,
#reportContentContainer .a68 tr td div, #reportContentContainer .a68 tr td {
  text-align: center;
  padding: 2px 5px;
  font-family: Roboto;
}

#reportContentContainer .a71 tr:nth-child(2) td div,
#reportContentContainer .a66 tr:nth-child(2) td div,
#reportContentContainer .a68 tr:nth-child(2) td div,
#reportContentContainer .a130 tr:nth-child(2) td div {
  font-weight: 400;
}

#reportContentContainer .a68 tr td div, #reportContentContainer .a68 tr td div {
  font-size: 11pt;
  font-family: Roboto;
}

.ReportsController #reportConfigContainer table td {
  position: relative;
  text-align: left;
}

.ReportsController .reportsExpendableList .resultslist ul {
  padding-left: 0;
  text-align: left;
}

.ReportsController .reportsExpendableList {
  width: 230px !important;
  position: relative;
}

.ReportsController .reportsExpendableList .quickSearchBox strong {
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -pre-wrap;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  word-break: break-all;
}

.ReportsController .reportsExpendableList .quickSearchBox .currentResult,
.ReportsController .reportsExpendableList .quickSearchBox .resultslist {
  width: 100%;
}

.ReportsController .reportsExpendableList .quickSearchBox .resultslist {
  margin-left: 0 !important;
  padding: 0 !important;
}

.ReportsController .reportsExpendableList .quickSearchBox.hasSelected .currentResult strong {
  display: block;
  max-width: 142px;
  overflow: hidden;
}

.ReportsController .reportsExpendableList table tr td {
  padding-bottom: 5px;
}

.ReportsController .reportsExpendableList table tr td:last-child {
  vertical-align: top;
  width: 46px;
}

.ReportsController .reportsExpendableList table tr td:last-child {
  max-width: 186px;
}

.ReportsController .reportsExpendableList td .removeFromList {
  margin-left: 5px;
}

.ReportsController .reportsExpendableList.wareGroupList + div {
  vertical-align: top !important;
}

.ReportsController .reportsExpendableList.wareGroupList + div .button {
  margin-top: 26px;
}

@media (max-width: 1200px) {
  .ReportsController #reportsView,
.ReportsController .mainLoad {
    height: auto !important;
  }
  .ReportsController .mainLoad h3 {
    border-right: none;
    margin-right: -10px;
  }
  ul.aside-menu {
    margin-right: -10px;
  }
  ul.aside-menu li a {
    border-right: none;
  }
  #reportContentContainer {
    height: auto !important;
  }
  .report-config .download {
    max-height: 100px;
  }
  .report-config .download:before {
    display: none;
  }
  .aside-menu a:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ReportsController .mainLoad form > div:last-child {
    display: block;
  }
}
/* FIXES */
.error {
  background-color: #ea6052;
}

.orderRelations table {
  margin-top: 10px;
}

.contributedOrderItem {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

.contributedOrderItem:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#calculateSimulation table.infoTable tr td {
  white-space: normal;
  text-align: left !important;
}

#relations table {
  margin-bottom: 10px;
}

#relations table tr td, #relations table tr th {
  position: relative;
  text-align: left;
}

@media (max-width: 767px) {
  .ganttChart .toolbar {
    background: none;
    border: none;
  }
}
.ganttChart .filter-gantt input.quickSearchBoxInput {
  width: 100%;
  padding: 16px 5px;
}

.ganttChart .filter-gantt .removeFromList {
  padding: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
  line-height: 34px;
  margin-top: 1px;
  width: 100%;
}

.ganttChart .filter-gantt .quickSearchBox.hasSelected .currentResult {
  margin-bottom: 0px;
  padding: 6px 5px 6px 5px;
  background: #fff;
}

.ganttChart .filter-gantt .quickSearchBox.hasSelected .currentResult strong {
  font-size: 12px;
  line-height: 12px;
}

.ganttChart .filter-gantt .currentResult > span.clearButton {
  display: none;
}

.ganttChart .filter-gantt .fliter-box td:first-child {
  width: 85%;
}

.ganttChart .filter-gantt td:nth-child(2) {
  /*background-color:#EA6F52;*/
}

.ganttChart .filter input[type=checkbox] ~ label, .gantt-chart-view .filter input[type=checkbox] + label {
  margin-top: 0px;
  font-size: 12px;
}

.ganttChart .filter-gantt .fliter-box {
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .filter-gantt .filterQSB {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#calculateEndDateQuantityValue {
  margin-bottom: 5px;
}

/*#calculateEndDateQuantityButton {
	display: none;
}*/
.orderRelations table thead tr th {
  white-space: nowrap;
}

.annotation, .gantt-chart-view .modal #workstationConfiguration .annotation {
  position: relative;
  background: #d8ecf5;
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  color: #5189A3;
  padding-left: 35px;
  padding-right: 10px;
  margin-top: 10px;
}

.modal .annotation {
  width: 100%;
}

.modal .tab-pane > .annotation {
  margin-top: 0;
  margin-bottom: 10px;
}

body.gantt-chart-view .modal #workstationConfiguration .annotation {
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  right: auto;
}

body.gantt-chart-view .modal #workstationConfiguration .annotation:before {
  margin-left: 10px;
}

.annotation:before {
  content: "\e086";
  position: absolute;
  margin-right: 10px;
  top: 50%;
  margin-top: -7px;
  left: 10px;
  color: #5189A3;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

#calculateSimulation .infoTable tr.problem td {
  color: #FD9630;
}

#calculateSimulation .infoTable tr.criticalProblem td {
  color: #E04E3C;
}

#loginForm div.alignCenter {
  margin-top: 10px;
  padding: 0 15px;
  text-align: center;
}

#loginForm div.alignCenter > div {
  padding-top: 15px;
}

.orderRelations table tr td:first-child {
  white-space: normal;
}

.orderRelations table tr td:last-child {
  text-align: left !important;
}

.orderRelations table tr td:last-child input {
  max-width: 80px;
}

#productionStages table.production-stage-forms tr td:first-child,
#productionStages table.production-stage-resources tr td:first-child {
  white-space: normal;
}

#productionStages table.production-stage-forms tr td:nth-child(2) {
  width: 65px;
}

#productionStages table.production-stage-forms tr td:nth-child(3),
#productionStages table.production-stage-forms tr td:nth-child(4),
#productionStages table.production-stage-forms tr td:nth-child(5) {
  width: 100px;
}

#productionStages table.production-stage-forms tr td:last-child,
#productionStages table.production-stage-resources tr td:last-child {
  width: 40px;
}

#productionStages table.production-stage-resources tr td:nth-child(2) {
  width: 165px;
}

#productionStages table.production-stage-resources tr td:nth-child(2) input {
  width: 75px;
}

.unit > div:last-child {
  font-size: 0;
}

.unit input {
  margin-right: 5px;
  font-size: 14px;
}

.unit > div:last-child label {
  font-size: 14px;
  width: 120px;
  padding: 0 12px;
  border-left: 1px solid #dedede;
  height: 24px;
  line-height: 24px;
  margin-left: -105px;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .unit input {
    width: 75%;
  }
}
.print-tasks {
  line-height: 35px;
}

.print-tasks a {
  line-height: 35px;
  display: block;
  height: 35px;
  min-height: 35px !important;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.print-tasks td {
  width: 50%;
}

.tab-pane#issues input.datetime {
  width: 125px;
}

.tab-pane#issues input.number {
  width: 70px;
}

.tab-pane#issues table tr td:first-child > * {
  max-width: 170px;
}

.gantt-chart-view .toolbar .checkbox-wrapper {
  display: inline-block;
  vertical-align: top;
}

.gantt-chart-view .toolbar .actions .button.actionsSubmenu:before {
  font-size: 13px;
  top: 1px;
  margin-right: 5px;
}

.gantt-chart-view label[for=followDate] {
  padding: 0;
  display: inline-block;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  background: #5598a6;
  height: auto;
  line-height: 0 !important;
}

.gantt-chart-view label[for=followDate]:before {
  content: "\f09c";
  position: relative;
  width: 14px;
  text-align: center;
  top: 0;
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.gantt-chart-view label[for=followDate]:hover {
  background: #67ABB9;
}

.gantt-chart-view input[type=checkbox]:checked ~ label[for=followDate]:before,
.gantt-chart-view input[type=checkbox]:checked + label[for=followDate]:before {
  color: #fff !important;
  content: "\f023";
}

.gantt-chart-view .toolbar .actions input[type=checkbox]:checked ~ label,
.gantt-chart-view .toolbar .actions input[type=checkbox]:checked + label {
  background: #5598a6;
}

.gantt-chart-view .toolbar .actions input[type=checkbox]:checked ~ label:hover,
.gantt-chart-view .toolbar .actions input[type=checkbox]:checked + label:hover {
  background: #49a6c3;
}

.gantt-chart-view .lower {
  height: 70px;
  position: fixed;
  width: 100%;
  bottom: 0;
}

.gantt-chart-view .upper {
  height: 70px;
  position: absolute;
  width: 100%;
  top: 40px;
}

.gantt-chart-view .toLeft {
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 200px;
}

.gantt-chart-view .toRight {
  height: 100%;
  width: 70px;
  position: absolute;
  top: 0;
  right: 0;
}

.upper, .lower, .toLeft, .toRight {
  z-index: -999;
}

.gantt-chart-view .mainContent {
  position: relative;
}

/* ukrywanie przycisku filtrowania tam gdzie nie jest potrzebny */
.TechnologiesController .toolbar .toggle-filter,
.TechnologyOperationsController .toolbar .toggle-filter,
.TaskTypesController .toolbar .toggle-filter,
.TaskIssueReasonsController .toolbar .toggle-filter,
.WorkstationIssueReasonsController .toolbar .toggle-filter,
.ToolsController .toolbar .toggle-filter,
.WarehousePlacesController .toolbar .toggle-filter,
.WarehouseDocumentTypesController .toolbar .toggle-filter {
  display: none !important;
}

/* szerokie modale z zakladkami */
.modal .modal-dialog {
  -webkit-transition: width 0.25s;
  -moz-transition: width 0.25s;
  -ms-transition: width 0.25s;
  -o-transition: width 0.25s;
  transition: width 0.25s;
}

.modal.has-tabs .modal-dialog,
.modal.modal-big .modal-dialog {
  width: 1000px;
}

.modal.modal-no-border .modal-body {
  padding: 0;
}

.modal.modal-no-border .validation-summary-valid ul {
  margin-bottom: 0;
}

.modal.modal-no-border .validation-summary-valid li:empty {
  margin-bottom: 0;
}

.modal.has-tabs form > .validation-summary-errors {
  margin-bottom: 25px;
  margin-top: -10px;
}

.modal .modal-dialog {
  margin-top: 0 !important;
  width: 100%;
}

.modal.has-tabs .modal-body {
  min-height: 350px;
}

.modal-body .tab-pane ul.nav-tabs {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  clear: both;
}

.modal-body .tab-pane .panel-collapse ul.nav-tabs {
  margin-top: 15px;
}

.modal-body .tab-pane ul.nav-tabs li {
  display: inline-block;
  width: auto;
  border: 1px solid transparent;
}

.modal-body .tab-pane ul.nav-tabs li.active {
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  top: 1px;
}

.modal-body div[role=tabpanel] .nav-tabs li:after {
  content: none;
}

.modal-body .tab-pane ul.nav-tabs li a {
  border: none !important;
}

.modal-body .tab-pane .col-sm-18 .dx-selectbox, .modal-body .panel .panel-body .col-sm-18 .dx-selectbox {
  width: 80%;
}

.modal-body .panel .tab-content {
  width: 100%;
  float: none;
}

.modal-body .panel:after {
  content: "";
  display: block;
  clear: both;
}

.placeholder {
  padding-top: 5px;
}

.placeholder a:hover {
  text-decoration: underline;
}

#ProductionTaskAccordion #workstationQuickSearchBox .quickSearchBoxAdd:before,
#ProductionTaskAccordion #technologyOperationQuickSearchBox .quickSearchBoxAdd:before,
#productionOrderConfiguration #technologyQuickSearchBox .quickSearchBoxAdd:before {
  content: "✏";
}

#productionOrderConfiguration #technologyQuickSearchBox .quickSearchBoxAdd,
#ProductionTaskAccordion #technologyOperationQuickSearchBox .quickSearchBoxAdd {
  visibility: hidden;
}

.modal.has-tabs .productionOrdersContainer .modal-footer-placeholder footer,
.gantt-chart-view .modal.has-tabs .modal-footer-placeholder footer {
  display: inline-block;
}

.modal.has-tabs .productionOrdersContainer .modal-footer-placeholder footer:first-child,
.gantt-chart-view .modal.has-tabs .modal-footer-placeholder footer:first-child {
  margin-right: 3px;
}

.modal.has-tabs .productionOrdersContainer #planTarget > .row,
.gantt-chart-view .modal.has-tabs #planTarget > .row {
  margin-bottom: 0;
}

.modal.has-tabs .productionOrdersContainer fieldset .panel-heading .annotation,
.gantt-chart-view .modal.has-tabs fieldset .panel-heading .annotation {
  display: block;
  margin: 0;
  font-size: 12px;
  background: none;
  padding: 0;
  padding-left: 15px;
  position: absolute;
  right: 20px;
  margin-top: 8px;
  line-height: 1.2;
  max-width: 185px;
}

.modal.has-tabs .productionOrdersContainer fieldset .panel-heading p.annotation:last-of-type,
.gantt-chart-view .modal.has-tabs fieldset .panel-heading p.annotation:last-of-type {
  margin-top: 28px;
}

.modal.has-tabs .productionOrdersContainer fieldset .panel-heading p.annotation.single,
.gantt-chart-view .modal.has-tabs fieldset .panel-heading p.annotation.single {
  margin-top: 18px;
}

.modal.has-tabs .productionOrdersContainer fieldset .panel-heading .annotation:before,
.gantt-chart-view .modal.has-tabs fieldset .panel-heading .annotation:before {
  left: 0;
  margin-right: 3px;
}

.modal .productionOrdersContainer .modal-body #planTarget.contentLoading {
  position: absolute;
  width: calc(100% - 10px);
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.6);
  height: 100%;
  top: 0px;
  left: 0px;
}

/* Panel */
body.PanelController .button,
.login-pin .button {
  position: relative;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

body.PanelController .button:active,
.login-pin .button:active {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}

body.PanelController .button:active:after,
.login-pin .button:active:after {
  content: "";
  display: block;
  position: absolute;
  left: -7px;
  right: -7px;
  top: -7px;
  bottom: -7px;
}

.body, .login-pin {
  min-height: 450px;
}

.login-pin #loginForm {
  margin-top: 0;
  top: 10px;
}

.login-pin .validation-summary-errors li,
.login-pin span.field-validation-error {
  padding: 15px 10px;
  font-size: 18px;
  text-align: center;
}

.login-pin .validation-summary-errors li:before,
.login-pin span.field-validation-error:before {
  display: none;
}

.login-pin #Pin {
  padding: 0 10px;
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  border-color: #fff;
  height: 50px;
}

.login-pin .fa-lock {
  display: none;
}

.login-pin .button:before {
  display: none;
}

.login-pin table {
  width: 100%;
}

.login-pin table td {
  width: 33.333%;
  padding: 10px;
}

.login-pin table td .button {
  display: block;
  width: 100%;
  padding: 20px 0 !important;
  font-size: 24px;
}

.login-pin table td.text .button {
  font-size: 15px;
  text-transform: uppercase;
}

.login-pin table td .button.cancel {
  background: #EA6F52 !important;
}

.login-pin table td .button.cancel:hover {
  background: #F97C67 !important;
}

.login-pin table td .button.primary {
  background: #8dc96b !important;
}

.login-pin table td .button.primary:hover {
  background: #9ad17d !important;
}

body.PanelController {
  color: #444;
}

body.PanelController > h2 {
  text-align: center;
  padding-right: 74px;
  font-weight: bold;
  color: #444;
  background: #fff;
  font-size: 20px;
}

body.PanelController > h2 img {
  margin-top: -10px;
  margin-bottom: -8px;
  padding-right: 17px;
  border-right: 1px dashed #ccc;
  margin-right: 20px;
}

body.PanelController .mainLoad {
  padding: 20px 10px;
}

body.PanelController .mainLoad > hr {
  margin: 10px 0 20px;
}

body.PanelController .panel-actions .button {
  margin-right: 10px;
  margin-bottom: 10px;
}

body.PanelController .grid-wrapper {
  overflow: auto;
  height: auto !important;
}

body.PanelController .modal-body .grid-wrapper {
  margin: 0 10px;
}

body.PanelController .grid {
  border: 1px solid #ccc;
}

body.PanelController .grid tr th,
body.PanelController .grid tr td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
}

body.PanelController .mainLoad .grid tr td:last-child {
  border-right: none;
}

body.PanelController .mainLoad .grid tbody tr:last-child td {
  border-bottom: none;
}

body.PanelController .mainLoad .grid thead tr td {
  background: #eee;
  font-weight: bold;
}

body.PanelController .button.cancel:before {
  display: none;
}

body.PanelController .modal-header,
body.PanelController .modal-footer,
body.PanelController .closeModal {
  display: none;
}

body.PanelController .modal-backdrop {
  background: #fff !important;
  opacity: 1 !important;
}

body.PanelController .modal-content {
  box-shadow: none;
}

body.PanelController .modal-dialog {
  width: 100%;
}

body.PanelController .modal-dialog {
  margin-bottom: 0px;
}

body.PanelController .modal,
body.PanelController .modal-dialog,
body.PanelController .modal-content,
body.PanelController .modal-body {
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

body.PanelController .resultslist ul {
  max-height: 10000px;
}

body.PanelController .modal-body {
  overflow-x: hidden;
  padding: 0;
  max-height: 10000px !important;
}

body.PanelController .modal-body form {
  width: 70%;
  margin: auto;
}

body.PanelController .modal-body form#addReportsForm {
  width: 100%;
  padding: 0;
}

body.PanelController .modal-body form#addReportsForm .grid tr th,
body.PanelController .modal-body form#addReportsForm .grid tr td {
  padding: 10px 15px;
}

body.PanelController .modal-body form#addReportsForm .panel-modal-buttons {
  padding-left: 15px;
  padding-right: 15px;
}

body.PanelController .modal-body .row {
  margin-bottom: 10px;
}

body.PanelController .modal-body h2 {
  display: block;
  width: 100%;
  height: auto;
  min-height: 45px;
  line-height: 34px;
  text-align: center;
  color: #444;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px 15px;
}

body.PanelController .modal-body .col-sm-18 input[type=checkbox] ~ label,
body.PanelController .modal-body .col-sm-18 input[type=checkbox] + label {
  font-size: 14px;
  top: 4px;
}

body.PanelController .modal-body .col-sm-18 input[type=checkbox] ~ label:before,
body.PanelController .modal-body .col-sm-18 input[type=checkbox] + label:before {
  top: 3px;
}

body.PanelController .panel-modal-buttons {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

body.PanelController .panel-modal-buttons .button:before {
  display: none;
}

body.PanelController .panel-modal-info {
  margin-top: -20px;
  overflow: hidden;
  text-align: center;
}

body.PanelController .panel-modal-info > span {
  display: inline-block;
  margin: 10px;
}

body.PanelController .panel-modal-info .files a {
  display: block;
  padding: 10px 20px;
  padding-left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: underline;
}

body.PanelController .panel-modal-info .files a:first-child {
  margin-top: -10px;
}

body.PanelController .panel-modal-info .files a:before {
  content: "\f0f6";
  position: relative;
  top: 2px;
  font-size: 24px !important;
  margin-right: 5px;
  font-family: FontAwesome;
  line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.PanelController .panel-modal-info .files a:hover {
  text-decoration: none;
}

body.PanelController .panel-modal-info .row {
  padding: 5px;
}

body.PanelController .panel-modal-info .col-md-12:first-child {
  text-align: right !important;
  font-weight: bold;
}

body.PanelController .panel-modal-info .col-md-12:last-child {
  text-align: left;
}

body.PanelController .panel-modal-info .col-md-12 label {
  margin: 0;
  padding: 0;
}

body.PanelController .panel-modal-info .header {
  display: block;
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: bold;
}

body.PanelController > .menu-toggle {
  border-right: none;
}

body.PanelController .no-work {
  padding: 0 15px;
  text-align: center;
}

body.PanelController .no-work .no-work-info {
  padding-bottom: 20px;
}

body.PanelController .no-work .col-md-24 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
}

body.PanelController .field-validation-error {
  min-width: auto;
  margin-bottom: 15px;
}

body.PanelController .panel-list {
  padding-left: 10px;
}

body.PanelController .panel-list li {
  margin-bottom: 5px;
}

body.PanelController .grid tr:not(.selectedRow) {
  cursor: default;
}

body.PanelController .grid tr.selectedRow {
  color: #5598A6;
}

body.PanelController .grid tr.selectedRow:hover td {
  background: #fff;
}

@media all and (max-width: 1200px) {
  body.PanelController h4 {
    font-size: 22px;
  }
  body.PanelController .panel-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
  body.PanelController .modal-body form {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  body.PanelController .currentResult {
    padding: 10px 15px;
  }
  body.PanelController .modal-body .col-sm-18 input[type=checkbox] ~ label:before,
body.PanelController .modal-body .col-sm-18 input[type=checkbox] + label:before {
    top: -1px;
  }
  body.PanelController .currentResult > span:after {
    right: 15px;
    margin-top: -10px;
    font-size: 20px;
  }
  body.PanelController .modal-body .col-sm-18 input[type=checkbox] ~ label, body.PanelController .modal-body .col-sm-18 input[type=checkbox] + label {
    font-size: 18px;
    padding-left: 35px;
  }
  body.PanelController .panel-actions,
body.PanelController .panel-modal-buttons {
    font-size: 0;
    padding: 0;
  }
  body.PanelController .panel-modal-buttons {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  body.PanelController form .panel-modal-buttons {
    padding: 0;
  }
  body.PanelController .panel-actions .button,
body.PanelController .panel-modal-buttons .button {
    width: calc(50% - 10px);
    padding: 20px 10px;
    font-size: 26px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
  }
  body.PanelController .panel-actions .button:nth-child(even),
body.PanelController .panel-modal-buttons .button:last-child {
    margin-right: 0;
  }
  body.PanelController .mainLoad > hr {
    margin: 0 0 20px;
  }
  body.PanelController .modal-body .col-sm-18 input[type=checkbox] ~ label:before,
body.PanelController .modal-body .col-sm-18 input[type=checkbox] + label:before {
    font-size: 28px;
  }
  body.PanelController .modal-body {
    font-size: 24px;
  }
  body.PanelController .modal-body > div label {
    padding-top: 12px;
  }
  body.PanelController input, body.PanelController select, body.PanelController div.bootstrap-select button, body.PanelController textarea {
    min-height: 50px;
    border: 2px solid #888;
  }
  body.PanelController input:focus, body.PanelController select:focus, body.PanelController div.bootstrap-select button:focus, body.PanelController textarea:focus {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  }
  body.PanelController .field-validation-error {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px;
    padding-left: 35px;
  }
}
@media all and (max-width: 991px) {
  body.PanelController .panel-actions .button,
body.PanelController .panel-modal-buttons .button {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  body.PanelController input, body.PanelController select, body.PanelController div.bootstrap-select, body.PanelController textarea, body.PanelController .currentResult {
    width: 100%;
  }
  body.PanelController .panel-modal-info .col-md-12:first-child,
body.PanelController .no-work .col-md-12:first-child,
body.PanelController .panel-modal-info {
    text-align: left !important;
  }
  body.PanelController .panel-modal-info .col-md-12:first-child {
    padding-bottom: 10px;
  }
  body.PanelController .panel-modal-info .files a {
    margin: 15px;
    margin-top: 0 !important;
    padding-left: 0;
  }
}
@media all and (max-width: 767px) {
  .modal .field-validation-error {
    margin-left: 0;
  }
}
/* Small screens fixes */
@media screen and (max-width: 1100px) {
  .modal.has-tabs .modal-dialog,
.modal.modal-big .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .modal.modal-big .modal-dialog .modal-body {
    overflow: auto;
  }
}
@media screen and (max-width: 991px) {
  body:not(.gantt-chart-view) > h2, body > div > ul.nav,
body > div[role=tabpanel] .nav-tabs {
    text-align: center;
  }
  body.PanelController > h2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .fixed-header {
    display: none !important;
  }
  body > div[role=tabpanel] .nav-tabs li {
    display: inline-block;
    float: none;
  }
  body > div[role=tabpanel] .nav-tabs li a {
    padding: 10px 0;
  }
  body > div[role=tabpanel] .nav-tabs li:last-child a {
    margin-right: none;
  }
  body.lock-menu:not(.gantt-chart-view) > h2, body.lock-menu:not(.gantt-chart-view) > div > ul.nav {
    padding-left: 10px !important;
  }
  body:not(.gantt-chart-view) .toolbar {
    float: none;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    background: #F5F5F5 !important;
    min-height: 46px;
    padding-left: 55px;
    border-bottom: none;
  }
  body:not(.gantt-chart-view) .toolbar menu {
    text-align: left;
  }
  body:not(.gantt-chart-view) .toolbar .actions {
    float: none;
    margin-top: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .modal .modal-dialog {
    width: 100%;
    margin: 0;
  }
  .modal-body ul.nav-tabs {
    float: none !important;
    width: calc(100% + 30px) !important;
    margin-bottom: 15px !important;
    display: block;
    margin: 0;
    padding: 0;
    margin-top: -15px;
    margin-left: -15px;
    text-align: center;
  }
  .unit input {
    width: 95%;
  }
  .modal-body ul.nav-tabs li,
.modal-body ul.nav-tabs li > a, .modal-body ul.nav-tabs li > a:hover, .modal-body ul.nav-tabs li.active > a {
    border-right: none !important;
  }
  .modal-body ul.nav-tabs {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    border-right: none;
  }
  .modal-body .tab-content {
    float: none;
    padding-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  body:not(.gantt-chart-view) .toolbar .actions > fieldset {
    width: 110px;
  }
}
.productionOrderTasksPanel .panel-heading {
  position: relative;
}

.productionOrderTasksPanel .panel-heading .problem-counter {
  position: absolute;
  top: -12px;
  right: 15px;
}

.productionOrderTasksPanel .panel-heading .problem-counter > div {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.productionOrderTasksPanel .panel-heading .problem-counter > div:empty {
  display: none;
}

.productionOrderTasksPanel .panel-heading .problem-counter .problem-not-critical {
  background: #FD9630;
}

.productionOrderTasksPanel .panel-heading.has-problem {
  border-color: #FD9630;
}

.productionOrderTasksPanel .panel-heading .problem-counter .problem-critical {
  background: #E04E3C;
}

.productionOrderTasksPanel .panel-heading.has-critical-problem,
.productionOrderTasksPanel .panel-heading.has-other-problem {
  border-color: #E04E3C;
}

table.files-list tr td:first-child {
  text-align: left !important;
}

.thumbnail {
  display: inline-block;
  margin: 5px;
  width: 60px;
  height: 60px;
  text-align: center;
}

.files-list .file-item a:not(.filesButtons) > div {
  display: inline-block;
  width: calc(100% - 170px);
  word-break: break-all;
  white-space: normal;
}

.file-item-box {
  position: relative;
  border: 1px solid #ddd;
  display: inline-block;
  padding: 5px 10px;
  background: #f1f1f1;
  color: #444;
  margin-bottom: 5px;
  margin-right: 5px;
}

.related-files-content .file-item-box {
  display: block;
  margin-right: 0;
}

.selected-files-list i.remove-items {
  color: #EA6F52;
  font-size: 1.4em;
  position: absolute;
  top: -2px;
  right: 0;
  cursor: pointer;
}

.selected-files-list .remove-items:hover,
a[id^=fileRemove].filesButtons:hover {
  color: #cc5a3f;
}

.related-files-content .selected-files-list {
  margin-top: 0 !important;
  margin-bottom: 10px;
}

.selected-files-list legend {
  position: relative;
  margin-bottom: 5px;
}

.filesButtons {
  display: inline-block;
  float: right;
  margin: 22px 10px 0px 5px;
}

a[id^=fileRemove].filesButtons {
  position: relative;
  top: -2px;
  margin-left: 15px;
  color: #EA6F52;
}

a[id^=fileRemove].filesButton:hover {
  color: #f58064;
}

table.files-list .file-item {
  display: inline-block;
  /*padding: 8px 14px;*/
  width: 100%;
  color: #5598a6;
  font-weight: 400;
  background: #f1f1f1;
  border: 1px solid #ddd;
  line-height: 16px;
}

table.files-list .button {
  margin-left: 5px;
}

table.files-list tr td {
  border-bottom: none;
}

table.files-list tr td:last-child {
  white-space: nowrap;
}

.choose-workstation {
  display: block !important;
  background: #fff;
}

.choose-workstation .col-sm-6 {
  text-align: right;
}

.choose-workstation label {
  vertical-align: top;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .choose-workstation .col-sm-6 {
    text-align: left;
    margin-bottom: 10px;
  }
}
.version {
  position: fixed;
  color: #fff;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 11px;
}

body.ProductionOrderTypesController .toolbar .toggle-filter,
body.PrioritiesController .toolbar .toggle-filter {
  display: none;
}

/* Technology operations tree in technology edit/add modal */
.technology-operations-tree #productionStagesAccordion {
  min-height: 70px;
}

.technology-operations-tree .main-tree-options label {
  display: block;
}

.technology-operations-tree .main-tree-options .bootstrap-select.CategoryFilter {
  display: inline-block;
  width: 45% !important;
}

.technology-operations-tree .main-tree-options .quickSearchBoxInput {
  width: calc(100% - 8px);
}

.technology-operations-tree .main-tree-options label[for=Technology] {
  padding-top: 0px;
}

.technology-operations-tree .main-tree-options .resultslist {
  top: initial;
  bottom: calc(100% + 7px);
}

.technology-operations-tree .main-tree-options .row {
  margin-bottom: 10px;
}

.technology-operations-tree .main-tree-options .resultslist:after {
  top: initial;
  bottom: -5px;
  border-bottom: none;
  border-top: 5px solid #50595e;
}

.technology-operations-tree .button.duplicate {
  margin-right: 5px;
}

#technologyOperations .quickSearchBox.hasSelected .button.duplicate {
  display: inline-block !important;
}

.technology-operations-tree .add-new-operation {
  position: relative;
  z-index: 1;
  text-align: left;
}

.technology-operations-tree .add-new-operation .button {
  white-space: nowrap;
}

.technology-operations-tree .main-tree-options .bootstrap-select {
  width: calc(80% - 87px);
}

.technology-operations-tree .col-sm-24 .field-validation-error {
  margin-left: 0;
}

.technology-operations-tree .node-attr {
  display: none;
}

.technology-operations-tree .quickSearchBox.hasSelected .currentResult {
  padding-bottom: 40px;
  width: 100%;
}

.technology-operations-tree .quickSearchBox.hasSelected .currentResult > .clearButton {
  top: 0;
  margin-top: 0;
}

.technology-operations-tree .row > .col-xs-15 {
  margin-bottom: 5px;
}

.technology-operations-tree .quickSearchBox .quickSearchBoxInput {
  width: 100%;
  max-width: 100%;
}

.technology-operations-tree .quickSearchBox.hasSelected + .node-attr {
  display: block !important;
  text-align: left;
  font-size: 12px;
  border: 1px solid #ddd;
  background: #f1f1f1;
  z-index: 1;
  position: relative;
  padding-left: 10px;
  min-height: 36px;
  height: 36px;
  margin-top: -36px;
}

.technology-operations-tree .node-attr > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  padding-right: 10px;
  height: 100%;
}

.technology-operations-tree .node-attr > div:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.technology-operations-tree .node-attr > div input {
  width: 60px;
  height: 28px;
  margin: 3px;
}

.technology-operations-tree .node-attr > div label {
  padding-top: 6px !important;
}

.technology-operations-tree .node-attr > div label:before {
  top: 8px;
}

.technology-operations-tree .node-attr > div > div {
  display: inline-block;
}

.technology-operations-tree .node-attr > div > div .bootstrap-select {
  margin-top: -7px;
  min-width: 70px;
}

.technology-operations-tree .button.with-label {
  font-weight: 300;
}

.technology-operations-tree .button.with-label:before {
  margin-right: 5px !important;
}

.technology-operations-tree .technology-operations-tree-actions {
  text-align: right;
  padding-right: 10px;
}

.technology-operations-tree .technology-operations-tree-actions .button {
  margin-bottom: 5px;
  min-width: 44px;
  border: 1px solid #CFD5E4;
}

.technology-operations-tree .quickSearchBox .duplicate {
  display: none !important;
}

.technology-operations-tree .technology-operations-tree-actions .duplicate {
  margin-right: 0;
}

.technology-operations-tree .technology-operations-tree-actions .duplicate:before {
  font-size: 14px;
}

.level-1 {
  padding-left: 15px;
}

.level-2 {
  padding-left: 30px;
}

.level-3 {
  padding-left: 45px;
}

.level-4 {
  padding-left: 60px;
}

.level-5 {
  padding-left: 75px;
}

.level-6 {
  padding-left: 90px;
}

.level-7 {
  padding-left: 105px;
}

.level-8 {
  padding-left: 120px;
}

.level-9 {
  padding-left: 135px;
}

.level-10 {
  padding-left: 150px;
}

.level-11 {
  padding-left: 165px;
}

.level-12 {
  padding-left: 180px;
}

.level-13 {
  padding-left: 195px;
}

.level-14 {
  padding-left: 210px;
}

.level-15 {
  padding-left: 225px;
}

.level-16 {
  padding-left: 240px;
}

.level-17 {
  padding-left: 255px;
}

.level-18 {
  padding-left: 270px;
}

.level-19 {
  padding-left: 285px;
}

.level-20 {
  padding-left: 300px;
}

@media screen and (max-width: 1484px) {
  .technology-operations-tree .quickSearchBox.hasSelected + .node-attr {
    height: 144px;
  }
  .technology-operations-tree .quickSearchBox.hasSelected + .node-attr.hidden {
    height: 40px;
  }
  .technology-operations-tree .quickSearchBox.hasSelected + .node-attr > div {
    display: block;
    border: none;
    height: auto;
    margin-bottom: 5px;
  }
  .technology-operations-tree .quickSearchBox.hasSelected + .node-attr > div:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .technology-operations-tree .technology-operations-tree-actions .duplicate {
    float: none;
    margin-top: 0 !important;
  }
  .technology-operations-tree .technology-operations-tree-actions {
    padding-top: 0 !important;
    white-space: nowrap;
  }
  .technology-operations-tree .main-tree-options label[for=Technology],
.technology-operations-tree .main-tree-options label[for=CategoryFilter] {
    text-align: left;
    margin-top: 10px;
  }
  .technology-operations-tree .quickSearchBox.hasSelected + .node-attr {
    float: none;
    margin-top: -35px;
  }
  .technology-operations-tree .technology-operations-tree-actions {
    padding-top: 10px;
  }
  .technology-operations-tree #operationSearchBoxes {
    margin-bottom: 5px;
  }
  .technology-operations-tree .button.duplicate {
    margin-top: 5px;
  }
  .technology-operations-tree .main-tree-options .bootstrap-select {
    width: 95%;
    margin-bottom: 5px;
  }
  .technology-operations-tree .main-tree-options .bootstrap-select.CategoryFilter {
    width: calc(100% - 86px) !important;
  }
}
.gantt-chart-view .modal.modal-big .modal-dialog {
  max-width: 1700px;
  width: auto;
}

.gantt-chart-view .modal-no-border .modal-body ul li {
  margin-right: 0px;
}

.gantt-chart-view .modal-no-border .bootstrap-select {
  width: 90px;
}

.gantt-chart-view .modal-no-border table tr td:nth-of-type(8) .bootstrap-select {
  width: 120px;
}

.gantt-chart-view .modal-no-border p.success, .gantt-chart-view .modal-no-border p.fail {
  margin-left: 15px;
  margin-right: 15px;
}

.gantt-chart-view .modal-no-border table {
  width: 100%;
}

.gantt-chart-view .modal-no-border table tr td:last-child {
  white-space: nowrap;
}

.gantt-chart-view .modal-no-border table tr td input.datetime {
  min-width: 121px;
  padding-left: 5px;
  padding-right: 5px;
}

.gantt-chart-view .modal-no-border .modal-footer .button#mergePlansButton:before {
  content: "\e097";
}

.gantt-chart-view .modal-no-border .modal-footer .button {
  margin-right: 0;
}

table tr th .sortButton {
  position: relative;
  display: inline-block;
  padding: 0px;
}

table tr th .sortButton .actionBtn {
  padding: 5px 0px 5px 17px;
}

table tr th .sortButton .active {
  color: black;
}

table tr th .sortButton .glyphicon {
  position: absolute;
  display: block;
  top: -2px;
  left: 0px;
  font-size: 12px;
}

table tr th .sortButton .glyphicon:hover {
  color: #5598a6;
}

table tr th .sortButton .glyphicon.glyphicon-chevron-down {
  bottom: -2px;
  top: auto;
}

table tr td.sort-list {
  padding: 0;
}

table tr td.sort-list i {
  display: block;
  padding: 15px;
  color: #777;
  cursor: move;
}

table tr td.sort-list i:hover {
  color: #444;
}

body > .auto-plan .fa-bars:before {
  content: "\e178";
  font-family: "Glyphicons Halflings";
  position: relative;
  top: 3px;
}

/* Technology operation categories */
body.TechnologyOperationCategoriesController .jstree-default .jstree-anchor {
  font-size: 16px;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-wholerow {
  height: 36px;
  margin-top: -6px;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-wholerow-hovered {
  background: #eee;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-wholerow-clicked {
  background: #eee;
  border: 1px solid #8dc96b;
}

body.TechnologyOperationCategoriesController .jstree-default .jstree-icon:empty {
  height: 36px;
  line-height: 36px;
}

body.TechnologyOperationsController #technologyOperationWareResources .quickSearchBox,
body.TechnologiesController #technologyOperationWareResources .quickSearchBox {
  min-width: 200px;
  position: relative;
}

body.TechnologyOperationsController #technologyOperationConfiguration .bootstrap-select.Category {
  width: 80%;
}

body.TechnologyOperationCategoriesController .jstree-rename-input {
  height: 24px !important;
  line-height: 24px !important;
}

.TechnologyOperationsController .modal-body fieldset table td {
  white-space: normal;
}

.TechnologyOperationsController .modal-body fieldset table td .resultslist li strong {
  word-break: break-word;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .TechnologyOperationsController #technologyOperationConfiguration .bootstrap-select.Category {
    width: 95%;
  }
  .TechnologyOperationsController .modal-body fieldset table td {
    white-space: normal;
  }
}
/* Settings view */
.AppSettingsController .mainLoad label {
  margin-top: 7px;
}

.AppSettingsController .mainLoad h3 {
  margin-top: 24px;
}

.AppSettingsController .mainLoad h4 {
  margin-top: 18px;
}

.AppSettingsController .row:not(.modal-header), .LicenseController .row {
  margin-bottom: 5px;
}

.AppSettingsController .resultslist {
  width: 100%;
  padding: 0 10px;
}

.AppSettingsController .resultslist ul {
  padding-left: 0px;
}

.AppSettingsController .currentResult {
  width: 100%;
}

.AppSettingsController .mainLoad #settingsTableForm input[type=text],
.AppSettingsController .mainLoad #settingsTableForm input[type=number],
.AppSettingsController .mainLoad #settingsTableForm input[type=password],
.AppSettingsController .mainLoad #settingsTableForm input[type=email],
.AppSettingsController .mainLoad #settingsTableForm input[type=phone],
.AppSettingsController .mainLoad #settingsTableForm textarea {
  width: 100%;
}

.AppSettingsController .setting-validation-summary .validation-summary-errors {
  display: block !important;
  margin-top: 10px;
}

.AppSettingsController .validation-summary-errors li {
  text-align: left;
}

.label-info {
  font-size: 12px;
  margin-top: -5px;
  font-style: italic;
  color: #999;
  background: none;
}

table tr td.warning {
  background: #fff5c2;
  padding: 3px;
  border-bottom: 1px solid #ffe873;
}

td.warning:before {
  font-family: "Glyphicons Halflings";
  content: "\e107";
  margin: 0 10px;
  display: inline-block;
  color: #ffda1f;
}

.palette-color-picker-button {
  top: 2px !important;
  border: none !important;
}

.palette-color-picker-bubble {
  z-index: 99999999 !important;
}

.no-price-show .price-to-hide {
  display: none;
}

.closed-doc .clearButton {
  display: none;
}

.closed footer .button.remove,
.closed footer .button.save {
  display: none;
}

/* Interactive list */
.interactive-list-container .panel {
  margin-top: 0 !important;
}

.interactive-list-container .panel-heading {
  display: none;
}

.interactive-list-container .panel-collapse {
  display: block;
  visibility: visible;
  padding-bottom: 0;
}

.interactive-list-container .header label {
  display: block;
  font-weight: bold;
  text-align: left;
}

.interactive-list-container .panel-collapse input,
.interactive-list-container .panel-collapse .currentResult {
  width: 100%;
}

.interactive-list-container .panel-collapse .panel-body {
  padding: 5px 15px;
}

.interactive-list-container .panel-collapse .panel-body .unit {
  text-align: right;
}

.interactive-list-container .panel-collapse .panel-body .unit div:last-child {
  position: relative;
}

.interactive-list-container .panel-collapse .unit > div:last-child label {
  position: absolute;
  top: 0;
  text-align: center;
}

.interactive-list-container .not-valid {
  animation: blinkerError 0.5s;
}

.interactive-list-container .valid {
  animation: blinkerOk 0.5s;
}

.interactive-list-container .not-valid-field,
.interactive-list-container .input-validation-error {
  border-color: #EA6F52;
}

.interactive-list-container .panel-collapse .panel-body .field-validation-error {
  margin-left: 0;
  margin-top: 0;
  text-align: left;
}

.interactive-list-container .panel-collapse .panel-body .product .button.add {
  display: none;
  position: absolute;
  top: 2px;
  right: 12px;
  padding: 6px 10px;
  -webkit-transition: background 0.25s;
  -moz-transition: background 0.25s;
  -ms-transition: background 0.25s;
  -o-transition: background 0.25s;
  transition: background 0.25s;
}

.interactive-list-container .panel-collapse .panel-body .product .button.add:before {
  margin-right: 0;
}

.interactive-list-container .annotation {
  display: none;
  margin-bottom: 10px;
  width: 100%;
}

/* New color themes */
body.purple-theme .toolbar,
body.purple-theme > h2,
body.purple-theme .toolbar .actions .button,
body.purple-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.purple-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.purple-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #ffffff;
}

body.purple-theme .modal-header {
  background: #9565a0;
}

body.purple-theme .toolbar .actions .button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

body.purple-theme.filters-visible .toolbar .button.toggle-filter {
  background: #fff !important;
  color: #9565a0 !important;
}

body.purple-theme table.grid tr td.actions:after,
body.purple-theme div.bootstrap-select .dropdown-menu .glyphicon,
body.purple-theme.filters-visible .toolbar .button.toggle-filter i {
  color: #9565a0 !important;
}

body.roseate-theme .toolbar,
body.roseate-theme .toolbar .actions .button,
body.roseate-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.roseate-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.roseate-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
body.roseate-theme table.grid tr td.actions:hover,
body.roseate-theme table.grid tr.active td.actions {
  background: #ffffff;
}

body.roseate-theme .button:hover {
  background: #d9cdcd !important;
}

body.roseate-theme table.grid tr td.actions:after,
body.roseate-theme div.bootstrap-select .dropdown-menu .glyphicon {
  color: #666666;
}

body.custom-theme .toolbar,
body.custom-theme > h2,
body.custom-theme .toolbar .actions .button,
body.custom-theme .modal-header,
body.custom-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body.custom-theme .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body.custom-theme .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
body.custom-theme table.grid tr td.actions:hover,
body.custom-theme table.grid tr.active td.actions {
  background: #f1805e !important;
}

body.custom-theme .toolbar .actions .button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

body.custom-theme.filters-visible .toolbar .button.toggle-filter {
  background: #fff !important;
  color: #f1805e !important;
}

body.custom-theme table.grid tr td.actions:after,
body.custom-theme div.bootstrap-select .dropdown-menu .glyphicon,
body.custom-theme.filters-visible .toolbar .button.toggle-filter i {
  color: #f1805e !important;
}

body.custom-theme > .menu-toggle {
  border-right: 1px solid #f1805e;
}

body.QualityControlsController .modal-footer-placeholder footer {
  display: inline-block;
  margin-left: 3px;
}

.disabled input[type=checkbox]:checked ~ label:before,
.disabled input[type=checkbox]:checked + label:before,
.disabled input[type=radio]:checked ~ label:before,
.disabled input[type=radio]:checked + label:before {
  color: #ccc;
}

.search-for-grid {
  background: #f2f2f2;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

#workShiftsPerDay .grid tr td:first-child div {
  min-height: 29px;
}

body.OrderPacksController #orderPackItemsList .quickSearchBox {
  position: relative;
}

body.OrderPacksController #orderPackItemsList .quickSearchBox .resultslist {
  padding: 0;
  margin-left: 0;
}

body.OrderPacksController #orderPackItemsList .quickSearchBox .resultslist li strong {
  white-space: normal;
  word-wrap: break-word;
  margin-right: 15px;
}

body.CarriageOrdersController .container-items .panel-item {
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
  opacity: 0.7;
}

body.CarriageOrdersController .container-items .panel-item.active {
  opacity: 1;
}

body.CarriageOrdersController input[disabled] {
  box-shadow: none;
  background: #ddd;
}

body.CarriageOrdersController .item-panel-ele {
  border-bottom: 1px solid #bbb;
}

body.CarriageOrdersController .items-ware-container {
  font-size: 12px;
}

body.CarriageOrdersController .item-panel-ele .dataTypeBoolean {
  display: block;
}

body.CarriageOrdersController .modal .modal-body > div div.col-xs-6 {
  text-align: left;
}

body.CarriageOrdersController .row-head {
  border-bottom: 1px dashed #ccc;
}

/* radio button in results list in quicksearch boxes */
.resultslist .resultRadioButton {
  display: none;
}

.currentResult .resultRadioButton {
  float: left;
  margin-top: 8px;
}

.currentResult .resultRadioButton label {
  min-width: 0;
  margin-bottom: 15px;
}

.currentResult .resultRadioButton input[type=checkbox] ~ label:before, .currentResult .resultRadioButton input[type=checkbox] + label:before .currentResult .resultRadioButton input[type=radio] ~ label:before,
.currentResult .resultRadioButton input[type=radio] + label:before {
  font-size: 18px;
}

div.currentResult > span.resultRadioButton.resultRadioButtonSupplier {
  float: left;
  margin-left: 6px;
  margin-top: 19px;
}

.ReportsController .resultslist li {
  padding-right: 25px;
}

div.info-box {
  padding: 10px 15px;
}

div.info-box p {
  background: #edfcff;
  min-width: 250px;
  padding: 10px 15px;
  border: 1px solid #ccf7ff;
}

div.info-box i {
  margin-right: 10px;
}

/*Fix za bardzo wystający select list z-index */
body.QualityControlConfigsController fieldset .bootstrap-select, body.ImportExportController .bootstrap-select, body.ProductionHallController .bootstrap-select {
  z-index: 9999999 !important;
}

body.ProductionHallController .filter {
  margin: 0px;
}

body.ProductionHallController .filter .bootstrap-select {
  width: 50%;
}

body.ProductionHallController .workstation-container {
  margin: 10px 0;
}

body.ProductionHallController .workstation-container > div {
  background: #f5f5f5;
  padding: 10px;
  border: 1px solid #fafafa;
  min-height: 320px;
}

body.ProductionHallController .workstation-container > div:hover {
  background: #fafafa;
  border: 1px solid #000000;
}

body.ProductionHallController .workstation-container h3 {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 52px;
  font-size: 20px;
  font-weight: bold;
}

body.ProductionHallController .workstation-container ul {
  padding-left: 15px;
}

body.ProductionHallController .workstation-container ul li span:nth-child(1) {
  min-width: 45%;
  display: inline-block;
  float: left;
  line-height: 16px;
}

body.ProductionHallController .workstation-container ul li span:nth-child(2) {
  color: #000000;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 55%;
  display: inline-block;
  line-height: 16px;
}

body.WorkstationsController .modal #compliantToolsConfiguration .field-validation-error {
  margin-left: 0;
}

@media (max-width: 424px) {
  body.ProductionHallController .filter {
    text-align: center;
  }
  body.ProductionHallController .filter .bootstrap-select {
    width: 100%;
    padding-right: 10px;
  }
  body.ProductionHallController .filter button#changeFilter {
    margin-top: 10px;
  }
}
.progress {
  border-radius: 0px;
  display: inline-block;
  min-width: 100%;
  margin: 0;
  position: relative;
}

.progress span {
  position: absolute;
  display: block;
  width: 100%;
  color: #FEA800;
  text-align: center;
}

.progress-bar {
  background-color: #000000;
  color: #646980;
  position: static !important;
}

.choose-workstation .menu-toggle {
  display: none !important;
}

.choose-workstation .workstation-list .workstation-list-ele {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
}

.choose-workstation .workstation-list .workstation-list-ele:hover {
  background: #fafafa;
}

@media (min-width: 992px) {
  body:not(.gantt-chart-view) > h2 {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #BEC5D6;
  }
  body:not(.gantt-chart-view) .toolbar {
    position: fixed;
    right: 0px;
    width: 60%;
    top: 0px;
    z-index: 100;
    background: none !important;
  }
  body:not(.gantt-chart-view) .toolbar .actions {
    margin-top: 8px;
  }
  body:not(.gantt-chart-view) .mainLoad {
    padding-top: 46px;
    position: static;
  }
  body:not(.gantt-chart-view) span.menu-toggle {
    position: fixed;
    right: 0;
  }
  body:not(.gantt-chart-view) span.filter, body:not(.gantt-chart-view) div.filter, body:not(.gantt-chart-view) form.filter {
    position: fixed;
    top: 46px;
    z-index: 99999;
    width: 100%;
    padding-right: 140px;
  }
  body:not(.gantt-chart-view) > div.footer {
    position: fixed;
    bottom: 0;
  }
  body:not(.gantt-chart-view) .mainLoad div.bootstrap-select {
    position: relative;
    z-index: 1 !important;
  }
  body.ReportsController .mainLoad {
    margin-top: 0px !important;
    padding-top: 46px;
    position: static;
    margin-bottom: 28px;
  }
  body.ReportsController .bootstrap-select.btn-group.bs-container {
    z-index: 5 !important;
  }
  body.ReportsController .mainLoad ul.aside-menu {
    margin-bottom: 0px;
  }
}
ul.user li.client-menu-logo {
  border-bottom: 1px solid #616161;
}

.client-menu-logo img {
  width: 100%;
  padding: 10px;
  max-width: 150px;
}

/*********TREE VIEW***********/
.tree-view [data-tree-open] .tree-btn {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f1f1f1;
  top: calc(50% - 10px);
  left: 0px;
  margin: 10px 0 10px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 10px;
  text-align: center;
}

.tree-view [data-tree-open] .tree-btn:hover {
  background: #ddd;
}

.tree-view [data-tree-open] .tree-btn::after {
  position: relative;
  bottom: 0px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  content: "+";
  color: #64696c;
}

.tree-view [data-hidden=True] .tree-btn {
  background: #f1f1f1;
  bottom: 4px;
}

.tree-view [data-hidden=True] .quickSearchBox .currentResult div span,
.tree-view [data-hidden=True] .quickSearchBox .clearButton {
  display: none;
}

#productionStagesAccordion .tree-view [data-hidden=True] .currentResult {
  background: #e2f2d1;
  padding-bottom: 33px;
}

.tree-view [data-tree-open="1"] .tree-btn::after {
  content: "−";
}

.tree-view [data-tree-visible="0"] {
  height: 0px;
  overflow: hidden;
}

.tree-view .hover-tree {
  background: #eee;
}

#productionStagesAccordion .tree-view .hover-tree {
  background: #DFEEF8 !important;
}

#productionStagesAccordion .tree-view .node {
  padding-right: 5px;
  background-color: #fff;
  transition: background-color linear 0.2s;
}

#productionStagesAccordion .tree-view .node.level-0 {
  padding-left: 5px;
}

#productionStagesAccordion .tree-view .row {
  margin-bottom: 0px;
  margin-left: 16px;
}

.tree-view [data-tree-visible="0"] .tree-btn {
  display: none;
}

#productionStagesAccordion .tree-view [data-tree-open] .tree-btn {
  bottom: 8px;
  left: -25px;
  margin: 0;
  top: auto;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.alert-span {
  color: #f00;
  font-weight: bold;
}

.full-quick-search-box .quickSearchBox,
.full-quick-search-box .quickSearchBox .currentResult,
.full-quick-search-box .quickSearchBox .quickSearchBoxInput {
  width: 100%;
}

.full-quick-search-box .quickSearchBox .resultslist {
  width: 100%;
  padding-right: 20px;
}

#productionStagesExpandableList > div > div[data-control-expandablelist-item] {
  border-radius: 0px;
  padding: 20px 10px;
  background: #fafafa;
  border: #ccc 1px solid;
  margin-top: 10px;
}

#productionStagesExpandableList > div > div[data-control-expandablelist-item]:nth-child(2n+1) {
  background: #f5f5f5;
}

.col-xs-4, .col-xs-8 {
  word-wrap: break-word;
}

.warehouses-list {
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
  position: absolute;
  width: 250px;
  height: auto;
  display: none;
  z-index: 99999;
  top: 25px;
  right: 0;
  margin-right: -100px;
}

.warehouses-status {
  display: table-footer-group;
}

.warehouses-list ul {
  margin: 0;
  padding: 0;
}

.warehouses-list ul li {
  width: 100%;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  margin-bottom: 0 !important;
  display: block !important;
}

.warehouses-list ul li:last-child {
  border-bottom: 0;
}

.filters-box {
  width: 100%;
  padding: 10px;
  padding-left: 0;
  position: relative;
}

.filters-switcher {
  background: #ddd;
  color: #777;
  border: none;
  padding: 8px 14px;
  font-size: 14px;
  line-height: 18px;
  width: 100px;
  display: block;
  cursor: pointer;
  text-align: center;
}

#reportConfigSubmit {
  position: absolute;
  left: 110px;
  top: -34px;
}

#reportConfigContainer {
  width: 100%;
}

.empty-list {
  margin: 20px 0;
  color: #888;
  text-align: center;
}

.modal #documentItems .field-validation-error {
  margin-left: 0;
  margin-top: 5px;
  text-align: left;
}

.modal #documentItems .unit div:last-child {
  position: relative;
}

.modal #documentItemsAccordion .button {
  position: relative;
  font-size: 19px;
  background: none;
  color: #676767 !important;
  padding: 1px 5px;
}

.modal #documentItemsAccordion .button.duplicate-item-trigger:hover,
.modal #documentItemsAccordion .button.duplicate-item-trigger.active {
  color: #5598a6 !important;
}

.modal #documentItemsAccordion .button.duplicate-item-trigger .counter {
  position: absolute;
  display: none;
  top: 0px;
  right: -3px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  border-radius: 50%;
  color: #fff;
  background: #5598a6;
}

.modal #documentItemsAccordion .button.related-files-trigger:hover,
.modal #documentItemsAccordion .button.related-files-trigger.active {
  color: #5598a6 !important;
}

.modal #documentItemsAccordion .button.related-files-trigger .counter {
  position: absolute;
  display: none;
  top: 0px;
  right: -3px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  border-radius: 50%;
  color: #fff;
  background: #5598a6;
}

.modal #documentItemsAccordion .related-files-wrapper {
  display: none;
  position: fixed;
  z-index: 99;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 380px;
  height: 250px;
  text-align: left;
}

.modal #documentItemsAccordion .related-files-wrapper .related-files-wrapper-header {
  background: #f1f1f1;
  margin: 0;
  border-bottom: 1px solid #ddd;
  color: #5598a6;
  padding: 1px 5px;
}

.modal #documentItemsAccordion .related-files-wrapper .related-files-wrapper-header .button {
  float: right;
  margin-right: 3px;
  margin-top: -32px;
  font-size: 22px;
}

.modal #documentItemsAccordion .related-files-content {
  padding: 10px;
  overflow: auto;
  height: calc(100% - 40px);
}

.modal #documentItemsAccordion .related-files-content fieldset:first-child input,
.modal #documentItemsAccordion .related-files-content fieldset:first-child small,
.modal #documentItemsAccordion .related-files-content fieldset:first-child legend {
  display: none;
}

.modal #documentItemsAccordion .related-files-content fieldset:first-child .field-validation-error {
  margin-bottom: 10px !important;
}

table.files-list.empty-list:after {
  content: "Brak dodanych plików";
}

.modal #documentItemsAccordion .related-files-content fieldset:last-child {
  margin-top: 0;
}

.modal #documentItemsAccordion .related-files-content fieldset:last-child td {
  padding-bottom: 0;
}

.modal #documentItemsAccordion .related-files-content fieldset:last-child legend {
  margin-bottom: 10px;
}

.modal #documentItemsAccordion .related-files-content fieldset:last-child table {
  margin-bottom: 0;
}

.modal #documentItemsAccordion .related-files-content .file-item img {
  width: 30px !important;
  height: 30px !important;
  vertical-align: top;
}

.modal #documentItemsAccordion .related-files-content .file-item .filesButtons {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 5px;
}

.modal #documentItemsAccordion .related-files-content .files-list .file-item a:not(.filesButtons) > div {
  width: calc(100% - 120px);
  padding-top: 3px;
}

.modal #documentItemsAccordion .related-files-content .file-item .filesButtons i {
  font-size: 1.4em;
}

.modal #documentItemsAccordion .related-files-wrapper .related-files-wrapper-header h4 {
  padding: 10px;
  margin: 0;
}

.modal #documentItemsAccordion .related-files-wrapper .arrow-up {
  position: absolute;
  top: -8px;
  right: 52px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
}

.modal #documentItemsAccordion .panel-edit .related-files-wrapper .arrow-up {
  right: 7px;
}

.WarehouseDocumentsController .modal .col-lg-17 {
  z-index: 9;
}

@media screen and (max-width: 1199px) {
  .modal #documentItemsAccordion .panel:last-child {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 800px) {
  .modal #documentItemsAccordion .col-xs-3.text-right .button {
    padding: 8px 6px !important;
  }
  .modal #documentItemsAccordion .related-files-wrapper .arrow-up {
    right: 33px;
  }
  .modal #documentItemsAccordion .panel-edit .related-files-wrapper .arrow-up {
    right: 0px;
  }
}
.modal-filter-box .resultslist {
  width: auto;
  min-width: 80%;
}

.modal-filter-box .resultslist ul {
  width: calc(100% + 30px);
}

.modal-filter-box .quickSearchBoxInput,
.modal-filter-box .currentResult,
.modal-filter-box #term,
.modal-filter-box .bootstrap-select {
  width: 100%;
}

.modal-filter-box #termButton {
  position: absolute;
  right: 20px;
  bottom: 10px;
  cursor: pointer;
}

.modal-filter-box #termButton:hover {
  color: #8dc96b;
}

.modal-filter-box > .row:nth-child(1) {
  position: relative;
  z-index: 10;
}

.modal-filter-box > .row:nth-child(2) {
  position: relative;
  z-index: 9;
}

.quickSearchBox.hasSelected .currentResult > div {
  text-overflow: ellipsis;
  overflow: hidden;
}

.WorkShiftsController div:not(.app) #config-menu .active a[href*=ShiftCalendar],
.WorkShiftsController div.app #config-menu .active a[href="/Administration/WorkShifts"] {
  font-weight: normal;
}

/* Ralations Browser Tree */
#ralationsBrowserTreeQsb .quickSearchBox {
  padding-bottom: 21px;
}

#ralationsBrowserTreeQsb .quickSearchBox.hasSelected {
  padding-bottom: 0;
}

#ralationsBrowserTreeQsb .quickSearchBoxInput {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  font-size: 16px;
  max-width: 100%;
}

#ralationsBrowserTreeQsb .currentResult {
  width: 100%;
}

.tree-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-top: 0;
}

.ralations-browser-tree .currentResult {
  max-width: 100%;
  width: 900px;
  margin-bottom: 0;
}

.ralations-browser-tree .currentResult {
  padding-right: 10px;
  padding-left: 5px;
  z-index: 99;
}

.ralations-browser-tree .currentResult > div {
  float: left;
  padding-right: 15px;
  overflow: visible !important;
}

.ralations-browser-tree .currentResult > div.more-info {
  float: right;
  padding-right: 0;
}

.ralations-browser-tree .currentResult:after {
  content: "";
  display: block;
  clear: both;
}

.ralations-browser-tree .currentResult .button {
  margin-top: 5px;
  margin-bottom: 5px;
}

.ralations-browser-tree .currentResult a:not(.button) {
  display: block;
  cursor: pointer;
}

#ralationsBrowserTreeQsb .currentResult strong {
  font-size: 16px;
}

#ralationsBrowserTreeQsb .resultslist ul {
  padding-left: 0;
}

.ralations-browser-tree .currentResult strong i {
  font-size: 10px;
  margin-right: 5px;
}

.ralations-browser-tree > li > ul {
  padding-left: 0;
}

.ralations-browser-tree > li > ul ul {
  padding-left: 30px;
}

.ralations-browser-tree .button.add:before {
  display: none;
}

.ralations-browser-tree .annotation {
  width: 100%;
  padding: 10px;
  padding-left: 35px;
}

.ralations-browser-tree .annotation:before {
  margin-top: -8px;
}

.ralations-browser-tree ul,
.ralations-browser-tree li {
  position: relative;
}

.ralations-browser-tree li:hover > ul.tree-node > div .currentResult {
  border-color: #5598a6 !important;
}

.ralations-browser-tree ul:after {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% - 10px);
  width: 1px;
  background: #ccc;
  top: 0;
}

.ralations-browser-tree ul > li:last-of-type:after {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% - 10px);
  width: 3px;
  top: 30px;
  left: 0;
  background: #fff;
  z-index: 9;
}

.ralations-browser-tree ul > li:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 1px;
  top: 30px;
  background: #ccc;
  z-index: 10;
}

.ralations-browser-tree .tree-node > .quickSearchBox > .currentResult,
.ralations-browser-tree .tree-group-node > .quickSearchBox > .currentResult {
  border: 1px solid #ccc;
}

.ralations-browser-tree .tree-node > .quickSearchBox > .currentResult {
  background: #DFEEF8;
}

.ralations-browser-tree span.tree-group-node-title {
  position: relative;
  top: 11px;
  font-size: 14px;
  font-weight: 400;
}

.ralations-browser-tree ul, .ralations-browser-tree li, .ralations-browser-tree .quickSearchBox {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.ralations-browser-tree .tree-laoder {
  margin: 0 0 10px;
}

.ralations-browser-tree ul.tree-node li {
  margin-bottom: 0;
}

.RelationsBrowserController .ralations-browser-treeQsb {
  margin-bottom: 15px;
}

.ralations-browser-tree .item-exist > .button i.fa-chevron-down:before {
  content: "\f0e2";
}

.tree-group-node-title-div {
  width: calc(100% - 60px);
}

@media screen and (max-width: 1300px) {
  .ralations-browser-tree .currentResult {
    width: 700px;
  }
}
@media screen and (max-width: 991px) {
  .ralations-browser-tree .currentResult {
    width: 600px;
  }
  #ralationsBrowserTreeQsb .currentResult {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .ProductionReportsController .short-summary {
    position: fixed;
    right: 0;
    transition: padding 0.15s;
  }
  .menu-open.ProductionReportsController .short-summary {
    padding-left: 35px;
  }
}
.product-container.show .prod-header .toggle-product-show:before,
.order-item.show > div > .toggle-product-show:before {
  content: "\f077";
}

.blink {
  animation: blink 0.6s;
}

.none-height {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

.button.only-icon:before,
.button.only-icon i {
  margin: 0;
}

#schedule span.col-xs-4 {
  min-width: 200px;
}

#schedule span.col-xs-2 {
  min-width: 100px;
}

#schedule span.col-xs-2 .btn-group {
  width: 100%;
}

#schedule span.col-xs-1 {
  width: 10px;
  margin-left: -5px;
  margin-top: 4px;
}

#schedule .col-xs-4 label {
  margin-top: 10px;
}

@media screen and (max-width: 500px) {
  #schedule span.col-xs-4 {
    width: 100%;
    display: block;
    float: none;
  }
}
/* Wybierak */
#supplyItemsTable .complex-cell {
  position: relative;
  min-width: 160px;
}

#supplyItemsTable input.number {
  margin-left: -8px;
  margin-right: 0px;
  width: calc(100% - 72px);
}

#supplyItemsTable .complex-cell .button {
  position: absolute;
  top: 6px;
}

#supplyItemsTable .complex-cell .button.unitConverterBtn {
  left: 0;
}

#supplyItemsTable .complex-cell .button.unitConverterBtn i {
  font-size: 1.2em;
}

#supplyItemsTable .complex-cell .button.choosePackageBtn {
  right: 0;
}

#supplyItemsTable .complex-cell .button i,
#supplyItemsTable .complex-cell .button:before {
  margin-right: 0;
}

#supplyItemsTable thead th .sortButton:active {
  box-shadow: none;
}

#supplyItemsTable thead th .sortButton span[colum-name=QuantityForProduction],
#supplyItemsTable thead th .sortButton span[colum-name=Quantity],
#supplyItemsTable thead th .sortButton span[colum-name=QuantityPacked],
#supplyItemsTable thead th .sortButton span[colum-name=ExpDate] {
  display: block;
  white-space: pre-wrap;
  text-align: left;
  padding-top: 0;
}

#supplyItemsTable tr th .sortButton .glyphicon.glyphicon-chevron-down {
  bottom: initial;
  top: 10px;
}

#supplyItemsTable thead th span:not(.btn) > span {
  font-weight: normal;
}

#ProductionTaskAccordion .task-info {
  padding: 0 10px;
  height: auto;
  border-top: 1px solid #ddd;
}

#ProductionTaskAccordion .task-info > div {
  display: inline-block;
  height: 100%;
  font-size: 12px;
  border-right: 1px solid #ddd;
  padding-right: 10px;
  margin-right: 5px;
}

#ProductionTaskAccordion .task-info > div > div {
  display: inline-block;
  height: 100%;
  padding: 4px 5px;
  font-size: 12px;
  white-space: nowrap;
}

#ProductionTaskAccordion .task-info > div:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

#ProductionTaskAccordion .task-info > div > div label {
  padding-top: 0;
  padding-right: 5px;
  margin-bottom: 0;
}

#ProductionTaskAccordion .task-info-header {
  vertical-align: middle;
  padding-right: 0 !important;
}

#ProductionTaskAccordion .task-info-input input {
  height: 28px;
  width: 60px;
}

#ProductionTaskAccordion .task-info-input input.datetime {
  width: 130px;
}

#ProductionTaskAccordion .panel-title > a:not(.button):after {
  display: none;
}

#ProductionTaskAccordion .panel-title > a:not(.button):before {
  content: "\f077";
  font-family: "FontAwesome";
  display: inline-block;
  width: 34px;
  height: 30px;
  background: #000000;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-right: 5px;
}

#ProductionTaskAccordion .panel-title > a.collapsed:not(.button):before {
  content: "\f078";
}

#ProductionTaskAccordion .task-validation-msgs .field-validation-error {
  margin-left: 0;
  margin-top: 0;
  width: 100%;
}

#supplyItems #supplyItemsTable td.complex-cell {
  text-align: center !important;
}

#supplyItems #supplyItemsTable td.complex-cell .button.unitConverterBtn {
  left: 5px;
  top: 5px;
}

#supplyItems #supplyItemsTable td.complex-cell .button.unitConverterBtn i {
  top: 0;
}

#supplyItems #supplyItemsTable td.complex-cell input.quantityToTake-supply-item {
  margin-left: 12px;
}

@media screen and (max-width: 1199px) {
  #ProductionTaskAccordion .task-info > div {
    border-right: none;
  }
}
/*  Modal switcher */
#modalSwitcher {
  display: none;
  position: fixed;
  z-index: 9999999999999;
}

#modalSwitcher #modalSwitcherTrigger {
  display: block;
  position: fixed;
  z-index: 1;
  top: 10px;
  left: 5px;
  cursor: pointer;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#modalSwitcher #modalSwitcherTrigger .modal-switcher-counter {
  display: block;
  width: 24px;
  height: 24px;
  background: #fff;
  color: #5598a6;
  font-size: 14px;
  line-height: 23px;
  font-weight: bold !important;
  text-align: center;
  border-radius: 50%;
}

#modalSwitcher #modalSwitcherTrigger.active .modal-switcher-counter {
  display: none;
}

#modalSwitcher #modalSwitcherTrigger.active:after {
  content: "\f00d";
  display: block;
  width: 50px;
  height: 50px;
  background: transparent;
  color: #ea6f52;
  font-size: 36px;
  line-height: 48px;
  font-family: FontAwesome;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

#modalSwitcher #modalSwitcherTrigger.active:hover:after {
  background: #EA6F52;
  color: #fff;
}

#modalSwitcher #modalSwitcherTrigger:not(.active):hover:after {
  content: "\f0c9";
  display: block;
  width: 24px;
  height: 24px;
  background: #8dc96b;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-family: FontAwesome;
  text-align: center;
  border-radius: 50%;
}

#modalSwitcher #modalSwitcherTrigger:hover .modal-switcher-counter {
  display: none;
}

#modalSwitcher #modalSwitcherList {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 40px;
  text-align: center;
}

body.modal-switcher-open > .modal {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: all 0.25s;
  cursor: pointer;
}

body.modal-switcher-open > .modal .modal-header:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.modal-switcher-open > .modal:hover .modal-header:after {
  background: rgba(255, 255, 255, 0.1);
}

body.modal-switcher-open > .modal:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
}

body.modal-switcher-open #modalSwitcherTrigger {
  display: none !important;
}

.links a {
  font-size: 14px;
  text-decoration: underline;
}
.links a:hover {
  text-decoration: none;
}

.links li {
  list-style: none;
}

.links-box hr,
.links-box h4 {
  display: none;
}

.links-box a {
  color: #FF6097;
  display: block;
  margin: 0 10px 5px 0;
  padding: 5px 10px;
  border: 1px solid transparent;
}

.links-box a:hover {
  background: #f1f1f1;
  color: #008AE6;
}

.links-box a:before {
  content: "\f08e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  margin-right: 5px;
  line-height: 1;
  color: #FF6097;
  -webkit-font-smoothing: antialiased;
}

.links-box a:hover::before {
  color: #008AE6;
}

.modal-body div[role=tabpanel]:not(.tab-pane) > .links-box {
  float: left;
  clear: left;
  width: 25%;
  margin-left: -15px;
  padding: 10px 0 10px 10px;
  padding-top: 20px;
}

.modal-body div[role=tabpanel]:not(.tab-pane) > .links-box hr,
.modal-body div[role=tabpanel]:not(.tab-pane) > .links-box h4 {
  display: block;
}

.modal-body div[role=tabpanel]:not(.tab-pane) > .links-box a {
  display: block;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .modal-body div[role=tabpanel]:not(.tab-pane) > .links-box {
    float: none;
    width: 100%;
  }
}

#prilivages #permissions-list > .col-sm-24, #panelFieldClaims #panel-field-claims-list > .col-sm-24 #prilivages #permissions-list > .sub-group,
#panelFieldClaims #panel-field-claims-list > .sub-group {
    padding: 0 !important;
}

#prilivages .group.row, #panelFieldClaims .group.row, #warehouseDocuments .group.row {
    margin-bottom: 10px;
}

#prilivages #permissions-toolbar label[for=checkAll], #panelFieldClaims #panel-field-claims-toolbar label[for=checkAll] {
  top: 6px;
}

#prilivages label:before, #panelFieldClaims label:before, #warehouseDocuments label:before {
    top: 3px;
}

#prilivages .sub-group, #panelFieldClaims .sub-group, #warehouseDocuments .sub-group {
    margin-bottom: 15px;
}

#prilivages .sub-group li:first-child, #panelFieldClaims .sub-group li:first-child, #warehouseDocuments .sub-group li:first-child {
  margin-left: 0;
  display: block;
  margin-bottom: -11px;
  background: #f1f1f1;
  padding: 5px 10px 6px;
  border: 1px solid #ddd;
  margin-right: 0;
}

#panelFieldClaims .sub-group li:first-child > span:last-child > label {
    margin-left: 30px;
}

#prilivages .sub-group li:first-child label, #panelFieldClaims .sub-group li:first-child label, #warehouseDocuments .sub-group li:first-child label {
  font-weight: bold;
}

#prilivages .sub-group li, #panelFieldClaims .sub-group li, #warehouseDocuments .sub-group li {
  position: relative;
}

#prilivages .sub-group li:first-child label, #panelFieldClaims .sub-group li:first-child label, #warehouseDocuments .sub-group li:first-child label {
  display: block;
  margin-bottom: 0;
}

#prilivages .sub-group:before, #panelFieldClaims .sub-group:before, #warehouseDocuments .sub-group:before {
  content: "";
  position: absolute;
  display: block;
  left: 10px;
  top: 0;
  height: calc(100% - 36px);
  width: 1px;
  background: #ddd;
}

#permissions-list .sub-group:before, #panel-field-claims-list .sub-group:before {
  height: calc(100% - 25px);
}

#prilivages .sub-group > li:before, #panelFieldClaims .sub-group > li:before, #warehouseDocuments .sub-group > li:before {
    content: "";
    position: absolute;
    display: block;
    left: -20px;
    top: 10px;
    height: 1px;
    width: 15px;
    background: #ddd;
}

#prilivages .sub-group li:first-child:before, #panelFieldClaims .sub-group li:first-child:before, #warehouseDocuments .sub-group li:first-child:before {
    display: none;
}

#prilivages h4, #panelFieldClaims h4, #warehouseDocuments h4  {
  font-size: 20px;
  cursor: pointer;
}

#prilivages .group h4:hover i, #panelFieldClaims .group h4:hover i,
#prilivages .group.toggled h4 i, #panelFieldClaims .group.toggled h4 i,
#warehouseDocuments .group h4:hover i, #warehouseDocuments .group.toggled h4 i {
    color: #8dc96b;
}

#prilivages h4 i, #panelFieldClaims h4 i, #warehouseDocuments h4 i {
  font-size: 14px;
  position: relative;
  top: -2px;
  color: #888;
}

#prilivages .group.toggled h4 i:before, #panelFieldClaims .group.toggled h4 i:before, #warehouseDocuments .group.toggled h4 i:before {
    content: "\f0fe";
}

#prilivages .group.toggled div:not(.col-sm-24):not(.header), #panelFieldClaims .group.toggled div:not(.col-sm-24):not(.header),
#warehouseDocuments .group.toggled div:not(.header) {
    display: none;
}

#prilivages .sub-group label, #panelFieldClaims .sub-group label, #warehouseDocuments .sub-group label {
    height: auto;
}

#permissions-toolbar i.fa-search, #panel-field-claims-toolbar i.fa-search {
  position: absolute;
  right: 20px;
  top: 10px;
}

@media screen and (min-width: 1200px) {
  #prilivages .sep, #panelFieldClaims .sep {
    display: none;
  }
  #prilivages .sub-group:not(.hidden):nth-child(3n) + div.sep, #panelFieldClaims .sub-group:not(.hidden):nth-child(3n) + div.sep {
    display: block;
    clear: both;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #prilivages .sep, #panelFieldClaims .sep {
    display: none;
  }
  #prilivages .sub-group:not(.hidden):nth-of-type(4n) + div.sep, #panelFieldClaims .sub-group:not(.hidden):nth-of-type(4n) + div.sep {
    display: block;
    clear: both;
  }
}
@media screen and (max-width: 991px) {
  #prilivages .sep, #panelFieldClaims .sep {
    display: none;
  }
#prilivages .sub-group:not(.hidden), #panelFieldClaims .sub-group:not(.hidden), #warehouseDocuments .sub-group:not(.hidden) {
    clear: both;
}
}
#unitConverter legend {
  margin-bottom: 10px;
}

#unitConverter table {
  margin-bottom: 15px;
}

#unitConverter table tr th:nth-child(2) {
  width: 200px;
}

#unitConverter table tr td:nth-child(3) {
  padding-right: 10px !important;
}

#unitConverter table tr td .bootstrap-select,
#unitConverter table tr td input,
#unitConverterContent table tr td input {
  width: 100%;
}

#unitConverter table tr th:nth-child(3) {
  width: 66px;
}

#unitConverter table tr:hover td,
#unitConverterContent table tr:hover td {
  background: #fff;
}

#unitConverter table.grid tbody tr td:first-of-type,
#unitConverterContent table.grid > tbody > tr > td:first-child {
  padding-left: 0px !important;
}

#unitConverter .field-validation-error {
  margin-left: 0;
  width: 80%;
  margin-bottom: 5px !important;
}

#unitConverterContent .aside > div {
  margin-bottom: 15px;
  display: inline-block;
}

#unitConverterContent table tbody td {
  vertical-align: middle;
}

@media screen and (min-width: 992px) {
  #unitConverterContent .aside {
    position: relative;
  }
  #unitConverterContent .aside:after {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    right: 10px;
    width: 1px;
    height: calc(100% + 30px);
    background: #ddd;
  }
  #unitConverterContent .aside > div {
    display: block;
  }
}
/* Custom animations */
@-webkit-keyframes showGridActions {
  0% {
    -webkit-transform: translate3d(-15%, 0, 0);
    opacity: 0;
    transform: translate3d(-15%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes showGridActions {
  0% {
    -webkit-transform: translate3d(-15%, 0, 0);
    opacity: 0;
    transform: translate3d(-15%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -10%, 0);
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translate3d(0, -10%, 0);
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translate3d(0, 10%, 0);
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-transform: translate3d(0, 10%, 0);
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes blink {
  30% {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blinkerOk {
  50% {
    background: #adde92;
  }
}
@keyframes blinkerError {
  50% {
    background: #FBDEDC;
  }
}
.mainLoad .toolbar {
  z-index: 99999 !important;
}

#toolbar-buttons li,
.toolbar .actions fieldset {
  font-size: 14px;
}

.toolbar .actions > * {
  display: inline-block;
}

.toolbar .actions {
  margin-right: 0;
}

.toolbar .actions menu,
.toolbar#gantt-area {
  text-align: left;
}

#toolbar-buttons {
  font-size: 0;
  margin-left: -3px;
}

#toolbar-buttons menu {
  display: inline-block;
}

#toolbar-buttons menu.MultiSelect {
  display: none;
}

#toolbar-buttons ul {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 5px;
}

#toolbar-buttons li {
  display: inline-block;
  position: relative;
  margin-right: -2px;
}

#toolbar-buttons li:last-child {
  margin-right: 0;
}

#toolbar-buttons .button {
  user-select: none;
  font-weight: normal !important;
}

#toolbar-buttons .button:before {
  display: inline-block;
  position: relative;
  top: -1px;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 7px;
  font-size: 100%;
  color: #fff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#toolbar-buttons .button.add:before {
  content: "\f067";
  top: 0;
}

#toolbar-buttons .button.export:before {
  content: "\f093" !important;
}

#toolbar-buttons .button.toggle-filter:before {
  content: "\f0b0";
}

#toolbar-buttons .button.more:before {
  content: "\f142";
  top: 0;
}

#toolbar-buttons .button.label:before {
  content: "\f0f6";
  top: 0;
}

#toolbar-buttons .button.settings:before {
  content: "\f013";
  top: 0;
}

#toolbar-buttons .button.print:before {
  content: "\f02f";
}

#toolbar-buttons .button.remove:before {
  content: "\f014" !important;
}

#toolbar-buttons menu menu {
  position: absolute;
  display: none;
  right: 0;
  margin-top: 0;
  padding-top: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: none;
  border: none;
}

#toolbar-buttons menu menu:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 12px !important;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

#toolbar-buttons menu menu li {
  margin-bottom: -2px;
}

#toolbar-buttons menu menu li:last-child {
  margin-bottom: 0;
}

#toolbar-buttons menu li label {
  margin-bottom: 0;
  padding-right: 20px;
}

#toolbar-buttons menu li.hasSubmenu.active label,
.filters-visible #toolbar-buttons menu li .toggle-filter {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.filters-visible #toolbar-buttons menu li .toggle-filter i {
  color: #fff !important;
}

#toolbar-buttons menu li.hasSubmenu label:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 15px;
  right: 10px;
  line-height: 0;
}

#toolbar-buttons menu li.hasSubmenu.active label:after {
  content: "\f106";
}

#toolbar-buttons menu li.hasSubmenu.active menu {
  display: block;
}

#toolbar-buttons menu menu li a {
  display: block;
  border: 2px solid #fff;
  padding: 6px 15px;
  height: auto;
  white-space: nowrap;
}

#toolbar-buttons menu menu li a:before {
  display: none !important;
}

#toolbar-buttons menu.group label:after {
  color: #fff;
}

#toolbar-buttons menu menu li {
  display: block;
  width: 100%;
  background: #5598a6;
}

.purple-theme #toolbar-buttons menu menu li {
  background: #95659f;
}

.roseate-theme #toolbar-buttons menu menu li {
  background: #c75f86;
}

.ganttChart .toolbar .actions > a:last-child {
  margin-right: 0;
}

#toolbar-buttons.only-icons {
  position: relative;
  top: -1px;
}

#toolbar-buttons.only-icons > menu > ul > li > .button {
  font-size: 0;
}

#toolbar-buttons.only-icons > menu > ul > li > .button:before {
  font-size: 14px;
  margin-right: 0;
  width: 20px;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .toolbar .actions > fieldset {
    min-width: 200px;
    margin-bottom: 10px;
  }
  .toolbar .actions > #toolbar-buttons {
    margin-bottom: 10px;
  }
  .toolbar#gantt-area .gantt-actions {
    text-align: left;
  }
  .toolbar#gantt-area .actions {
    text-align: right;
  }
  .toolbar#gantt-area {
    background: #5698a6;
  }
}
.filter-gantt .quickSearchBox {
  min-width: 100px;
}

#productionStagesExpandableList .currentResult .resultRadioButton {
  padding: 10px;
}

.toggle-subitem {
  cursor: pointer;
}

body.gantt-chart-view > .menu-toggle {
  display: none;
}
body.gantt-chart-view > header .options li.menu-toggle {
  background: transparent;
  color: #F5F5F5;
}
body.gantt-chart-view > header .options li.menu-toggle i {
  border-left: none;
}
body.gantt-chart-view > header li.menu-toggle img {
  height: 24px;
}
body.gantt-chart-view > header li.menu-toggle.active img {
  display: none;
}

.input-flex-container {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
}

div.attribute.collapse:not(.in) * {
  display: none;
}

.ellipsis-overflow-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ralations-browser-tree strong {
  word-break: break-all;
}

.d-cost {
  white-space: nowrap;
}
.d-cost span {
  display: inline-block;
  width: 45%;
  color: #000;
}
.d-cost span:first-child {
  text-align: right;
}

/* Poprawka widocznosci kontrolek dx */
.dx-overlay-wrapper {
  z-index: 9999999999 !important;
}

.col-sm-16 .uploaded-file {
  width: 80%;
}

.col-sm-18 .uploaded-file {
  width: 80%;
}

@media (max-width: 767px) {
  .col-sm-18 .uploaded-file {
    width: 95%;
  }
}
.uploaded-file {
  height: 34px;
  display: flex;
}
.uploaded-file .uploaded-file-information {
  height: 100%;
  float: left;
  border: 1px solid #bbb;
  border-right: 0;
  padding-right: 5px;
  padding-left: 10px;
  color: #64696c;
  font-weight: 400;
  flex: auto;
  position: relative;
  display: flex;
  align-items: center;
  cursor: default;
}
.uploaded-file .uploaded-file-information a:not([href]):hover {
  color: inherit;
}
.uploaded-file .uploaded-file-information img.thumbnail {
  width: 32px;
  height: 32px;
  margin: 0;
}
.uploaded-file .uploaded-file-information .uploaded-no-file {
  color: #999999;
}
.uploaded-file .uploaded-file-information .remove {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  font-size: 0;
  cursor: pointer;
  opacity: 0.9;
  width: 30px;
  height: 31px;
  background: url(/Content/Images/times.png) center center no-repeat;
  background-size: 14px 14px;
}
.uploaded-file .uploaded-file-input {
  height: 100%;
  float: left;
}
.uploaded-file .uploaded-file-input label {
  width: 100%;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #bbb;
  cursor: pointer;
}
.uploaded-file .uploaded-file-input label:hover {
  border: 1px solid #2A8FD3;
}
.uploaded-file .uploaded-file-input input {
  display: none;
}
.uploaded-file .uploaded-file-input small {
  display: none;
}
.uploaded-file .uploaded-file-input.cantEdit {
  border-right: solid 1px #bbb;
}

.modal-dialog-privacy-policy {
  width: auto;
  margin: 10px;
}

.modal-header-privacy-policy h3.modal-title-privacy-policy {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 22px;
  font-weight: bold;
  color: #000000;
}

.modal-footer-privacy-policy {
  padding: 5px 15px;
  border-top: 1px solid #e5e5e5;
}
.modal-footer-privacy-policy .row > div + div {
  text-align: right;
}
.modal-footer-privacy-policy .required-sign {
  color: #CC3300;
  font-size: 18px;
}

#privacy_policy button.close {
  color: #444444;
  margin-right: 10px;
}
#privacy_policy button.close:hover, #privacy_policy button.close:focus, #privacy_policy button.close:active {
  color: #000000;
  opacity: 0.9;
}
#privacy_policy .modal-body-privacy-policy {
  max-height: calc(100vh - 212px);
  overflow-y: auto;
  position: relative;
  padding: 15px;
}
#privacy_policy .modal-body-privacy-policy p, #privacy_policy .modal-body-privacy-policy li {
  line-height: 1.4;
}
#privacy_policy .modal-body-privacy-policy li {
  margin-bottom: 10px;
}
#privacy_policy .modal-body-privacy-policy li:last-child {
  margin-bottom: 0px;
}
#privacy_policy .btn {
  text-transform: uppercase;
  font-weight: bold;
}
#privacy_policy .checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  text-indent: 0;
  margin-top: 0px;
}
#privacy_policy .radio,
#privacy_policy .checkbox {
  padding-left: 25px;
  position: relative;
  display: block;
}
#privacy_policy .radio input,
#privacy_policy .checkbox input {
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: -25px;
}
#privacy_policy .radio input:checked + label::before,
#privacy_policy .checkbox input:checked + label::before {
  border-color: #000000;
}
#privacy_policy .radio input:checked + label::after,
#privacy_policy .checkbox input:checked + label::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: 2px;
  top: 4px;
  margin-left: -25px;
  border: 1px solid #000000;
  border-radius: 50%;
  background-color: #000000;
}
#privacy_policy .radio label,
#privacy_policy .checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  color: #222222;
  padding-top: 2px;
}
#privacy_policy .radio label::before,
#privacy_policy .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
  margin-left: -25px;
  border: 1px solid #444444;
  border-radius: 50%;
  background-color: #fff;
}
#privacy_policy .radio.disabled label,
#privacy_policy .checkbox.disabled label {
  color: #ccc;
}
#privacy_policy .radio.disabled label::before,
#privacy_policy .checkbox.disabled label::before {
  opacity: 0.54;
  border-color: #ccc;
}
#privacy_policy .checkbox input:checked + label::before {
  border-color: #000000;
  background-color: #000000;
}
#privacy_policy .checkbox input:checked + label::after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 14px;
  color: #fff;
  top: 0;
  left: 1px;
  border-color: transparent;
  background-color: transparent;
}
#privacy_policy .checkbox label::before {
  border-radius: 1px;
}

@media (max-width: 576px) and (orientation: portrait) {
  .modal-footer-privacy-policy .btn {
    display: block;
    margin-left: 0 !important;
    margin-right: 0;
    width: 100%;
  }
  .modal-footer-privacy-policy .btn + .btn {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .modal-dialog-privacy-policy {
    width: 600px;
    margin: 30px auto;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .modal-dialog-privacy-policy {
    width: 800px;
  }
}
@media (min-width: 1600px) {
  .modal-dialog-privacy-policy {
    width: 1000px;
  }
}
.icon-picker-container .icon-picker-selected-icon-container {
  width: fit-content;
}
.icon-picker-container .icon-picker-bubble {
  display: none;
  margin: 12px 0;
  position: fixed;
  width: 208px;
  padding: 10px 8px 8px 8px;
  border: 1px solid #bbb;
  border-radius: 3px;
  background-color: #fff;
  z-index: 9999999999;
}
.icon-picker-container .icon-picker-bubble .icon-picker-icon {
  font-size: 24px;
  cursor: pointer;
}
.icon-picker-container .icon-picker-bubble .no-icon {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
}

.col-sm-16 .hyperlink-container {
  width: 80%;
}

.col-sm-18 .hyperlink-container {
  width: 80%;
}

@media (max-width: 767px) {
  .col-sm-18 .hyperlink-container {
    width: 95%;
  }
}
.hyperlink-container {
  height: 34px;
  display: flex;
  position: relative;
}
.hyperlink-container .hyperlink-input {
  width: 100%;
}
.hyperlink-container .hyperlink-link {
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  margin: 1px;
  background-color: white;
  padding: 6px;
  padding-left: 10px;
  text-decoration: revert;
  color: revert;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}
.hyperlink-container .hyperlink-buttons {
  position: absolute;
  font-size: 20px;
  right: 0px;
  color: #2A8FD3;
  padding: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin: 1px;
  height: calc(100% - 2px);
  cursor: pointer;
  user-select: none;
  background-color: white;
}
.hyperlink-container .hyperlink-cancel-button {
  color: #CC3300;
}

.hyperlink-cell {
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

/*TEN ZAPIS NIGDY NIE POWINIEN ISTNIEĆ (ZA TO SIĘ IDZIE DO PROGRAMISTYCZNEGO WIĘZIENIA) - fixuje zbyt długie inputy datetime*/
.row .col-sm-18 .date-wrapper {
  width: 80%;
}

.modal-footer-placeholder .dropdown-menu {
  z-index: 1000000000;
}

.calendar-week {
  color: #3d81b2;
  margin-left: auto;
  margin-right: auto;
}

.calendar-week-cell {
  background-color: #f4f4f4;
  text-align: center;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  pointer-events: none;
}

.loginSummary {
  font-size: 95%;
}

.loginSummary a:link {
  color: #000000;
}

table.grid tbody tr > td.editable {
  position: relative;
  padding: 5px 15px 2px 2px !important;
  min-width: 180px;
}
table.grid tbody tr > td.editable:before {
  content: "\f040";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #999;
  font-size: 13px;
  position: absolute;
  top: 2px;
  right: 3px;
}

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