/*----------GENERAL START----------*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, input, form, label, textarea, img {margin: 0; padding: 0; border: 0;}



li {list-style: none;}



.clear {float:none; clear: both;}

.clearfix:after {

  content: ".";

  display: block;

  height: 0px;

  clear: both;

  visibility: hidden;

}



.nomargin {margin: 0 !important;}

.nopadding {padding: 0 !important;}

.noborder {border: 0 !important;}

.nobg {background: none !important;}



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

.alignRight {text-align: right !important;}

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

.alignJustify {text-align: justify !important;}



.floatLeft {float: left !important;}

.floatRight {float: right !important;}

.floatNone {float: none !important;}



input,

textarea,

select {

  color: #282828;

  font-family: 'Alegreya', sans-serif; font-size: 18px;

}

input:focus,

textarea:focus {outline: none;}

.submit input, input.submit {cursor: pointer;}

label {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



input, textarea {

  background: black;

  border: none;

  font-size: 18px;  font-weight: 400;

}

input {

  height: 35px;

  padding: 0 10px;

}



textarea {

  height: 135px;

  padding: 10px;

  resize: none;

}



body .btn:focus, body .btn:active, body .btn.active {

  box-shadow: none !important;

  outline: none !important;

}





html body {

  background: white;

  color: black;

  font-size: 18px;

}



body a {

  color: black;

  outline: none;

  text-decoration: none;

}

a:focus {outline: none !important;}



h1, h2, h3, h4, h5 {font-weight: bold;}

body h2,

body h3,

body h4,

body h5 {color: black;}



h1 {font-size: 22px;}

h2 {font-size: 18px;}

h3 {font-size: 16px;}

h4 {font-size: 14px;}



p, li, span, a {line-height: 20px;}

/*----------GENERAL END----------*/





/*----------HEADER START----------*/

.header {

  background-color: #59bb0a;

  left: 0; top: 0;

  text-align: center;
  
  position: absolute;

  width: 100%; line-height: 70px;

}

.logo {

  background: url(/makeup/images/logo.png) no-repeat;

  left: 15px; top: 5px;

  position: absolute;

  width: 203px; height: 60px;

}

.header h2 {

  color: white;

  font-size: 24px;

}

.shelf {

  background: #a6eb6f;

  border-radius: 10px;

  font-size: 24px;

  position: absolute;

  right: 15px; top: 12px;

}

.shelf p {

  float: left;

  line-height: 50px;

  padding: 0 20px;

}

.shelf__text {

  color: #3e3e3e;

}

.shelf__number {

  background: white;

  border-radius: 0 10px 10px 0;

  color: #a40c04;

  padding: 0 20px;

}

/*----------HEADER END----------*/





/*----------FOOTER START----------*/

.footer {

  background: #e0d3d3;

  left: 0; bottom: 0;
  
  position: absolute;

  padding: 0 20px;

  width: 100%;

}

.footer p {

  color: #222222;

  line-height: 50px;

}

.footer img {

  display: inline-block;

  margin-right: 10px;

  vertical-align: middle;

}

.footer.error p {

  color: red;

}

.footer i {

  font-size: 24px;

}

.footer.anim i {

  animation: 0.5s linear rotate-icon;

  -webkit-animation: 0.5s linear rotate-icon;

}



@keyframes rotate-icon {

  0% {

    transform: rotateY(0deg);

  }

  100% {

    transform: rotateY(359deg);

  }

}

@-webkit-keyframes rotate-icon {

  0% {

    -webkit-transform: rotateY(0deg);

  }

  100% {

    -webkit-transform: rotateY(359deg);

  }

}

/*----------FOOTER END----------*/





/*----------MAIN START----------*/

main.main {

  padding: 95px 15px 0 15px;

}

.page.main .actionitem {

  border-radius: 10px;

  box-sizing: border-box;

  float: left;

  margin: 0 0px 40px 0px;

  padding: 20px;

  position: relative;

  text-align: center;

  width: 650px;

}

.actionitem p {

  color: white;

  font-size: 24px;

}

.actionitem span {

  font-size: 18px;

}

.actionitem div {

  display: block;

  margin: 10px auto 0 auto;

}

.barcodelink {

  display: block;

  left: 0; top: 0;

  position: absolute;

  width: 100%; height: 100%;

}



