.field.frontendupload {
  max-width: 480px;
}

#filter-form [class*="uk-icon-angle"] {
  font-size: 22px;
  vertical-align: sub;
  margin-left: 10px;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}

#MarketplaceProductPage .field.checkbox, #MarketplaceServicePage .field.checkbox, #MarketplaceShopPage .field.checkbox {
  margin-top: 0;
  margin-bottom: 5px;
}
#MarketplaceProductPage .field.level-2, #MarketplaceServicePage .field.level-2, #MarketplaceShopPage .field.level-2 {
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
#MarketplaceProductPage [class*="uk-icon-angle"], #MarketplaceServicePage [class*="uk-icon-angle"], #MarketplaceShopPage [class*="uk-icon-angle"] {
  width: 14px;
  height: 24px;
  float: right;
  cursor: pointer;
}
#filter-form .opened [class*="uk-icon-angle"] {
  transform: rotate(0deg);
}
#filter-form .closed [class*="uk-icon-angle"] {
  transform: rotate(180deg);
}
/*#filter-form .level-2.opened {
  display: inline-block;
}
#filter-form .level-2.closed {
  display: none;
}*/

#MarketplaceProductPage #Form_AddService fieldset, #MarketplaceServicePage #Form_AddService fieldset {
  width: 67%;
}
#MarketplaceProductPage #Form_AddService .Actions, #MarketplaceServicePage #Form_AddService .Actions {
  width: 28%;
  margin-left: 2%;
}
#MarketplaceProductPage .MarketplaceProduct.Service, #MarketplaceServicePage .MarketplaceProduct.Service {
  padding-bottom: 0 !important;
}

#MarketplaceServiceAccountPage .ServiceRequest, #GlobalOrderAndServiceAccountPage .ServiceRequest {
  position: relative;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
}
#MarketplaceServiceAccountPage .ServiceRequest .image {
  margin-right: 10px;
  float: left;
}
#MarketplaceServiceAccountPage .forum .image {
  float: left;
}
#MarketplaceServiceAccountPage .forum .image img {
  border-radius: 50%;
}
#MarketplaceServiceAccountPage .forum .right .image {
  float: right;
}
#MarketplaceServiceAccountPage .forum .content {
  padding: 5px 0;
}
#MarketplaceServiceAccountPage .forum .forum-post {
  overflow: hidden;
}
#MarketplaceServiceAccountPage .forum .content .forum-user {
  margin-left: 90px;
  margin-right: 90px;
  margin-bottom: 5px;
}
#MarketplaceServiceAccountPage .forum .content .forum-post-content {
  margin-left: 90px;
  margin-right: 90px;
  padding: 5px 10px;
}
#MarketplaceServiceAccountPage .send,  #GlobalOrderAndServiceAccountPage .send{
  color: darkgrey;
}
#MarketplaceServiceAccountPage .status span, #GlobalOrderAndServiceAccountPage .status span {
  background: #41b6fb;
  display: inline-block;
  padding: 0.3em 0.4em 0.1em;
  border-radius: 6px;
  color: #fff;
  font-size: 0.9em;
  margin-bottom: 10px;
  min-width: 120px;
  text-align: center;
}

#MarketplaceServiceAccountPage .status .label.action {
  cursor: pointer;
}
#MarketplaceServiceAccountPage .status .label-Draft,
#MarketplaceServiceAccountPage .Merchant .status .label-Waiting,
#MarketplaceServiceAccountPage .label-PayBig,
#GlobalOrderAndServiceAccountPage .status .label-Draft,
#GlobalOrderAndServiceAccountPage .Merchant .status .label-Waiting,
#GlobalOrderAndServiceAccountPage .label-PayBig {
  background: #ed462f;
}
#MarketplaceServiceAccountPage .status .label-Paid,
#MarketplaceServiceAccountPage .Merchant .status .label-Accepted,
#GlobalOrderAndServiceAccountPage .status .label-Paid,
#GlobalOrderAndServiceAccountPage .Merchant .status .label-Accepted {
  background: #f8bc58;
}
#MarketplaceServiceAccountPage .Merchant .label-Paid,
#MarketplaceServiceAccountPage .status .label-Accepted,
#MarketplaceServiceAccountPage .status .label-Accept,
#GlobalOrderAndServiceAccountPage .Merchant .label-Paid,
#GlobalOrderAndServiceAccountPage .status .label-Accepted,
#GlobalOrderAndServiceAccountPage .status .label-Accept {
  background: #7ed957;
}
#MarketplaceServiceAccountPage .status .label-Refuse, #MarketplaceServiceAccountPage .status .label-Cancel {
  background: none;
  color: darkgrey;
  margin-left: 10px;
  text-align: left;
}
#MarketplaceServiceAccountPage .status .label-Canceled,
#MarketplaceServiceAccountPage .status .label-Refused {
  background: #a6a6a6;
}
#MarketplaceServiceAccountPage .status .label-Message {
  background: #004aad;
}
#MarketplaceServiceAccountPage .status .label-Delete, #MarketplaceServiceAccountPage .status .label-Deleted {
  background: #ed462f;
}
#MarketplaceServiceAccountPage .status .label-Pay {
  background: none;
  color: red;
  text-decoration: underline;
  margin-left: 10px;
  text-align: left;
}

