@page {}.back-btn-wrapper {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2rem auto;
}

.additional-wrapper .additional {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1.5rem;
}

.additional-wrapper .additional .list-unstyled {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem 3rem;
}

.additional-wrapper .additional .list-unstyled:nth-child(2) {
  width: 80%;
}

.additional-wrapper .additional .comment {
  padding: 1rem 3rem;
  padding-left: 0;
}

.invoice-wrapper a, .invoice-wrapper div, .invoice-wrapper li, .invoice-wrapper ul, .invoice-wrapper span, .delivery-wrapper a, .delivery-wrapper div, .delivery-wrapper li, .delivery-wrapper ul, .delivery-wrapper span {
  color: black;
}

.invoice-wrapper #invoice-preview,
.invoice-wrapper #delivery-preview, .delivery-wrapper #invoice-preview,
.delivery-wrapper #delivery-preview {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: hidden;
}

.invoice-wrapper #invoice-preview .minta,
.invoice-wrapper #delivery-preview .minta, .delivery-wrapper #invoice-preview .minta,
.delivery-wrapper #delivery-preview .minta {
  position: absolute;
  top: 20%;
  left: -17.5%;
  font-weight: 500;
  background-color: #63c2de;
  color: white;
  font-size: 2rem;
  opacity: .9;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.invoice-wrapper #invoice-preview .minta::before,
.invoice-wrapper #delivery-preview .minta::before, .delivery-wrapper #invoice-preview .minta::before,
.delivery-wrapper #delivery-preview .minta::before {
  content: '';
  width: 100%;
  height: 4px;
  margin: .2rem 0;
  position: absolute;
  top: -10px;
  left: 0;
  background-color: #63c2de;
}

.invoice-wrapper #invoice-preview .minta::after,
.invoice-wrapper #delivery-preview .minta::after, .delivery-wrapper #invoice-preview .minta::after,
.delivery-wrapper #delivery-preview .minta::after {
  content: '';
  width: 100%;
  height: 4px;
  margin: .2rem 0;
  position: absolute;
  bottom: -10px;
  left: 0;
  background-color: #63c2de;
}

.invoice-wrapper #invoice-preview .invoice-rows,
.invoice-wrapper #delivery-preview .invoice-rows, .delivery-wrapper #invoice-preview .invoice-rows,
.delivery-wrapper #delivery-preview .invoice-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.invoice-wrapper #invoice-preview .invoice-rows:nth-last-child(1),
.invoice-wrapper #delivery-preview .invoice-rows:nth-last-child(1), .delivery-wrapper #invoice-preview .invoice-rows:nth-last-child(1),
.delivery-wrapper #delivery-preview .invoice-rows:nth-last-child(1) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.invoice-wrapper #invoice-preview .seller,
.invoice-wrapper #invoice-preview .invoice-type,
.invoice-wrapper #invoice-preview .buyer-data,
.invoice-wrapper #invoice-preview .items,
.invoice-wrapper #invoice-preview .sumsum-wrapper,
.invoice-wrapper #delivery-preview .seller,
.invoice-wrapper #delivery-preview .invoice-type,
.invoice-wrapper #delivery-preview .buyer-data,
.invoice-wrapper #delivery-preview .items,
.invoice-wrapper #delivery-preview .sumsum-wrapper, .delivery-wrapper #invoice-preview .seller,
.delivery-wrapper #invoice-preview .invoice-type,
.delivery-wrapper #invoice-preview .buyer-data,
.delivery-wrapper #invoice-preview .items,
.delivery-wrapper #invoice-preview .sumsum-wrapper,
.delivery-wrapper #delivery-preview .seller,
.delivery-wrapper #delivery-preview .invoice-type,
.delivery-wrapper #delivery-preview .buyer-data,
.delivery-wrapper #delivery-preview .items,
.delivery-wrapper #delivery-preview .sumsum-wrapper {
  padding: 1rem;
}

.invoice-wrapper #invoice-preview .seller,
.invoice-wrapper #delivery-preview .seller, .delivery-wrapper #invoice-preview .seller,
.delivery-wrapper #delivery-preview .seller {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr 2fr;
      grid-template-columns: 1fr 2fr 2fr;
  grid-gap: 1rem;
}

.invoice-wrapper #invoice-preview .seller .agrohof-logo img,
.invoice-wrapper #delivery-preview .seller .agrohof-logo img, .delivery-wrapper #invoice-preview .seller .agrohof-logo img,
.delivery-wrapper #delivery-preview .seller .agrohof-logo img {
  position: relative;
  top: -10%;
  width: 90%;
}

.invoice-wrapper #invoice-preview .seller .address,
.invoice-wrapper #invoice-preview .seller .bank,
.invoice-wrapper #delivery-preview .seller .address,
.invoice-wrapper #delivery-preview .seller .bank, .delivery-wrapper #invoice-preview .seller .address,
.delivery-wrapper #invoice-preview .seller .bank,
.delivery-wrapper #delivery-preview .seller .address,
.delivery-wrapper #delivery-preview .seller .bank {
  font-size: 1.2rem;
  padding: 1rem;
}

.invoice-wrapper #invoice-preview .seller .address ul,
.invoice-wrapper #invoice-preview .seller .bank ul,
.invoice-wrapper #delivery-preview .seller .address ul,
.invoice-wrapper #delivery-preview .seller .bank ul, .delivery-wrapper #invoice-preview .seller .address ul,
.delivery-wrapper #invoice-preview .seller .bank ul,
.delivery-wrapper #delivery-preview .seller .address ul,
.delivery-wrapper #delivery-preview .seller .bank ul {
  margin-bottom: 0;
}

