/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-12-08, 12:54:29
    Author     : ebros-user
*/

/* Main */
html{
    background-color: #e9ebee;
}

body {
    margin: 0 auto;
    font-size: 14px;
    color: #474747;
    width: 820px;
    min-height: 500px;
    background-color: white;
    line-height: 1.4;
    font-family: sans-serif;
    border: 1px solid #dddfe2;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    padding-bottom: 70px;
}

ul { 
    margin:0 10px 10px 0; 
    padding-left: 30px;
}

li {
    padding: 1px;
}

a {
    text-decoration: none; 
    cursor: pointer;
    color:#474747;
}

a[disabled] {
    pointer-events: none;
    color: grey;
}

.clear{
    clear: both;
}

.buttonMainBlue{
    background-color: #4267b2;
    border: 1px solid #4267b2 !important;
    color: #fff;
}.buttonMainBlue:hover{
    background-color: #3257a2;
}

.buttonMainWhite{
    background-color: #f7f7f7;
    border: 1px solid #dddfe2;
    color: inherit;
}.buttonMainWhite:hover{
    background-color: #e7e7e7;
}

.buttonMainWhite, .buttonMainBlue{
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.4;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 6px;
    cursor: pointer;
    border-radius: 2px;
    width: 62px;
    height: 26px;
}

input[type="number"]{
    border: 1px solid #d4d4d4;
}

input[type="text"],input[type="number"], input[type="submit"],select{
    border: 1px solid #d4d4d4;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 2px;
    -o-text-overflow: clip;
    text-overflow: clip;
    -webkit-transition: all 200ms cubic-bezier(0.42,0,0.58,1);
    -moz-transition: all 200ms cubic-bezier(0.42,0,0.58,1);
    -o-transition: all 200ms cubic-bezier(0.42,0,0.58,1);
    transition: all 200ms cubic-bezier(0.42,0,0.58,1);
    height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

select{
    color: #474747;
    background: transparent none no-repeat;
    background-image: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAlElEQVRIx+2VwQ3AIAhFwTiFi7KC7uYGHo1z0Et7MWkjaEiaQOJBDzy/wgdqrXwHWKyAiGAZDnSgHBhC+IfCUgqbKXxgGqhY4QyRQkUK35KLoK01iZd+xZKXRuEfbvdQPPGkAABEhMeLhohE5yfaAufk93791r13zQDmnLNqcOMYg1NKmoJgTRHtmDeaWZvPQweaAi8PXSmZJU3QRAAAAABJRU5ErkJggg==");
    background-position: right center;
    -webkit-appearance: none;
}select option:first-child 
{ 
    color: #ccc; 
}



.linkMain{
    color: #4267b2;
    cursor: pointer;
    font-weight: normal;
}

.linkMain:hover{
    color: #315272;
}

.selectMain{
    border: 1px solid #ccc;
    background: transparent none no-repeat;
    height: 34px;
    padding: 6px;
}

#menus { 
    width:218px; 
    position:relative; 
    float:left; 
}#menus h2, #menus h3{
    margin: 8px 0px 8px 15px;
}

.sectionTitle { 
    margin:10px; 
    font-weight:bold; 
    font-size:14px; 
}

/* Admin */
#adminPanel {
    width:100%;
    min-height:50px;
    background-color:#f2dede;
    padding: 5px 10px;
    box-sizing: border-box;
}

.adminSelect option, #basketSite select option {
    text-decoration:none;
    white-space:pre;
}

.adminInput {
    box-sizing: border-box;
    height:34px;
    min-width:150px;
    
    margin:0;
    padding:6px;
    
    color:#6b8e23;
    font-size:14px;
    text-indent:0.01px;
    
    border:1px solid #ccc;
    border-radius:4px;
    
    -webkit-appearance: none;
}

#optionsTitle {
    text-align:center;
    margin:10px;
    padding:10px;
    border-radius:3px;
    background-color:#ffffff;
}

button{
    cursor: pointer;
}