#MarketplaceServiceAccountPage #Form_PostMessageForm_Content_Holder {
  margin: 0 !important;
}

#MarketplaceServiceAccountPage ul.forum {
  list-style: none;
  padding: 0;
}

#MarketplaceServiceAccountPage #Form_AcceptServiceForm {
  display: none;
}

/*#MarketplaceServiceAccountPage #Form_AcceptForm .field {
  margin-bottom: 5px;
}
#MarketplaceServiceAccountPage #Form_AcceptForm label {
  display: inline-block;
}
#MarketplaceServiceAccountPage #Form_AcceptForm .middleColumn {
  display: inline-block;
  margin-left: 10px;
}*/

#MarketplaceProductPage .no-margin-children > *, #MarketplaceServicePage .no-margin-children > * {
  margin: 0;
}

/* [JD-2019.03.15] #721 Add product labels. */
/*#MarketplaceProductPage .Labels, #MarketplaceServicePage .Labels {
  position: absolute;
  top: 235px;
}
#MarketplaceProductPage .Labels div, #MarketplaceServicePage .Labels div {
  display: inline-block;
}
#MarketplaceProductPage .Labels img, #MarketplaceServicePage .Labels img {
  height: 30px;
}*/

/* [JD-2019.03.20] #1709/#1683/#591 Add versions of product. */
#MarketplaceProductPage form.AddProduct {
  float: right;
  width: 103%;
  max-width: 300px;
}
#MarketplaceProductPage form.AddProduct.NoVersion fieldset {
  display: inline-block !important; width: 50px !important;
}
#MarketplaceProductPage form.AddProduct.NoVersion .Actions {
  width: calc(100% - 65px) !important;
}
#MarketplaceProductPage form.AddProduct.Versions fieldset {
  display: block !important; width: 100% !important;
  margin-bottom: 5px;
}
#MarketplaceProductPage form.AddProduct.Versions .Actions {
  display: block !important; width: 97% !important;
}
#MarketplaceProductPage form.AddProduct.Versions .field.accounting {
  display: inline-block !important; width: 50px !important;
}
#MarketplaceProductPage form.AddProduct.Versions .field.dropdown {
  display: inline-block !important; width: calc(100% - 54px - 3%) !important;
}
#MarketplaceProductPage form.AddProduct.Versions .parsley-errors-list {
  display: none;
}

.button-action {
  margin:5px;
}

.price-before-discount {
  position: relative;
  font-size: 1em !important;
  color: #808080 !important;
}
.price-before-discount:after {
  content: "";
  display: inline;
  background: #ff7306;
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 9px;
  left: 0;
}

/* [JD-2019.06.19] #1926 Don't crop Product vignette */
.MarketplaceProduct.vignette .Avatar {
  position: relative;
  width: 100%;
  height: 220px;
}

.MarketplaceProduct.vignette .Avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 220px;
  min-height: unset !important;
  width: auto;
}

.MarketplaceProduct.vignette .action {
  font-size: 11px;
}

.shadow-box {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.1);
  background: white !important;
  border: 1px solid #dddddd !important;
  border-radius: 4px !important;

  max-width: 873px;
  border-radius: 4px;
  background: #F9F8F8;
  margin-bottom: 30px !important;
}

.AddBasketsProduct {
  max-width: 445px !important;
  padding: 0 20px !important;
}
.AddBasketsProduct button.mfp-close {
  display: none;
}

