/* for shared assets for checkout & backoffice */

/* 
Using SCSS for the styles got too complicated,
see https://firstchoicepos.atlassian.net/wiki/spaces/POS/pages/484081667/assets+-+use+relative+path
*/

/* image backgrounds */
.background-cardboard {
  background: url(./images/PanelBackgrounds/CardBoard.jpg);
}

.background-corkboard {
  background: url(./images/PanelBackgrounds/cork.jpg);
  background-size: 100px;
  background-repeat: repeat;
}

.background-sunshine {
  background: url(./images/PanelBackgrounds/sunshine.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.background-paper {
  background: url(./images/PaperBackground/paper-side.png), url(./images/PaperBackground/paper-content.png);
}

.background-earth {
  background-image: url("./images/earth.png"),
    linear-gradient(to right bottom, #6978fd, #7d61fa, #725bda, #5742d1, #532baf);
}

.background-logo-light {
  background: url("./images/background-logo-light.png");
}

.background-logo-bg-gradient {
  background-image: linear-gradient(#ffffffe6, #e6f3fae6), url(./images/background-logo-light.png);
  background-repeat: repeat;
}

.background-logo-gradient {
  background-image: linear-gradient(to right, rgba(125, 185, 232, 0.15) 0%, rgba(125, 185, 232, 0.15) 100%),
    url(./images/background-logo-light.png);
}

.background-fcm-pattern {
  background: url(./images/FC-Pattern-Extra-Light.png);
  background-size: 180px;
}

.logo-fc {
  background: url(./images/logo-fc.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 767px) {
  .logo-fc-sm {
    background: url(./images/Icon-lg-with-padding.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.image-lock {
  background: url(./images/lock.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.image-bird {
  background: url(./images/welcome-page-birds.svg) left / auto 100%;
}