.optionsButton {
    display:inline-block;
    margin:10px 0 0 10px;
    float:left;
    padding:10px;
    border-radius:3px;
    background-color:#ffffff;
    
    /* Nonselectable buttons for optimal use */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.optionsButton:first-of-type {
    background-color:#6080CC;
}

.optionsButton:hover {
    background-color:#6080CC;
    cursor:pointer;
}

#containerMain, #containerStandard, #containerAdvanced {
    margin:10px;
    padding:10px;
    background-color:#ffffff;
}

#containerStandard, #containerAdvanced {
    display:none;
}

#containerMain table tr td { 
    padding: 2px 8px 2px 4px; 
}

/* Dodany przedmiot */
#itemAdded{
    width:100%;
    height:100%;
    position:absolute; 
    background:rgba(0,0,0,0.5);
    z-index:999;
}#itemAdded > div{
    width: 70%;
    background: #fff;
    margin: 0 auto;
    margin-top: 100px;
    padding: 10px 30px 30px;
}

/* Baner */
#banner{
    float: left;
    width: 30%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}

/* Top */
#topSearch{
    background: #f7f7f7;
    height: 50px;
    border-bottom: 1px solid #dddfe2;
    width: 100%;
}

#file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#file + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
    cursor: pointer;
    padding: 5px 10px;
}

#file:focus + label,
#file + label:hover {
    background-color: red;
}


/* Logowanie */

#userLoginPanel a{
    font-size: 14px;
    margin: 10px;
}

#userLoginPanel .facebookLogin{
    background: none;
    border: none;
    color: #5d80a2;
    font-weight: bolder;
}

#userLoginPanel .userLogin{
    margin: 10px;
    font-size: 14px;
}

/* Pokaż przedmiot */
/*
#showItem{
    border-left: 1px solid #ccc;
    width: 550px;
    position: relative;
    float: left;
    margin: 0 0 0 12px;
    box-sizing: border-box;
    padding: 20px;
}*/

#itemPhoto{
    text-align: center;
}

#showItem, #summarySite, #basketSite{
    padding: 0px 30px;
    box-sizing: border-box;
}#showItem h2{
    text-align: center;
    margin: 40px;
}#showItem .itemAttributes h2, #showItem .itemDescription h2{
    text-align: left;
    margin: 10px 0px;
}#showItem h3{
    text-align: center;
}#showItem img{
    max-width: 100% !important;
    height: auto;
}#showItem a{
    color: #5d80a2;
}#showItem table{
    border-collapse: collapse;
}#showItem .singleAttribute td:nth-child(1){
    text-align: left;
}#showItem .singleAttribute td:nth-child(2){
    padding-left: 20px;
    font-weight: bold;
}#showItem .itemDescription{
    clear: both;
    height: 700px;
    overflow-y: hidden;
}#showItem .fogDescription{
    position:absolute;
    bottom:0px;
    left:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), white);
    width: 100%;
    height:300px;
    text-align: center;
}#showItem .fogDescription div{
    position:relative;
    top: 200px;
}#showItem > div h3{
    text-align: left;
}#showItem > div{
    margin: 30px 0px;
}#showItem form{
    display: inline-block;
}#showItem form .countInput{
    width: 60px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    float: left;
}#showItem .price{
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}#showItem form .buttonMainBlue{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
}

/* Koszyk */
#basket{
    margin: 30px 0px 30px 0px;
    font-size:13px;
}

.basketAdd{
    margin: 5px;
    background-color: #4267b2;
    box-shadow: none;
    border: none;
    padding: 5px 10px !important;
    font-size: 12px !important;
    color: white;
}

#summary{
    font-size: 20px;
}

.basketPay{
    display: block;
    width: 120px;
    margin: 10px auto;
    padding: 10px 14px;
    background: #dadada;
    text-align: center;
    color: black;
}

#basket .basketSum{
    text-align: center;
}#basket .basketSum > span:nth-child(1){
    display: block;
    margin: 0 auto;
    height: 50px;
    background-image: url(/shopFacebook/assets/images/basket.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}#basket .fullPrice{
    margin: 12px 0px;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}#basket .basketItemCount{
    line-height: 39px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    color: white;
    top: 12px;
}

