.div_top_menu {
max-width: 100%;
}
.box_top .logoTop {
position: static;
}
.wrap_kreator .box_top_menu {
position: static;
background: linear-gradient(to bottom, #f2f2f2 0%,#fcfcfc 50%,#f2f2f2 50%,#cccccc 100%);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);
}

.box_top_menu::before {
display: none;
}

body,.hfix{
padding: 0px;
background-color: #f5f5f5;
}
.menuTop > .inMenu > ul > li > a {
padding: 30px 20px;
}



.wrap_kreator .hfix .box_top,.wrap_kreator .box_top {
width: 25%;
}

.box_top .logoTop {
width: 350px;
max-width: 100%;
}

.wrap_kreator .hfix .menuTop > .inMenu > ul > li > a,.wrap_kreator .menuTop > .inMenu > ul > li > a {

}

.wrap_kreator{
display: flex;
height: 100vh;
flex-direction: column;
align-content: space-between;
}

.wrap_kreator .box_top_menu{
flex: 0 1 auto;
max-width: 100%;
}
.wrap_kreator .kreatorDiv{
max-width: 100%;
display: flex;
flex: 2 0 auto;
}

.wrap_kreator .kreator{
display: flex;
height: 100%;
width: 1400px;
margin: 0px auto;
max-width: 100%;
box-sizing: border-box;
flex-direction: column;
align-content: space-between;
position: relative;
}

.wrap_kreator .kreator .contentKreator{
flex: 2 1 auto;
position: relative;
box-sizing: border-box;
padding: 2% 10px 0px 50px;
}

.wrap_kreator .kreator .pasek{
width: 25px;
height: 100%;
position: absolute;
height: 96%;
left: 0px;
top:2%;
bottom: 2%;
box-sizing: border-box;
}

.wrap_kreator .kreator .pasek .inPasek{
position: absolute;
width: 16px;
height: 100%;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
background-color: #d5edfa;
border-left: 1px solid #b4def1;
border-right: 1px solid #b4def1;
box-sizing: border-box;
}

.wrap_kreator .kreator .pasek .inPasek:after{
content: "";
width: 24px;
height: 22px;
position: absolute;
left: -5px;
bottom: 0px;
background: url('../images/money.png') 50% 50% no-repeat;
z-index: 1;
}

.wrap_kreator .kreator .pasek .progress{
position: absolute;
width: 100%;
height: 0%;
/*background: linear-gradient(to bottom, #00a8e3 0%,#00d1ff 20%,#00d1ff 40%,#ffffff 100%);*/

background: linear-gradient(to bottom, #ffffff 0%,#00d1ff 20%,#00d1ff 40%,#00a8e3 100%);

box-shadow: 0px 1px 3px 0px rgba(1,168,227,0.5);
transition: all 0.5s ease-out 0s;
}

.wrap_kreator .kreator .pasek .progress .textPrecent{
display: inline-block;
transform: rotate(-90deg);
top:45%;
right: 0px;
right: 0px;
position: absolute;
color: #FFFFFF;
font-weight: 700;
font-size: 19px;
white-space: nowrap;
line-height: 1;
width: 100%;
}

.wrap_kreator .kreator .foot{
width: 100%;
}
.wrap_kreator .kreator .foot{
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 10px 25px 10px 25px;
background: linear-gradient(to bottom, #f2f2f2 0%,#fcfcfc 50%,#f2f2f2 50%,#cccccc 100%);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);
}


.wrap_kreator .kreator .foot .prev,.wrap_kreator .kreator .foot .next{
width: 155px;
height: 48px;
display: inline-block;
line-height: 1;
box-sizing: border-box;
background-position: 50% 50%;
background-size: 100% 100%;
background-repeat: no-repeat;
}

.wrap_kreator .kreator .foot .prev{
background-image: url('../images/cofnij.png');
}

.wrap_kreator .kreator .foot .next{
background-image: url('../images/dalej.png');
}

.wrap_kreator .kreator .foot .next.endCena {
background-image: url('../images/koniec.png');
}


.wrap_kreator .kreator .foot .prev.vis,.wrap_kreator .kreator .foot .next.vis{
background-color: #f3f3f3;
cursor: default;
}

.wrap_kreator .kreator .foot .prev.dis,.wrap_kreator .kreator .foot .next.dis{
visibility: hidden;
}

.wrap_kreator .kreator .cont{
height: 96%;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 0fr 0fr auto;
gap: 10px 20px;

/*grid-row-gap: 10px;*/
/*justify-items: center;*/
/*align-items: center;*/
justify-content: center;
/*align-content: center;*/
}



.wrap_kreator .kreator .cont.szafa {
grid-template-columns: 1.5fr 1fr;
}
.wrap_kreator .kreator .cont .ramka{
grid-column: 1/3;
}

.wrap_kreator .kreator .cont .titleDiv{
grid-column: 1/3;
color: #333333;
font-size: 27px;
text-transform: uppercase;
font-weight: 900;

}

.wrap_kreator .kreator .cont .titleInput{
color: #333333;
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 10px;
}

.wrap_kreator .kreator .cont .kreatorLeft input[type="number"]{
border: 3px solid #009ee0;
border-radius: 5px;
background-color: #FFFFFF;
font-size: 20px;
padding: 15px 20px;
box-sizing: border-box;
-moz-appearance: textfield;
appearance: textfield;
display: inline-block;
vertical-align: baseline;
}

.wrap_kreator .kreator .cont .kreatorLeft .unit{
display: inline-block;
box-sizing: border-box;
vertical-align: baseline;
margin-left: 15px;
font-size: 26px;
font-weight: 500;
}



.wrap_kreator .kreator .cont .kreatorLeft{
grid-column: 1/2;
grid-row: 3;
text-align: center;
position: relative;
background-color: #FFFFFF;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
align-items: center;
}

.wrap_kreator .kreator .cont.szafa .kreatorLeft{
padding: 0px;
}

.wrap_kreator .kreator .cont .kreatorRight{
grid-column: 2/3;
grid-row: 3;
text-align: center;
background-color: #FFFFFF;
border-radius: 20px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
align-items: center;
}

.wrap_kreator .kreator .contentKreator .ramka1,.wrap_kreator .kreator .contentKreator .ramka2,.wrap_kreator .kreator .contentKreator .ramkaError{
border-radius: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
box-sizing: border-box;
padding: 10px 12px;
}

.wrap_kreator .kreator .contentKreator .ramka1{
background-color: #FFFFFF;
color: #1fa8e0;

}
.wrap_kreator .kreator .contentKreator .ramka1 p{
position: relative;
padding: 15px 0px 15px 55px;
}
.wrap_kreator .kreator .contentKreator .ramka1 p:before{
content: "";
width: 45px;
height: 100%;
display: inline-block;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB05JREFUeNrsXHuIVUUYn73XVturq6yLZYp3a0UsDF+bGopaSKUIGkZmij1AkV4U5mMVXBTU1ZKCNhGFcmF9lP2REFkpaaL4SMlAarE118VHyba4boq7tdb3cX83b5f55px778zZ69Uf/Fg9Z87M9/3uzHwzc2ZOXnR7vQoQnYm9iWXEB4gFxB7EbsQuSHOd2EK8TLxG/JV4jHiR2GrboPrpUe31TgGIMZA4ljia+BhE6JFiHpch1l7iQeJ+Yq1Lo10J04s4ifgicXAaQiSjBzgbZKF+JG4mfkm8lO3C3E+cR3yO2M/hD8oijQMbiNuJG4hnbBUQspRPMbESfcFCx6Ikox/KPAYbirNFmBeIR4mLiEWq41AEG47Cpg5rSiXE94hTU3yunXgV1f4H4u/4fzvuh4kR4j3EoWieEVz325w3w663OPAEKcxTaNNRn+n/Iu7Br8l/fyb+6SP8cnjvSnyQOIE4An/v8lHmVAjLfd5XQQjzGvF9n7/gSeJnxC3EujTKagUPgIz+xJnEZ4iDPJ7nH+4L4pvEKpd9zCriBz5EYUFewthleZqiSKhDnqNRxkmP9GHYvMqVMJx5uUeaJuIC4ii08ysOO9srKGMUymzySF8OH6wKsxpNyASusiOJ76IzDQpXUeZI2ODVDay2JQxnttgjTQU6uzrVcaiDDRUe6Rb7+JE9hXmSuM5wnyPLLOKKhHDbkWiHLbNgm4R18C0tYfoSPyLmG/qTZxFxbM28O1vKawtsk/qdfPjWN1Vhwghv93nUlF0WnHiYWE08DVbjWqbY5VFz2Leqkk/OhlMRhscJUwyFzrUkShmWEnjG3AecjWtllsSZa7g/Bb76EqaXR8+9jLjNgtF5xLXEnpp7PXEvz0I522CzGHGp1vTyI8wCQxP6hrjSUj/AK3jDDPeHIY0NrITtUpNa4CUMD6HnCBk0El8h3rBkbMSjs+2MNDZwA7Y3CvfnUK2JmoR5ldhdeLgSnaPNcUeD4f5Zy+Oi0/BBh+7wXStMMXpxHX7CbNomrnkM0auQxiY2wBcdZlGtKdYJM1nFVvB1WONomM/OL0wabzThWpWD8q7CFx16Q4NYZEh4ffKdiq3mJ4PXTh5xPP/h5cnShCrf4LAs7re+xxpPMvbXT4+OS6wxA4hDDOHO9aSwAWOXvY5FidcaabgxhJrTgERhxhMLNQl55W2ryj1shW/JKIQW/wkzRsjgW5XmmmmWox6+6TAmLkx+XCUNDmXJrNnFLPyQcG88Naf8EOYnurHL3yq2cJ2r2AMfdWOaPizMcBV7n5wMfrleG6ChQwwBwAVq4WMyWIvhIYTJPGGk2BKAgRyqd6ubbwJ2q2DeZLYII3nWopSFKRAe5JdhbY6N47WQ9Sr2rigCTsC1sOOy2+CjDgUhw9zotwB+tagwqByr/L/MywSSj91DQv+iHMxTdLhb6ZdO83HPNSQfu7EwXQwhzTX+Af1edxG2degSUnegRUgIWSqAzi8bIPl4PWQIyQW3gTCSjy0sTLNw897bQBjJx+aQoWcequSXbbmAfPiojVYhjP50EaDUEMpzAd3UzcWx5Ih4moU5LvQzHMYH5rAwA4WhCmtxnIU5L/QznTA8z1VMUPodZazF+RDmDPuEhx/N0bAdhm867KufHm2LD/AOCIkeD2jOEjRK4JsOB+IDPIUao9sWxrsjZ+agMM8r/c7PK/HWExfmFPGEkMkMZe9VaTYgAp90OEHN6FSiMIyPhcT8/mVaDgkzTenfKf1Pg0RheGPfReGBRTlSayLwRYeLKmFzY6IwvBOgRnjoIRXbYX2rYx580aGGmlGjThjGh4a502JhpHiroFTJu0+b4buShOGtF5uEh3knwHpl7yhPvPxQCtczKWe9ko/sbKLactYkDOMd4gUhgyeISy0a/IdQQ5txzxaWwnYdLsBn5SUMH6MzbY1fYQh3qYI7vB2a6zsMgSBVzIDNEsqptlzyIwyD98nuNGS2kTjRkuG8F2Yt5mzn8e+FlvKeCFsl7FTCPuU8w/Fi3hx8RMkbFXmDj629voz4frxWi6JwlC0yNKGRVFvOSZ2SBH7gZSW/dOMCP7U4ZWi1KMpM2CaJ0gbfzpl6axO+Js433O+KX2VZlszCw7ClBrZJmA/fVLrCMHgvXKVHGj5Y9bmKnT7rKPSHDcs90lUqH/v7/I4Vyn1kNhl90tsBTx8iKPOISthcaPiRy/1kmsog6nXlfQiqCGOCwyp2Sr/QoSCFKOMwyvQ62rwaPijbwjCWEN9Q3q9vB2Gmyt9hqLDcxPojz4Mow+vAaDtsXpJKIemcouVNy78of8eLB4E88gz6eHF8ipPW8eK8DD6TUqKy80B6HNwRex5Id/GZFC7waRX7XEAFHPAbUrl/GAzaxhlEpupMZ52ZohpVfI3yPuLrEk2wYUSmotgShtGItY4yzHUaAhSkAWWWwYZGG5l2clCNeemQT6na/LBOMm65D+skLl1sBu98iklALbhRZeHHuyT8K8AAQgOpdHB7tvEAAAAASUVORK5CYII=') 50% 50% no-repeat;
background-size: 100% auto;
vertical-align: middle;
margin-right: 20px;
position: absolute;
left: 0px;
top:0px;
}

.wrap_kreator .kreator .contentKreator .ramka2{
background-color: #dceec8;
border: 1px solid #6aae23;
color: #6aae23;
}

.wrap_kreator .kreator .contentKreator .ramkaError{
background-color: #e6cdcd;
border: 1px solid #cb0e12;
color: #cb0e12;
}

.wrap_kreator .kreator .cont .divTlo{
position: absolute;
left: 0px;
top:0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
}


.wrap_kreator .kreator .cont .divTlo .loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 100px;
height: 100px;
position: absolute;
left:0px;
right: 0px;
top:0px;
bottom: 0px;
margin: auto;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}



canvas{
max-width: 100%;
max-height: 100%;
vertical-align: top;
position: absolute;
height: 100% !important;
width: auto !important;
left: 0px;
right: 0px;
margin: auto;
top:0px;
}

.coint{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}

.coint .coint2{
box-sizing: border-box;
text-align: center;
height: 100%;
background-color: #FFFFFF;
border-radius: 15px;
}
.coint .coint2 canvas{
cursor: pointer;
}

.coint .coint2 .containerW{
position: relative;
width: 100%;
height: 100%;
}

.boxCanvas{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
height: 100%;
width: 100%;
gap: 10px;
position: relative;
}

.boxCanvas .zoomWnetrze{
width: 60px;
height: 60px;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
margin: auto;

cursor: pointer;
}

.boxCanvas.no_canvas .zoomWnetrze {
display: none;
}


.boxCanvas .zoomWnetrze::before {
content: "";
font-style: normal;
font-weight: 400;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
line-height: 60px;
font-size: 35px;
color: #009ee0;
cursor: pointer;
border-radius: 50%;
background: #FFFFFF url('data:image/png;base64,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') 50% 50% no-repeat;
background-size: 40px auto;
}

.wrap_kreator .kreator .cont.szafa .boxCanvas.showFixed {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top:0px;
background-color: #FFFFFF;
}

.wrap_kreator .kreator .cont.szafa .boxCanvas.showFixed .coint2{
border: 1px solid #d0d0d0;
}

.boxCanvas.showFixed .zoomWnetrze::before {
background: #FFFFFF url('data:image/png;base64,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') 50% 50% no-repeat;
background-size: 40px auto;
}

.kreatorDiv .container{

}

.wrap_kreator .kreator .cont.szafa.no_canvas {
grid-template-columns: 3fr 0fr;
}

.wrap_kreator .kreator .cont.szafa.no_canvas .boxCanvas{
width: 0;
overflow: hidden;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont .boxCanvas{
width: 0;
height: 0;
overflow: hidden;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont{
/*height: 90%;*/
}

.wrap_kreator .kreator .cont.szafa.no_canvas{
/*height: 100%;*/
}

.wrap_kreator .kreator .cont.bokSzafaSystem{
grid-template-columns: 0fr 1fr;
}

.wrap_kreator .kreator .cont .rowInput{
box-sizing: border-box;
padding: 15px 0px;
}

.wrap_kreator .kreator .cont .rowInput label{
text-decoration: none;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
font-size: 17px;
font-weight: 900;
text-transform: uppercase;
position: relative;
transition: all 0.2s ease-out 0s;
cursor: pointer;
}

input[type="radio"] {
box-sizing: border-box;
display: none;
padding: 0;
}
input[type="radio"] + label::before {
content: "";
display: inline-block;
right: 0;
font-family: "Glyphicons Halflings";
color: #FFFFFF;
font-size: 11px;
width: 40px;
height: 40px;
background-color: #FFFFFF;
border: 3px solid #009ee0;
vertical-align: middle;
margin-right: 10px;
text-align: center;
border-radius: 50%;
margin-bottom: 3px;
}
input[type="radio"] + label::after {
content: "";
display: inline-block;
font-family: "Glyphicons Halflings";
color: #FFFFFF;
font-size: 11px;
width: 23px;
height: 23px;
background-color: #FFFFFF;
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
position: absolute;
left: 11px;
top:0px;
bottom: 0px;
margin: auto;
box-sizing: border-box;
transition: all 0.2s ease-out 0s;
}



input[type="radio"]:checked + label::after {
background-color: #009ee0;
}

input[type="radio"]:checked + label{
color: #009ee0;
}

.wrap_kreator .kreator .cont.szafa .kreatorRight {
background-color: transparent;
padding: 0px;
}
.wrap_kreator .kreator .cont.szafa.no_canvas .kreatorRight {
display: none;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont .kreatorRight {
background-color: #FFFFFF;
padding: 0px;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont .kreatorRight .bokSzafa{
text-align: left;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa{
display: grid;
width: 100%;
gap: 10px 20px;
grid-template-columns: 1fr 2fr;
height: 100%;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div{
background-color: #FFFFFF;
border-radius: 15px;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
flex-direction: column;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2{
box-sizing: border-box;
padding: 0px 30px;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData{
width: 100%;
box-sizing: border-box;
padding: 2px 0px;
font-weight: 700;
border-bottom: 2px solid #eaeaea;
display: flex;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData.titleHeader{
padding: 0px 0px 0px 0px;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div{
display: inline-block;
width: 50%;
vertical-align: middle;
position: relative;
box-sizing: border-box;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.divCell1{
text-align: left;
padding: 6px 5px 6px 0px;
color:#cb1014;
border-right: 2px solid #eaeaea;
display: flex;
align-items: center;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.divCell2{
text-align: left;
padding: 6px 0px 6px 10px;
color: #6ab023;
display: flex;
align-items: center;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.divCell1.dane:before{
content: "\e093";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
top: 0px;
bottom: 0px;
margin-right: 8px;
display: inline-block;
vertical-align: sub;
color: #cb1014;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.divCell2.dane:before{
content: "\e094";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
top: 0px;
bottom: 0px;
margin-right: 8px;
display: inline-block;
vertical-align: sub;
color: #6ab023;
}

/*
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.divCell1.dane::after {
content: "";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 30px;
position: absolute;
right: -12px;
top: 0px;
bottom: 0px;
margin: auto;
color:#9a9a9a;
width: 22px;
height: 9px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAJCAYAAAA2NNx1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ9JREFUeNpibGhoYIABKSkpUSC1EYj/ALHjs2fP/jIQAEA9/kBqHhCHAtXvg4kzISlQAFJHgdgSiH8C8X8G4sB3IOYF4i1AM5xQDAYK6AOpY0CsCsSrgNgbaPs/YkwFqtsFpEKAmAVquDtInAXIcIB6nw+I7wLxDiCOAopjM0ceiB/isGMj1ILNQL0hLFAX8kEllaHhRQlgBeIFIIPDkFx8E4g78YSvDBA/wSHnDXXxbyBOYAGG0QGg0+2AnO1ArA7EoAhIBor/ItaJQP1+QMofGpEBoHBngkbARSBlBcS3gTgGGk5MRBrqBqTWQJOoDzQyEckNKPAASFkD8XEg5gRiRiIdDFL7GWooPB0DBBgAfAVQ3tpGF6UAAAAASUVORK5CYII=') 50% 50% no-repeat;
}
*/
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .kreatorRight{
background-color: transparent;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena{
font-size: 20px;

}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena::after {
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
top: 0px;
bottom: 0px;
margin: auto;
margin-left: 8px;
display: inline-block;
vertical-align: sub;
color: #FFFFFF;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell1{
padding: 8px 35px 8px 30px;
background-color: #cb1014;
color: #FFFFFF;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell2{
padding: 8px 10px 8px 25px;
background-color: #6ab023;
color: #FFFFFF;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell1:after{
content: "\e093";
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell2:after{
content: "\e094";
}

/*--------------------------------------------------------------*/


.wrap_kreator .kreator .cont.bokSzafaSystem1 {
grid-template-columns: 0fr 1fr;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa{
width: 100%;
height: 100%;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div{
background-color: #FFFFFF;
border-radius: 15px;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
flex-direction: column;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.ramka1{
margin-top: 20px;
}


.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2{
box-sizing: border-box;
padding: 10px 30px;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData{
width: 100%;
box-sizing: border-box;
padding: 2px 0px;
font-weight: 700;
border-bottom: 2px solid #eaeaea;
display: flex;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData.titleHeader{
padding: 0px 0px 0px 0px;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData:last-child{
border: none;
}



.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div{
display: inline-block;
width: 50%;
vertical-align: middle;
position: relative;
box-sizing: border-box;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.divCell1{
text-align: left;
padding: 6px 5px 6px 0px;
color:#cb1014;
border-right: 2px solid #eaeaea;
display: flex;
align-items: center;
justify-content: flex-start;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.divCell2{
text-align: left;
padding: 6px 0px 6px 10px;
color: #6ab023;
display: flex;
align-items: center;
justify-content: flex-start;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.divCell1.dane:before{
content: "\e093";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
top: 0px;
bottom: 0px;
margin-right: 8px;
display: inline-block;
vertical-align: sub;
color: #cb1014;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.divCell2.dane:before{
content: "\e094";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
top: 0px;
bottom: 0px;
margin-right: 8px;
display: inline-block;
vertical-align: sub;
color: #6ab023;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .kreatorRight{
background-color: transparent;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena{
font-size: 20px;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena::after {
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
top: 0px;
bottom: 0px;
margin: auto;
margin-left: 8px;
display: inline-block;
vertical-align: sub;
color: #FFFFFF;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell1{
padding: 8px 35px 8px 30px;
background-color: #cb1014;
color: #FFFFFF;
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell2{
padding: 8px 10px 8px 25px;
background-color: #6ab023;
color: #FFFFFF;
}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell1:after{
content: "\e093";
}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena.divCell2:after{
content: "\e094";
}


/*---------------------------------------------------------------*/


.wrap_kreator .kreator .cont.szafa.bokCena {
grid-template-columns: 0fr 1fr;

}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa{
display: grid;
width: 100%;
gap: 10px 20px;
grid-template-columns: 1fr 1fr;
height: 100%;
}
.wrap_kreator .kreator .cont.szafa.bokCena .kreatorRight{
background-color: transparent;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div{

}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1{

}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa2{

}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa2 .projektTitle{
color: #333333;
font-size: 27px;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 20px;
}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa2 .boxSend{
background-color: #FFFFFF;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cena1{
box-sizing: border-box;
padding: 20px 10px;
background-color: #FFFFFF;
border-radius: 15px;
text-align: center;
color: #333333;
font-size: 23px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cena1>span:last-child{
font-weight: 400;
text-transform: none;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .rabat{
color: #6ab023;
font-size: 24px;
box-sizing: border-box;
padding: 20px 10px;
background-color: #FFFFFF;
text-align: center;
border-radius: 15px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .rabat>span:first-child:before{
content: "";
display: inline-block;
width: 34px;
height: 34px;
vertical-align: middle;
margin-right: 10px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAhCAYAAAC803lsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABABJREFUeNqsmFtIlEEUx7/drNAi0tAgu8Bml4duUD1E0Q3rIYiKzKL0xcqNHotUumFQ0NrlsVgte7ALm0T5Vild6CJUQpEPUrkQZlBRG9KFirD/if/Eafq+3W9zD/zY/eabOefsmTNnZjZQW1vreMnbWU1uzWPAUjAdTAB5bP8AXoKn4AZ47aQhWT77DQGbwFYwz+eYdtAAzoHvqToHfSgsAc9AYxpOOOzbyLElKSPiEX6REeAUWGe1/wC3wT3wHLxh+2gwCcwHi8Bgtsv0NZMtoC+dqSkEV8E0nTLgKDjNfEgmo8BmsBMUsE1+0BSwAvT6mZp8cMtyooFKjvhwQuQ9qOOYBtU+g7rzUzki4bwMivgsSVYOKsFHJ335yLHlKmGLaGNwMkf2c45FfoJScNYZuJylrp98nk9bro5MBVXqeTdocTInLdRppIo2/0nWfawXDleE5INzYnV3Wta2X5kYwpi4xzvRuRIsoK19rE9/HBnD0BnZAfqVgmJ8HAaz2SRLscY2iH7V0g+fYbyrd/Gln7of8Hm96AE9Zmo2Kqduqo6iXIy3KifMUmy1I4GPaj5GOc5NHtKGyCCwQefIctXRrnDV6rtEwkQhBGO62EnEcvldotWRZAa1jeXGkYBVuq9bg/QvCzOUf73j1Bmn4nAikiKVWq2tICCOjAXD2fjOreoZgYEEPhKqyUQgajmbSl7Rlsgw8SHLqnI9LoMSVh7oCMWZoCE+S4Im2PZnOj1WUY+yXSCO5KiXX1wGNCvj3S5ORtV3yYtHVh9ZRXNcckbbyg5aDTkujtTTgC2SB8XW82GPqYi6tGWr71+Daq5ExrnlBZjDJDWU0jmToB3E5EwbxgTUCpuNqORaqsfrnT2LifOJCZvPI0Cvi0MRlSu51hSErdxpMzmk8iekIluo8uOz+BBktWu313UKqVQGIpx/vZpC1qpyrPfLrCNlf9CldpSn2ktULsSZGzoKvx1FP70lJKyVo21c05X1vNqil4C5SXy5qL7XsLaYGlPvUZF1gZvLW4A5alzQjsjRP6Y6H2fFtaORS6UJ1odmK4/CllHpF1b5JTqPqfcxk48BKNfnkSfqKCC/qM7rGJBsu08yrVXKUTmxzQRdtiMiB8EeFba1GTwcrQKXuOOKHAJ7vY6KB3goMlu05ENZBpwooy7jxH3a8jyzyp1lDXihbniyZZ8EI//DgZEc26SmXHSvpq2k1wmptItBp2rbxrncpe66ySSPfbs41kgndb+zB9g54uem9w3cAXf569xuegtVBPTm6X3TK3jsWb/6cB0t5bkywqujyFBudsU+p+clV2BsoJdwUTAZVFhbgZ9/Ayo4NpapvyVkzZ8hhT7/H+lNJ6t/CTAAxRYscc8Ho3kAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .rabat>span:last-child{
text-transform: none;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cenaRabat{
box-sizing: border-box;
padding: 20px 10px;
background-color: #FFFFFF;
border-radius: 15px;
text-align: center;
color: #1fa8e0;
font-size: 23px;
font-weight: 700;

}


.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cenaRabat .cena{
font-size: 30px;
font-weight: 700;
text-decoration: underline;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cenaRabat strong{
font-weight: 700;
}

.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cenaRabat .titleCenaRabat>span:first-child{
text-transform: uppercase;
}



.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa>div.bokSzafa1 .cenaRabat .titleCena{
font-size: 25px;
}

/*---------------------------------------------------------*/

input[type="checkbox"] {
box-sizing: border-box;
display: none;
padding: 0;
}
input[type="checkbox"] + label::before {
content: "";
display: inline-block;
right: 0;
font-family: "Glyphicons Halflings";
color: #FFFFFF;
font-size: 11px;
width: 40px;
height: 40px;
background-color: #FFFFFF;
border: 3px solid #009ee0;
vertical-align: middle;
margin-right: 10px;
text-align: center;
border-radius: 7px;
margin-bottom: 3px;
}
input[type="checkbox"] + label::after {
content: "";
display: inline-block;
font-family: "Glyphicons Halflings";
color: #FFFFFF;
font-size: 11px;
width: 30px;
height: 30px;
background-color: #FFFFFF;
vertical-align: middle;
margin-right: 10px;
position: absolute;
left: 8px;
top:0px;
bottom: 0px;
margin: auto;
box-sizing: border-box;
transition: all 0.2s ease-out 0s;
}



input[type="checkbox"]:checked + label::after {
background-color: #009ee0;
}

input[type="checkbox"]:checked + label{
color: #009ee0;
}
/*----------------------------------------------------------*/

.wrap_kreator .kreator .cont .rowInput.rowInputSystem label {
display: inline-block;
position: relative;
padding-left: 58px;
}
.wrap_kreator .kreator .cont .rowInput.rowInputSystem label>span{
display: block;
text-align: left;
}
.wrap_kreator .kreator .cont .rowInput.rowInputSystem label>span.name1{
font-weight: 400;
font-size: 15px;
text-transform: none;
}
.wrap_kreator .kreator .cont .rowInput.rowInputSystem label>span.name2{
font-weight: 400;
font-size: 15px;
text-transform: none;
text-decoration: underline;
}

.wrap_kreator .kreator .cont .rowInput.rowInputSystem input[type="radio"] + label::before {
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
right: auto;
margin: auto;
}

.wrap_kreator .kreator .cont .rowInput.rowInputSystem input[type="radio"] + label::after {

}

/*
.wrap_kreator .kreator .cont .rowInput.rowInputSystem label .name1{
display: block;
}
.wrap_kreator .kreator .cont .rowInput.rowInputSystem label .name2{
display: block;
}
*/

.pomoc{
display: block;
position: absolute;
width: 46px;
height: 45px;
background: url('../images/pomoc.gif') 0px 0px no-repeat;
background-size: 100% auto;
top:20px;
right: 0px;
z-index: 1;
cursor: pointer;
}
.pomoc.hidden{
display: none;
}

.tloPomoc{
position: fixed;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(0,0,0,0.6);
z-index: 10;
display: none;
}
.tloPomoc.show{
display: block;
}

.divPomoc{
position: fixed;
width: 80%;
height: auto;
margin: auto;
top:0px;
left: 0px;
right: 0px;
top:50%;
transform: translateY(-50%);
max-height: 50%;
display: none;
flex-direction: column;
background-color: #FFFFFF;
border-radius: 15px;
padding-bottom: 20px;
z-index: 11;
}

.divPomoc.show{
display: flex;
}

.divPomoc .topDiv{
background-color: #1fa8e0;
border-radius: 15px 15px 0px 0px;
}
.divPomoc .content{
flex: 1 2 auto;
overflow: auto;
box-sizing: border-box;
padding: 15px 40px 15px 15px;
font-size: 17px;
}

.divPomoc .topDiv .closeSpan{
position: absolute;
right: 10px;
top:10px;
cursor: pointer;
}
.divPomoc .topDiv .closeSpan::before {
content: "\e014";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 24px;
color: #4c4c4c;
}

.divPomoc.pomoc_krok2{

}
.parentRamka .divTrescP .divTresc .row{
box-sizing: border-box;
padding: 10px 0px;
}
.parentRamka .divTrescP .divTresc .row .titleInput{
font-size: 17px;
font-weight: 500;
}
.parentRamka .divTrescP .divTresc .row .tekst{
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: 1px solid #D2D3D5;
padding: 8px 5px;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.wrap_kreator .kreator .cont.szafa.no_canvas .kreatorLeft .obrot{
content: "";
position: absolute;
bottom: -20px;
left: 0px;
right: 0px;
margin: auto;
width: 60px;
height: 60px;
background-color: red;
background: url('data:image/png;base64,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') 50% 50% no-repeat;
background-size: 100% auto;
}

.parentRamka .divTrescP .divTresc .row label{
position: relative;
}
.parentRamka .divTrescP .divTresc .row input[type="checkbox"] + label::before {
width: 20px;
height: 20px;
}

.parentRamka .divTrescP .divTresc .row input[type="checkbox"] + label::after {
width: 15px;
height: 15px;
left: 5px;
}

@media screen and (max-width:1000px){
.wrap_kreator .kreator .cont .rowInput label {font-size: 15px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData > div.divCell1 {padding:2px 5px 2px 0px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData > div.divCell2 {padding: 2px 0px 2px 10px;}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData > div.divCell1 {padding:2px 5px 2px 0px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData > div.divCell2 {padding: 2px 0px 2px 10px;}

.wrap_kreator .kreator .cont.szafa.no_canvas .kreatorLeft:after{bottom: -60px;}

.wrap_kreator .kreator .cont .kreatorLeft{grid-column: 1/2;border-radius: 15px 15px 0px 0px;}
.wrap_kreator .kreator .cont .kreatorRight{grid-column: 1/2;grid-row: 4;border-radius: 0px 0px 15px 15px;}
.wrap_kreator .kreator .cont{grid-template-columns: 1fr;grid-template-rows: 0fr 0fr 1fr 1fr;}
.wrap_kreator .kreator .cont.szafa{grid-template-columns: 1fr;grid-template-rows: 0fr 0fr 1fr 2fr;}
.coint .coint2 {padding: 0px}
.coint{padding: 2px}
.wrap_kreator .kreator .cont .kreatorRight {padding-top: 10px}
.wrap_kreator .kreator .contentKreator {padding-top: 5px;}
.wrap_kreator .kreator .cont {height: 80%;gap: 3px 20px;}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont {grid-template-rows: 0fr 0fr 1fr 1fr;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem {grid-template-rows: 0fr 0fr 0fr 1fr;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 {grid-template-rows: 0fr 0fr 0fr 1fr;}

.wrap_kreator .kreator .cont.szafa.no_canvas {grid-template-rows: 0fr 0fr 4fr 1fr;}
.wrap_kreator .kreator .contentKreator .ramka1, .wrap_kreator .kreator .contentKreator .ramka2, .wrap_kreator .kreator .contentKreator .ramkaError {
padding: 0px 5px 0px 10px;
font-size: 15px;
}
.wrap_kreator .kreator .contentKreator .ramka1 p::before {width: 24px;background-position: 50% 7px;left: -13px}

.wrap_kreator .kreator .contentKreator .ramka1 p {
padding: 5px 0px 5px 22px;
}
.wrap_kreator .kreator .cont .titleDiv{font-size: 17px;padding: 5px 0px;box-sizing: border-box;text-align: center}

.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa {grid-template-rows: 0fr;grid-template-columns: 1fr;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 {padding: 0px 5px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData {padding: 5px 5px}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData > div.titleCena {font-size: 14px}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData > div {font-size: 14px}


.wrap_kreator .kreator .cont.bokSzafaSystem .titleDiv {padding: 0px}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa>div.bokSzafa2 .rowData>div.titleCena::after {height: 23px;width: 17px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData > div.titleCena.divCell1 {}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem .bokSzafa > div.bokSzafa2 .rowData > div.titleCena.divCell2 {}
.wrap_kreator .kreator .cont .rowInput.rowInputSystem {padding: 5px 0px 5px 20px}




.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa {grid-template-rows: 0fr;grid-template-columns: 1fr;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 {padding: 0px 5px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData {padding: 5px 5px}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData > div.titleCena {font-size: 16px}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData > div {font-size: 16px}


.wrap_kreator .kreator .cont.bokSzafaSystem1 .titleDiv {padding: 0px}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa>div.bokSzafa2 .rowData>div.titleCena::after {height: 23px;width: 17px;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData > div.titleCena.divCell1 {}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont.bokSzafaSystem1 .bokSzafa > div.bokSzafa2 .rowData > div.titleCena.divCell2 {}
.wrap_kreator .kreator .cont .rowInput.rowInputSystem1 {padding: 5px 0px 5px 20px}





.wrap_kreator .kreator .cont.szafa.bokCena {grid-template-rows: 0fr 0fr 0fr 1fr;grid-template-columns: 1fr;}
.wrap_kreator .kreator .cont.szafa.bokSzafaCont .kreatorRight .bokSzafa {grid-template-rows: 0fr;grid-template-columns: 1fr;}

.wrap_kreator .kreator .cont.bokCena .titleDiv {padding: 0px}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa1 .cena1 {margin-bottom: 10px;padding: 5px;font-size: 20px}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa1 .rabat {margin-bottom: 10px;padding: 5px;font-size: 20px}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa1 .cenaRabat {font-size: 20px;padding: 5px;}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa1 .cenaRabat .titleCena {font-size: 20px}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa2 .projektTitle{margin:5px 0px}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa2 .projektTitle {font-size: 17px;}
.wrap_kreator .kreator .cont.szafa.bokCena .bokSzafa > div.bokSzafa2 .boxSend {padding: 5px;}

.wrap_kreator .kreator .cont.szafa.no_canvas .kreatorLeft .obrot {bottom: -65px}

}
@media screen and (max-width:1100px){
.wrap_kreator .hfix .box_top,.wrap_kreator .box_top {width: 160px;}
.box_top .logoTop {width: 160px;}
.divPomoc {width: 95%;max-height: 75%;}
.wrap_kreator .kreator {position: initial}
.pomoc {z-index: 3000;top:0px;width: 37px;height: 38px;top:4px;right: 8px}

.menuTop > .inMenu > ul > li.sel > a, .menuTop > .inMenu > ul > li:hover > a {background-color: #cb0e12}
.box_menu div.menuTop > div.inMenu {top:50px;}

}
@media screen and (max-width:900px){

}

@media screen and (max-width:500px){
.wrap_kreator .kreator .cont .rowInput {width: 100%;display: flex;justify-content: center}


.wrap_kreator .kreator .cont.bokSzafaCont .rowInput {justify-content: flex-start}

.wrap_kreator .kreator .cont .kreatorLeft input[type="number"] {width: 150px;padding: 5px 20px;}
.wrap_kreator .kreator .cont {gap: 3px 0px;}
.wrap_kreator .kreator .cont .titleDiv {}
.wrap_kreator .kreator .cont .titleInput {font-size: 20px;}
input[type="radio"] + label::before {width: 32px;height: 32px;}
input[type="radio"] + label::after {left: 8px;top:-2px;width: 22px;height: 22px;}
.wrap_kreator {height: 91vh}
.wrap_kreator .kreator .cont .kreatorRight {padding:10px}
.wrap_kreator .kreator .cont .kreatorLeft {padding: 10px}
.wrap_kreator .kreator .cont {height: 96%}
.wrap_kreator .kreator .cont .rowInput {padding: 7px 0px}
}