/*-------------------------
    Variables
--------------------------*/
/*-------------------------
    Variables
--------------------------*/
/*-------------------------
    Global Loader
--------------------------*/
html:not(.ismobile) .global-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }
  html:not(.ismobile) .global-loader .layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.7; }
  html:not(.ismobile) .global-loader .preloader {
    width: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -55px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  html:not(.ismobile) .global-loader p {
    white-space: nowrap;
    position: relative;
    top: 50%;
    color: #CCC;
    width: 100%;
    text-align: center; }

html.ismobile .global-loader {
  display: none; }

/*-------------------------
    Utility classes
--------------------------*/
body.menu-collapsed #sidebar {
  -webkit-transform: translate3d(-288px, 0, 0);
  transform: translate3d(-288px, 0, 0);
  box-shadow: 0 0 20px rgba(14, 18, 21, 0.38); }

body.menu-collapsed #header .hi-trigger {
  display: inline-block !important; }

body.menu-collapsed #sidebar.toggled {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

body.menu-collapsed #content {
  padding-left: 15px; }

.modal-backdrop {
  z-index: 100; }

.search-cursor {
  cursor: pointer; }

.pointer-cursor {
  cursor: pointer; }

.btn-no-shadow {
  box-shadow: 0 0px 0px !important; }

.hover {
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -ms-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s; }