.invoice-wrapper #invoice-preview .invoice-type .type,
.invoice-wrapper #delivery-preview .invoice-type .type, .delivery-wrapper #invoice-preview .invoice-type .type,
.delivery-wrapper #delivery-preview .invoice-type .type {
  font-size: 2rem;
  padding-bottom: .3rem;
  border-bottom: 4px solid #63c2de;
}

.invoice-wrapper #invoice-preview .buyer-data,
.invoice-wrapper #delivery-preview .buyer-data, .delivery-wrapper #invoice-preview .buyer-data,
.delivery-wrapper #delivery-preview .buyer-data {
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 2rem;
}

.invoice-wrapper #invoice-preview .buyer-data .buyer,
.invoice-wrapper #invoice-preview .buyer-data .payment-datas,
.invoice-wrapper #delivery-preview .buyer-data .buyer,
.invoice-wrapper #delivery-preview .buyer-data .payment-datas, .delivery-wrapper #invoice-preview .buyer-data .buyer,
.delivery-wrapper #invoice-preview .buyer-data .payment-datas,
.delivery-wrapper #delivery-preview .buyer-data .buyer,
.delivery-wrapper #delivery-preview .buyer-data .payment-datas {
  width: 40%;
}

.invoice-wrapper #invoice-preview .buyer-data .buyer li,
.invoice-wrapper #invoice-preview .buyer-data .payment-datas li,
.invoice-wrapper #delivery-preview .buyer-data .buyer li,
.invoice-wrapper #delivery-preview .buyer-data .payment-datas li, .delivery-wrapper #invoice-preview .buyer-data .buyer li,
.delivery-wrapper #invoice-preview .buyer-data .payment-datas li,
.delivery-wrapper #delivery-preview .buyer-data .buyer li,
.delivery-wrapper #delivery-preview .buyer-data .payment-datas li {
  padding: 0 .3rem;
}

.invoice-wrapper #invoice-preview .buyer-data .payment-datas ul .payment-deadline-wrapper,
.invoice-wrapper #delivery-preview .buyer-data .payment-datas ul .payment-deadline-wrapper, .delivery-wrapper #invoice-preview .buyer-data .payment-datas ul .payment-deadline-wrapper,
.delivery-wrapper #delivery-preview .buyer-data .payment-datas ul .payment-deadline-wrapper {
  background-color: #63c2de;
  font-size: 1.2rem;
  margin: .2rem 0;
}

.invoice-wrapper #invoice-preview .buyer-data .payment-datas ul .payment-deadline-wrapper div,
.invoice-wrapper #delivery-preview .buyer-data .payment-datas ul .payment-deadline-wrapper div, .delivery-wrapper #invoice-preview .buyer-data .payment-datas ul .payment-deadline-wrapper div,
.delivery-wrapper #delivery-preview .buyer-data .payment-datas ul .payment-deadline-wrapper div {
  color: white;
  font-weight: 500;
}

.invoice-wrapper #invoice-preview .items .item-list,
.invoice-wrapper #invoice-preview .items .sum,
.invoice-wrapper #delivery-preview .items .item-list,
.invoice-wrapper #delivery-preview .items .sum, .delivery-wrapper #invoice-preview .items .item-list,
.delivery-wrapper #invoice-preview .items .sum,
.delivery-wrapper #delivery-preview .items .item-list,
.delivery-wrapper #delivery-preview .items .sum {
  font-size: 1rem;
}

.invoice-wrapper #invoice-preview .items .item-list .item-list-header,
.invoice-wrapper #invoice-preview .items .sum .item-list-header,
.invoice-wrapper #delivery-preview .items .item-list .item-list-header,
.invoice-wrapper #delivery-preview .items .sum .item-list-header, .delivery-wrapper #invoice-preview .items .item-list .item-list-header,
.delivery-wrapper #invoice-preview .items .sum .item-list-header,
.delivery-wrapper #delivery-preview .items .item-list .item-list-header,
.delivery-wrapper #delivery-preview .items .sum .item-list-header {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0 .5rem;
  padding-bottom: .1rem;
  border-bottom: 3px solid #63c2de;
}

.invoice-wrapper #invoice-preview .items .item-list .item-wrapper,
.invoice-wrapper #invoice-preview .items .sum .item-wrapper,
.invoice-wrapper #delivery-preview .items .item-list .item-wrapper,
.invoice-wrapper #delivery-preview .items .sum .item-wrapper, .delivery-wrapper #invoice-preview .items .item-list .item-wrapper,
.delivery-wrapper #invoice-preview .items .sum .item-wrapper,
.delivery-wrapper #delivery-preview .items .item-list .item-wrapper,
.delivery-wrapper #delivery-preview .items .sum .item-wrapper {
  font-weight: 500;
  padding: .3rem .1rem;
}

.invoice-wrapper #invoice-preview .items .item-list .item-wrapper:nth-child(even),
.invoice-wrapper #invoice-preview .items .sum .item-wrapper:nth-child(even),
.invoice-wrapper #delivery-preview .items .item-list .item-wrapper:nth-child(even),
.invoice-wrapper #delivery-preview .items .sum .item-wrapper:nth-child(even), .delivery-wrapper #invoice-preview .items .item-list .item-wrapper:nth-child(even),
.delivery-wrapper #invoice-preview .items .sum .item-wrapper:nth-child(even),
.delivery-wrapper #delivery-preview .items .item-list .item-wrapper:nth-child(even),
.delivery-wrapper #delivery-preview .items .sum .item-wrapper:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-print-color-adjust: exact;
}