#filter-form .Actions {
  margin-bottom: 0;
  text-align: center;
}
#filter-form .Actions input {
  margin-bottom: 0;
  float: unset;
}

.icon-shopping-cart {
  position: absolute;
  top: 50%;
  left: 5px;
  border: 2px solid white;
  font-size: 11px;
  line-height: 16px;
  padding: 0;
  min-width: 20px;
  font-family: Arial;
}

#MarketplaceShopPage .Openings, #MarketplaceShopPage .PhoneNumber, #MarketplaceShopPage .Email,
#MarketplaceProductPage .MarketplaceShop .Openings, #MarketplaceProductPage .MarketplaceShop .PhoneNumber, #MarketplaceProductPage .MarketplaceShop .Email {
  font-size: 13px;
}
#MarketplaceShopAppointmentAccountPage dt {
  padding-bottom: 0.75rem;
}
#MarketplaceShopAppointmentAccountPage .controls {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}
#MarketplaceShopAppointmentAccountPage .controls > * {
  padding-left: 0.5rem;
}
#MarketplaceShopAppointmentAccountPage .controls > *:first-child {
  padding-left: 0;
}
#MarketplaceShopAppointmentAccountPage .appointment.accepted{
  background-color: #ecf9d0
}
#MarketplaceShopAppointmentAccountPage .appointment.deleted{
  background-color: #f9d0d0;
}
#MarketplaceShopAppointmentAccountPage .appointment .actions.hidden {
  display: none;
}
#MarketplaceShopAppointmentAccountPage .appointment {
  display: grid;
  align-items: center;
  grid-template-columns: 90px repeat(4,1fr);
  grid-gap: 1rem;
  grid-template-areas: "avatar details details details . "
                      "avatar member member . ."
                      "reason reason reason reason reason"
                      "RefusedMessage RefusedMessage RefusedMessage RefusedMessage RefusedMessage"
                      "actions actions actions actions actions";
  margin: 1.5rem 0 1.5rem 0;
}
@media (max-width: 576px) {
  #MarketplaceShopAppointmentAccountPage .appointment {
    grid-template-columns: 90px 1fr;
    grid-template-areas:
                        "avatar member"
                        "details details"
                        "reason reason"
                        "RefusedMessage RefusedMessage"
                        "actions actions";
  }
  #MarketplaceShopAppointmentAccountPage .appointment .actions{
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #MarketplaceShopAppointmentAccountPage .appointment .actions > *:not(:last-child){
    margin-bottom: .75rem;
  }
  #MarketplaceShopAppointmentAccountPage .appointment .actions > *{
    padding: 1rem;
  }
  #MarketplaceShopAppointmentAccountPage .appointment button{
    font-size: 14px;
  }
  #MarketplaceShopAppointmentAccountPage .appointment > .details {
    justify-self: center;
    margin: 1rem 0 1rem 0;
  }
}
#MarketplaceShopAppointmentAccountPage .appointment > .actions {
  grid-area: actions;
  justify-self: end;
}
#MarketplaceShopAppointmentAccountPage .appointment > .details {
  grid-area: details;
  font-size: 1.5em;
  font-weight: 600;
}
#MarketplaceShopAppointmentAccountPage .appointment > .member {
  grid-area: member;
  font-weight: 600;
}
#MarketplaceShopAppointmentAccountPage .appointment > .reason {
  grid-area: reason;
}
#MarketplaceShopAppointmentAccountPage .appointment > .RefusedMessage {
  grid-area: RefusedMessage;
}
#MarketplaceShopAppointmentAccountPage .appointment > .contacts {
  grid-area: contacts;
}
#MarketplaceShopAppointmentAccountPage .appointment > img {
  grid-area: avatar;
}

@media (max-width: 768px) {
  #MarketplaceServicePage #Form_AddService .Actions {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .MarketplaceProduct.inline .Title {
    font-size: 90%;
    line-height: 14px;
    padding-right: 50px;
  }
  .MarketplaceProduct.inline .Title a[href] {
    display: none !important;
  }
  .MarketplaceProduct.inline .Quantity {
    width: 50px !important;
    height: 50px !important;
    top: 5px !important;
  }
  .MarketplaceProduct.inline .Quantity input {
    font-size: 14px;
  }
}