.hover:hover {
  background-color: #ebebeb !important; }

.animated-fast {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

.card-header-inverse {
  background-color: #000000; }
  .card-header-inverse h2 {
    color: #FFFFFF; }

/*-------------------------
    Buttons
--------------------------*/
.btn-float.m-btn {
  z-index: 10; }
  .btn-float.m-btn.position-1 {
    bottom: 100px; }

/*-------------------------
    Tables
--------------------------*/
.table-hover > tbody > tr .btn-link {
  color: #2196F3;
  padding: 0; }

.table-hover > tbody > tr:hover {
  background-color: #ebebeb; }

.table-hover > tbody > tr.selected {
  background-color: #000000;
  color: white; }
  .table-hover > tbody > tr.selected .grid-cell-container > a[data-toggle="popover"] {
    color: white; }
  .table-hover > tbody > tr.selected .grid-cell-container select {
    color: #c1c1c1; }
  .table-hover > tbody > tr.selected .grid-cell-container .edit-text-cell {
    background-color: #c1c1c1; }

.table-hover > tbody > tr.selected:hover {
  background-color: black; }

.result-summary {
  margin: 30px; }

.grid-cell-container .radio, .grid-cell-container .checkbox {
  margin-top: 0px;
  margin-bottom: 0px; }

.grid-cell-container .bootstrap-datetimepicker-widget {
  white-space: initial; }

/*-------------------------
    Forms
--------------------------*/
.form .form-group .toggle-switch {
  margin-top: 9px; }
  .form .form-group .toggle-switch .ts-label {
    margin: 0px 0px 0px 10px; }

.form .form-group .multi-link {
  padding: 0px 20px; }

.form .fg-line.flex {
  display: flex; }

.form .fg-line.editable-text {
  color: red; }

.form .input-icon-container {
  border-bottom: 1px solid #f0f0f0;
  font-size: 20px;
  color: #AAAAAA; }

.form .has-error label {
  color: #FF3E63; }

/*-------------------------
    Grids
--------------------------*/
.grid-scroll-horizontal {
  overflow-x: auto;
  width: 100%;
  display: block; }
  .grid-scroll-horizontal.nowrap {
    white-space: nowrap; }

.table-hover > tbody > tr.level-0.expanded {
  background-color: #e2e2e2;
  border-left: solid 3px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-0:nth-of-type(odd) {
  background-color: #f9f9f9;
  border-left: solid 0px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-0:nth-of-type(odd).expanded {
    background-color: #e2e2e2;
    border-left: solid 3px #000000; }

.table-hover > tbody > tr.level-0:hover {
  background-color: #ebebeb;
  border-left: solid 0px #000000; }
  .table-hover > tbody > tr.level-0:hover.expanded {
    background-color: #dedede;
    border-left: solid 3px #000000; }

.table-hover > tbody > tr.level-0.selected:hover {
  background-color: black;
  border-left: solid 0px #000000; }

.table-hover > tbody > tr.level-0.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-0 > td:first-child {
  padding-left: 30px; }

.table-hover > tbody > tr.level-1 {
  background-color: #ececec;
  border-left: solid 3px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-1.expanded {
    background-color: #d6d6d6;
    border-left: solid 6px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-1:nth-of-type(odd) {
  background-color: #ececec;
  border-left: solid 3px #000000;
  background-color: #ececec;
  border-left: solid 3px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-1:nth-of-type(odd).expanded {
    background-color: #d6d6d6;
    border-left: solid 6px #000000; }

.table-hover > tbody > tr.level-1:hover {
  background-color: #dedede;
  border-left: solid 3px #000000; }
  .table-hover > tbody > tr.level-1:hover.expanded {
    background-color: #d2d2d2;
    border-left: solid 6px #000000; }

.table-hover > tbody > tr.level-1.selected:hover {
  background-color: black;
  border-left: solid 3px #000000; }

.table-hover > tbody > tr.level-1.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-1 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-2 {
  background-color: #e0e0e0;
  border-left: solid 6px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-2.expanded {
    background-color: #c9c9c9;
    border-left: solid 9px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-2:nth-of-type(odd) {
  background-color: #e0e0e0;
  border-left: solid 6px #000000;
  background-color: #e0e0e0;
  border-left: solid 6px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-2:nth-of-type(odd).expanded {
    background-color: #c9c9c9;
    border-left: solid 9px #000000; }

.table-hover > tbody > tr.level-2:hover {
  background-color: #d2d2d2;
  border-left: solid 6px #000000; }
  .table-hover > tbody > tr.level-2:hover.expanded {
    background-color: #c5c5c5;
    border-left: solid 9px #000000; }

.table-hover > tbody > tr.level-2.selected:hover {
  background-color: black;
  border-left: solid 6px #000000; }

.table-hover > tbody > tr.level-2.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-2 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-3 {
  background-color: lightgray;
  border-left: solid 9px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-3.expanded {
    background-color: #bcbcbc;
    border-left: solid 12px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-3:nth-of-type(odd) {
  background-color: lightgray;
  border-left: solid 9px #000000;
  background-color: lightgray;
  border-left: solid 9px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-3:nth-of-type(odd).expanded {
    background-color: #bcbcbc;
    border-left: solid 12px #000000; }

.table-hover > tbody > tr.level-3:hover {
  background-color: #c5c5c5;
  border-left: solid 9px #000000; }
  .table-hover > tbody > tr.level-3:hover.expanded {
    background-color: #b8b8b8;
    border-left: solid 12px #000000; }

.table-hover > tbody > tr.level-3.selected:hover {
  background-color: black;
  border-left: solid 9px #000000; }

.table-hover > tbody > tr.level-3.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-3 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-4 {
  background-color: #c6c6c6;
  border-left: solid 12px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-4.expanded {
    background-color: #afafaf;
    border-left: solid 15px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-4:nth-of-type(odd) {
  background-color: #c6c6c6;
  border-left: solid 12px #000000;
  background-color: #c6c6c6;
  border-left: solid 12px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-4:nth-of-type(odd).expanded {
    background-color: #afafaf;
    border-left: solid 15px #000000; }

.table-hover > tbody > tr.level-4:hover {
  background-color: #b8b8b8;
  border-left: solid 12px #000000; }
  .table-hover > tbody > tr.level-4:hover.expanded {
    background-color: #ababab;
    border-left: solid 15px #000000; }

.table-hover > tbody > tr.level-4.selected:hover {
  background-color: black;
  border-left: solid 12px #000000; }

.table-hover > tbody > tr.level-4.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-4 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-5 {
  background-color: #b9b9b9;
  border-left: solid 15px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-5.expanded {
    background-color: #a3a3a3;
    border-left: solid 18px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-5:nth-of-type(odd) {
  background-color: #b9b9b9;
  border-left: solid 15px #000000;
  background-color: #b9b9b9;
  border-left: solid 15px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-5:nth-of-type(odd).expanded {
    background-color: #a3a3a3;
    border-left: solid 18px #000000; }

.table-hover > tbody > tr.level-5:hover {
  background-color: #ababab;
  border-left: solid 15px #000000; }
  .table-hover > tbody > tr.level-5:hover.expanded {
    background-color: #9f9f9f;
    border-left: solid 18px #000000; }

.table-hover > tbody > tr.level-5.selected:hover {
  background-color: black;
  border-left: solid 15px #000000; }

.table-hover > tbody > tr.level-5.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-5 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-6 {
  background-color: #adadad;
  border-left: solid 18px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-6.expanded {
    background-color: #969696;
    border-left: solid 21px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-6:nth-of-type(odd) {
  background-color: #adadad;
  border-left: solid 18px #000000;
  background-color: #adadad;
  border-left: solid 18px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-6:nth-of-type(odd).expanded {
    background-color: #969696;
    border-left: solid 21px #000000; }

.table-hover > tbody > tr.level-6:hover {
  background-color: #9f9f9f;
  border-left: solid 18px #000000; }
  .table-hover > tbody > tr.level-6:hover.expanded {
    background-color: #929292;
    border-left: solid 21px #000000; }

.table-hover > tbody > tr.level-6.selected:hover {
  background-color: black;
  border-left: solid 18px #000000; }

.table-hover > tbody > tr.level-6.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-6 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-7 {
  background-color: #a0a0a0;
  border-left: solid 21px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-7.expanded {
    background-color: #898989;
    border-left: solid 24px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-7:nth-of-type(odd) {
  background-color: #a0a0a0;
  border-left: solid 21px #000000;
  background-color: #a0a0a0;
  border-left: solid 21px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-7:nth-of-type(odd).expanded {
    background-color: #898989;
    border-left: solid 24px #000000; }

.table-hover > tbody > tr.level-7:hover {
  background-color: #929292;
  border-left: solid 21px #000000; }
  .table-hover > tbody > tr.level-7:hover.expanded {
    background-color: #858585;
    border-left: solid 24px #000000; }

.table-hover > tbody > tr.level-7.selected:hover {
  background-color: black;
  border-left: solid 21px #000000; }

.table-hover > tbody > tr.level-7.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-7 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-8 {
  background-color: #939393;
  border-left: solid 24px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-8.expanded {
    background-color: #7c7c7c;
    border-left: solid 27px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-8:nth-of-type(odd) {
  background-color: #939393;
  border-left: solid 24px #000000;
  background-color: #939393;
  border-left: solid 24px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-8:nth-of-type(odd).expanded {
    background-color: #7c7c7c;
    border-left: solid 27px #000000; }

.table-hover > tbody > tr.level-8:hover {
  background-color: #858585;
  border-left: solid 24px #000000; }
  .table-hover > tbody > tr.level-8:hover.expanded {
    background-color: #787878;
    border-left: solid 27px #000000; }

.table-hover > tbody > tr.level-8.selected:hover {
  background-color: black;
  border-left: solid 24px #000000; }

.table-hover > tbody > tr.level-8.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-8 > td:first-child {
  padding-left: 50px; }

.table-hover > tbody > tr.level-9 {
  background-color: #868686;
  border-left: solid 27px #000000;
  border-bottom: 1px solid lightgray;
  border-bottom-width: thin; }
  .table-hover > tbody > tr.level-9.expanded {
    background-color: #707070;
    border-left: solid 30px #000000; }

.table-hover > tbody > tr:hover, .table-striped > tbody > tr.level-9:nth-of-type(odd) {
  background-color: #868686;
  border-left: solid 27px #000000;
  background-color: #868686;
  border-left: solid 27px #000000; }
  .table-hover > tbody > tr:hover.expanded, .table-striped > tbody > tr.level-9:nth-of-type(odd).expanded {
    background-color: #707070;
    border-left: solid 30px #000000; }

.table-hover > tbody > tr.level-9:hover {
  background-color: #787878;
  border-left: solid 27px #000000; }
  .table-hover > tbody > tr.level-9:hover.expanded {
    background-color: #6c6c6c;
    border-left: solid 30px #000000; }

.table-hover > tbody > tr.level-9.selected:hover {
  background-color: black;
  border-left: solid 27px #000000; }

.table-hover > tbody > tr.level-9.selected {
  background-color: black !important;
  color: white; }

.table-hover > tbody > tr.level-9 > td:first-child {
  padding-left: 50px; }

.table > tbody > tr.selected .c-black {
  color: white !important; }

.grid .table {
  border-radius: 3px 0px 0px 0px; }
  .grid .table thead tr th:first-child {
    border-radius: 3px 0px 0px 0px; }
  .grid .table thead tr th:last-child {
    border-radius: 0px 3px 0px 0px; }
  .grid .table thead tr th {
    white-space: nowrap; }
    .grid .table thead tr th .search-dialog {
      white-space: pre-wrap; }

.grid .table > thead > tr > th:last-child {
  padding-right: 15px; }

.grid .table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
  padding-bottom: 15px; }

.grid .table.table-condensed > tbody > tr:last-child > td, .table.table-condensed > tfoot > tr:last-child > td {
  padding-bottom: 10px; }

tr.collapsible {
  -webkit-transition: transform 0.25s;
  -moz-transition: transform 0.25s;
  -ms-transition: transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0); }
  tr.collapsible .collapsed {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  tr.collapsible .expanded {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

.quick-search-container {
  float: right;
  width: 40%; }
  .quick-search-container .quick-search {
    border: solid 1px #efefef;
    padding: 5px;
    margin: 10px; }
    .quick-search-container .quick-search .quick-search-input-container {
      margin-right: 20px;
      margin-left: 20px; }
      .quick-search-container .quick-search .quick-search-input-container input {
        border: 0px;
        width: 100%;
        height: 100%;
        font-weight: 500; }
    .quick-search-container .quick-search i.zmdi {
      font-size: 20px; }

.search-filters {
  padding: 10px 10px 0px 10px;
  display: inline-block; }
  .search-filters button {
    margin-bottom: 5px; }

.modal.fade.in {
  background: rgba(128, 128, 128, 0.5); }

.modal .quick-search {
  margin-right: 0px !important; }

@media (max-width: 767px) {
  .quick-search-container {
    width: 100%; } }

.grid-actions {
  width: 1%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  position: relative; }
  .grid-actions .grid-actions-container {
    white-space: nowrap;
    position: absolute;
    right: 7px;
    margin-top: -2px; }
    .grid-actions .grid-actions-container a.grid-action {
      display: inline-block;
      color: #5E5E5E;
      width: 25px;
      height: 25px;
      border-radius: 2px;
      font-size: 18px;
      text-align: center; }
    .grid-actions .grid-actions-container a.grid-action:hover {
      background-color: #d2d2d2; }

.edit-text-cell.error {
  border: 1px solid red; }

.edit-text-cell .form-control {
  margin: 0px;
  border: 0px;
  padding: 0px;
  height: 18px;
  min-width: 50px; }

.grid-progress-cell .progress {
  height: 18px;
  min-width: 80px;
  background-color: #DDDDDD; }

.grid-icon-cell {
  padding-right: 0px !important; }

.image-cell {
  text-align: center; }
  .image-cell img {
    border-radius: 50%; }
  .image-cell h6 {
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: 400; }

/*-------------------------
    Select2
--------------------------*/
.select2-selection,
.select2-selection--multiple,
.select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
  border: 0px;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0px; }
  .select2-selection .select2-search__field,
  .select2-selection--multiple .select2-search__field,
  .select2-selection--single .select2-search__field,
  .select2-container--default .select2-selection--multiple .select2-search__field,
  .select2-container--default .select2-selection--single .select2-search__field,
  .select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field,
  .select2-container--default.select2-container--focus .select2-selection--single .select2-search__field {
    margin-top: 8px; }
  .select2-selection .select2-selection__rendered,
  .select2-selection--multiple .select2-selection__rendered,
  .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
    padding-left: 0px; }

.select2-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-top: 1px;
  border: 0;
  top: 0;
  border-radius: 2px; }

/*-------------------------
    Lookup
--------------------------*/
.lookup {
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  margin-bottom: 3px; }
  .lookup .lookup-header {
    background-color: #FFFFFF;
    height: 30px;
    padding-left: 7px;
    cursor: pointer; }
    .lookup .lookup-header .placeholder {
      color: #AEAEAE; }
    .lookup .lookup-header .actions {
      position: absolute;
      right: 0px;
      top: 2px; }
  .lookup .lookup-header-search {
    height: 50px; }
    .lookup .lookup-header-search .quick-search-container {
      float: none;
      width: 100%; }
  .lookup .lookup-body-multi {
    max-height: 300px;
    overflow-y: auto; }
  .lookup .lookup-header:hover {
    background-color: #ebebeb; }
  .lookup table {
    /*
    thead {
      th {
        background-color: #FFFFFF;
      }
    }

    td {
      background-color: #fafafa;
    }

    tr:first-child td {
      border-top: 0px;
    }

    tr:hover td {
      background-color: #f0f0f0;
    }
    */ }
    .lookup table th.actions, .lookup table td.actions {
      width: 1%;
      padding: 0px;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      .lookup table th.actions .action, .lookup table td.actions .action {
        position: absolute;
        bottom: 3px; }
  .lookup .lookup-current-value {
    margin-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-top: 5px; }

/*-------------------------
    input-file
--------------------------*/
.input-file {
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
  cursor: pointer;
  height: 30px;
  position: relative;
  overflow: hidden; }
  .input-file .input-file-name {
    padding-left: 7px;
    padding-top: 6px;
    display: block; }
  .input-file .placeholder {
    color: #AEAEAE;
    padding-left: 7px;
    padding-top: 6px;
    display: block;
    cursor: pointer; }
  .input-file input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }

.input-file:hover {
  background-color: #ebebeb; }

/*-------------------------
    input-image
--------------------------*/
.input-image {
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden; }
  .input-image .img-responsive {
    border-radius: 0px; }
  .input-image .input-image-container {
    position: relative;
    display: block; }
    .input-image .input-image-container .actions {
      position: absolute;
      top: 5px;
      right: 5px; }
  .input-image input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }

/*-------------------------
    profile-box
--------------------------*/
.s-profile {
  position: relative; }
  .s-profile .cover {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 129px;
    position: absolute; }
  .s-profile .sp-pic {
    position: relative; }

/*-------------------------
    forms areas
--------------------------*/
.area-no-card {
  position: relative; }
  .area-no-card .area-no-card-header .actions {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 4; }
  .area-no-card .area-no-card-header h2 {
    margin: 0;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 24px 30px;
    color: #777; }
  .area-no-card .area-no-card-body {
    margin-left: -15px;
    margin-right: -15px; }

.actions .dropdown > a {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  padding-top: 5px; }
  .actions .dropdown > a i {
    font-size: 20px;
    color: #adadad; }
    .actions .dropdown > a i:hover {
      color: black; }

/*-------------------------
    Select form control
--------------------------*/
.bootstrap-select-container .fg-line {
  margin-top: -3px; }

.has-error .bootstrap-select .btn-default {
  border-color: #FF3E63 !important; }

/*-------------------------
    Toggle switch inverse
--------------------------*/
.toggle-switch.toggle-switch-inverse:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: #6FFFCD; }

.toggle-switch.toggle-switch-inverse .ts-helper {
  background-color: #95989A;
  -webkit-transition: background-color 0.28s;
  transition: background-color 0.28s;
  vertical-align: middle;
  cursor: pointer; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background-color: #F4F4F4; }

.form-group .toggle-switch .ts-label {
  color: #9d9d9d; }

/*-------------------------
    form spacer
--------------------------*/
.form-spacer-control {
  height: 60px; }

/*-------------------------
    color picker
--------------------------*/
.cp-container input.cp-value {
  color: #000 !important;
  background: 0 0 !important; }

/*************************
** Standard select
******************-*****/
.select:before {
  background-color: transparent !important; }

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

.edit-text-cell {
  background-color: rgba(193, 193, 193, 0.52);
  max-width: 100px;
  height: 25px;
  padding: 3px 10px; }
  .edit-text-cell.width-initial {
    max-width: initial; }
  .edit-text-cell.readonly {
    background-color: #eeeeee;
    opacity: 1; }

/*************************
** Popover
******************-*****/
.grid-cell-container > a[data-toggle="popover"] i {
  font-size: 18px; }

.popover-content {
  color: #5E5E5E; }
  .popover-content table {
    font-size: 12px; }
    .popover-content table th, .popover-content table td {
      padding: 5px !important; }

textarea.form-control {
  border-left: 1px solid #f0f0f0 !important;
  border-top: 1px solid #f0f0f0 !important;
  border-right: 1px solid #f0f0f0 !important;
  padding: 5px !important; }

.br-t {
  border-top: 1px solid #f0f0f0; }

.lcb-navigation a[data-ma-block="#l-forget-password"]:hover {
  width: 190px; }

/*-------------------------
    general
--------------------------*/
body {
  background-color: #EAEAEA; }

.tab-nav {
  box-shadow: inset 0 -2px 0 0 #dddddd; }

.card .tab-nav {
  box-shadow: inset 0 -2px 0 0 #eee; }

.session-company {
  padding-top: 9px; }

.s-profile > a .sp-pic > img {
  border-color: #000000; }

.img-center {
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

/*-------------------------
    loader
--------------------------*/
.unobtrusive-loader {
  position: fixed;
  z-index: 1000;
  top: 20px;
  left: 20px; }

.page-loader {
  z-index: 1000; }

.global-loader {
  z-index: 99999 !important; }

/*-------------------------
    characteristics
--------------------------*/
.characteristic .card-header {
  padding: 20px 30px; }
  .characteristic .card-header h2 {
    font-size: 16px;
    font-weight: 400; }
  .characteristic .card-header input.editing {
    font-size: 16px;
    font-weight: 400;
    color: #000000; }

.characteristic .card-body {
  min-height: 5px; }

.characteristic .options-list {
  max-height: 150px;
  overflow: auto; }

.characteristic .characteristic-option .actions {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 4; }

.characteristic .characteristic-option:hover .actions {
  display: block; }

.characteristic.bgm-black .ch-alt {
  background-color: black !important; }

.characteristic.bgm-black input.editing {
  color: white; }

/*-------------------------
    configurables
--------------------------*/
.configurables .configurable img.configurable-image {
  height: 80px;
  width: 80px;
  float: left; }

.configurables .configurable .configurable-body {
  margin-left: 80px;
  height: 80px;
  padding: 5px;
  overflow: hidden; }
  .configurables .configurable .configurable-body .configurable-title {
    font-size: 16px;
    margin-bottom: 4px;
    color: #191919;
    font-weight: normal; }
  .configurables .configurable .configurable-body .configurable-caption {
    font-size: 12px;
    color: #626262; }
  .configurables .configurable .configurable-body .configurable-description {
    font-size: 14px;
    color: #777777; }

.configurables .configurable .actions {
  position: absolute;
  top: 5px;
  right: 0px; }

/*-------------------------
expandable card
---------------------------*/
.expandable-card .card {
  margin-bottom: 10px; }
  .expandable-card .card .card-header {
    background-color: #000000;
    color: grey; }
    .expandable-card .card .card-header h2 {
      color: #FFFFFF; }
    .expandable-card .card .card-header small a {
      color: #AEAEAE; }
    .expandable-card .card .card-header a.expand-button:link, .expandable-card .card .card-header a.expand-button:visited {
      display: inline-block;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 30px;
      color: black;
      background-color: #95989A;
      height: 20px;
      width: 20px;
      border-radius: 10px;
      text-align: center;
      font-size: 22px;
      line-height: 20px;
      -webkit-transition: transform 500ms, background-color 500ms;
      -moz-transition: transform 500ms, background-color 500ms;
      -ms-transition: transform 500ms, background-color 500ms;
      -o-transition: transform 500ms, background-color 500ms;
      transition: transform 500ms;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    .expandable-card .card .card-header a.expand-button:hover {
      background-color: #ebebeb; }
  .expandable-card .card .expandable-card-more {
    text-align: center;
    padding: 15px;
    font-size: 14px;
    border-top: solid 1px #f0f0f0; }

.expandable-card.expanded .card-header a.expand-button:link, .expandable-card.expanded .card-header a.expand-button:visited, .expandable-card.expanded .card-header a.expand-button:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: white; }

.expandable-card.collapsed .card .card-header {
  border-radius: 2px; }

/*-------------------------
characteristics values
-------------------------*/
.characteristics-values-selector, .cover-characteristics-selector {
  padding: 15px;
  padding-top: 25px;
  background-color: #000000;
  color: #888888; }
  .characteristics-values-selector h4, .cover-characteristics-selector h4 {
    font-size: 14px;
    padding-left: 15px;
    color: #d2d2d2;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px; }
  .characteristics-values-selector .btn-default, .cover-characteristics-selector .btn-default {
    color: #d1cac4;
    border-bottom-color: #292929 !important; }
  .characteristics-values-selector .bootstrap-select > .btn-default:before, .cover-characteristics-selector .bootstrap-select > .btn-default:before {
    background-color: inherit; }

.part-designer-body-content .characteristics-values-selector, .part-configurator-body .characteristics-values-selector {
  padding-top: 0px;
  margin-top: -30px; }

/*-------------------------
description filter
-------------------------*/
.description-filter {
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #000000;
  color: #888888; }
  .description-filter .fg-line:not([class*=has-]):after {
    background: #d1cac4; }
  .description-filter input.form-control {
    color: #d1cac4;
    border-color: #292929 !important; }

/*-------------------------
    components designer
--------------------------*/
.components-designer .component-designer .by-article-selector {
  margin-bottom: 0px;
  padding-bottom: 15px; }

.components-designer .component-designer .default-article {
  float: right;
  font-size: 12px;
  color: black;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
  background-color: gray;
  margin-top: 10px;
  margin-right: 10px;
  text-align: center; }
  .components-designer .component-designer .default-article.success {
    background-color: #6FFFCD; }

.components-designer .component-designer.expanded .default-article {
  margin-right: 160px; }

.components-designer .set-quantities-button {
  position: absolute;
  right: 75px;
  top: 35px; }

.components-designer .component-designer-articles {
  padding-top: 0px;
  background-color: white; }
  .components-designer .component-designer-articles .spacer {
    height: 10px; }
  .components-designer .component-designer-articles .star {
    margin-left: 15px; }
  .components-designer .component-designer-articles .star.default {
    color: #6FFFCD !important; }
  .components-designer .component-designer-articles tr > td .zmdi.zmdi-close {
    -webkit-transition: transform 250ms;
    -moz-transition: transform 250ms;
    -ms-transition: transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .components-designer .component-designer-articles .excluded {
    text-decoration: line-through; }
    .components-designer .component-designer-articles .excluded td {
      color: #999999 !important; }
    .components-designer .component-designer-articles .excluded .zmdi.zmdi-close {
      -webkit-transform: rotate(225deg);
      -moz-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      -o-transform: rotate(225deg);
      transform: rotate(225deg); }

.components-designer .component-designer-actions {
  background-color: #F4F4F4;
  text-align: right;
  padding: 10px; }

.components-designer .component-designer-title {
  line-height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: white; }
  .components-designer .component-designer-title input {
    margin: 0;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: white; }

.components-designer .fg-line.component-designer-title:after {
  background-color: #FFFFFF; }

/*-------------------------
    parts designer
--------------------------*/
.parts-designer .by-article-selector {
  margin-bottom: 0px;
  padding-bottom: 15px; }

.parts-designer .part-designer-characteristics {
  padding: 15px;
  padding-top: 25px;
  background-color: #000000;
  color: #888888; }
  .parts-designer .part-designer-characteristics .btn-default {
    color: #d1cac4;
    border-bottom-color: #292929 !important; }
  .parts-designer .part-designer-characteristics .bootstrap-select > .btn-default:before {
    background-color: inherit; }

.parts-designer .default-article {
  float: right;
  font-size: 12px;
  color: black;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
  background-color: gray;
  margin-top: -7px;
  margin-right: 40px;
  text-align: center; }
  .parts-designer .default-article.success {
    background-color: #26DF9E; }

.parts-designer.expanded .default-article {
  margin-right: 190px; }

.parts-designer .set-quantities-button {
  position: absolute;
  right: 75px;
  top: 20px; }

.parts-designer .part-designer-articles {
  padding-top: 0px;
  background-color: white; }
  .parts-designer .part-designer-articles .spacer {
    height: 10px; }
  .parts-designer .part-designer-articles .star {
    margin-left: 15px; }
  .parts-designer .part-designer-articles .star.default {
    color: #6FFFCD !important; }
  .parts-designer .part-designer-articles tr > td .zmdi.zmdi-close {
    -webkit-transition: transform 250ms;
    -moz-transition: transform 250ms;
    -ms-transition: transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .parts-designer .part-designer-articles .excluded {
    text-decoration: line-through; }
    .parts-designer .part-designer-articles .excluded td {
      color: #999999 !important; }
    .parts-designer .part-designer-articles .excluded .zmdi.zmdi-close {
      -webkit-transform: rotate(225deg);
      -moz-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      -o-transform: rotate(225deg);
      transform: rotate(225deg); }

.parts-designer .part-designer-actions {
  background-color: #F4F4F4;
  text-align: right;
  padding: 10px; }

.parts-designer .part-designer-title {
  line-height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: white; }
  .parts-designer .part-designer-title input {
    margin: 0;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: white; }

.parts-designer .fg-line.part-designer-title:after {
  background-color: #FFFFFF; }

/*-------------------------
    cover-options designer
--------------------------*/
.cover-options-designer .cover-option-designer .set-quantities-button {
  position: absolute;
  right: 250px;
  top: 35px; }

.cover-options-designer .cover-option-designer .by-article-selector {
  margin-bottom: 0px;
  padding-bottom: 15px; }

.cover-options-designer .cover-option-designer .cover-option-title {
  margin-right: 180px; }

.cover-options-designer .cover-option-designer .cover-option-designer-characteristics {
  padding: 15px;
  padding-top: 25px;
  background-color: #000000;
  color: #888888; }
  .cover-options-designer .cover-option-designer .cover-option-designer-characteristics .btn-default {
    color: #d1cac4;
    border-bottom-color: #292929 !important; }
  .cover-options-designer .cover-option-designer .cover-option-designer-characteristics .bootstrap-select > .btn-default:before {
    background-color: inherit; }

.cover-options-designer .cover-option-designer .cover-option-designer-body-content {
  overflow: hidden; }

.cover-options-designer .cover-option-designer-articles-container {
  min-height: 500px;
  background-color: white; }
  .cover-options-designer .cover-option-designer-articles-container .block-header {
    padding: 0px !important; }
    .cover-options-designer .cover-option-designer-articles-container .block-header h2 {
      color: #191919; }

.cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container {
  padding-left: 15px;
  background-color: white;
  border-right: 1px solid lightgray; }
  .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li :first-child {
    margin-top: 0px; }
  .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type {
    border-bottom: 1px solid lightgray; }
    .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type.expanded .quick-search-container {
      display: block; }
    .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type:hover {
      color: black;
      background-color: white; }
    .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type .quick-search-container {
      display: none;
      float: none;
      width: 100%; }
      .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type .quick-search-container .quick-search {
        margin: 0;
        margin-top: 10px; }
  .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .cover-articles-container, .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .colors-container {
    background-color: #F4F4F4; }
    .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .cover-articles-container li, .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .colors-container li {
      border-bottom: 1px solid lightgray;
      margin-left: 15px; }
      .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .cover-articles-container li a i, .cover-options-designer .cover-option-designer-body-content .expandable-card-nav-container .colors-container li a i {
        font-size: 18px;
        margin-right: 10px; }

.cover-options-designer .cover-option-designer-articles {
  padding-top: 0px;
  background-color: white; }
  .cover-options-designer .cover-option-designer-articles .spacer {
    height: 10px; }
  .cover-options-designer .cover-option-designer-articles .star {
    margin-left: 15px; }
  .cover-options-designer .cover-option-designer-articles .star.default {
    color: #6FFFCD !important; }
  .cover-options-designer .cover-option-designer-articles tr > td .zmdi.zmdi-close {
    -webkit-transition: transform 250ms;
    -moz-transition: transform 250ms;
    -ms-transition: transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .cover-options-designer .cover-option-designer-articles .excluded {
    text-decoration: line-through; }
    .cover-options-designer .cover-option-designer-articles .excluded td {
      color: #999999 !important; }
    .cover-options-designer .cover-option-designer-articles .excluded .zmdi.zmdi-close {
      -webkit-transform: rotate(225deg);
      -moz-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      -o-transform: rotate(225deg);
      transform: rotate(225deg); }

.cover-options-designer .cover-option-designer-actions {
  background-color: #F4F4F4;
  text-align: right;
  padding: 10px;
  border-top: solid 1px #DDDDDD; }

.cover-options-designer .cover-option-designer-title {
  line-height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: white; }
  .cover-options-designer .cover-option-designer-title input {
    margin: 0;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: white; }

.cover-options-designer .fg-line.cover-option-designer-title:after {
  background-color: #FFFFFF; }

.expandable-card-nav-container-cover-type span.totals {
  float: right;
  font-size: 12px;
  color: black;
  padding: 2px;
  border-radius: 20px;
  background-color: #ccc;
  margin-right: 20px;
  width: 50px;
  text-align: center; }
  .expandable-card-nav-container-cover-type span.totals.medium {
    background-color: #FFCE00; }
  .expandable-card-nav-container-cover-type span.totals.complete {
    background-color: #26DF9E; }

/*-------------------------
    compositions designer
--------------------------*/
.designer-composition.computed {
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s; }

.designer-composition.computed:hover {
  opacity: 1;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s; }

/*-------------------------
    phases designer
--------------------------*/
.phases-designer .phase-designer .phase-time {
  float: right;
  font-size: 12px;
  color: black;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
  background-color: gray;
  margin-top: -7px;
  margin-right: 10px;
  text-align: center; }

.phases-designer .phase-designer .by-article-selector {
  margin-bottom: 0px;
  padding-bottom: 15px; }

.phases-designer .phase-designer .phase-designer-characteristics {
  padding: 15px;
  background-color: #000000;
  color: #888888; }
  .phases-designer .phase-designer .phase-designer-characteristics .btn-default {
    color: #d1cac4;
    border-bottom-color: #292929 !important; }
  .phases-designer .phase-designer .phase-designer-characteristics .bootstrap-select > .btn-default:before {
    background-color: inherit; }

.phases-designer .phase-designer .phase-designer-body-content {
  overflow: hidden; }

.phases-designer .phase-designer .phase-designer-components .block-header {
  padding: 25px;
  margin-bottom: 0px; }
  .phases-designer .phase-designer .phase-designer-components .block-header .actions {
    margin-top: 15px; }

.phases-designer .phase-designer .phase-designer-components .list-group-item {
  padding-left: 35px; }

.phases-designer .phase-designer.expanded a.expand-button:link, .phases-designer .phase-designer.expanded a.expand-button:visited, .phases-designer .phase-designer.expanded a.expand-button:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: white; }

.phases-designer .phase-designer.collapsed .card .card-header {
  border-radius: 2px; }

.phases-designer .phase-designer-input input {
  margin: 0;
  color: white;
  border-bottom-color: #292929 !important; }

.phases-designer .phase-designer-input .fg-line:after {
  background-color: #FFFFFF; }

.phases-designer .phase-designer-actions {
  background-color: #F4F4F4;
  text-align: right;
  padding: 10px;
  border-top: solid 1px #DDDDDD; }

/***************** 
COVER OPTION ARTICLES 
******************/
.cover-option-articles-container .modal-body .list-group-item {
  padding: 5px 30px; }

.cover-option-articles {
  padding-left: 30px;
  padding-right: 30px; }
  .cover-option-articles .card-header-inverse {
    color: #FFFFFF; }
    .cover-option-articles .card-header-inverse button.btn.dropdown-toggle {
      color: #FFFFFF; }
  .cover-option-articles .cover-option-articles-articles-container {
    min-height: 500px;
    background-color: white;
    border-radius: 0px 3px 3px 0px; }
    .cover-option-articles .cover-option-articles-articles-container .block-header {
      padding: 0px !important; }
      .cover-option-articles .cover-option-articles-articles-container .block-header h2 {
        color: #191919; }
  .cover-option-articles .cover-option-cover-articles-container {
    min-height: 500px;
    background-color: lightgray; }
    .cover-option-articles .cover-option-cover-articles-container .block-header {
      padding: 0px !important; }
      .cover-option-articles .cover-option-cover-articles-container .block-header h2 {
        color: #191919; }
  .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container {
    padding-left: 0px;
    background-color: white;
    border-right: 1px solid lightgray; }
    .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li :first-child {
      margin-top: 0px; }
    .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type {
      border-bottom: 1px solid lightgray; }
      .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type.expanded .quick-search-container {
        display: block; }
      .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type:hover {
        color: black;
        background-color: white; }
      .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type .quick-search-container {
        display: none;
        float: none;
        width: 100%; }
        .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .expandable-card-nav-container-cover-type > li a.cover-type .quick-search-container .quick-search {
          margin: 0;
          margin-top: 10px; }
    .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .cover-articles-container, .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .colors-container {
      background-color: #F4F4F4; }
      .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .cover-articles-container li, .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .colors-container li {
        border-bottom: 1px solid lightgray;
        margin-left: 15px; }
        .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .cover-articles-container li a i, .cover-option-articles .cover-option-articles-body-content .expandable-card-nav-container .colors-container li a i {
          font-size: 18px;
          margin-right: 10px; }
  .cover-option-articles .cover-option-articles-articles {
    padding-top: 0px;
    background-color: white; }
    .cover-option-articles .cover-option-articles-articles .spacer {
      height: 10px; }
    .cover-option-articles .cover-option-articles-articles .star {
      margin-left: 15px; }
    .cover-option-articles .cover-option-articles-articles .star.default {
      color: #6FFFCD !important; }
    .cover-option-articles .cover-option-articles-articles tr > td .zmdi.zmdi-close {
      -webkit-transition: transform 250ms;
      -moz-transition: transform 250ms;
      -ms-transition: transform 250ms;
      -o-transition: transform 250ms;
      transition: transform 250ms;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
  .cover-option-articles .cover-option-articles-title {
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: white; }
    .cover-option-articles .cover-option-articles-title input {
      margin: 0;
      line-height: 100%;
      font-size: 16px;
      font-weight: 400;
      color: white; }
  .cover-option-articles .fg-line.cover-option-articles-title:after {
    background-color: #FFFFFF; }

/**
BOM
*/
h2.bom-header {
  background-color: #F4F4F4;
  font-size: 16px;
  font-weight: 400;
  padding: 30px; }

div.bom-compare h3.title {
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 0px; }

div.bom-compare h4.subtitle {
  margin-top: 0px;
  margin-bottom: 0px; }

div.bom-compare h4.bom-header {
  margin-top: 25px;
  font-size: 14px; }

div.bom-compare div.firstBom, div.bom-compare div.secondBom {
  width: 50%;
  display: inline-table;
  padding: 10px; }
  div.bom-compare div.firstBom table, div.bom-compare div.secondBom table {
    background-color: #FFFFFF; }

div.bom-compare div.firstBom {
  border-right: 1px rgba(0, 0, 0, 0.1) solid; }

.export-bom-overlapped table tbody tr {
  background-color: white; }
  .export-bom-overlapped table tbody tr td {
    padding: 8px 15px; }

/***********************************

      LAYERS

***********************************/
.overlapped {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  background-color: #DDDDDD;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); }
  .overlapped .overlapped-body {
    position: relative;
    margin-bottom: 30px; }
    .overlapped .overlapped-body .overlapped-header {
      clear: both;
      border-top: solid 1px #dddddd;
      background-color: #eeeeee;
      text-align: left;
      padding: 15px;
      position: fixed;
      width: 100%;
      height: 75px;
      border-radius: 5px 5px 0px 0px;
      z-index: 3; }
      .overlapped .overlapped-body .overlapped-header h4 {
        margin-top: 0px; }
    .overlapped .overlapped-body > .actions {
      clear: both;
      border-top: solid 1px #dddddd;
      background-color: #eeeeee;
      text-align: right;
      padding: 15px;
      position: fixed;
      bottom: 10px;
      width: 100%;
      height: 60px;
      border-radius: 0px 0px 5px 5px; }
      .overlapped .overlapped-body > .actions .info {
        float: left;
        text-align: left; }
        .overlapped .overlapped-body > .actions .info h4, .overlapped .overlapped-body > .actions .info h5 {
          margin-top: 0;
          margin-bottom: 5px; }

/**************
* SELECTABLE ARTICLES
***************/
.selectable-articles table tr.selected td {
  background-color: #6FFFCD;
  color: #191919;
  font-weight: bold; }

/******************
 * DOCUMENTS
 *****************/
.document-items-container {
  overflow-x: visible; }

.document-extra {
  margin-top: 15px; }

.document-status {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 500;
  margin-left: 10px; }

.document-status-status {
  font-size: 16px;
  font-weight: bold; }

/******************
 * CONFIGURATOR
 *****************/
.accessory-configurator {
  position: relative; }
  .accessory-configurator .card-header {
    background-color: #000000; }
    .accessory-configurator .card-header h2 {
      color: #FFFFFF; }
  .accessory-configurator .accessory-title {
    margin-right: 50px; }
  .accessory-configurator .accessory-toggle-switch {
    position: absolute;
    right: 20px;
    top: 18px; }
    .accessory-configurator .accessory-toggle-switch .zmdi {
      color: #FFFFFF;
      font-size: 24px;
      padding-top: 5px; }

.cover-option-configurator .cover-option-toggle-switch {
  position: absolute;
  right: 80px;
  top: 18px; }
  .cover-option-configurator .cover-option-toggle-switch .zmdi {
    color: #FFFFFF;
    font-size: 24px;
    padding-top: 5px; }

.cover-option-configurator-body h4 {
  font-size: 14px;
  margin: 0px;
  padding: 15px;
  background-color: #EAEAEA; }

.component-configurator .selected-article, .part-configurator .selected-article {
  float: right;
  font-size: 12px;
  color: black;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
  background-color: #6FFFCD;
  margin-top: -6px;
  margin-right: 40px;
  text-align: center; }

/*Loading plans */
.loading-plan-dialog .modal .modal-content {
  width: 1200px !important; }

.loading-plan-dialog .modal-dialog {
  width: 1200px !important; }

/**
  * WORKING PLANS
  */
.production-items-dialog .modal .modal-content {
  border-radius: 4px 4px 2px 2px; }

.stock-analysis-filters,
.articles-dialog-filters,
.production-items-dialog-filters {
  padding: 15px;
  background-color: #333333;
  border-radius: 2px 2px 0px 0px;
  color: #e6e6e6; }
  .stock-analysis-filters h2,
  .articles-dialog-filters h2,
  .production-items-dialog-filters h2 {
    padding: 15px;
    margin: 0px;
    margin-bottom: 20px;
    color: #e6e6e6;
    font-size: 16px; }
  .stock-analysis-filters .form-control,
  .articles-dialog-filters .form-control,
  .production-items-dialog-filters .form-control {
    border-bottom: solid 1px #424242;
    color: #e6e6e6; }
  .stock-analysis-filters label,
  .articles-dialog-filters label,
  .production-items-dialog-filters label {
    color: #9d9d9d; }
  .stock-analysis-filters .bootstrap-select > .dropdown-toggle.bs-placeholder,
  .stock-analysis-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
  .stock-analysis-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
  .stock-analysis-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
  .articles-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder,
  .articles-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
  .articles-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
  .articles-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
  .production-items-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder,
  .production-items-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
  .production-items-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
  .production-items-dialog-filters .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999; }
  .stock-analysis-filters .bootstrap-select,
  .articles-dialog-filters .bootstrap-select,
  .production-items-dialog-filters .bootstrap-select {
    border-bottom: 0px; }
    .stock-analysis-filters .bootstrap-select button.btn-default,
    .articles-dialog-filters .bootstrap-select button.btn-default,
    .production-items-dialog-filters .bootstrap-select button.btn-default {
      border-bottom: solid 1px #424242 !important;
      color: #e6e6e6; }
  .stock-analysis-filters .fg-line:not([class*=has-]):after,
  .articles-dialog-filters .fg-line:not([class*=has-]):after,
  .production-items-dialog-filters .fg-line:not([class*=has-]):after {
    background: white; }
  .stock-analysis-filters .select2-container--default .select2-selection--single,
  .articles-dialog-filters .select2-container--default .select2-selection--single,
  .production-items-dialog-filters .select2-container--default .select2-selection--single {
    background-color: #333333; }
    .stock-analysis-filters .select2-container--default .select2-selection--single .select2-selection__rendered,
    .articles-dialog-filters .select2-container--default .select2-selection--single .select2-selection__rendered,
    .production-items-dialog-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #e6e6e6; }
  .stock-analysis-filters .input-group-addon,
  .articles-dialog-filters .input-group-addon,
  .production-items-dialog-filters .input-group-addon {
    color: #9d9d9d; }

.working-plan-extra {
  margin-top: 15px; }

.working-plan-status {
  font-size: 16px;
  margin-bottom: 0px; }

.working-plan-status-status {
  font-size: 16px;
  font-weight: bold; }

/**
 * Utilities
 */
.no-padding-top-bottom {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.v-middle {
  vertical-align: middle !important; }

/**
 * Commands palette
 */
.commands-palette-container {
  position: relative;
  padding: 1px; }

.commands-palette {
  position: absolute;
  width: 100%;
  background-color: #333;
  border-radius: 3px;
  z-index: 3;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65); }
  .commands-palette .commands-palette-input-container {
    padding: 3px; }
  .commands-palette .commands-palette-input {
    border: 0px;
    width: 100%;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px; }
  .commands-palette ul.commands-palette-popup {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 0px; }
    .commands-palette ul.commands-palette-popup li {
      margin: 0px;
      padding: 0px;
      border-bottom: solid 1px #777777;
      font-size: 14px; }
      .commands-palette ul.commands-palette-popup li a:link, .commands-palette ul.commands-palette-popup li a:visited, .commands-palette ul.commands-palette-popup li a:hover {
        padding: 10px 5px 10px 5px;
        display: block;
        color: #AAAAAA; }
      .commands-palette ul.commands-palette-popup li a.selected {
        background-color: #666;
        color: #EEEEEE; }
    .commands-palette ul.commands-palette-popup li:last-child {
      border-radius: 0px 0px 3px 3px; }
  .commands-palette .commands-palette-description-match {
    font-weight: bold;
    color: #EAEAEA; }

.command-view .btn {
  padding: 0px 5px 0px 5px;
  box-shadow: none;
  font-weight: 500; }

.command-view .btn-warning {
  background-color: #FFA81C; }

.command-view .btn-success {
  background-color: #43d4a1; }

.condition {
  font-size: 16px; }
  .condition .command-view {
    color: #000000;
    font-size: 16px; }
    .condition .command-view .btn {
      font-size: 14px; }

.new-condition a:link, .new-condition a:visited {
  color: #777777;
  font-size: 16px; }

.rule-action {
  color: #191919; }

.new-action a:link, .new-action a:visited {
  color: #777777; }

/** RULES DESIGNER */
.rules-designer .rule.list-group-item {
  padding: 15px 20px 15px 30px; }

.rules-designer .rule.list-group-item:hover {
  background-color: #ebebeb; }

.rules-designer .rule.list-group-item {
  position: relative; }
  .rules-designer .rule.list-group-item .actions {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 18px;
    display: none; }

.rules-designer .rule.list-group-item:hover .actions {
  display: block; }

.rules-designer .rule.list-group-item:hover .rule-ordinator {
  display: block; }

.rules-designer ul.rule-actions {
  list-style-type: none; }

.rules-designer .rules-search-box {
  display: block;
  float: right;
  background-color: #F4F4F4;
  border-radius: 3px;
  white-space: nowrap;
  position: relative;
  font-size: 14px;
  margin-top: -5px;
  margin-right: 15px;
  padding: 0px; }
  .rules-designer .rules-search-box .rules-search-box-content {
    padding: 2px; }
    .rules-designer .rules-search-box .rules-search-box-content input[type='text'] {
      background-color: #F4F4F4;
      border: 0px;
      font-size: 14px;
      width: 100%; }
    .rules-designer .rules-search-box .rules-search-box-content ::-webkit-input-placeholder {
      /* Chrome */
      color: #999999; }
    .rules-designer .rules-search-box .rules-search-box-content :-ms-input-placeholder {
      /* IE 10+ */
      color: #999999; }
    .rules-designer .rules-search-box .rules-search-box-content ::-moz-placeholder {
      /* Firefox 19+ */
      color: #999999;
      opacity: 1; }
    .rules-designer .rules-search-box .rules-search-box-content :-moz-placeholder {
      /* Firefox 4 - 18 */
      color: #999999;
      opacity: 1; }
    .rules-designer .rules-search-box .rules-search-box-content .zmdi.zmdi-search {
      position: absolute;
      top: 5px;
      right: 5px; }

.rules-designer .rule a.rule-insert-top:link, .rules-designer .rule a.rule-insert-top:visited {
  display: none;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  position: absolute;
  background-color: #95989A;
  text-align: center;
  top: -15px;
  left: 50%;
  margin-left: -15px;
  font-size: 18px;
  padding-top: 2px;
  color: #FFFFFF;
  z-index: 15; }

.rules-designer .rule a.rule-insert-top:hover {
  background-color: #000000; }

.rules-designer .rule .rule-ordinator {
  float: left;
  margin-top: -5px;
  display: none; }
  .rules-designer .rule .rule-ordinator a:link, .rules-designer .rule .rule-ordinator a:visited {
    display: block;
    font-size: 28px;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    line-height: 30px; }
  .rules-designer .rule .rule-ordinator a:hover {
    background-color: #b8b8b8; }

.rules-designer .rule .rule-body {
  margin-left: 40px; }

.rules-designer .rule .badge {
  border-radius: 12px;
  padding: 6px 5px;
  background: lightgray;
  float: right;
  margin-left: 20px;
  margin-top: 5px;
  font-weight: 500; }

.rules-designer .rule:hover a.rule-insert-top:link, .rules-designer .rule:hover a.rule-insert-top:hover, .rules-designer .rule:hover a.rule-insert-top:visited {
  display: block; }

.rules-designer .rules-then-icon {
  position: absolute;
  margin-top: 10px; }

.customers-groups-actions {
  background-color: #F4F4F4;
  text-align: right;
  padding: 10px; }

.expandable-card-nav-container {
  height: 100%;
  position: static;
  background-color: #F4F4F4;
  overflow: auto; }

@media (min-width: 768px) {
  .expandable-card-nav-container {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-right: 0px;
    background-color: #F4F4F4;
    overflow: auto; } }

.expandable-card-nav ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  .expandable-card-nav ul li a:link, .expandable-card-nav ul li a:visited {
    display: block;
    color: #191919;
    font-size: 14px;
    padding: 10px;
    padding-left: 15px;
    font-weight: 400; }
    .expandable-card-nav ul li a:link .zmdi-caret-right, .expandable-card-nav ul li a:visited .zmdi-caret-right {
      font-size: 16px;
      margin-right: 5px;
      -webkit-transition: transform 500ms, background-color 500ms;
      -moz-transition: transform 500ms, background-color 500ms;
      -ms-transition: transform 500ms, background-color 500ms;
      -o-transition: transform 500ms, background-color 500ms;
      transition: transform 500ms;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
  .expandable-card-nav ul li a.expanded .zmdi-caret-right {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  .expandable-card-nav ul li a:hover {
    background-color: #000000;
    color: #FFFFFF; }
  .expandable-card-nav ul li ul li {
    position: relative; }
    .expandable-card-nav ul li ul li a:link, .expandable-card-nav ul li ul li a:visited {
      display: block;
      color: #191919;
      font-size: 12px;
      padding: 7px;
      padding-left: 35px; }
    .expandable-card-nav ul li ul li a:hover {
      background-color: #000000;
      color: #FFFFFF; }
    .expandable-card-nav ul li ul li .copy-button {
      color: #FFFFFF;
      position: absolute;
      top: 6px;
      right: 7px;
      cursor: pointer;
      display: none; }
  .expandable-card-nav ul li ul li.selected a:link, .expandable-card-nav ul li ul li.selected a:visited, .expandable-card-nav ul li ul li.selected a:hover {
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold; }
  .expandable-card-nav ul li ul li.selected .copy-button {
    display: block; }
  .expandable-card-nav ul li:first-child {
    margin-top: 5px; }
  .expandable-card-nav ul li:last-child {
    margin-bottom: 5px; }
  .expandable-card-nav ul li.selected a:link, .expandable-card-nav ul li.selected a:visited, .expandable-card-nav ul li.selected a:hover {
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold; }

.catalog-model-with-configurables .configurables-total-number {
  float: right;
  font-size: 16px;
  color: black;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 20px;
  background-color: gray;
  margin-top: -7px;
  margin-right: 20px;
  width: 88px;
  text-align: center; }
  .catalog-model-with-configurables .configurables-total-number.medium {
    background-color: #FFCE00; }
  .catalog-model-with-configurables .configurables-total-number.complete {
    background-color: #26DF9E; }

.catalog-model-with-configurables .dropdown {
  float: right;
  margin-right: 40px;
  margin-top: -15px; }
  .catalog-model-with-configurables .dropdown .dropdown-toggle {
    background-color: black;
    font-size: 25px;
    color: gray; }
  .catalog-model-with-configurables .dropdown .dropdown-menu li > a {
    padding: 5px 20px; }

.catalog-model-with-configurables .exclude-model-button {
  float: right;
  margin-right: 40px;
  margin-top: -7px; }

.catalog-model-with-configurables .catalog-model-with-configurables-nav-configurable .configurable-item {
  padding-left: 10px; }
  .catalog-model-with-configurables .catalog-model-with-configurables-nav-configurable .configurable-item i.has-price {
    font-size: 18px;
    margin-right: 10px; }

.catalog-models-dialog table tr.text-deleted {
  text-decoration: line-through; }

.catalog-model-with-configurables-body {
  min-height: 350px;
  overflow: hidden;
  padding-left: 0px; }
  .catalog-model-with-configurables-body .block-header h2 {
    padding: 5px 0px; }
  .catalog-model-with-configurables-body .block-header .actions {
    margin-right: 15px; }
    .catalog-model-with-configurables-body .block-header .actions li > a > i {
      font-size: 18px; }
  .catalog-model-with-configurables-body .catalog-configurable-body-header {
    padding: 15px;
    padding-top: 30px;
    font-size: 16px;
    text-transform: uppercase; }

.overflow-hidden {
  overflow: hidden; }

.catalog-price-column {
  width: 180px; }

.accessories-designer-accessory > .card > .card-header,
.accessory-configurator > .card-header {
  height: 68px;
  overflow: hidden;
  position: relative; }
  .accessories-designer-accessory > .card > .card-header.available,
  .accessory-configurator > .card-header.available {
    background-color: #6FFFCD; }
    .accessories-designer-accessory > .card > .card-header.available h2,
    .accessory-configurator > .card-header.available h2 {
      color: black; }
  .accessories-designer-accessory > .card > .card-header.unavailable,
  .accessory-configurator > .card-header.unavailable {
    background-color: #999999; }
    .accessories-designer-accessory > .card > .card-header.unavailable h2,
    .accessory-configurator > .card-header.unavailable h2 {
      color: black; }

.production-items-dialog .popover-content {
  width: 700px !important; }

.popover {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.5) !important;
  z-index: 10000; }

.configurator .configurator-compositions {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px; }
  .configurator .configurator-compositions a.configurator-composition:link, .configurator .configurator-compositions a.configurator-composition:visited {
    position: relative;
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    background-color: #000000;
    text-align: center;
    border-radius: 50px;
    color: #FFFFFF;
    margin: 5px;
    transition: background-color 0.25s, color 0.25s; }
    .configurator .configurator-compositions a.configurator-composition:link .text, .configurator .configurator-compositions a.configurator-composition:visited .text {
      top: 50%;
      width: 100%;
      position: absolute;
      transform: translate(0, -50%);
      padding: 5px; }
  .configurator .configurator-compositions a.configurator-composition:hover {
    border: solid 5px #6FFFCD;
    padding-top: 35px; }
    .configurator .configurator-compositions a.configurator-composition:hover .text {
      padding: 0px; }
  .configurator .configurator-compositions a.configurator-composition.no-composition:link, .configurator .configurator-compositions a.configurator-composition.no-composition:visited, .configurator .configurator-compositions a.configurator-composition.no-composition:hover {
    background-color: #6a6765; }
  .configurator .configurator-compositions a.configurator-composition.selected:link, .configurator .configurator-compositions a.configurator-composition.selected:visited, .configurator .configurator-compositions a.configurator-composition.selected:hover {
    background-color: #6FFFCD;
    color: #000000; }

.document-row-semifinished {
  color: #4286f4; }

.document-row-note {
  color: #777777; }

.document-total-extra {
  background-color: #000000;
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
  z-index: 9;
  opacity: 0.75;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s; }
  .document-total-extra th, .document-total-extra td {
    background-color: #000000 !important;
    color: white !important;
    padding: 5px !important;
    font-size: 17px; }
    .document-total-extra th span, .document-total-extra td span {
      display: block;
      font-size: 14px; }
    .document-total-extra th.align-right, .document-total-extra td.align-right {
      text-align: right; }
  .document-total-extra th {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    font-weight: normal; }
  .document-total-extra:hover {
    opacity: 1; }

.stock-analysis-filters {
  background-color: #000000;
  padding-top: 25px; }

.disabled {
  color: lightgray; }

/* filters */
.filters-list {
  white-space: nowrap; }
  .filters-list .filter {
    margin-bottom: 5px !important; }
    .filters-list .filter .p {
      margin-bottom: 10px; }
    .filters-list .filter .btn {
      display: inline-block;
      padding: 10px 15px 10px 15px;
      box-shadow: none;
      font-weight: 500;
      margin: 0px;
      margin-right: 5px;
      width: 30%;
      text-transform: none;
      text-align: left;
      color: #e6e6e6; }
    .filters-list .filter .btn-default {
      background-color: #000000; }
    .filters-list .filter .value-control {
      display: inline-block;
      width: 64%;
      padding: 16px 10px 19px 10px;
      background-color: #F4F4F4;
      font-weight: 500;
      font-size: 13px;
      height: 38px;
      margin: 0px;
      border-radius: 2px;
      margin-right: 5px; }
    .filters-list .filter .remove {
      display: inline-block;
      width: 5%;
      text-align: center;
      padding: 10px 0px 10px 0px; }

/** QUERY BUILDER */
.visual-query-builder .visual-query-builder-block {
  background-color: white;
  border-radius: 2px;
  padding: 15px;
  padding-top: 25px;
  margin: 15px;
  margin-top: 25px;
  position: relative; }
  .visual-query-builder .visual-query-builder-block.child {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px;
    margin-bottom: 5px; }
  .visual-query-builder .visual-query-builder-block > a.remove-block:link, .visual-query-builder .visual-query-builder-block > a.remove-block:visited, .visual-query-builder .visual-query-builder-block > a.remove-block:hover {
    position: absolute;
    right: 50px;
    top: -15px;
    display: none; }
  .visual-query-builder .visual-query-builder-block .condition {
    position: absolute;
    left: 50px;
    top: -15px; }
    .visual-query-builder .visual-query-builder-block .condition .btn {
      width: 60px; }
  .visual-query-builder .visual-query-builder-block .add-filter {
    margin-top: 10px;
    display: inline-block; }
  .visual-query-builder .visual-query-builder-block.active {
    border: solid 2px #666666;
    border-radius: 0px;
    padding: 13px;
    padding-top: 23px; }
    .visual-query-builder .visual-query-builder-block.active > a.remove-block:link, .visual-query-builder .visual-query-builder-block.active > a.remove-block:visited, .visual-query-builder .visual-query-builder-block.active > a.remove-block:hover {
      display: block; }

.visual-query-builder .visual-query-builder-filters .filter {
  position: relative; }
  .visual-query-builder .visual-query-builder-filters .filter a.property:link, .visual-query-builder .visual-query-builder-filters .filter a.property:visited {
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
    font-family: monospace;
    color: black;
    margin-right: 15px;
    display: inline-block; }
  .visual-query-builder .visual-query-builder-filters .filter a.property:hover {
    color: #FF6600; }
  .visual-query-builder .visual-query-builder-filters .filter a.type:link, .visual-query-builder .visual-query-builder-filters .filter a.type:visited {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    font-family: monospace;
    color: black;
    margin-right: 15px;
    display: inline-block;
    color: #3F51B5; }
  .visual-query-builder .visual-query-builder-filters .filter a.type:hover {
    color: #FF6600; }
  .visual-query-builder .visual-query-builder-filters .filter a.remove:link, .visual-query-builder .visual-query-builder-filters .filter a.remove:visited {
    font-size: 14px;
    color: #999999;
    margin-right: 10px;
    display: inline-block; }
  .visual-query-builder .visual-query-builder-filters .filter a.remove:hover {
    color: #FF6600; }
  .visual-query-builder .visual-query-builder-filters .filter input.value {
    font-weight: 300;
    font-size: 14px;
    text-decoration: none;
    font-family: monospace;
    color: black;
    border: 0px;
    /* border-bottom: solid 2px; */
    font-family: monospace;
    font-size: 14px;
    background-color: inherit; }
    .visual-query-builder .visual-query-builder-filters .filter input.value.range {
      width: 80px;
      background-color: #F4F4F4;
      padding-left: 3px;
      padding-right: 3px; }
  .visual-query-builder .visual-query-builder-filters .filter .property-commands-palette, .visual-query-builder .visual-query-builder-filters .filter .type-commands-palette, .visual-query-builder .visual-query-builder-filters .filter .value-commands-palette {
    position: absolute;
    width: 100%;
    top: -0px; }
  .visual-query-builder .visual-query-builder-filters .filter .to-text {
    margin-left: 5px;
    margin-right: 5px;
    color: #191919;
    font-size: 12px; }

.querystring {
  font-size: 16px;
  font-weight: 400;
  font-family: monospace; }
  .querystring .querystring-query {
    font-size: 16px;
    font-weight: 400;
    border-radius: 2px 2px 0px 0px;
    background-color: #FFFFFF;
    border-bottom: 0px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    height: 40px; }
  .querystring > a {
    font-size: 16px;
    font-weight: 400; }
  .querystring .input-group-addon.last {
    border-radius: 0px 0px 2px 2px;
    background-color: #FFFFFF;
    height: 40px;
    padding-top: 7px; }
  .querystring .zmdi {
    padding-right: 0px;
    margin-right: 0px; }

.production-item-details {
  overflow-y: auto; }

.production-item-detail-article span {
  font-size: 10px; }

.production-item-detail-article button {
  display: block; }

.fixed-sidebar {
  position: fixed;
  top: 80px;
  overflow-y: scroll; }

.card.document-area .card-header {
  padding-bottom: 0; }

.production-item-grid > .parent-table-content {
  overflow-y: auto;
  overflow-x: hidden;
  width: 8195px; }

.async-operation-steps {
  background: black;
  color: white;
  padding: 10px;
  max-height: 500px;
  overflow-y: auto; }
  .async-operation-steps p {
    margin-bottom: 5px; }

.affix-table-container {
  overflow: hidden;
  box-shadow: 0px 7px 10px -8px #000000;
  z-index: 10;
  background-color: white; }

.table-fixed {
  position: relative;
  table-layout: fixed;
  word-wrap: break-word; }
  .table-fixed th, .table-fixed td {
    overflow: hidden;
    width: 100px; }

table.production-item-table {
  table-layout: fixed;
  word-wrap: break-word;
  margin-top: -38px; }
  table.production-item-table thead {
    visibility: hidden; }
  table.production-item-table th, table.production-item-table td {
    overflow: hidden;
    width: 100px; }
  table.production-item-table .low-priority {
    color: blue; }

.pre-transfer-item-detail th {
  white-space: pre !important;
  vertical-align: top !important; }

.pre-transfer-item-detail tr.complete {
  /*border-bottom: 1px solid #d3d3d382;*/ }
  .pre-transfer-item-detail tr.complete td .required-quantity {
    background-color: #8BC34A;
    font-weight: 500;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
    color: white; }
    .pre-transfer-item-detail tr.complete td .required-quantity.disabled {
      background-color: lightgray; }

.pre-transfer-item-detail tr.incomplete td .required-quantity {
  background-color: #FF5722;
  font-weight: 500;
  padding: 3px;
  text-align: center;
  border-radius: 5px;
  color: white; }

.pre-transfer-item-detail tr.destination-effective-qnt {
  text-align: center;
  font-weight: 500;
  font-size: 13px; }
  .pre-transfer-item-detail tr.destination-effective-qnt td:first-child {
    width: 265px; }

.pre-transfer-item-detail tr.quantity-to-commit {
  text-align: center;
  font-weight: 500;
  font-size: 14px; }
  .pre-transfer-item-detail tr.quantity-to-commit td:first-child {
    width: 265px; }

.pre-transfer-item-detail tr.excluded {
  color: lightgray; }
  .pre-transfer-item-detail tr.excluded .required-quantity {
    background-color: lightgray !important; }

tr.readonly td {
  color: lightgray; }
  tr.readonly td .edit-text-cell {
    background-color: #eeeeee;
    opacity: 1; }
  tr.readonly td .btn-link {
    color: lightgray; }

tr td .items-late {
  font-weight: 500;
  padding: 3px;
  text-align: center;
  border-radius: 15px;
  color: white;
  width: 40px;
  display: block; }
  tr td .items-late.green {
    background-color: #8BC34A; }
  tr td .items-late.yellow {
    background-color: #f1ca00; }
  tr td .items-late.orange {
    background-color: #FF9800; }
  tr td .items-late.red {
    background-color: #FF5722; }
  tr td .items-late.disabled {
    background-color: lightgray; }

.supply-analysis-table > thead > tr {
  border-bottom: 1px solid lightgray !important; }

.supply-analysis-table tbody > tr {
  border-left: none !important; }
  .supply-analysis-table tbody > tr.level-0 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-0.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-0.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-0.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-0:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-0:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-0:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-1 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-1.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-1.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-1.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-1:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-1:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-1:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-2 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-2.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-2.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-2.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-2:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-2:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-2:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-3 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-3.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-3.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-3.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-3:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-3:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-3:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-4 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-4.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-4.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-4.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-4:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-4:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-4:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-5 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-5.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-5.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-5.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-5:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-5:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-5:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-6 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-6.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-6.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-6.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-6:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-6:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-6:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-7 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-7.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-7.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-7.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-7:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-7:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-7:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-8 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-8.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-8.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-8.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-8:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-8:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-8:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-9 {
    background-color: #FFFFFF !important; }
    .supply-analysis-table tbody > tr.level-9.readonly {
      background-color: #d6d6d6 !important; }
      .supply-analysis-table tbody > tr.level-9.readonly td {
        color: #919191; }
        .supply-analysis-table tbody > tr.level-9.readonly td .btn.btn-link {
          color: #919191; }
    .supply-analysis-table tbody > tr.level-9:hover {
      background-color: #656565 !important; }
      .supply-analysis-table tbody > tr.level-9:hover td .grid-cell-container {
        color: #FFFFFF; }
      .supply-analysis-table tbody > tr.level-9:hover td .btn.btn-link {
        color: #FFFFFF; }
  .supply-analysis-table tbody > tr.level-0 {
    border-top: 2px solid #656565; }
    .supply-analysis-table tbody > tr.level-0:nth-of-type(1) {
      border-top: none; }
  .supply-analysis-table tbody > tr td {
    padding: 5px;
    font-size: 11.5px;
    vertical-align: middle; }
    .supply-analysis-table tbody > tr td .edit-text-cell {
      max-width: 75px; }
    .supply-analysis-table tbody > tr td select, .supply-analysis-table tbody > tr td input, .supply-analysis-table tbody > tr td a {
      font-size: 11.5px; }
    .supply-analysis-table tbody > tr td.grid-actions {
      padding-bottom: 25px; }

.supply-analysis-table > tbody > tr.level-0 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-0.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-1 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-1.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-2 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-2.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-3 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-3.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-4 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-4.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-5 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-5.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-6 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-6.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-7 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-7.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-8 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-8.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.supply-analysis-table > tbody > tr.level-9 {
  border-left: none !important; }
  .supply-analysis-table > tbody > tr.level-9.expanded {
    border-left: none !important;
    border-bottom: 1px solid lightgray; }

.m-t-60 {
  margin-top: 60px; }

.m-t-8 {
  margin-top: 8x; }

.brd-b {
  border-bottom: 1px solid; }

.brd-t {
  border-top: 1px solid; }

.brd-gray {
  border-color: lightgray; }

.fw-500 {
  font-weight: 500 !important; }

.category-items-body .block-header > h2 {
  font-weight: 500; }

.load-plan-rows-options .toggle-switch {
  white-space: nowrap; }

.load-plan-rows-in-dialog tr.selected {
  background-color: #1111FF; }

.load-plan-rows-in-dialog .grid-icon-cell-load-plan-rows-dialog {
  width: 30px;
  padding-left: 10px !important; }

.load-plan-rows-in-dialog table {
  background-color: white; }

.load-plan-rows-in-grid-root {
  font-size: 9px !important; }
  .load-plan-rows-in-grid-root a {
    font-size: 9px !important; }

.scroll-bottom-event-container {
  overflow: auto;
  height: 100%;
  position: relative; }

.m-b-60 {
  margin-bottom: 60px; }

.m-b-75 {
  margin-bottom: 75px; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-24 {
  margin-bottom: 24px; }

.m-b-less-20 {
  margin-bottom: -20px; }

.h-0 {
  height: 0 !important;
  min-height: 0 !important; }

.production-items-dialog .grid-scroll-horizontal {
  overflow: visible !important; }

.import-file-dialog-text {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0px;
  white-space: pre-wrap; }

.alert-analysis-process {
  background-color: #2196F3;
  color: white; }
  .alert-analysis-process .btn-default {
    box-shadow: none;
    font-size: 10px; }

.advance-production .header-row {
  display: flex;
  justify-content: center; }

.advance-production .icon-box {
  display: flex;
  align-items: center;
  justify-content: center; }
  .advance-production .icon-box .zmdi {
    padding: 8px;
    font-size: 24px; }

.productItemInfoCell .title h5 {
  margin: 0 !important;
  line-height: 100%;
  font-size: 16px;
  font-weight: 400; }

.productItemInfoCell .text h3 {
  margin-top: 8px;
  margin-bottom: 0px;
  line-height: 100%;
  font-weight: 500;
  font-size: 21px; }
  .productItemInfoCell .text h3.operationResult {
    display: inline-block;
    padding: 8px;
    border-radius: 20px; }
    .productItemInfoCell .text h3.operationResult.success {
      background: limegreen;
      color: black; }
    .productItemInfoCell .text h3.operationResult.error {
      background: red;
      color: white; }

.productItemInfoCell .image {
  display: flex;
  align-items: center;
  justify-content: center; }

/*-------------------------
    colors
--------------------------*/
.c-link {
  color: #2196F3; }