body {
  height: 100%;
  background: whitesmoke; }

.mobile {
  display: none !important;
  background: #fff;
  z-index: 999 !important; }
  .mobile.logo {
    background-image: url("../img/m_logo.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 60px auto !important;
    padding: 0 !important; }
  .mobile > .menu {
    margin: 0 !important; }

.open-menu {
  background-color: white !important;
  width: 40px; }

.mobile-search {
  display: none;
  margin: 2rem 0 !important; }
  .mobile-search:first-child {
    margin-top: 0 !important; }

.tablet-search {
  display: none; }

.wd.mobile.sidebar {
  position: fixed;
  width: 0;
  height: calc(100% - 51px);
  bottom: 0;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  overflow: hidden;
  transition: width .3s ease-in-out;
  z-index: 999; }
  .wd.mobile.sidebar .menu .item {
    min-width: 200px; }
    .wd.mobile.sidebar .menu .item.text {
      color: gray !important; }
  .wd.mobile.sidebar.open {
    width: 200px; }

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998; }
  .overlay.on {
    display: block; }

body > .container {
  min-height: 100%;
  padding: 140px 0 0; }

.container > .grid {
  min-height: 100%; }

.tab.segment {
  margin: 0 !important; }

pre {
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size: 16px !important; }

.tos ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 25px; }

.register .terms {
  list-style-type: none;
  padding: 0; }
  .register .terms ul {
    padding: 0 25px;
    list-style-type: none; }
  .register .terms li {
    margin: 8px 0; }

.bold {
  font-weight: bold; }

.underline {
  text-decoration: underline; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.splitter {
  margin: 0 5px; }

.y-splitter {
  margin: 5px 0; }

.welcome.message {
  position: fixed !important;
  bottom: 0px !important;
  right: 0px !important;
  z-index: 100 !important;
  margin: 30px !important; }

.hidden {
  display: none !important; }

.text-center {
  text-align: center !important; }

.large.top.margin {
  margin: 30px 0 0 !important; }

.logo {
  padding: 12px !important;
  border: none !important; }

.label.important {
  top: -.35em !important;
  margin: 0 0 0 -.6em !important; }

.right.menu > .item {
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin: 3px 0; }

.item::before {
  all: unset !important; }

.ui.five.doubling.cards {
  margin: 0 !important; }

.signature {
  padding: 0 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#canvas {
  cursor: crosshair; }

@media only screen and (max-width: 767px) {
  .ui.modal > .signature.content {
    display: block;
    padding: 0 !important; } }
#canvas {
  vertical-align: bottom;
  background-color: whitesmoke; }

video {
  width: 100%    !important;
  height: auto   !important; }

/*
.image {
  max-width: 150px !important;
  height: 150px !important;
  max-height: 150px !important;
  border-radius: 5px !important;
  overflow: hidden;
}

.image .thumb {
  max-width: 100%;
  max-height: 150px;
}*/
.ui.star.rating .active.icon {
  background: 0 0 !important;
  color: #F59F17 !important;
  text-shadow: 0 -1px 0 #E69100, -1px 0 0 #E69100, 0 1px 0 #E69100, 1px 0 0 #E69100 !important; }

.ui.card > .content > .header {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

select.selection {
  cursor: pointer !important;
  word-wrap: break-word !important;
  line-height: 1em !important;
  white-space: normal !important;
  outline: 0 !important;
  -webkit-transform: rotateZ(0) !important;
  transform: rotateZ(0) !important;
  min-width: 0 !important;
  min-height: 2.5em !important;
  background: #fff !important;
  display: block;
  padding: .6em 2.1em .6em 1em !important;
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
  -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease !important;
  transition: width .1s ease,-webkit-box-shadow .1s ease !important;
  transition: box-shadow .1s ease,width .1s ease !important;
  transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease !important; }
  select.selection.fluid {
    width: 100%; }

select.compact.selection {
  cursor: pointer !important;
  word-wrap: break-word !important;
  line-height: 1em !important;
  white-space: normal !important;
  outline: 0 !important;
  -webkit-transform: rotateZ(0) !important;
  transform: rotateZ(0) !important;
  min-width: 0 !important;
  min-height: 2.5em !important;
  background: #fff !important;
  display: inline-block;
  padding: .6em 2.1em .6em 1em !important;
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
  -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease !important;
  transition: width .1s ease,-webkit-box-shadow .1s ease !important;
  transition: box-shadow .1s ease,width .1s ease !important;
  transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease !important; }

#image-previews {
  list-style-type: none;
  margin: 0;
  padding: 5px;
  width: 100%;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  background-color: whitesmoke;
  line-height: 0 !important; }

#image-previews li {
  overflow: hidden;
  padding: 5px !important;
  text-align: center !important;
  box-sizing: border-box; }
  #image-previews li:first-of-type img {
    border: 2px solid #ffa100; }
  #image-previews li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #ffa100;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 14px 14px;
    margin: 0;
    font-size: 17px; }
  #image-previews li:nth-child(1):before {
    content: '1';
    padding: 14px 9px; }
  #image-previews li:nth-child(2):before {
    content: '2';
    padding: 14px 9px; }
  #image-previews li:nth-child(3):before {
    content: '3';
    padding: 14px 9px; }
  #image-previews li:nth-child(4):before {
    content: '4';
    padding: 14px 9px; }
  #image-previews li:nth-child(5):before {
    content: '5';
    padding: 14px 9px; }