.actionitem--blue {background: #0a6abb;}

.actionitem--yellow {background: #ad9e1f; float:right !important;}

.actionitem--purple {background: #bb0aa8;}

.actionitem--red {background: #ad1f1f; float:right !important;}

.actionitem--gray {background: #56504e;}

.actionitem--orange {background: #ff6c00; float:right !important;}

/*----------MAIN END----------*/





/*----------LIST START----------*/

.list__title {

  border-radius: 10px;

  color: white;

  margin-bottom: 10px;

  overflow: hidden;

  padding: 10px;

}

.list__title .pull-left {

  font-size: 24px;

  padding-top: 10px;

}

.list__title .pull-left span {

  display: block;

  font-size: 18px;

  margin-top: 5px;

}

.list__title #megszakitas {

  float: right;

}

.list__title .pull-right {

  font-size: 14px;

  position: relative;

  text-align: center;

}

.list__title .pull-right a {

  display: block;

  left: 0; top: 0;

  position: absolute;

  width: 100%; height: 100%;

}

.list__title img {

  display: block;

  height: 45px;

}



.pull-left {

  float: left !important;

}

.pull-right {

  float: right !important;

}



.list__item {

  border: 1px solid transparent;

  border-radius: 10px;

  margin-bottom: 10px;

  overflow: hidden;

  padding: 10px 15px;

  text-align: center;

}

.list__item .pull-left,

.list__item .pull-right {

  font-size: 14px;

}

.list__item .pull-left {

  color: #ff0000;

}

.list__item .pull-right {

  color: #1f7d06;

}



.list__item img {

  height: 45px;

}

.list__item--number {

  border-radius: 10px;

  color: white;

  display: inline-block;

  width: 185px; line-height: 30px;

}



.anyagki .list__title,

.anyagki .list__item--number {

  background-color: #0a6abb;

}

.anyagki .list__item {

  border-color: #0a6abb;

}

.anyagki .list__item {

  color: #0a6abb;

}



.anyagvissza .list__title,

.anyagvissza .list__item--number {

  background-color: #ad9e1f;

}

.anyagvissza .list__item {

  border-color: #ad9e1f;

}

.anyagvissza .list__item {

  color: #ad9e1f;

}



.raktarbavesz .list__title,

.raktarbavesz .list__item--number {

  background-color: #bb0aa8;

}

.raktarbavesz .list__item {

  border-color: #bb0aa8;

}

.raktarbavesz .list__item {

  color: #bb0aa8;

}



.visszarecepciora .list__title,

.visszarecepciora .list__item--number {

  background-color: #ad1f1f;

}

.visszarecepciora .list__item {

  border-color: #ad1f1f;

}

.visszarecepciora .list__item {

  color: #ad1f1f;

}

/*----------LIST END----------*/

#siteholdercontainer {
  width:1366px;
  height:768px;
  position:absolute;
  top:0px;
  left:0px;
  transform-origin:0px 0px;
  -webkit-transform-origin:0px 0px;
  overflow:hidden;
}

body, html{
  overflow:hidden;
}

.actionreadyPage h2{
  text-align:center;
  font-size:24px;
  color:#1f7d06;
}

.actionreadyPage h3{
  font-size:20px;
  text-align:center;
  margin:20px 0px 20px 0px
}

.actionreadyPage table{
  width:1000px;
  margin:auto;
}

.numtd{
  width:100px;
}

.actionreadyPage table{
  background: #1f7d06;
  border-radius: 10px;
  padding:3px;
}

.actionreadyPage table td{
  padding:10px;
}

.actionreadyPage table tr{
  background: #F0FFE2;
}

.actionreadyPage table tr:nth-child(2n){
  background: #DEFDD4;
}

.actionreadyPage .margin{
  margin-left:30px;
}

.actionreadyPage #backtohome{
  margin:auto;
  margin-top:20px;
}

.actionreadyPage .backtohometext{
  text-align:center;
}

.placeinfoarrows{
  text-align:center;
  font-size:34px;
  line-height:50px;
  margin:25px;
}

.anyagvissza .list__item,  .raktarbavesz .list__item {
  height:70px;
}

.placemsginfo{
  color: green;
}

.placemsginfo.error{
  color: red;
}

.mintaki .list__title,

.mintaki .list__item--number {

  background-color: #56504e;

}

.mintaki .list__item {

  border-color: #56504e;

}

.mintaki .list__item {

  color: #56504e;

}

.mintavissza .list__title,

.mintavissza .list__item--number {

  background-color: #ff6c00;

}

.mintavissza .list__item {

  border-color: #ff6c00;

}

.mintavissza .list__item {

  color: #ff6c00;

}