.pizzaKreator .content {
    background: whitesmoke none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 10px 9px 6px -11px black;
    padding: 5px;
}
.kreator-body .center {
    display: block;
    left: 0;
    margin: auto;
    right: 0;
}
.kert-feltetek .checkbox {
    cursor: default !important;
}
.kreator-body .alapanyagok::before {
    content: "Összetevők" !important;
}
.kreator-body .kert-feltetek::before, .kreator-body .alapanyagok::before {
    color: black;
    content: "extra feltétek";
    font-family: dealerplate california;
    font-size: 11px;
}
.kreator-content {
    float: left;
    left: 0;
    margin: auto;
    right: 0;
    width: 98%;
}
.close-extras-text {
    display: none;
}
.close-extras {
    display: none;
    top: -36px;
}
.pizzaKreator .close-extras-text {
    display: block;
}
@media only screen and (max-width: 1169px) {
.pizzaKreator .close-extras {
    display: block;
}
.close-kreator:not(.pizzaKreator) {
    display: block;
}
}
@media only screen and (max-width: 600px) {
.close-extras {
    right: 5px !important;
    top: -40px !important;
    width: 35px !important;
}
.close-extras::after {
    font-size: 2.5rem !important;
    font-weight: 700;
    line-height: 30px !important;
}
}
.extrak.kert-feltetek .checkbox .classic.checked::before {
    display: none !important;
}
.extra-feltet .delete {
    display: none;
    font-size: 20px !important;
}
.extrak.kert-feltetek .feltet_sor, .extrak.kert-feltetek .feltet_ar {
    cursor: default;
}
.extrak.kert-feltetek .delete {
    color: rgb(205, 0, 0);
    cursor: pointer !important;
    display: block;
    font-size: inherit;
    margin-right: 10px;
    max-width: 20px;
}
.extras-body {
    left: 0;
    margin: 50px auto auto;
    max-width: 500px;
    right: 0;
}
.extras-body {
    position: relative;
}
.food:not(.pizzaKreator) .kreator-feltetek {
    display: none;
}
.extrak.kert-feltetek:not(.active) {
    display: none !important;
}
.food.pizzaKreator .extrak.kert-feltetek {
    background: rgb(235, 245, 235) none repeat scroll 0 0;
    border: 1px solid silver;
    border-radius: 10px;
    clear: both;
    display: block;
    float: left;
    margin-bottom: 10px;
    max-width: 290px;
    padding: 6px 6px 0;
}
.food.pizzaKreator .kreator-feltetek {
    background: dimgray linear-gradient(to bottom, greenyellow -20%, green 90%) repeat scroll 0 0;
    border-color: silver gray gray;
    border-image: none;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    display: inline-flex;
    font-family: dealerplate california;
    font-size: 16px;
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
    min-width: 130px;
    padding: 8px;
    right: 0;
}
.food.pizzaKreator .kreator-window, .food.pizzaKreator .kreator-tab.active {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}
.food.pizzaKreator .kreator-tab {
    background: transparent none repeat scroll 0 0;
    visibility: hidden;
}
.food.pizzaKreator .kreator-body.zoom_me {
    transform: scale(1);
}
.food.pizzaKreator .kreator-body {
    overflow: unset !important;
}
.food.pizzaKreator .close-kreator, .food.pizzaKreator .close-kreator-text, .food.pizzaKreator .close-extras-text {
    display: none !important;
}
.product-cart-body {
    display: table;
    flex: 1 1 0;
    margin: auto;
}
.kreator-picture {
    bottom: 0;
    display: inline-block;
    margin: auto;
    top: 0;
}
@media only screen and (max-width: 600px) {
.kreator-body .options-body {
    display: inline-block;
    width: 100%;
}
}
@media only screen and (max-width: 550px) {
.kreator-picture {
    display: none;
}
.kreator-content {
    left: 0;
    margin: auto;
    right: 0;
    width: auto !important;
}
}
.close-kreator-text, .close-extras-text {
    background: rgba(255, 10, 0, 0.35) none repeat scroll 0 0;
    border: 1px solid sienna;
    border-radius: 5px;
    color: whitesmoke;
    cursor: pointer;
    display: none;
    left: 0;
    margin: 10px auto;
    padding: 10px;
    right: 0;
    text-align: center;
    width: 170px !important;
}
.option-div {
    display: table;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    width: 100%;
}
.options-body {
    border-top: 1px dotted gray;
    box-sizing: border-box;
    display: flex;
    left: 0;
    margin: 10px auto auto;
    padding: 5px 10px 10px;
    right: 0;
    text-align: left;
    width: 98%;
}
.kreator-body {
    left: 0;
    margin: 30px auto auto;
    max-width: 700px;
    right: 0;
    transition: all 0.4s ease 0s;
}
.checked-count, .extras-checked-count {
    background: tomato none repeat scroll 0 0;
    border-radius: 15px;
    color: snow;
    display: inline-block;
    font-family: Source Sans Pro;
    font-size: 14px;
    line-height: 20px;
    margin-left: -7px;
    margin-top: -15px;
    max-height: 20px;
    min-width: 20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
}
@font-face {
    font-family: "hand";
    src: url("../fonts/handfont.eot");
}
@font-face {
    font-family: "hand";
    src: url("../fonts/handfont.ttf");
}
.megjegyzes {
    color: grey;
    display: block;
    font-family: hand;
    font-size: 23px;
    line-height: 23px;
    margin-top: 17px;
    text-align: center;
    width: 100%;
}
.close-kreator::after, .close-extras::after {
    color: white;
    content: "×";
    font-family: source sans pro;
    font-size: 4rem;
    font-weight: 700;
    line-height: 45px;
}
.close-kreator, .close-extras {
    background: darkred none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    cursor: pointer;
    opacity: 0.9;
    position: absolute;
    right: -40px;
    text-align: center;
    width: 50px;
    z-index: 1000;
}
.kreator-tab {
    background: dimgray none repeat scroll 0 0;
    border-radius: 6px 6px 0 0;
    color: silver;
    cursor: pointer;
    font-family: source sans pro;
    height: 39px;
    min-width: 170px;
    padding: 15px;
    position: relative;
    top: 6px;
}
.tab-div {
    clear: both;
    float: left;
    margin-left: 50px;
    width: 80%;
}
.kreator-tab.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) url("../media/kreator-bg.jpg") repeat scroll 0 0;
    border-image: none;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    color: black !important;
    height: 45px;
    position: relative;
    top: 1px;
}
.extrak .extras-body {
    border: 2px solid rgb(240, 230, 200);
    left: 0;
    margin: 10px auto auto;
    max-width: 100%;
    right: 0;
    width: 95%;
}
.extrak, .osszetetel {
    display: none;
    width: 98%;
}
.visible {
    display: inline-block !important;
}
.alapanyag-icon {
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    max-height: 30px;
    max-width: 30px;
    width: 30px;
}
.kreator-window {
    background: rgba(0, 0, 0, 0) url("../media/kreator-bg.jpg") repeat scroll 0 0;
    border: 1px solid silver;
    border-radius: 10px;
    display: inline-block;
    min-height: 300px;
    padding-bottom: 10px;
    width: 100%;
}
@media only screen and (max-width: 500px) {
.kreator-body {
}
.feltet_div {
    margin: 0 !important;
}
.extrak {
    margin: 0;
    width: 100%;
}
.megjegyzes {
    font-size: 16px !important;
    line-height: 16px !important;
}
}
@media only screen and (max-width: 800px) {
.close-kreator-text {
    display: block !important;
}
.megjegyzes {
    font-size: 20px;
    line-height: 20px;
}
.close-kreator {
    right: 5px;
    top: -5px;
    width: 40px;
}
.close-kreator::after {
    content: "×";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 40px;
}
.kreator-window {
    border: 0 none;
    border-radius: 0 !important;
}
.kreator-tab {
    color: silver;
    cursor: pointer;
    font-family: source sans pro !important;
    min-width: 100px !important;
    padding: 15px;
    width: 50% !important;
}
.tab-div {
    margin-left: 0 !important;
}
}