.invoice-wrapper #invoice-preview .items .item-list .item-wrapper .item.comment,
.invoice-wrapper #invoice-preview .items .sum .item-wrapper .item.comment,
.invoice-wrapper #delivery-preview .items .item-list .item-wrapper .item.comment,
.invoice-wrapper #delivery-preview .items .sum .item-wrapper .item.comment, .delivery-wrapper #invoice-preview .items .item-list .item-wrapper .item.comment,
.delivery-wrapper #invoice-preview .items .sum .item-wrapper .item.comment,
.delivery-wrapper #delivery-preview .items .item-list .item-wrapper .item.comment,
.delivery-wrapper #delivery-preview .items .sum .item-wrapper .item.comment {
  font-size: .7rem;
  margin: .5rem;
}

.invoice-wrapper #invoice-preview .items .item-list .item,
.invoice-wrapper #invoice-preview .items .sum .item,
.invoice-wrapper #delivery-preview .items .item-list .item,
.invoice-wrapper #delivery-preview .items .sum .item, .delivery-wrapper #invoice-preview .items .item-list .item,
.delivery-wrapper #invoice-preview .items .sum .item,
.delivery-wrapper #delivery-preview .items .item-list .item,
.delivery-wrapper #delivery-preview .items .sum .item {
  padding: 0 .5rem;
}

.invoice-wrapper #invoice-preview .items .item-list .sum-wrapper,
.invoice-wrapper #invoice-preview .items .sum .sum-wrapper,
.invoice-wrapper #delivery-preview .items .item-list .sum-wrapper,
.invoice-wrapper #delivery-preview .items .sum .sum-wrapper, .delivery-wrapper #invoice-preview .items .item-list .sum-wrapper,
.delivery-wrapper #invoice-preview .items .sum .sum-wrapper,
.delivery-wrapper #delivery-preview .items .item-list .sum-wrapper,
.delivery-wrapper #delivery-preview .items .sum .sum-wrapper {
  font-size: 1.2rem;
  font-weight: 600;
}

.invoice-wrapper #invoice-preview .items .item-list .sum-wrapper .vat-value,
.invoice-wrapper #invoice-preview .items .sum .sum-wrapper .vat-value,
.invoice-wrapper #delivery-preview .items .item-list .sum-wrapper .vat-value,
.invoice-wrapper #delivery-preview .items .sum .sum-wrapper .vat-value, .delivery-wrapper #invoice-preview .items .item-list .sum-wrapper .vat-value,
.delivery-wrapper #invoice-preview .items .sum .sum-wrapper .vat-value,
.delivery-wrapper #delivery-preview .items .item-list .sum-wrapper .vat-value,
.delivery-wrapper #delivery-preview .items .sum .sum-wrapper .vat-value {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / span 2;
  text-align: left;
}

.invoice-wrapper #invoice-preview .items .item-list .vat,
.invoice-wrapper #invoice-preview .items .sum .vat,
.invoice-wrapper #delivery-preview .items .item-list .vat,
.invoice-wrapper #delivery-preview .items .sum .vat, .delivery-wrapper #invoice-preview .items .item-list .vat,
.delivery-wrapper #invoice-preview .items .sum .vat,
.delivery-wrapper #delivery-preview .items .item-list .vat,
.delivery-wrapper #delivery-preview .items .sum .vat {
  font-weight: 500;
  font-size: .9rem;
  opacity: .9;
}

.invoice-wrapper #invoice-preview .items .item-list .item-list-header div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .item-list .item div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .item-list .sum-wrapper div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .item-list .vat div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .sum .item-list-header div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .sum .item div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .sum .sum-wrapper div:not(:nth-child(1)),
.invoice-wrapper #invoice-preview .items .sum .vat div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .item-list .item-list-header div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .item-list .item div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .item-list .sum-wrapper div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .item-list .vat div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .sum .item-list-header div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .sum .item div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .sum .sum-wrapper div:not(:nth-child(1)),
.invoice-wrapper #delivery-preview .items .sum .vat div:not(:nth-child(1)), .delivery-wrapper #invoice-preview .items .item-list .item-list-header div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .item-list .item div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .item-list .sum-wrapper div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .item-list .vat div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .sum .item-list-header div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .sum .item div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .sum .sum-wrapper div:not(:nth-child(1)),
.delivery-wrapper #invoice-preview .items .sum .vat div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .item-list .item-list-header div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .item-list .item div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .item-list .sum-wrapper div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .item-list .vat div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .sum .item-list-header div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .sum .item div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .sum .sum-wrapper div:not(:nth-child(1)),
.delivery-wrapper #delivery-preview .items .sum .vat div:not(:nth-child(1)) {
  text-align: right;
}

.invoice-wrapper #invoice-preview .items .item-list .grid-delivery-note,
.invoice-wrapper #invoice-preview .items .sum .grid-delivery-note,
.invoice-wrapper #delivery-preview .items .item-list .grid-delivery-note,
.invoice-wrapper #delivery-preview .items .sum .grid-delivery-note, .delivery-wrapper #invoice-preview .items .item-list .grid-delivery-note,
.delivery-wrapper #invoice-preview .items .sum .grid-delivery-note,
.delivery-wrapper #delivery-preview .items .item-list .grid-delivery-note,
.delivery-wrapper #delivery-preview .items .sum .grid-delivery-note {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 6fr 1fr;
      grid-template-columns: 6fr 1fr;
}

