#opcje-text {border-top:1px solid #ccc; padding:8px 20px;}

#opcje-text .row-option{float:left; padding:4px 10px; }

#opcje-text .row-option input{float:left; padding:4px; display: block; margn:9px;}


#opcje-text .row-option label{ font-size:13px;}
#opcje-text .rowop{float:left; clear:both; width:100%}
#opcje-text{position:fixed; right:0; top:0; width: 280px; background: #000; color:#fff; }
#opcje-text {border-top:1px solid #ccc; padding:8px 0px;}

.fpd-tool-text-transform{display:none; background:red}
#opcje-text .row-option{float:left; padding:4px 10px; clear:both; width:100%;}
.fpd-tool-text-transform{display:none; background:red}
#opcje-text .row-option input{float:left; padding:4px; display: block; margn:9px 2px;}
#opcje-text .row-option label{ font-size:11px;}  
#opcje-text .rowop{float:left; clear:both; width:100%}
#opcje-text-close{position:fixed; cursor:pointer; right:280px; top:5px; width: auto; background: red; color:#fff;  height: auto; z-index: 1; font-size:24px; padding:5px;}
#opcje-text-close.close{right: 0;}
.fpd-tool-text-transform, .fpd-tool-reset{display:none !important;}

.fpd-designs-active .fpd-grid-contain {padding-bottom:80px;}
.fpd-thumbnail-preview > .fpd-preview-title {display: none; padding: 0 !important;}
body.edytor .fpd-thumbnail-preview > .fpd-preview-title {display: block; padding: 2px !important;}
.fpd-designs-active .fpd-input-search{display:none;}
.fpd-designs-active .fpd-back.fpd-btn:after{content: "Wróć do kategorii  "; color:red;  text-transform: none; }
.fpd-designs-active .fpd-back.fpd-btn{border:solid red 1px !Important; color:red; widht:100% !important; font-size:15px; }


@import url(//fonts.googleapis.com/css?family=Lato);
.fpd-tool-fill { display: none !important; }
 /* COLOR SCHEME - here you can define your own color scheme */

@primaryColor: #000000;
@secondaryColor: #48cfad;
@mainTextColor: rgba(0,0,0, 0.8);
@mainBorderColor: rgba(0, 0, 0, 0.1);
@snapLineColor: #ccc;
@secondaryModuleColor: #ecf0f1;
@secondaryModuleTextColor: #7f8c8d;
@secondaryBtnColor: #E0E1E2;
@darkBtnColor: rgba(0,0,0, 0.6);
@tooltipBgColor : rgba(0, 0, 0, 0.85);
@errorBgColor: rgba(189, 8, 28, 0.05);
@errorBorderColor: rgba(189, 8, 28, 0.2);


/* Primary Color */
.fpd-container .fpd-primary-bg-color,
.fpd-actions-wrapper > .fpd-action-btn:hover,
.fpd-actions-wrapper > .fpd-action-btn.fpd-active,
.fpd-thumbnail-preview > .fpd-preview-price {
	background-color: @primaryColor;
}

.fpd-container .fpd-primary-text-color,
.fpd-navigation > div.fpd-active,
.fpd-bottom-nav > div.fpd-active {
	color: @primaryColor;
}

/* Secondary Color */
.fpd-container .fpd-secondary-bg-color,
.fpd-container .fpd-btn,
.fpd-modal-wrapper .fpd-modal-content .fpd-btn,
.fpd-switch-container.fpd-enabled .fpd-switch-toggle,
.fpd-switch-container.fpd-enabled .fpd-switch-bar,
.fpd-modal-product-designer.fpd-modal-overlay .fpd-done {
	background-color: @secondaryColor;
}

.fpd-container .fpd-btn:hover,
.fpd-modal-wrapper .fpd-modal-content .fpd-btn:hover {
	background: lighten(@secondaryColor, 3%);
}

.fpd-container .fpd-btn.fpd-secondary,
.fpd-modal-wrapper .fpd-modal-content .fpd-btn.fpd-secondary {
	background: @secondaryBtnColor;
}

.fpd-container .fpd-btn.fpd-secondary:hover,
.fpd-modal-wrapper .fpd-modal-content .fpd-btn.fpd-secondary:hover {
	background: lighten(@secondaryBtnColor, 3%);
}

.fpd-container .fpd-btn.fpd-dark {
	background: @darkBtnColor;
}

.fpd-container .fpd-btn.fpd-dark:hover {
	background: lighten(@darkBtnColor, 10%);
}

.fpd-toggle.fpd-enabled {
	color: @secondaryColor !important;
}

/* Main Text Color */
.fpd-container,
.fpd-container textarea,
.fpd-sub-tooltip-theme .tooltipster-content,
.fpd-modal-wrapper > .fpd-modal-close {
	color: @mainTextColor;
}

/* Main Border Color */
.fpd-actions-wrapper > .fpd-action-btn,
.fpd-list > .fpd-list-row,
.fpd-container.fpd-sidebar > .fpd-mainbar,
.fpd-container textarea,
.fpd-container.fpd-sidebar.fpd-sidebar-right > .fpd-mainbar,
.fpd-container.fpd-main-bar-container .fpd-mainbar,
.fpd-container .fpd-module input,
.fpd-thumbnail-preview,
.fpd-container .fpd-stage-off-canvas,
.fpd-manage-layers-panel .fpd-sortable-placeholder,
.fpd-container .fpd-close-off-canvas,
.fpd-topbar[class*="fpd-off-canvas-"] .fpd-mainbar .fpd-content,
.fpd-container input[type="text"],
.fpd-text-layers-panel .fpd-list > div  {
	border-color: @mainBorderColor !important;
}

.fpd-container textarea:focus,
.fpd-element-toolbar textarea:focus {
	border: 1px solid darken(@mainBorderColor, 20%);
}
body {
	font-family: 'Lato';
	padding:0;
	margin:0;
}

#kreator-content{
	margin:0;
	height: auto;
	width:1200px;
}