#basketSite{

}#basketSite li{
    
}#basketSite select{
    margin: 0 auto;
    width: 400px;
}

#basketWorth{
    margin-left: 20px;
    font-weight: bold;
}

#basketPay{
    text-align: center;
    margin-bottom: 20px;
}

.basketList{
    padding: 0px;
    list-style-type: none;
}.basketList img{
    width: 90px; 
    vertical-align: middle;
}.basketList li:last-child{
    text-align:center;
}.basketList li span:nth-child(2){
    width: 270px;
    display: inline-block;
    vertical-align: middle;
}.basketList li span:nth-child(3){
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
}.basketList select{
    margin: 20px;
}

.backLink{
    margin-left: 20px;
    color: #5d80a2;
}

.countInput{
    width: 50px;
}

.inputForm{
    padding: 5px 10px;
    display: inline-block;
}

.inputForm input{
    border: 1px solid #ccc;
    padding: 5px;
    background: transparent none no-repeat;
    height: 34px;
    width: 100%;
}

.inputForm label{
    display: block;
}

.inputForm:nth-child(2){
    width:500px;
}
.inputForm:nth-child(3){
    width:140px;
}
.inputForm:nth-child(4){
    width:340px;
}
.inputForm:nth-child(5){
    width:500px;
}
.inputForm:nth-child(6){
    width:500px;
}
.inputForm:nth-child(7){
    width:140px;
}
.inputForm:nth-child(8){
    width:340px;
}
.inputForm:nth-child(9){
    width:400px;
}
.required:after{
    content:"*";
}


#addressForm{
    display: none;
}#addressForm div:first-child{
    font-weight: bold;
}#addressForm div:first-child span{
    font-weight: normal;
}

#invoiceForm{
    display: none;
    background: #eee;
}

#invoiceCheck .linkMain{
    display: none;
}

#payUForm > input{
    display: none;
}

.payment-content{
    text-align: right;
}

#pickCod, label[for="pickCod"],
#pickPayu, label[for="pickPayu"],
#pickDotpay, label[for="pickDotpay"],
#pickTransfer, label[for="pickTransfer"]{
    display: none;
}

#pickPayment{
    padding: 10px;
}#pickPayment span{
    color: #777;
    display: inline-block;
    vertical-align: middle;
}
#pickPayment > div{
    margin-top: 50px;
    float:right;
}
#pickPayment div:first-child{
    display: none;
    margin-top: 10px;
    float:none;
    font-weight: bold;
}#pickPayment label img{
    width: 50%;
    display: block;
}#pickPayment .buttonMainBlue{
    width: auto;
}

/* Inpost */
#inpostMap{
    display: none;
    width: 100%; 
    height: 600px; 
}

#pointName{
    padding: 20px;
    background-color: #dff0d8;
    margin: 20px auto 0;
    display: none;
}

/* formError */
#formError{
    background-color: #f2dede;
    line-height: 2;
    font-size: 18px;
}

#formError ul{
    list-style: none;
}

/* Categories */
#categories {
    margin: 30px 0px 30px 20px;
    font-size:12px;
}

#categories ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#categories li {
  padding: 7px 0px 7px 15px
}

#categories ul li a {
    color: #4267b2;
}

#categories ul li a:hover {
    color: #315272;
}

#categories ul li span, .filterMenu span{
    color:#7f7f7f;
}

.reset { 
    margin:20px; 
    font-size:12px; 
}

/* Search */
#search {
    margin: 30px 0px 30px 20px;
    font-size: 12px;
}

#search form ul, .filterMenu ul { 
    list-style:none; 
}

#search form ul li { 
    padding:2px;
}#search h2 a{
    margin: 5px 0px 5px 20px;
    font-size: 10px;
}

#search ul li:nth-child(2),
#search ul li:nth-child(3){
    display: inline-block;
}

/* Filters */
#filters {
    margin: 30px 0px 30px 20px;
    font-size:12px;
}