.invoice-wrapper #invoice-preview .items .item-list .grid-7,
.invoice-wrapper #invoice-preview .items .sum .grid-7,
.invoice-wrapper #delivery-preview .items .item-list .grid-7,
.invoice-wrapper #delivery-preview .items .sum .grid-7, .delivery-wrapper #invoice-preview .items .item-list .grid-7,
.delivery-wrapper #invoice-preview .items .sum .grid-7,
.delivery-wrapper #delivery-preview .items .item-list .grid-7,
.delivery-wrapper #delivery-preview .items .sum .grid-7 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.invoice-wrapper #invoice-preview .items .item-list .span-4,
.invoice-wrapper #invoice-preview .items .sum .span-4,
.invoice-wrapper #delivery-preview .items .item-list .span-4,
.invoice-wrapper #delivery-preview .items .sum .span-4, .delivery-wrapper #invoice-preview .items .item-list .span-4,
.delivery-wrapper #invoice-preview .items .sum .span-4,
.delivery-wrapper #delivery-preview .items .item-list .span-4,
.delivery-wrapper #delivery-preview .items .sum .span-4 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
}

.invoice-wrapper #invoice-preview .items .item-list .grid-start-5,
.invoice-wrapper #invoice-preview .items .sum .grid-start-5,
.invoice-wrapper #delivery-preview .items .item-list .grid-start-5,
.invoice-wrapper #delivery-preview .items .sum .grid-start-5, .delivery-wrapper #invoice-preview .items .item-list .grid-start-5,
.delivery-wrapper #invoice-preview .items .sum .grid-start-5,
.delivery-wrapper #delivery-preview .items .item-list .grid-start-5,
.delivery-wrapper #delivery-preview .items .sum .grid-start-5 {
  text-align: right;
  -ms-grid-column: 5;
      grid-column-start: 5;
}

.invoice-wrapper #invoice-preview .items .sum,
.invoice-wrapper #delivery-preview .items .sum, .delivery-wrapper #invoice-preview .items .sum,
.delivery-wrapper #delivery-preview .items .sum {
  margin: 2rem 0;
}

.invoice-wrapper #invoice-preview .sumsum-wrapper .wrapper,
.invoice-wrapper #delivery-preview .sumsum-wrapper .wrapper, .delivery-wrapper #invoice-preview .sumsum-wrapper .wrapper,
.delivery-wrapper #delivery-preview .sumsum-wrapper .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.invoice-wrapper #invoice-preview .sumsum-wrapper h2, .invoice-wrapper #invoice-preview .sumsum-wrapper h3,
.invoice-wrapper #delivery-preview .sumsum-wrapper h2,
.invoice-wrapper #delivery-preview .sumsum-wrapper h3, .delivery-wrapper #invoice-preview .sumsum-wrapper h2, .delivery-wrapper #invoice-preview .sumsum-wrapper h3,
.delivery-wrapper #delivery-preview .sumsum-wrapper h2,
.delivery-wrapper #delivery-preview .sumsum-wrapper h3 {
  font-size: 2rem;
}

#opportunities .flow-timeline,
#opportunities .action-row {
  width: 70%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin: .3rem 1rem;
  grid-gap: 1rem;
}

#opportunities .flow-timeline .flow-item {
  border-radius: 3px;
  padding: 1px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  padding: .5rem;
  z-index: 10;
  color: white;
  white-space: nowrap;
  background-color: #c8ced3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#opportunities .flow-timeline .flow-item .fa-check {
  margin: 0 5px;
  display: none;
}

#opportunities .flow-timeline .flow-item.active {
  background-color: #4dbd74;
}

#opportunities .flow-timeline .flow-item.active .fa-check {
  display: block;
}

#opportunities .action-row {
  margin-bottom: .8rem;
}

#opportunities .add-products-wrapper .add-products .card-header {
  font-size: 1.15rem;
  font-weight: 500;
}