.api-buttons > a {
	margin: 0 5px 0 0 !important;
	text-decoration: none !important;
}

.price {
	font-size: 25px !important;
	line-height: 26px !important;
}

.row.projekty-kalendarzy img{width:100%; height:auto;}
.row.projekty-kalendarzy .col-box{padding-top:12px;}

.infoBox, #infoProjek{ margin:0 auto; padding:6px; background:#fffad2; font-size:15px; line-height:1.4em; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border:solid 1px #dfde90;}

.box-hov{float: left; width: auto; position: relative;}
.btn-add{ background:rgba(255,255,255,.7); float:left; width: 100%; height: 100%; position: absolute; z-index: 0; display:none;  border:1px solid red; 
	text-align: center;  justify-content: center;  align-items: center;  color: red; font-weight:bold; font-size:15px; top:0; left:0;  cursor:pointer}
  
.box-hov:hover  .btn-add{display: block;  display: -ms-flexbox;    display: -webkit-flex;     display: flex;      -ms-flex-align: center;     -webkit-align-items: center;     -webkit-box-align: center;     align-items: center;}
.dodaj_do_koszyka{position:fixed; right: 20px;  font-size:17px; bottom: 40px; background:#349400; color:#fff; text-decoration: none; padding:5px; height:45px;}
.dodaj_do_koszyka:hover{background:#2d8000}
.dodaj_do_koszyka img{width:40px;}
.dodaj_do_koszyka span{font-size:18px; line-height: 1px; height: 1px; padding: 0; margin: 0 10px 0 50px;  margin-top:-22px; display: block; }



body .ui-widget-overlay{background: #000 !Important; opacity:0.7 !Important;}
#txtaddcart select{padding:9px  2px; font-size: 13px !Important; width:180px;}
 #txtaddcart label{width: 123px; font-size:13px; display:inline-block; text-align:right; margin-right:5px; margin-bottom:25px;}
 #txtaddcart input{padding:5px; width:90px; text-align: center;}


.smartphone  #txtaddcart label{margin-bottom:2px;}
.smartphone  #txtaddcart select{width:100%}
.smartphone  #txtaddcart select{width:100%}
.smartphone #txtaddcart div:nth-child(3){padding-bottom:15px;}



#koszyk h1{font-size:28px;}
#koszyk td{border:1px solid #ccc; padding:5px;}
#koszyk tr:nth-child(even) {background: #fff}
#koszyk tr:nth-child(odd) {background: #f1f3f2}
#koszyk  th{background-color: #c8c8c8; padding:6px 5px; text-align: center; border:1px solid #fff; font-weight: normal;}
#koszyk{background: url(img/bg-page.png); }

.cart_img img{max-width: 180px; height: auto;}
.empty_cart{border: 1px solid #dfde90; text-align: center; background: #fffad2; margin:20px 0; padding-bottom:20px;}
#nowy_projkt_btn{text-align:center; font-size:18px; bottom: 40px; background:#349400; color:#fff; text-decoration: none; padding:8px; height:auto; display: block; width:230px; margin: 9px auto;}
#nowy_projkt_btn:hover{background:#2d8000}
.ico-edycja{height: 25px; width: auto; }
.ico-powiel{height: 25px; width: auto; }
.ico-usun{height: 25px; width: auto; padding: 2px; }
.cart_img img{max-height: 170px; padding:4px;}
.cart_icons a{font-size: 12px; float: right; display: block; margin: 4px 12px; color: #333333; line-height: 1.5em; text-align: center;}
.cart_icons a:hover{color: #000; text-decoration: none;}
.cartrow.cart_icons{margin-top:10px;  border-top:1px solid #e5e5e5; border-bottom:0; margin-bottom:0; padding-bottom:0;}
.cartrow{margin-bottom:10px; border-bottom:1px solid #e5e5e5; padding-bottom: 5px;}


#overbg{ position: absolute; top:0; left: 0; width: 100%;  height: 100%; z-index:99;  background:rgba(0,0,0,0.7);}
#overbg #icoload{
   position: absolute;   top: 50%;   left: 50%;   width: 400px;   text-align: center;   color :#fff;
   height:180px;    font-size:14px;   margin-top: 0px;    margin-left: -200px;    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}
#overbg #icoload img{width: 80px;   height:80px; margin-top:-40px;}

.green_btn{background: #349400 !important; border-color:#328a02 !important;}
.green_btn:hover{background: #328a02 !important; color:#fff !important}

.ilosc_sztuk_cart{padding:5px 0 5px 4px; width: 70px; text-align: center; margin-right: 5px; font-size:15px;}
.formContentZamowienie {background: #fff; border:1px solid #ccc;}
#koszyk .rodzajKalendarza option{padding:5px 10px; text-align:center;  font-size:14px;}
#koszyk .rodzajKalendarza{max-width: 170px;  font-size:14px;}
.cartrow label{margin-right:2px; font-size:12px; }

#sendOrder h2{color: green; text-align: center; font-size: 2.4em; margin: 10px 0;}
#sendOrder{text-align: center; font-size: 18px; line-height:1.5em}
#sendOrder .sendMail{font-size: .8em;}
#koszyk{margin-bottom:50px}

@media screen and (max-width: 880px) { 
#txtaddcart_edycja .ui-dialog-buttonset  button{width:100%;} 
.tabelprodukty{padding-left:0px !important; padding-right:0 !important;}
#koszyk .rodzajKalendarza{max-width: 160px;  font-size:13px;}
.cart_img img{max-height: 120px;}
	.cartrow.cart_icons{margin: 0;  padding:10px 0 0 0;}
}


.fpd-modal-internal .fpd-modal-wrapper > .fpd-modal-close{opacity: 0.9;}
.fpd-modal-internal .fpd-icon-close:before{content: 'Zamknij';  position: fixed; top:10px; right:10px; color:red !important; opacity: 100% !important;  border: 2px solid red ; padding:5px 15px 8px 15px; }
.fpd-modal-internal .fpd-modal-wrapper > .fpd-modal-close:hover{opacity:1; }