#filters div ul li {
    display: none;
}

#filters div ul li.popular {
    display: block;
}
#filters a{
    color: #5d80a2;
}#filters a[disabled]{
    color: inherit;
}

.filterTitle { 
    margin:10px;
    
    font-size:12px;
    font-weight:bold;
}

/* Display */
#display, #showItem, #basketSite, #summarySite{ 
    box-sizing: border-box;
    border-left: 1px solid #dddfe2;
    width:600px; 
    min-height: 800px;
    position:relative; 
    float:left; 
}

#display ul { 
    list-style:none; 
    padding-left:10px;
}

/* Page */
#pageControl {
    margin: 20px auto 20px auto;
    
}

.page {
    padding: 10px 14px;
    margin: 4px 8px;
    border: 1px solid #ccc;
    color: black;
}

.currentPage{
    font-weight: bold;
    border-color: black;
}

/* Misc */
#userPanel { 
    clear:both;
}

.inputs{

}

#topSearch input{
    position: relative;
    float: right;
    top: 12px;
}#topSearch span{
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: 12px;
    left: 12px;
}#topSearch form{
    display: inline;
}

.keywordsInput{
    width: 200px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.keywordsSubmit{
    margin-right: 12px;
    width: 60px;
    background: #f7f7f7 !important;
    border-left: none !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    cursor: pointer;
}

/*
.inputs { 
    border:1px solid #ccc; 
    border-radius:3px; 
    padding:3px; 
}
*/

.rangeInput, .priceInput {
    width:66px; 
}

.thumbnail {
    float: left;
    height:245px;
    width:190px;
    background:none repeat scroll 0% 0% #fff;
    padding-top:10px;
    background-color:white;
    text-align:center;
    font-size:12px;
    text-decoration:none;
    margin:20px 0 20px 0;
}.thumbnail:hover{
    
}.thumbnail form{
    display: inline;
}

.thumbnail .price{
    display: block;
    font-weight:bold;
    margin-bottom: 10px;
    font-size:16px;
}.thumbnail .buttonMainWhite{
    margin-left: 12px;
}

.orderInput { 
    width:143px; 
}

.showLink {
    margin-left: 30px;
}

.normalField {
    color:blue;
}

.activeField{ 
    font-weight: bold;
    color:black !important; 
}

.removeItem{
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background-image: url(/shopFacebook/assets/images/x.png);
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

/* Information */
#informationPanel{
    clear: both;
}#informationPanel ul{
    margin-top: 10px;
    float: right;
    list-style: none;
}#informationPanel ul li{
    padding: 10px;
    display: inline-block;
}#informationPanel a{
    color: white;
    font-size: 12px;
}

#sellerInfo{
    border-left: 1px solid #ccc;
    max-width:530px;
    padding-left: 20px;
    position:relative; 
    float:left; 
    margin:0 0 0 12px; 
    white-space: pre-wrap;
}

#userInfo{
    
}

#paymentDone{
    padding: 30px;
}

#progressBar{
    visibility: hidden;
    padding: 10px;
}

#summarySite table{
    margin: 0 auto;
    width: 500px;
}#summarySite tr:nth-child(odd){
    background-color: #F5F5F6;
}#summarySite .buttonMainBlue{
    width: auto;
}

/*Stopka*/ 
#footer{
    height: 60px;
    width: 100%;
    background: #666666;
    position: absolute;
    bottom: 0px;
}

#footerPowered{
    position: relative;
    margin-left: 30px;
}

#footerPowered span{
    font-weight: bold;
}

#footerPowered img{
    height: 36px;
    top: 14px;
    position: relative;
    margin-left: 5px;
}

#continueShopping{
    color: #365899;
    text-decoration: underline;
}

/* Po zakupie */
#postBuyContent{
    font-size: 20px;
    padding: 55px 20px;
}
#postBuyContent a{
    color: #4267b2;
}

.okSign{
    display: block;
    margin: 0 auto;
    width: 20%;
    margin-bottom: 20px;
}