#opportunities .add-products-wrapper .list-new-wrapper > div:nth-last-child(1) {
  border-top: 1px solid #c8ced3;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item {
  background-color: #fffae0;
  border: #ffeac0 solid 1px;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item {
  font-size: .9rem;
  font-weight: 500;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item div {
  margin: auto 0;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item .delete-button-wrapper {
  position: relative;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item .delete-button-wrapper .btn-danger {
  position: absolute;
  right: 0;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item,
#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item {
  padding: .5rem 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 2fr 1fr 1fr;
      grid-template-columns: 3fr 2fr 1fr 1fr;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item > span, #opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item div,
#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item > span,
#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item div {
  margin: auto 0;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .product-item span,
#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item span {
  padding-left: .7rem;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item .delete-button-wrapper {
  -ms-grid-column-span: 2;
      grid-column-end: span 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item .delete-button-wrapper .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item .delete-button-wrapper .form-control {
  padding: 0;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item-wrapper .required-option {
  position: relative;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item-wrapper .required-option .required-text {
  position: absolute;
  top: -30px;
  left: 120px;
  width: 125px;
  opacity: 0;
  padding: .2rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item-wrapper .required-option .required-text:before {
  content: '';
  position: absolute;
  top: 70%;
  left: -10px;
  width: 5px;
  height: 10px;
  border-right: solid 5px rgba(0, 0, 0, 0.6);
  border-bottom: solid 5px transparent;
  border-top: solid 5px transparent;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

#opportunities .add-products-wrapper .list-new-wrapper .product-list .product-list-item .option-item-wrapper .required-option button:hover ~ .required-text {
  opacity: 1;
}

#opportunities .add-products-wrapper .list-new-wrapper .add-product .option-select .required-option {
  background-color: rgba(224, 0, 0, 0.2);
}

.generate-proforma .billing-datas .first-block > .grid,
.generate-proforma .billing-datas .second-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

#warehouse-items .reset-filters {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#warehouse-items .filter-warehouse {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

#warehouse-items .filter-warehouse .form-control {
  border: 0;
  width: 80%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  text-align: left;
}

.warehouse-container {
  margin: 2rem;
  border: 2px solid #E4E5E6;
}

.warehouse-container .warehouse-header {
  border-bottom: 2px solid #E4E5E6;
}

.warehouse-container .warehouse-header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.warehouse-container .warehouse-item-collapse-row:nth-child(1) {
  border-top: 1px solid #f7f7f7;
}

.warehouse-container .warehouse-item-collapse-row:nth-child(odd) {
  background-color: #dfe4e7;
}

.warehouse-container .warehouse-item-collapse-row {
  background-color: #e6eaed;
}

.warehouse-container .warehouse-header,
.warehouse-container .warehouse-item,
.warehouse-container .warehouse-item-collapse-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.warehouse-container .warehouse-header .button-wrapper,
.warehouse-container .warehouse-item .button-wrapper,
.warehouse-container .warehouse-item-collapse-row .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.warehouse-container .warehouse-header .button-wrapper .btn,
.warehouse-container .warehouse-item .button-wrapper .btn,
.warehouse-container .warehouse-item-collapse-row .button-wrapper .btn {
  margin: auto;
}

.warehouse-container .warehouse-header div,
.warehouse-container .warehouse-item div,
.warehouse-container .warehouse-item-collapse-row div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .2rem .7rem;
  width: 100%;
  border-right: 1px solid #E4E5E6;
}

.warehouse-container .warehouse-header div:nth-last-child(1),
.warehouse-container .warehouse-item div:nth-last-child(1),
.warehouse-container .warehouse-item-collapse-row div:nth-last-child(1) {
  border: 0;
}

.warehouse-container .warehouse-header .id,
.warehouse-container .warehouse-item .id,
.warehouse-container .warehouse-item-collapse-row .id {
  width: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.warehouse-container .warehouse-header .description,
.warehouse-container .warehouse-item .description,
.warehouse-container .warehouse-item-collapse-row .description {
  width: 140%;
}

.warehouse-container .warehouse-header .actions,
.warehouse-container .warehouse-item .actions,
.warehouse-container .warehouse-item-collapse-row .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.warehouse-container .warehouse-header .actions .btn,
.warehouse-container .warehouse-item .actions .btn,
.warehouse-container .warehouse-item-collapse-row .actions .btn {
  margin: .1rem 0;
  padding: .1rem .6rem;
}

.warehouse-container .warehouse-header .actions input,
.warehouse-container .warehouse-item .actions input,
.warehouse-container .warehouse-item-collapse-row .actions input {
  width: 100%;
}

.warehouse-container > div > .warehouse-item-wrapper:nth-child(odd) {
  background-color: #F0F3F5;
}

@media (max-width: 1400px) {
  #warehouse-items .filter-warehouse .form-control {
    width: 100%;
  }
}

@media (max-width: 1150px) {
  #warehouse-items .filter-warehouse {
    display: block;
  }
}

@media (max-width: 580px) {
  #warehouse-items .filter-warehouse .form-control {
    display: inline;
    padding: .5rem 0;
    margin-bottom: .5rem;
  }
  #warehouse-items .filter-warehouse .form-control label, #warehouse-items .filter-warehouse .form-control select, #warehouse-items .filter-warehouse .form-control input {
    width: 100%;
  }
  #warehouse-items .filter-warehouse .form-control label {
    margin-bottom: 0;
  }
  #warehouse-items .filter-warehouse .form-control select, #warehouse-items .filter-warehouse .form-control input {
    margin: .3rem 0 .65rem 0;
  }
}

.filter-invoice-dashboard {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

.filter-invoice-dashboard .form-control {
  height: calc(2em + .75rem + 2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.filter-invoice-dashboard .form-control label {
  margin: auto 0;
  position: relative;
}

.filter-invoice-dashboard .form-control label .fa-info-circle {
  cursor: pointer;
}

.filter-invoice-dashboard .form-control label .fa-info-circle:hover ~ .label-tooltip {
  opacity: 1;
}

.filter-invoice-dashboard .form-control label .label-tooltip {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  position: absolute;
  white-space: nowrap;
  font-size: .8rem;
  top: -25px;
  left: 50%;
  padding: .2rem .4em;
  font-size: .8rem;
  border-radius: 3px;
}

.filter-invoice-dashboard .form-control select, .filter-invoice-dashboard .form-control input {
  width: 60%;
}

#invoices-dashboard .opportunity-wrapper .opp-board {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 6fr;
      grid-template-columns: 2fr 6fr;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item {
  padding: .5rem;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .buttons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .btn-toggle {
  -ms-flex-preferred-size: content;
      flex-basis: content;
  margin: .5rem 0;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first .opp-number {
  font-size: 1.3rem;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first .opp-number:hover > .opp-tooltip {
  opacity: 1;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first .opp-number .opp-tooltip {
  opacity: 0;
  position: relative;
  top: -3px;
  font-size: .7rem;
  margin-left: .5rem;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: .2rem .3rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first .opp-number .opp-tooltip::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -5px;
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.6);
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first .opp-number, #invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item.first .company-name {
  font-weight: 500;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item #opportunities > .flow-timeline {
  width: auto;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .file-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5fr;
      grid-template-columns: 1fr 5fr;
  margin: 1rem;
  list-style: none;
  padding: 0;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .file-list .file-list-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .file-list h5 {
  margin-right: 2rem;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .file-list .file-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto .3rem;
  padding: .2rem;
}

#invoices-dashboard .opportunity-wrapper .opp-board .opp-board-item .file-list:nth-child(7) {
  -ms-grid-column: 2;
      grid-column-start: 2;
}

#invoices-dashboard .opportunity-wrapper .opp-board .upload-new-wrapper .button-wrapper {
  margin-bottom: .5rem !important;
}

#invoices-dashboard .opportunity-wrapper .table .table-head {
  padding: .3rem 0;
  display: -ms-grid;
  display: grid;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr);
}

#invoices-dashboard .opportunity-wrapper .table .table-head-item {
  color: #63c2de;
  text-align: center;
  white-space: nowrap;
  font-weight: 500;
  font-size: 1rem;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .proforma-wrapper:nth-child(odd) {
  background-color: #f1f2f6;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .proforma-wrapper {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .proforma-wrapper .first-row {
  color: #63c2de;
  padding: .5rem 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr);
  text-align: center;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .proforma-wrapper .first-row .first-row-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .proforma-wrapper .first-row .first-row-item.b-500 {
  font-weight: 500;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .product-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin: 1rem auto;
  width: 80%;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .product-item-header, #invoices-dashboard .opportunity-wrapper .table .data-table .product-item-data {
  text-align: left;
  padding: .5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
}

#invoices-dashboard .opportunity-wrapper .table .data-table .product-item-data {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#invoices-dashboard .opportunity-wrapper .table .data-table .product-item-data:nth-last-child(1) {
  border-bottom: none;
}

#invoices-dashboard .opportunity-wrapper .table .data-table .product-item-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#invoices-dashboard .opportunity-wrapper .table .data-table .product-item-header-item {
  font-weight: 500;
}

.dashboard .summary-container {
  height: 50vh;
}

.ck-editor__editable,
textarea {
  min-height: 150px;
}

.datatable {
  width: 100% !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
  margin-bottom: 0.333em;
  margin-top: .2rem;
}

.dataTables_filter {
  margin-right: .2rem;
}

.dt-buttons .btn {
  margin-left: 0.333em;
  border-radius: 0;
}

.table.datatable {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: collapse;
}

table.dataTable thead th {
  border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #c8ced3;
}

.select2 {
  max-width: 100%;
  width: 100% !important;
}

.select2-selection__rendered {
  padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
  display: block !important;
}

.btn-info,
.badge-info {
  color: white;
}

#company-note-list {
  height: 50vh;
}

