/*body {
  background: #ffffff; 
  color: #414141;
  font: 400 17px/2em 'Source Sans Pro', sans-serif;
}*/

#size-show {
    clear: both;
    position: fixed;
    background-color: white;
    font-size: 1em;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.2);
    left: 50%;
    margin-left: -170px;
    padding: 10px;
    top: 40px;
    max-width: 320px;
    width: 100%;
    max-height: 500px;
    z-index: 9991;
    overflow-y: scroll;
    opacity: 0.9;
    scrollbar-width: thin;
    scrollbar-color: #000000 #f7f7f7;
}

.size-box {
    position : relative;
    max-width:  20em;
    margin: 0 auto;
    width: 100%;    
}

.size-box h1 {
    font: bold 22px/24px Barlow-Light;
}

.size-box h2 {
    font: bold 18px/0px Barlow-Light;
    text-align: center;    
}

.size-box p {
    margin: 5px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.size-box p:hover {
    background: #eee;
}

.size-box label {
    margin-left: 5px;
}

#size-show input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 30px;
    text-align: center;
    vertical-align: bottom;
    width: 40px;
    margin-left: 44%;    
}

#size-show input[type="submit"] {
    border: 0px;
    height: 50px;
    width: 100%;
    margin: 0 5px 0 5px;
    background: #000000;
    text-shadow: 0 1px 1px rgba(255,255,255,0.35);
    font: normal 12px/12px Barlow-Light;
    color: #ffffff;
    cursor: pointer;
}

#size-show .s-check {
    height: 20px;
    float: right;
    margin: 5px 0 0 0;
    cursor: pointer;
}

#size-show label {
    cursor: pointer;
}

#size-show .fa {
    position: relative;
    line-height: 30px;
    margin-right: 5px;
    margin-top: 0px;
    left: 0;
}

#size-show .lot::before {
    content: "\f00c";
    color: green;
}

#size-show .few::before {
    content: "\f00c";
    color: #f18c32;
}

#infoClose {
    clear: both;
    position: fixed;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    cursor: pointer;
    height: 30px;
    left: 50%;
    margin-left: -20px;
    top: 5px;
    width: 52px;
    z-index: 9991;
    color: #000;
}

#infoClose b {
    font-size: 1.1em;
    text-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
    line-height: 28px;
    margin: 5px;
}

/* Filter */

.select-box {
    cursor: pointer;
    position : relative;
    max-width:  20em;
    margin: 2em auto;
    width: 100%;
}

.select,
.label {
    color: #414141;
    display: block;
    font: 400 17px/2em 'Barlow-Light', Barlow-Light;
}

.select {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 5px 0;
    height: 40px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: none transparent;
    border: 0 none;
}
.select-box1 {
    background: #ececec;
}
/*.select-box2 {
  background: #ececec;
}*/
.label {
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
}
.open .label::after {
    content: "▲";
}
.label::after {
    content: "▼";
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 15px;
    border-left: 5px solid #fff;
}
#pre-order {
    margin: 0 auto;
    float: none;
    max-width: 320px;
    text-align: center;
    font-size: 1.1em;
}
/* szĹąkĂ­tĂŠs */
body #body div #tighten {
    width: 100%;
    /*min-height: 100px;*/
}
body #body div div.tighten {
    /*position: absolute;*/
    float: left;
    margin: 0 10px;
    max-width: 210px;
    min-height: 60px;
    /*width: 100%;*/
    overflow: hidden;
}
body #body div div.tighten div {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    cursor: pointer;
}
body #body div div.tighten label {
    position: relative;
    padding: 5px 30px;
    cursor: pointer;

}
body #body div div.del div {
    cursor: pointer;
    text-align: center;
}
body #body div div.del div b {
    color: #b20000;
}
body #body div div.tighten label.open:after {
    content: "▲";
}
body #body div div.tighten label:after {
    content: "▼";
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 15px;
    border-left: 5px solid #fff;
}
body #body div div.tighten ul {
    position: absolute;
    z-index: 99;
    list-style-type: none;
    max-width: 220px;
    width: 100%;
    max-height: 160px;
    margin: 0;
    padding: 0;
    display: none;
    background: #ffffff;
    overflow-y: scroll;
    opacity: 0.9;
    scrollbar-width: thin;
    scrollbar-color: #000000 #f7f7f7;
}
body #body div div.tighten ul::-webkit-scrollbar {
    width: 12px;
}
body #body div div.tighten ul::-webkit-scrollbar-track {
    background: #f7f7f7;
}
body #body div div.tighten ul::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 20px;
    border: 3px solid #f7f7f7;
}
body #body div div.tighten ul li {
    min-height: 30px;
    line-height: 30px;
    margin-left: 5px;
    cursor: pointer;
}
body #body div div.tighten ul li:hover {
    background: #f7f7f7;
}
body #body div div.tighten ul li span {
    float: left;
    height: 30px;
}
body #body div div.tighten ul li span input[type=checkbox] {
    margin: 0 5px;
    width: 18px;
}
@media only screen and (min-width: 200px) and (max-width: 700px){
    body #body div #tighten {
        margin: 10px auto;
        max-width: 222px;
    }
    body #body div div.tighten {
        float: none;
        min-height: 60px;
    }
    body #body div div.tighten ul {
        opacity: 1;
    }
    body #body div div.tighten div h2 {
        text-align: left;
    }
    body #body div div.tighten label {
        float: right;
    }
}
/* szĹąkĂ­tĂŠs */