@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../../fonts/MaterialIcons.woff2') format('woff2'), url('../../fonts/MaterialIcons.woff') format('woff');
}
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../../fonts/MaterialIcons-Round.woff2') format('woff2'), url('../../fonts/MaterialIcons-Round.woff') format('woff');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
div#page-wrapper {
  padding: 25px 15px 15px 15px;
}
div.vertical-spacing {
  padding-top: 15px;
}
.file-input .input-group-btn {
  width: 1% !important;
}
.navbar-brand > img {
  height: 25px;
}
.scroll-list {
  max-height: 600px;
  overflow: auto;
}
.sidebar-headline {
  color: #337ab7;
  font-weight: bold;
  border: none;
  text-align: center;
  padding: 10px;
}
.caret,
.btn-xs .caret {
  margin-left: 4px !important;
}
table ul {
  padding-left: 14px;
}
table .form-group {
  margin: 0;
}
.merchant-alert,
.not-live-alert,
.testing-environment-alert {
  border: none;
  border-radius: 0;
  margin: -25px -27px 20px -27px;
}
.panel-body pre {
  margin: 0;
}
td.action-column {
  width: 1%;
  white-space: nowrap;
}
.footer {
  height: 60px;
  color: #777;
  background-color: #f5f5f5;
  text-align: center;
  border-top: 1px solid #e7e7e7;
}
.footer .content {
  margin: 10px 0;
}
/* Common */
.no-margin {
  margin: 0;
}
#deliveryMatrixInfoSection {
  height: 72px !important;
}
.deliveryConfigItemActions {
  float: left;
  text-align: center;
  margin-top: 4px;
  margin-left: 6px;
}
#minOrderValContainer .deliveryConfigItemActions {
  margin-top: 0;
}
.deliveryConfigItemButton {
  float: right;
}
.configItemContainer {
  height: 34px;
}
.configItemContainer.bg-danger {
  background-color: #f2dede !important;
}
#deliveryPriceRanges {
  display: none;
}
.overwriteRemoveButton {
  background: #c1e2b3;
}
button[id^='delconf_view_priceranges'] {
  /*background: #e4b9b9;*/
  background: transparent;
  border: none;
  width: 26px;
}
input.matrixCheckboxInput {
  width: 22px;
  /*Desired width*/
  height: 22px;
  /*Desired height*/
  cursor: pointer;
  margin-top: 0px !important;
  float: right;
}
div.delconf_view_pricerange {
  float: right;
}
#matrixTable {
  table-layout: fixed;
}
#matrixTable td {
  border-top: 0px !important;
}
#matrixTable td.equalMatrixColumn {
  border-top: 0px !important;
  width: 2%;
}
.verticalMatrixColumn {
  vertical-align: middle !important;
}
.verticalMatrixColumnItem {
  min-width: 30px;
  margin-right: 5px;
  display: inline-block;
}
button[id^='time_del_option_item'] {
  background: transparent;
  border: none;
  width: 26px;
}
.time_del_option_item {
  width: 26px;
  display: inline-block;
}
.matrixHeader {
  font-weight: 700;
}
.itemSelected {
  background-color: #A9A9A9;
}
#sectionDeliveryDefaultItem {
  clear: both;
  padding-top: 30px;
  display: none;
}
#sectionExpiryDate {
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
#expiryDateInputInfo {
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  display: none;
}
#timeDeliveryOptionDefault {
  display: none;
}
.deliveryConfigItemDefaultBox {
  margin-left: 10px;
  display: inline-block;
}
.deliveryConfigItemDefaultBox > i {
  color: green;
  font-size: large;
  margin-top: 3px;
}
.shippingTimeFormGroup input[type='number'] {
  width: 100px;
}
.shippingTimeFormGroup .form-group {
  margin-bottom: 5px;
}
.merchantBills .chooseBill {
  width: auto;
  display: inline-block;
  float: left;
  height: auto;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-right: 5px;
}
.merchantBills .btn {
  float: left;
  clear: left;
  margin-bottom: 0.3rem;
}
.order-entry .service-product-name {
  padding-left: 20px;
}
.validation-error {
  color: #a94442;
  padding-left: 15px;
  padding-top: 5px;
  display: block;
}
.package-provider-logo {
  width: 150px;
  height: 150px;
  vertical-align: middle;
}
.waitInvoice {
  display: none;
}
.waitInvoice + .shoeppingSpinner {
  display: inline-block;
}
.waitPlcLabel {
  display: none;
}
.waitPlcLabel + .shoeppingSpinner {
  display: inline-block;
}
.filter-btn {
  margin-top: 25px;
}
input.fromtodaycalendarpicker::-webkit-calendar-picker-indicator {
  display: none;
}
/* Spinner */
.shoeppingSpinner {
  display: none;
  text-align: center;
  width: 31px;
  height: 31px;
}
.eyes {
  display: inline-block;
  width: 100%;
  color: #d2001a;
  line-height: 9px;
  font-size: 9px;
  animation: blink 3s linear infinite;
}
.circle {
  display: inline-block;
  width: 62.5%;
  height: 62.5%;
  margin-top: -4px;
  box-sizing: border-box;
  border: 5px solid #d2001a;
  border-radius: 50%;
}
.circle::before {
  content: '';
  display: block;
  width: 215%;
  height: 40%;
  margin-top: 30%;
  margin-left: -57.5%;
  background-color: #ffffff;
  animation: spin 2s linear infinite;
}
@keyframes blink {
  30% {
    transform: scaleY(1);
  }
  31% {
    transform: scaleY(0.1);
  }
  32% {
    transform: scaleY(1);
  }
  60% {
    transform: scaleY(1);
  }
  61% {
    transform: scaleY(0.1);
  }
  62% {
    transform: scaleY(1);
  }
  63% {
    transform: scaleY(0.1);
  }
  64% {
    transform: scaleY(1);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hideEditMinOrderValue {
  display: none;
}
.tooltip-button {
  background: transparent;
  border: none;
  width: 26px;
  padding-top: 0;
  padding-bottom: 0;
  outline: 0;
}
#common-modal .message-placeholders {
  display: none;
}
#common-modal .modal-dialog {
  width: auto;
  padding: 0 20px;
}
/* sortableInputList */
.sortable-input-list .add {
  cursor: pointer;
}
.sortable-input-list .sort {
  cursor: move;
}
.sortable-input-list textarea {
  resize: none;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group > select:first-child + .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group > select:last-child + .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-btn.middle .form-group,
.input-group-btn.middle .form-control,
.input-group-btn.right .form-group,
.input-group-btn.right .form-control {
  width: auto;
  height: auto;
  margin-left: -1px;
}
.input-group-btn.right .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-btn.middle .btn {
  border-radius: 0;
}
.input-group-btn > .form-group {
  margin-bottom: 0;
}
.input-group-btn > .form-group .help-block {
  display: none;
}
.input-group-btn .bootstrap-select {
  z-index: auto !important;
}
/* autocompleteSelect */
.select2-result-item {
  position: relative;
  padding-top: 4px;
  padding-bottom: 3px;
}
.select2-result-item__image {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.select2-result-item__image img {
  width: 100%;
}
.select2-result-item__image + .select2-result-item__meta {
  margin-left: 70px;
}
.select2-result-item__title {
  color: #000;
  font-weight: bold;
  word-wrap: break-word;
  line-height: 1.1;
  margin-bottom: 4px;
}
.select2-results__option--highlighted .select2-result-item__title {
  color: #fff;
}
.select2-result-item .matchingAttribute {
  position: absolute;
  top: 0;
  right: 0;
  color: #777;
  font-size: 12px;
}
.select2-results__option--highlighted .select2-result-item .matchingAttribute {
  color: #fff;
}
/* textInputWithSelect */
.text-input-with-select .input-group-btn + input {
  margin-left: -1px;
}
.text-input-with-select input + .input-group-btn .btn {
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.text-input-with-select .input-group-btn .btn {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
/* Product CMS: media tab */
.left-spacing {
  margin-right: 1rem;
}
.media-table-image,
.media-table-video,
.media-table-document,
.crossSelling-table-product {
  width: 100%;
}
.media-row-image.cloneable,
.media-row-video.cloneable,
.media-row-document.cloneable,
.crossSelling-row-product.cloneable {
  display: none;
}
.media-row-image,
.media-row-video,
.media-row-document,
.crossSelling-row-product {
  cursor: move;
}
.media-row-image td,
.media-row-video td,
.media-row-document td,
.crossSelling-row-product td {
  vertical-align: middle !important;
}
.media-row-image .thumbnail-column {
  width: 1%;
}
.media-row-image .thumbnail {
  width: 125px;
  margin: 0;
}
label.btn-default > input[type="file"] {
  display: none;
}
.mainImage-td,
.sort-td,
.remove-td {
  width: 5%;
}
.sort,
.remove {
  color: #000;
}
/*.sort {
    cursor: move;
}*/
/* Product CMS: category tab */
.category-change-warning {
  display: none;
}
/* Product fixation */
.product-fixation-header {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.product-fixation-header .btn {
  line-height: 24px;
  margin-left: 20px;
}
/* Product listing */
.product-list {
  margin-bottom: 0;
}
/* Product CMS: Logistics tab */
.table > tbody + tbody {
  border-top: none;
}
.logistics-table .message {
  display: none;
  color: #777;
}
.warehouse-row td {
  vertical-align: middle !important;
}
.product-list td {
  vertical-align: middle !important;
}
.fixation-legend {
  display: inline-block;
  float: right;
}
.fixation-legend .fixation-status {
  margin-top: -2px;
  margin-right: 4px;
}
.fixation-status,
.product-list .approval-status:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.product-list .approval-status.check:before {
  background-color: #f0ad4e;
}
.product-list .approval-status.approved:before {
  background-color: #5cb85c;
}
.product-list .approval-status.unapproved:before {
  background-color: #d9534f;
}
.fixation-status {
  border: 1px solid #333;
  padding: 0;
}
.fixation-status:before {
  display: block;
  width: auto;
  height: auto;
  font-size: 9px;
}
.fixation-status.price:before {
  content: 'P';
}
.fixation-status.stock:before {
  content: 'B';
}
.fixation-status.data:before {
  content: 'D';
}
.product-list a:hover {
  text-decoration: none;
}
.product-list .product-thumbnail img {
  max-width: 75px;
}
.product-list .fixation-dropdown {
  color: #333;
  cursor: pointer;
  width: auto;
}
.product-list .fixation-dropdown:after {
  display: none;
}
.product-list .fixation-dropdown + .dropdown-menu {
  left: auto;
  right: 0;
}
.pagination-wrapper form {
  display: flex;
}
.pagination-wrapper .pagination-middle {
  display: flex;
  padding: 0 10px;
  margin-bottom: 1rem;
  align-items: center;
}
.pagination-wrapper .pagination-middle input {
  width: 3rem;
  margin: 0.25rem;
}
.fa-checked-invoice.fa-minus {
  color: red;
}
.fa-checked-invoice.fa-check {
  color: green;
}
.paymentLogo {
  padding: 0.3rem 0.6rem;
  background: #ecedef;
  background: linear-gradient(to bottom, #ffffff 0%, #ecedef 100%);
  border: 1px solid #808080;
  display: inline-block;
  vertical-align: middle;
  max-width: 60px;
}
.icon-cash_payment {
  content: url("../../img/pmo-cash_payment.png");
}
.icon-invoice {
  content: url("../../img/klarna-invoice.png");
}
.icon-mastercard {
  content: url("../../img/pmo-mastercard.png");
}
.icon-paypal {
  content: url("../../img/pmo-paypal.png");
}
.icon-paypal_simple {
  content: url("../../img/pmo-paypal.png");
}
.icon-paypal_express_checkout {
  content: url("../../img/pmo-paypal.png");
}
.icon-sofort_banking {
  content: url("../../img/pmo-sofort_banking.png");
}
.icon-visa {
  content: url("../../img/pmo-visa.png");
}
.icon-prepayment {
  content: url("../../img/pmo-prepayment.png");
}
.icon-card {
  content: url("../../img/pmo-card.png");
}
.icon-sofort {
  content: url("../../img/klarna-sofort.png");
}
.icon-applepay {
  content: url("../../img/apple-pay.png");
}
.icon-googlepay {
  content: url("../../img/google-pay.png");
}
.icon-post_pay {
  content: url("../../img/post-pay.png");
}
/* Product CMS: Cross selling tab */
.products-section .panel {
  margin-top: 23px;
}
.oddTableRow {
  background-color: #F3FFFF;
}
.backend-category-info {
  float: right;
  vertical-align: middle;
  line-height: 20px;
  font-size: 18px;
}
.pharmaTable {
  border-collapse: collapse;
  table-layout: fixed;
}
.plcWaitSpinner {
  height: 10%;
  width: 100%;
  content: "";
  background: url("../../img/spinner_logo.gif") no-repeat center;
  background-size: 20%;
}
#sendOrderValidation.modal .modal-dialog {
  width: 600px;
}
.phone-section {
  display: -ms-flexbox;
  display: flex;
}
.phone-section div:not(:last-child) {
  margin-right: 10px;
}
.phone-section .phone-country-code,
.phone-section .phone-prefix {
  min-width: 70px;
  flex-basis: 15%;
}
.phone-section .phone-number {
  flex-basis: 70%;
  min-width: 110px;
}
.phone-section .has-feedback .form-control {
  padding-right: 12px;
}
#marketplace-category .delimiter:last-child {
  display: none;
}
table.noTopBorder td {
  border-top: none !important;
}
.red {
  color: red;
}
.green {
  color: green;
}
.description-field .help-block {
  display: none;
}
.description-field.has-error .help-block {
  display: block;
}
.table-merchant-payment {
  table-layout: fixed;
  word-wrap: break-word;
}
.table-row-odd {
  background-color: #f9f9f9;
}
.calendarpicker {
  position: relative;
  z-index: 1;
}
.order-overview .material-icons {
  font-size: 18px;
  margin-right: 6px;
}
.order-overview .material-icons.orders-sent {
  color: #66db3b;
}
.order-overview .material-icons.delayed-orders {
  color: #0067ee;
}
.order-overview .material-icons.orders-returned {
  color: black;
}
.order-overview .material-icons.order-canceled {
  color: #f2b221;
}
.order-overview .material-icons.is-order-delayed {
  color: #a94442;
}
.order-overview .material-icons.process-order-today {
  color: #e79200;
}
.order-flags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -4rem;
}
.order-flags .flag {
  margin-right: 1rem;
  white-space: nowrap;
  width: 230px;
  margin-bottom: 10px;
}
.order-flags .flag label input {
  top: -1px;
}
.order-flags .flag label div {
  display: flex;
  align-items: center;
}
.filter-collapse-btn > span {
  display: flex;
  align-items: center;
}
.filter-collapse-btn .more-filters {
  display: none;
}
.filter-collapse-btn.collapsed .less-filters {
  display: none;
}
.filter-collapse-btn.collapsed .more-filters {
  display: flex;
}
.agb-label {
  float: left;
  margin-right: 30px;
  font-weight: normal;
}
table .border-top {
  border-top: 1px solid #ddd;
}
table .border-bottom {
  border-bottom: 1px solid #ddd;
}
.minus-price {
  color: #d2001a;
}
.total-tax-values {
  margin-top: 25px;
}
.order-listing thead tr {
  font-weight: bold;
}
.order-listing .delayed {
  background-color: #f2dede;
}
.order-listing .delayed i {
  color: #a94442;
}
.order-listing .to-be-done-today {
  background-color: #fcf8e3;
}
.order-listing .to-be-done-today i {
  color: #e79200;
}
.order-listing table .text-end {
  text-align: end;
}
.order-listing table .sub-total {
  width: 190px;
}
.order-listing .table-status-container {
  display: flex;
  flex-direction: column;
}
.order-listing .table-status-container .table-status {
  display: flex;
  align-items: center;
}
.order-filtering .row {
  display: flex;
}
.order-filtering .order-status-container {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.order-filtering .filter-button-container {
  display: flex;
  justify-content: center;
}
.order-filtering .filter-button-container .btn + .btn {
  margin-left: 10px;
}
.order-filtering .search {
  display: flex;
  flex-direction: column;
}
.order-filtering .search .status {
  flex-grow: 10;
  margin-bottom: 15px;
}
.order-filtering .search .status .alert {
  margin: 5px;
  display: flex;
  flex: 1 1 0;
  font-size: 15px;
  max-width: 33%;
}
.order-filtering .search .status .alert .message {
  flex: 2;
  margin-right: 5px;
}
.order-filtering .search .status .alert .cta {
  flex: 1;
  text-align: right;
}
.break-word {
  word-break: break-word;
}
#ot-sdk-btn {
  margin-top: 10px;
}
.text-decoration-line-through {
  text-decoration: line-through;
}
body {
  font-size: 14px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    top: 0;
    width: 250px;
    margin-top: 56px;
  }
  .sidebar .collapse.in:not(.show) {
    display: block !important;
  }
  .sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
    display: block;
    width: 100%;
  }
  .sidebar ul li a {
    display: block;
    color: #337ab7;
    text-decoration: none;
    padding: 10px 15px;
  }
  .sidebar ul li a.active {
    background-color: #eeeeee;
  }
  .sidebar .nav-second-level li,
  .sidebar .nav-third-level li {
    border-bottom: none !important;
  }
  .sidebar .nav-second-level li a {
    padding-left: 37px;
  }
  .sidebar .nav-third-level li a {
    padding-left: 52px;
  }
}
.hidden {
  display: none;
}
a {
  text-decoration: none;
}
#minOrdValCB .btn-group {
  padding: 5px;
}
.card {
  margin-bottom: 20px;
}
.list-group-item {
  background-color: #fff;
  border: 1px solid #ddd;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 0.125rem 0.25rem;
  font-size: 0.75rem;
  border-radius: 0.2rem;
}
.btn-outline-secondary {
  background: #fff;
  color: #000;
}
.tooltip-button {
  margin-left: 5px;
}
.form-group {
  margin-bottom: 15px;
}
label {
  margin-bottom: 5px;
  font-weight: 700;
}
.form-control[readonly] {
  background-color: #eee;
  opacity: 1;
}
.bg-light-green {
  background-color: #dff0d8;
}
.form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right;
}
.checkbox label input {
  margin-right: 5px;
}
li.checkbox {
  display: block;
}
.badge a {
  color: #fff;
  text-decoration: none;
}
#ui-datepicker-div {
  z-index: 10000 !important;
}
.merchant-admin-contract-data .merchant-modified-date {
  margin-left: 5px;
}
.merchant-admin-contract-data .table-row {
  display: table;
  width: 100%;
}
.merchant-admin-contract-data .plcInputsGroup {
  display: none;
}
.merchant-admin-contract-data .plcActivationCheckboxContainer {
  min-width: 65px;
  text-align: center;
}
.merchant-admin-contract-data .division {
  display: table-cell;
  vertical-align: middle;
}
.merchant-admin-contract-data .division:first-child {
  padding-right: 10%;
  width: 1px;
  white-space: nowrap;
}
.merchant-admin-contract-data .division:last-child {
  padding-left: 10%;
  float: right;
}
.marketplaceAdminContractData table.noTopBorder td {
  border-top: none !important;
}
.marketplaceAdminContractData table.noTopBorder th {
  border-top: none !important;
}
.marketplaceAdminContractData .plcInputsGroup {
  display: none;
}
.template-editor .template-preview {
  position: relative;
  border: 1px solid #ddd;
}
.template-editor .template-preview.loading {
  background: none;
}
.template-editor .template-preview.loading::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../../img/spinner_logo.gif") no-repeat center;
  background-size: 50px;
  background-color: rgba(255, 255, 255, 0.8);
}
.template-editor .template-preview iframe {
  width: 100%;
  border: none;
}
.template-editor textarea {
  resize: vertical;
}