.create-company-form > .card-body,
.shipping-data,
.contact-data,
.card-body.btn-wrapper {
  width: 90%;
  margin: 0 auto;
}

/* Create New company CRM GRID */
.create-company-form > .company-main-data > .wrapper .form-group,
.create-company-form > .billing-data > .wrapper .form-group,
.shipping-data > .wrapper .form-group,
.contact-data > .create-contact-minimal-form .form-group,
.create-contact-minimal-form .form-group {
  padding: 0 1rem;
}

.create-company-form > .company-main-data > .wrapper .shipping-billing .billing-datas,
.create-company-form > .company-main-data > .wrapper .shipping-billing .shipping-datas,
.create-company-form > .billing-data > .wrapper .shipping-billing .billing-datas,
.create-company-form > .billing-data > .wrapper .shipping-billing .shipping-datas,
.shipping-data > .wrapper .shipping-billing .billing-datas,
.shipping-data > .wrapper .shipping-billing .shipping-datas,
.contact-data > .create-contact-minimal-form .shipping-billing .billing-datas,
.contact-data > .create-contact-minimal-form .shipping-billing .shipping-datas,
.create-contact-minimal-form .shipping-billing .billing-datas,
.create-contact-minimal-form .shipping-billing .shipping-datas {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

/* PADDING inside grid */
.create-company-form > .company-main-data > .wrapper > .form-group,
.create-company-form > .billing-data > .wrapper > .form-group,
.shipping-data > .wrapper > .form-group,
.contact-data > .wrapper > .form-group,
.create-contact-minimal-form > .form-group {
  padding: 0 1rem;
}

/* Edit crm company contact */
.create-contact-minimal-form > .add-new {
  -ms-grid-column: 1;
      grid-column-start: 1;
}

.create-contact-minimal-form > .save-btn-wrapper {
  text-align: right;
  -ms-grid-column: 2;
      grid-column-start: 2;
}

/* I dont know why create-contact-minimal-from has negative margin */
.contact-data > .wrapper {
  margin: 0;
}

/* MAP setting */
.create-company-form > .billing-data > .wrapper > #address-map-container {
  padding: 1rem;
  -ms-grid-row-span: 2;
      grid-row-end: span 2;
  /* display: none; */
}

.create-company-form > .billing-data > .wrapper > #address-map-container > #address-map {
  border-radius: 5px;
}

.create-company-form > .card-body > .create-contact-collapse-form {
  width: 100%;
}

.company-data > .list-group > .vat-number,
.company-data > .list-group > .status,
.company-data > .list-group > .created-by {
  /* background-color: yellow; */
  width: 90%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.company-data .fa-edit {
  color: #20a8d8;
}

.company-data .fa-edit:hover {
  color: #1f89e5;
}

/* .create-company-form>.create-contact {
    display: block;
} */
/* Invoice List */
#invoice-list .invoice-list .invoice-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr 3fr 4fr 2fr;
      grid-template-columns: 1fr 2fr 3fr 4fr 2fr;
}

/* Contact Person */
#contact > .list-group {
  padding: .2rem 0;
}

#main-address > #main-address-table > .list-group > .list-group-item,
#shipping-address > #shipping-address-table > .list-group > .list-group-item,
#contact > .list-group > .list-group-item {
  padding: .3rem 1rem;
  border: none;
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 2fr 4fr;
      grid-template-columns: 2fr 4fr;
}

#contact > .list-group > .list-group-item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.collapse-contact .edit-button-wrapper,
.collapse-address .edit-button-wrapper {
  z-index: 10;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background-image: none;
}