#image-previews li img {
  max-width: 100%;
  min-height: 100%;
  cursor: move;
  border-radius: 3px; }

.image-selector {
  margin-top: 1.8rem !important;
  padding: 0 .7rem 0 .7rem !important; }
  .image-selector .column {
    padding: .3rem !important; }
    .image-selector .column .pointing {
      padding: 0 !important;
      margin: 0 !important;
      box-sizing: border-box !important;
      border: 2px solid #ffa100; }
      .image-selector .column .pointing::before {
        background-color: orange !important;
        z-index: 0 !important;
        width: 1em !important;
        height: 1em !important; }
      .image-selector .column .pointing img {
        height: auto !important; }
  .image-selector img {
    border-radius: 3px !important;
    cursor: pointer; }

.form {
  text-align: left !important; }

.payment-method input[type='radio'] {
  position: absolute;
  display: none; }
  .payment-method input[type='radio']:checked ~ .payment-selector {
    background-color: #FFEDDE;
    border-color: #ffa100; }
  .payment-method input[type='radio']:checked ~ #issuers {
    display: inline-block !important; }
.payment-method .payment-selector {
  display: block;
  position: relative;
  cursor: pointer;
  border: 1px solid #DEDEDE;
  box-sizing: border-box;
  border-radius: .28571429rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 20px 20px 20px 75px; }
  .payment-method .payment-selector:hover {
    border: 1px solid #ffa100; }

.ideal {
  background-image: url("../img/icons/ideal.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 60px 60px; }

.sepa {
  background-image: url("../img/icons/sepa.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 45px 45px; }

.statuses {
  text-align: center !important; }
  .statuses h2 {
    font-weight: normal !important;
    margin: 5px !important; }

#completed {
  display: none; }

#expired {
  display: none; }

#failed {
  display: none; }

#cancelled {
  display: none; }

.ui.ordered.steps .step.completed:before, .ui.steps .step.completed > .icon:before {
  color: #ffa100 !important; }

.orders .content {
  overflow: hidden;
  max-width: 13rem;
  text-overflow: ellipsis; }

.openqr.link {
  width: 0 !important;
  right: 28px !important; }

.ui.icon.input > label.icon {
  cursor: pointer;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.67142857em;
  opacity: .5;
  border-radius: 0 .28571429rem .28571429rem 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .ui.icon.input > label.icon:hover {
    opacity: 1; }

label.large.icon, label.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em; }

label.icon {
  cursor: pointer;
  display: inline-block;
  opacity: 1;
  margin: 0 .25rem 0 0;
  width: 1.18em;
  height: 1em;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.ui.icon.input > label.icon:after, .ui.icon.input > label.icon:before {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -.5em; }

label.icon.qrcode:before {
  content: "\f029"; }

label.icon:before {
  background: 0 0 !important; }

.footer {
  background: white !important;
  text-align: center;
  margin: 25px 0 0 !important; }
  .footer .logo {
    height: 50px;
    width: auto;
    padding: 0 !important; }

@media screen and (max-width: 992px) {
  .desktop {
    display: none !important; }

  .mobile {
    display: block !important; }

  .tablet-search {
    display: block; }

  body > .container {
    padding: 65px 0 0; } }
@media screen and (max-width: 768px) {
  .mobile-search {
    display: block; }

  .tablet-search {
    display: none; } }

/*# sourceMappingURL=master.css.map */
.ui.card>.image, .ui.cards>.card>.image {
  flex: 0 0 auto !important;
  position: relative !important;
  text-align: center !important;
  overflow: hidden !important;
  width: 100% !important;
  padding-top: 100% !important;
  background-color: #fff;
}

.ui.card>.image>img, .ui.cards>.card>.image>img {
  position: absolute !important;
  width: 100% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.ui.card>.image>div.label {
  position: absolute;
  background-color: #ffa100;
  padding: 4px 6px;
  color: #ffffff;
  top: 30px;
  left: 0;
}

.icon-green {
  color: #21ba45;
}

.icon-primary {
  color: #ffa100;
}