.sidebar .nav-item {
  cursor: pointer;
}

.btn-default {
  color: #23282c;
  background-color: #f0f3f5;
  border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(209, 213, 215, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(209, 213, 215, 0.5);
}

.btn-default:hover {
  color: #23282c;
  background-color: #d9e1e6;
  border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.searchable-title {
  font-weight: bold;
}

.searchable-fields {
  padding-left: 5px;
}

.searchable-link {
  padding: 0 5px 0 5px;
}

.searchable-link:hover {
  cursor: pointer;
  background: #eaeaea;
}

.select2-results__option {
  padding-left: 0px;
  padding-right: 0px;
}

.form-group .required::after {
  content: " *";
  color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
  display: block;
}

#billing-items-table .table-head,
#billing-items-table .table-data-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr 2fr 2fr 2fr 2fr;
      grid-template-columns: 3fr 1fr 2fr 2fr 2fr 2fr;
}

#billing-items-table .table-head .item-name, #billing-items-table .table-head .unit-price, #billing-items-table .table-head .net, #billing-items-table .table-head .gross,
#billing-items-table .table-data-row .item-name,
#billing-items-table .table-data-row .unit-price,
#billing-items-table .table-data-row .net,
#billing-items-table .table-data-row .gross {
  font-weight: 500;
}

#billing-items-table .table-head > div {
  font-size: 1.1rem;
}

#billing-items-table .comment-textarea {
  min-height: 60px !important;
  width: 45%;
  max-height: 70px !important;
}

.service-wrapper,
.discount-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.service-wrapper .service-item .left-div,
.discount-wrapper .service-item .left-div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr 1fr;
      grid-template-columns: 3fr 1fr 1fr;
}

.service-wrapper .service-item .wrapper,
.service-wrapper .discount-item .wrapper,
.discount-wrapper .service-item .wrapper,
.discount-wrapper .discount-item .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.service-wrapper .service-item .wrapper .left-div,
.service-wrapper .discount-item .wrapper .left-div,
.discount-wrapper .service-item .wrapper .left-div,
.discount-wrapper .discount-item .wrapper .left-div {
  width: 45%;
}

.service-wrapper .service-item .wrapper .left-div .service-quantity span,
.service-wrapper .discount-item .wrapper .left-div .service-quantity span,
.discount-wrapper .service-item .wrapper .left-div .service-quantity span,
.discount-wrapper .discount-item .wrapper .left-div .service-quantity span {
  white-space: nowrap;
}

.service-wrapper .service-item .wrapper .left-div .service-quantity input,
.service-wrapper .discount-item .wrapper .left-div .service-quantity input,
.discount-wrapper .service-item .wrapper .left-div .service-quantity input,
.discount-wrapper .discount-item .wrapper .left-div .service-quantity input {
  width: 70%;
}

.service-wrapper .service-item .wrapper .left-div .service-piece,
.service-wrapper .discount-item .wrapper .left-div .service-piece,
.discount-wrapper .service-item .wrapper .left-div .service-piece,
.discount-wrapper .discount-item .wrapper .left-div .service-piece {
  position: relative;
}

.service-wrapper .service-item .wrapper .left-div .service-piece .service-piece-type,
.service-wrapper .discount-item .wrapper .left-div .service-piece .service-piece-type,
.discount-wrapper .service-item .wrapper .left-div .service-piece .service-piece-type,
.discount-wrapper .discount-item .wrapper .left-div .service-piece .service-piece-type {
  position: absolute;
  top: -20px;
  right: 0;
  padding: .2rem .4rem;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.service-wrapper .service-item .wrapper .left-div .service-piece .fa-info-circle,
.service-wrapper .discount-item .wrapper .left-div .service-piece .fa-info-circle,
.discount-wrapper .service-item .wrapper .left-div .service-piece .fa-info-circle,
.discount-wrapper .discount-item .wrapper .left-div .service-piece .fa-info-circle {
  cursor: pointer;
}

.service-wrapper .service-item .wrapper .left-div .service-piece .fa-info-circle:hover ~ .service-piece-type,
.service-wrapper .discount-item .wrapper .left-div .service-piece .fa-info-circle:hover ~ .service-piece-type,
.discount-wrapper .service-item .wrapper .left-div .service-piece .fa-info-circle:hover ~ .service-piece-type,
.discount-wrapper .discount-item .wrapper .left-div .service-piece .fa-info-circle:hover ~ .service-piece-type {
  opacity: 1;
}

.service-wrapper .service-item .wrapper .right-div,
.service-wrapper .discount-item .wrapper .right-div,
.discount-wrapper .service-item .wrapper .right-div,
.discount-wrapper .discount-item .wrapper .right-div {
  width: 40%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
}

.service-wrapper .service-item .wrapper .right-div .discount-price span,
.service-wrapper .discount-item .wrapper .right-div .discount-price span,
.discount-wrapper .service-item .wrapper .right-div .discount-price span,
.discount-wrapper .discount-item .wrapper .right-div .discount-price span {
  white-space: nowrap;
}

.service-wrapper .service-item .service-comment-input,
.service-wrapper .service-item .discount-comment-input,
.service-wrapper .discount-item .service-comment-input,
.service-wrapper .discount-item .discount-comment-input,
.discount-wrapper .service-item .service-comment-input,
.discount-wrapper .service-item .discount-comment-input,
.discount-wrapper .discount-item .service-comment-input,
.discount-wrapper .discount-item .discount-comment-input {
  min-height: 75px;
}

.service-wrapper .service-item .service-comment-wrapper .service-comment,
.service-wrapper .service-item .service-comment-wrapper .discount-comment,
.service-wrapper .service-item .discount-comment-wrapper .service-comment,
.service-wrapper .service-item .discount-comment-wrapper .discount-comment,
.service-wrapper .discount-item .service-comment-wrapper .service-comment,
.service-wrapper .discount-item .service-comment-wrapper .discount-comment,
.service-wrapper .discount-item .discount-comment-wrapper .service-comment,
.service-wrapper .discount-item .discount-comment-wrapper .discount-comment,
.discount-wrapper .service-item .service-comment-wrapper .service-comment,
.discount-wrapper .service-item .service-comment-wrapper .discount-comment,
.discount-wrapper .service-item .discount-comment-wrapper .service-comment,
.discount-wrapper .service-item .discount-comment-wrapper .discount-comment,
.discount-wrapper .discount-item .service-comment-wrapper .service-comment,
.discount-wrapper .discount-item .service-comment-wrapper .discount-comment,
.discount-wrapper .discount-item .discount-comment-wrapper .service-comment,
.discount-wrapper .discount-item .discount-comment-wrapper .discount-comment {
  width: 45%;
}

.service-wrapper .service-item .price-wrapper,
.service-wrapper .discount-item .price-wrapper,
.discount-wrapper .service-item .price-wrapper,
.discount-wrapper .discount-item .price-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
}

.discount-wrapper {
  background-color: #ff02002e;
}

.vat-compatible {
  border: 1px solid green;
}

.vat-incompatible {
  border: 1px solid red;
}

.todo_list_element:nth-child(odd) {
  background-color: white;
}

.todo_list_element:nth-child(odd) .todo_list_element_task {
  background-color: #e5e7eb;
}

.todo_list_element:nth-child(even) .todo_list_element_task {
  background-color: white;
}

#mymap_1, #mymap_2 {
  height: 200px;
  margin-bottom: 1rem;
}

.c-main {
  padding-top: 0 !important;
}

.c-header {
  background-color: #ebedef !important;
  border: 0 !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.status_bar_element_first, .status_bar_element_last, .status_bar_element {
  position: relative;
}

.status_bar_element_first:after, .status_bar_element:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-top: 18px solid transparent;
  border-left: 14px solid #e5e7eb;
  border-bottom: 18px solid transparent;
  margin-right: -14px;
  z-index: 1;
}

.status_bar_element_last:before, .status_bar_element:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-top: 18px solid transparent;
  border-left: 14px solid white;
  border-bottom: 18px solid transparent;
}

.status_ready:after {
  border-left-color: #303C53;
}

.to_do_list_row:nth-child(even), .product_list_row_wrapper:nth-child(even) .products_list_row, .files_list_row:nth-child(even), .opportunity_list_element:nth-child(even) {
  background-color: white;
}

.crm_input[type="checkbox"]:checked ~ .crm_custom_checkbox {
  background-color: #303C53;
  border-color: white;
}

.crm_input[type="radio"]:checked ~ .crm_custom_radio {
  background-color: #c70713;
  border-color: white;
}

.crm_input[type="radio"]:checked ~ .opp_custom_radio {
  background-color: #303C53;
  border-color: white;
}

input[type=file].custom_btn::file-selector-button {
  border: 0;
  outline: none;
  padding: .25rem;
  border-radius: 3000px;
  background-color: #303C53;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

input[type=file].custom_btn::-ms-browse {
  border: 0;
  outline: none;
  padding: .25rem;
  border-radius: 3000px;
  background-color: #303C53;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

input[type=file].custom_btn::-webkit-file-upload-button {
  border: 0;
  outline: none;
  padding: .25rem 1rem;
  border-radius: 3000px;
  background-color: #303C53;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.z_over_9000 {
  z-index: 9001;
}

.ui-timepicker-container {
  z-index: 9002 !important;
}

.shake_on_error {
  -webkit-animation: err_shake 0.4s 1 linear;
          animation: err_shake 0.4s 1 linear;
}

@-webkit-keyframes err_shake {
  0% {
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  20% {
    -webkit-transform: translate(-10px);
            transform: translate(-10px);
  }
  40% {
    -webkit-transform: translate(5px);
            transform: translate(5px);
  }
  60% {
    -webkit-transform: translate(-5px);
            transform: translate(-5px);
  }
  80% {
    -webkit-transform: translate(3px);
            transform: translate(3px);
  }
  100% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
}

@keyframes err_shake {
  0% {
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
  20% {
    -webkit-transform: translate(-10px);
            transform: translate(-10px);
  }
  40% {
    -webkit-transform: translate(5px);
            transform: translate(5px);
  }
  60% {
    -webkit-transform: translate(-5px);
            transform: translate(-5px);
  }
  80% {
    -webkit-transform: translate(3px);
            transform: translate(3px);
  }
  100% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
}

select.no_arrow::-ms-expand {
  display: none;
}

select.no_arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input.no_arrow::-webkit-calendar-picker-indicator {
  display: none !important;
  color: transparent;
  background-color: transparent;
  opacity: 0;
  overflow: '';
}

.cancel_bt_padding {
  margin: 0 -30px;
}

.page-item .page-link {
  color: #303C53;
}

.pagination .page-item.active .page-link {
  color: white;
  background-color: #303C53;
  border-color: #303C53;
}

.no_margin_todo {
  margin: -40px -30px 0;
}

li.draggable-mirror {
  width: 70% !important;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.draggable-mirror {
  width: 23rem !important;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.draggable--over {
  opacity: 50%;
}

.no_margin_for_description p {
  margin-bottom: 0px;
}
.delivery_note_row:nth-child(even) {
    background-color: #f4f3f4;
}

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