@font-face {
    font-family: 'calibri';
    src: url('fonts/calibri.eot');
    src: url('fonts/calibri.eot?#iefix') format('embedded-opentype'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    direction: ltr !important;
}

:focus {
    outline:none;
}

html {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    font-family: calibri;
    position: absolute;
    height: 100% !important;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: lightgray;
    min-width: 320px;
}

#all {
    min-height: 100% !important;
    height: 100% !important;
    display: block;
    width: 100%;
    position: absolute;
}

#allBlock {
    margin: 0 auto;
    background-image: url('../images/img/background_top.jpg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}

#allBlock #zeb_popup_window {
    background-color: #E7E7E7;
    box-shadow: 0 0 20px #969696;
    border-radius: 7px;
    left: 395px;
    position: absolute;
    top: 50px;
    width: 280px;
    display: none;
    z-index: 110;
    font: 13px/19px calibri;
    opacity: 0.95;
}

#allBlock #zeb_popup_window_inside {
    margin: 10px;
}

#allBlock #zeb_popup_window_image {
    text-align: center;
    height: 250px;
    display: table-cell;
    vertical-align: middle;
    width: 300px;
}

#allBlock #zeb_popup_window_price {
    font: bold 17px/20px calibri;
    letter-spacing: 0.5px;
    text-align: right;
}

#allBlock #zeb_popup_window img {
    max-width: 240px;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}

#allBlock #zeb_popup_window table {
    text-align: center;
}

#allBlock .zeb_popup_attributes {
    padding-bottom: 10px;
}

#centerBlock {
    margin: 0 auto;
    opacity: 0;
    position: relative;
    display: block;
    height: 100%;
}

canvas {
    direction: ltr !important;
}

.kineticjs-content canvas {
    position: relative;
}

.greenBg {
    background: #FCF803;
    background: -webkit-gradient(linear, left top, left bottom, from(#97bd0e), to(#b2cb57));
    background: -moz-linear-gradient(top, #97bd0e, #b2cb57);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bd0e', endColorstr='#b2cb57');
    background-image: -o-linear-gradient(rgb(151, 189, 14), rgb(178, 203, 87));
}

.green:hover {
    text-decoration: none;
}

#log_bot {
    display: inline-block;
    width: 80px;
    word-break: break-all;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 3px;
}

#log_bot a {
    color: black;
    font-size: 13px;
}

.clearboth {
    clear: both;
}

.butsf a {
    margin-top: 9px;
    margin-right: 10px;
}

#pageCountC {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

#pageCountClipart {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

#pageCountSP {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

#pageCountPattern {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

.noneCL:hover {
    color: black !important;
    cursor: default !important;
}

#helpButton .m7 {
    margin-top: 4px;
    margin-left: 2px;
}

#helpButton .m {
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 23px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
}

#selectors {
    height: 200px;
    width: 695px;
    background-color: #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 10px;
    float: left;
}

#selectors2 {
    padding: 10px;
}

#selectors3 {
    height: 200px;
    width: 344px;
    background-color: #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 10px 0px;
    float: left;
    display: "none";
    overflow: auto;
    font: 12px/100% calibri;
    overflow: hidden;
    z-index: 110;
    position: relative;
    z-index: 10;
}

#pathTextParams {
    margin: 10px;
}

#typePathText a {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 7px 7px 0;
    cursor: pointer;
}

#typePathText a img {
    width: 40px;
    height: 40px;
}

#pathTextFamile a {
    border: 1px solid #A8A8A8;
    display: block;
    height: 14px;
    margin: 0 5px;
    padding: 0 5px;
    text-align: center;
    width: 80px;
    border-radius: 5px;
}

.pathTextFamileBody a {
    border: 1px solid #A8A8A8;
    display: block;
    height: 18px;
    margin: 0 5px;
    padding: 0 5px;
    text-align: center;
    width: 80px;
    border-radius: 5px;
    line-height: 16px;
}

#d_bgColor6 {
    float: left;
    width: 31px;
}

#pathTextColor a {
    border: 0 none;
    display: block;
    height: 19px;
    margin: 0 5px;
    padding: 0 5px;
    text-align: center;
    width: 80px;
}

.pathTextFamileBody {
    display: block;
}

#pathTextSize input {
    border: 0 none;
    display: block;
    height: 14px;
    margin: 0 5px;
    padding: 0 5px;
    width: 25px;
    text-align: center;
}

#pathTextDistanceLine input {
    border: 0 none;
    display: block;
    height: 14px;
    margin: 0 5px;
    padding: 0 5px;
    width: 25px;
    text-align: center;
}

#textAlignPathTextTop {
    background-color: #E5E5E5;
    border-radius: 4px 4px 0 0;
    height: 21px;
    width: 60px;
    margin-bottom: 2px;
    margin-left: 5px;
}

#pathTextCenter {
    width: 100%;
    float: left;
    display: none;
}

#pathTextBottom {
    width: 100%;
    float: left;
    display: none;
}

#pathTextTop input, #pathTextCenter input, #pathTextBottom input {
    border: 0 none;
    height: 16px;
    margin: 0 5px;
    padding: 0 5px;
    width: 147px;
    display: block;
}

.leftAlingText {
    border-radius: 5px 0 0 5px;
}

.centerAlingText {
    border-radius: 0;
}

.rightAlingText {
    border-radius: 0 5px 5px 0;
}

#textAlignPathTextTop a {
    width: 19px;
    height: 20px;
    display: block;
    float: left;
    cursor: pointer;
}

#textAlignPathTextTop a img {
    margin: 4px 4px;
}

#textAlignPathTextCenter {
    background-color: #E5E5E5;
    border-radius: 4px 4px 0 0;
    height: 21px;
    width: 60px;
    float: left;
}

#textAlignPathTextCenter a {
    width: 19px;
    height: 20px;
    display: block;
    float: left;
    cursor: pointer;
}

#textAlignPathTextCenter a img {
    margin: 4px 4px;
}

#textAlignPathTextBottom {
    background-color: #E5E5E5;
    border-radius: 4px 4px 0 0;
    height: 21px;
    width: 60px;
    float: left;
}

#textAlignPathTextBottom a {
    width: 19px;
    height: 20px;
    display: block;
    float: left;
    cursor: pointer;
}

#textAlignPathTextBottom a img {
    margin: 4px 4px;
}

#allPrice {
    height: 185px;
    width: 191px;
    z-index: 1000;

    margin: 10px;
    position: absolute;
    right: 10px;
}

#dateDesign {
    height: 200px;
    width: 191px;
    background-color: #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 10px;
    float: right;
}

#webparams {
    display: none;
    float: left;
    height: 43px;
    margin-bottom: 10px;
    margin-top: 20px;
    position: relative;
    width: 175px;
}

#webparams.epp {
    margin-left: 20px;
}

#linetable table {
    width: 100%;
    table-layout: fixed;
    border: none;
}

#lineParams table {
    border: none !important;
    border-collapse: collapse;
}

#lineParams tr {
    border: none;
}

#lineParams td {
    border: none;
}

.ft {
    width: 100px;
}

.st {
    width: 200px;
}

#lineParams {
    margin: 20px 0 0 10px;
    width: 310px;
    position: absolute;
    vertical-align: middle !important;
}

#lineParams div, #lineParams table, #lineParams tbody, #lineParams tr, #lineParams td {
    vertical-align: middle !important;
}

#lineParams input {
    border-radius: 4px 4px 4px 4px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
}

.small_i {
    width: 40px;
}

#webparams input {
    border-radius: 4px 4px 4px 4px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

#buttons {
    height: 23px;
    width: 326px;
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    margin-left: 150px;
    margin-top: -12px;
    position: absolute;
}

#selectors .sizeblock4 {
    width: 448px;
}

#buttons2 {
    height: 23px;
    width: 147px;
    background-color: #e5e5e5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
    margin-left: 23px;
    margin-top: -12px;
    position: absolute;
}

#buttons a {
    text-align: center;
    text-decoration: none;
    font: 14px/22px calibri;
    color: black;
    letter-spacing: 1px;
}

#buttons a.noneCL {
    opacity: 0.5;
}

.safari a {
    font: 14px/24px calibri !important;
}

#swapWrap a {
    text-align: center;
    text-decoration: none;
    font: bold 14px/20px calibri;
    color: black;
}

#swapWrap {
    overflow: hidden;
}

#swapWrap a {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}

#page_h {
    margin-top: 6px;
    height: 70%;
}

#page_w {
    margin-top: 6px;
    height: 70%;
}

#buttons a:hover {
    text-decoration: none;
    color: white;
}

#buttons .but {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 100px;
    height: 23px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #A8A8A8;
    float: left;
    margin-left: 3px;
    margin-top: 3px;
}

#buttons .but2 {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 122px;
    height: 23px;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    float: left;
    margin-top: 3px;
}

#buttons .but3a {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 122px;
    height: 23px;
    border-left: 1px solid #A8A8A8;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    float: left;
    margin-top: 3px;
}

#buttons .but3 {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 92px;
    height: 23px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 0 4px 4px 0;
    border: 1px solid #A8A8A8;
    float: left;
    margin-top: 3px;
}

#but_buy {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 140px;
    height: 19px;
    border: 1px solid #A8A8A8;
    float: left;
    margin-top: 3px;
    margin-left: 3px;
}

#buttons_img_drag .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 130px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 4px;
    overflow: hidden;
}

#pnButColourBox .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
}

#pnBut .but_i, #pnBut32 .but_i, #pnBut322 .but_i, #search_fotolia .but_i, #search_adobe_stock .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
}

#search_fotolia .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
    vertical-align: middle;
}

#search_adobe_stock .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
    vertical-align: middle;
}





#pnBut2 .but_i, #pnBut3 .but_i, #pnBut43 .but_i, #pnBut4 .but_i, #pnBut5 .but_i, .suche_123_rf .but_i, #pnBut22 .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
}



#popup-filters #pnBut3 {
    right: 5px;
}

#forms .but_i, #qrwr .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 125px !important;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#tline .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 48px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#shape_text_font .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 110px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#text_ .but_i, #svgColorWrap .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 110px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#filters_buton_div .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 110px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#filters_buton_div {
    display: none;
    float: left;
    height: 20px;
    margin-top: 15px;
    position: relative;
    width: 143px;
}

#shape_font .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 110px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#textColsWrapper .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 110px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#zeb_text_params .but_i {
    outline: none;
    cursor: pointer;
    width: 110px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 10px;
}

#add_and_minus {
    display: none;
    margin-left: 10px;
}

#add_and_minus .but_i {
    display: inline-block;
    outline: none;
    border: 1px solid #000;
    margin-bottom: 6px;
    overflow: hidden;
    color: black;
    font: 16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: left;
    margin-right: 5px;
    text-decoration: none;
    padding: 6px;
}

#popup-serverfotos .but_i, #popup-clipart .but_i, #popup-patternsclipart .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
}



#popup-crop .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    float: right;
    margin-top: 15px;
    margin-left: 5px;
}



.bottomKonfigurieren .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
}

#colorEdgeMuster .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding-left: 11px;
    width: 70px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: left;
    letter-spacing: 0.25px;
    float: left;
}

#st1 .but_i, #mat1 .but_i, #s4 .but_i, #s1 .but_i, .mirror_select_block .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 100%;
    border: none;
    overflow: hidden;
    color: black;
    text-align: center;
    padding: 8px 0 8px 0;
    margin: auto;
    background-color: #e7e7e7;
}


#cutouts_position #chooseholesAhref {
    margin: 20px auto 0 auto;

    background-color: lightgray;
    color: #000;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    padding: 6px 10px;
    display: block;
}


#material_color_block {
    padding-top: 5px;
}

#mirror_hole_block {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    max-width: 225px;
}


#material_color_block .but_i {
    outline: none;
    cursor: pointer;
    padding-left: 11px;
    width: 70px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: left;
    letter-spacing: 0.25px;
    float: left;
}

#material_color_block .jquery-selectbox {
    display: none;
}

#material_color_block .h2c {
    float: left;
    width: 82px;
    padding-left: 10px;
}

.back:hover {
    color: black;
}

.morebut {
    margin-right: 6px;
    margin-top: 5px;
    background: url("/components/com_expresseditor/html5/images/img/size.png") !important;
    width: 5px;
    height: 8px;
    cursor: pointer;
    float: left;
    margin-left: -12px;
}

.tespan img {
    width: 140px;
    height: auto;
    max-height: 140px;
    border: 2px solid gray;
}

#headText {
    overflow: hidden;
}

#popup-fotolia #pnBut2 {
    bottom: 21px;
    float: right;
    position: absolute;
    right: 8px;
}



#fotolia-input .but_i, #pattern-input .but_i {
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    border: 1px solid #A8A8A8;
    float: left;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    margin-left: 10px;
}



#topSelectFotolia .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    margin-left: 10px;
}

#topSelectAdobe_stock .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    margin-left: 10px;
}

#topSelectrf .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    font: 12px/16px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    margin-left: 10px;
}



#global_zeb_input .but_i {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    float: right;
    font: 12px/16px calibri;
    height: 17px;
    letter-spacing: 0.25px;
    margin-top: 10px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    width: 85px;
}

#zeb_global_ads-close {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    bottom: 20px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px calibri;
    height: 17px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 85px;
}

#zeb_global_template-close, #editor_global_template-close {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    bottom: 10px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px calibri;
    height: 17px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 85px;
}

#zeb_global_template-prev, #editor_global_template-prev {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    bottom: 10px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px calibri;
    height: 17px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    left: 15px;
    text-align: center;
    width: 85px;
}

#zeb_global_template-next, #editor_global_template-next {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    bottom: 10px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px calibri;
    height: 17px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    left: 110px;
    text-align: center;
    width: 85px;
}

#editor_global_template .loggonewButWindow, #editor_global_template .window_panel_close_but {
    display: none;
}

#chooseForm .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 133px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
}

#buy_buttons .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 121px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
}

#buy_buttonsDD {
    text-align: center;
    margin-top: 20px;
}

#buy_buttonsDD .but_i {
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 17px;
    line-height: 16px;
    margin-bottom: 6px;
    outline: medium none;
    overflow: hidden;
    width: 121px;
}






#changeText2, #changeText22 {
    width: 500px;
    height: 130px;
    resize: none;
}
.muliPagePdfPreview-template .multiPreview {

    width:48%;

}

.muliPagePdfPreview-template .multiPreview:nth-child(odd) {

    float:left;

}

#preview_div .but_i, #preview_x3dom .but_i{
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    margin-left: 10px;
    background-color: black;
    color: white;
    padding: 5px;
    width:calc(50% - 10px);
    font-size: 20px;
    border: 1px solid black;
}
#preview_div .but_i:hover, #preview_x3dom .but_i:hover  {

    background-color: #252525;
    text-decoration: none;

}
#preview_x3dom .but_i {

    margin-left: 0;
    font-size: 16px;
}

#btn_cancelPreview.but_i{

    background-color: white;
    border:1px solid;
    color: black;
    border: 1px solid gray;
    margin-left: 1px;

}

#btn_cancelPreview:hover {

    background-color: #252525;
    color: white;
    border: 1px solid black;
}





#room3dpreviewCloseBut .but_i, #room3dpreviewCloseButVorshau .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 130px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    font: 13px/16px calibri;
    float: right;
}

#cancelc {
    margin-top: 10px;
}

#cancelc .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    font: 16px calibri;
    text-align: center;
    padding: 10px 30px;
    color: black;
    text-decoration: none;
}

#cancelc .but_i:hover {
    background-color: black;
    color: white;
}

#chooseForm a {
    text-align: left;
    text-decoration: none;
    font: bold 12px/16px calibri;
    color: black;
    text-align: center;
    letter-spacing: 0.25px;
    cursor: pointer;
}

#chooseForm a:hover {
    text-decoration: none;
    color: white;
}

#chooseForm .disable a:hover {
    color: black;
}

#buy_buttons a {
    text-align: left;
    text-decoration: none;
    font: 12px/16px calibri;
    color: black;
    letter-spacing: 0.25px;
    text-align: center;
    padding: 0 3px;
    border-radius: 4px;
    cursor: pointer;
}

#preview_div {
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100001;
    display: none;
    opacity: 0;
    margin: auto;
    box-shadow: 0 0 10px;
    max-height: none !important;
    max-width: none !important;
    width: 90% !important;
    height: 90% !important;
    margin: auto;
    color: black;
    padding: 20px 40px;
    overflow-y: auto;
    overflow-x: hidden;
}



#preview_div .closeImgBlock {

    margin-top:0;
    padding:0;
}

#fertig_absol {
    color: white;
    font: 13px/13px calibri;
    max-height: 100%;
    width: 100%;
    position: absolute;
    bottom: 80px;
}

#warenBut {
    margin-top: 20px;
}

#warenBut2 {
    bottom: 14px;
    position: absolute;
    left: 60px;
    z-index: 100020;
}

#preview_div .canvasPreviewBox img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    border: 1px solid black;
}

#prevW {
    font: 34px/34px calibri;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
}

#buy_buttons a:hover {
    text-decoration: none;
    color: white;
}

#conteinerChooseSide {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: black;
    border: 1px solid #A8A8A8;
    font: bold 12px/16px calibri;
    display: inline-block;
    height: 17px;
    margin-bottom: 6px;
    outline: medium none;
    width: 150px !important;
    padding-left: 10px;
}

.back {
    background-color: white;
}

.back1 {
    background-color: white;
}

.no_back {
    background: none;
}

#but_back {
    width: 30px;
    height: 23px;
}

#but_front {
    width: 30px;
    height: 23px;
}

#but_text {
    width: 30px;
    height: 23px;
}

#but_rect {
    width: 30px;
    height: 23px;
}

#but_ellipse {
    width: 30px;
    height: 23px;
}

#but_height {
    width: 30px;
    height: 23px;
}

#but_width {
    width: 30px;
    height: 23px;
}

#but_screen {
    width: 30px;
    height: 23px;
}

#but_center {
    width: 30px;
    height: 23px;
}

#but_crop {
    width: 30px;
    height: 23px;
}

#but_del {
    width: 30px;
    height: 23px;
}

#but_refresh {
    width: 30px;
    height: 23px;
    padding-top: 3px;
}

#but_refresh:hover {
    cursor: pointer;
}

#but_cloud {
    width: 30px;
    height: 23px;
}

#but_up {
    width: 30px;
    height: 23px;
}

#but_down {
    width: 30px;
    height: 23px;
}

#but_scalep {
    width: 90%;
    margin-top: 6px;
}

#but_scalem {
    width: 30px;
    height: 23px;
}

#but_scalep2 {
    width: 20px;
    height: 20px;
}

#but_scalem2 {
    width: 20px;
    height: 22px;
}

#but_web {
    width: 30px;
    height: 23px;
}

#but_anshnitt {
    width: 30px;
    height: 23px;
}

#but_vermassung {
    width: 30px;
    height: 23px;
}

#but_qr {
    width: 30px;
    height: 23px;
}

#but_line {
    width: 30px;
    height: 23px;
}

#but_fixed_group_top {
    width: 30px;
    height: 23px;
}

#but_unfixed_group_top {
    width: 30px;
    height: 23px;
}

#but_rotate {
    width: 30px;
    height: 23px;
}

#but_home {
    width: 30px;
    height: 23px;
}

#but_cursorup {
    width: 20px;
    height: 20px;
}

#but_cursordown {
    width: 20px;
    height: 20px;
}

#but_cursorleft {
    width: 20px;
    height: 20px;
}

#but_cursorright {
    width: 20px;
    height: 20px;
}

.mcursors {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    outline: medium none;
}

#buttons .but, .but2, .but3 :hover {
    text-decoration: none;
}

#buttons .but, .but2, .but3 :active {
    position: relative;
}

#product_ {
    margin-left: 25px;
    position: absolute;
    display: none;
    margin-top: 25px;
    height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
}

#settings_ .tip {
    display: none !important;
}

#design_ {
    position: absolute;
    margin-top: 25px;
    margin-left: 10px;
    display: none;
}

#productsize_ {
    min-height: 398px;
    line-height: 40px;
}

#productsize_ hr {
    margin: 10px !important;
}

#st0 {
    float: left;
    width: 37px;
    height: 139px;
}

.s3Block {
    width: 158px;
    float: left;
    height: auto;
    margin-bottom: 10px;
}

#bild_ {
    width: 265px;
    height: 160px;
    float: left;
}

#text_ {
    width: 220px;
    height: 180px;
    padding-left: 10px;
}

#quadrat_ {
    width: 225px;
    height: 120px;
    float: left;
    padding-left: 10px;
}

#bild_l {
    width: 75px;
    height: 138px;
    float: left;
}

#text_l {
    width: 70px;
    height: 138px;
    float: left;
}

#quadrat_l {
    width: 80px;
    height: 103px;
    float: left;
    display: none;
}

#quadrat_r {
    width: 145px;
    height: 103px;
    float: left;
    display: none;
}

#rectr {
    display: none;
}

#t11 {
    margin-top: 5px;
    position: absolute;
}

#setFontLineHeight2 {
    left: 0;
    width: 30px;
    height: 17px;
    text-align: center;
}

#text_img .tip_trigger {
    display: inline-table;
    opacity: 0.98;
    padding: 0 5px;
}

#textColsWrapper {
    height: 21px;
    width: 60px;
    margin-left: 10px;
    width: 140px;
    padding-top: 2px;
}

#textCols {
    height: auto !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 20px !important;
}

#shape_font {
    float: left;
    margin-left: 11px;
    padding-top: 2px;
}

#changeTextParams {
    height: auto;
    width: 220px;
}

#buttons2 a {
    text-align: center;
    text-decoration: none;
    font: 14px/18px calibri;
    color: black;
}

#buttons2 a:hover {
    text-decoration: none;
    color: white;
}

.lmr {
    margin-top: 5px;
    border: none;
}

#text_r {
    width: 146px;
    height: 138px;
    float: left;
}

#bgColorWizard {
    height: 2px;
    margin-left: -300px;
    margin-top: 150px;
    opacity: 0;
    position: absolute;
    width: 2px;
}

#bgColor {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

#bgColor32 {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

#bgColor322 {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}


#svgColor0, #setFontLineColor, #textColorLine {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

#textColor_ecard_fon {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

.background_color_page_input {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

#textColor_zeb {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

#linec {
    height: 17px;
    width: 60px;
}

#tline {
    margin-top: 1px;
}

#svgColor1 {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

.text {
    font: 16px calibri;
    text-align: left;
    letter-spacing: 0.25px;
}

.multiSizeFooter .text {
    font: 16px calibri;
    text-align: right;
    letter-spacing: 0.25px;
    display: block;
}

#d_bgColor {
    margin-top: 5px;
    padding: 5px;
}

#d_bgColor_1 {
    height: 30px;
    margin: auto;
    width: 30px;
    background-color: #ffffff;
    border: 2px solid gray;
    border-radius: 100px;
    background-size: 305px !important;
}

#canvasMaterialImage {
    height: 42px;
    margin-left: 13px;
    margin-top: 6px;
    width: 42px;
    background-color: #ffffff;
    border: 2px solid gray;
    border-radius: 100px;
}

#d_bgColor_32 {
    height: 16px;
    margin-left: 2px;
    margin-top: 2px;
    width: 16px;
    background: url("/components/com_expresseditor/html5/images/icons_mobile/colorPickeNoneBg.png") no-repeat scroll 1px 1px / 15px 14px rgba(0, 0, 0, 0);
}

#d_bgColor_322 {
    height: 16px;
    margin-left: 2px;
    margin-top: 2px;
    width: 16px;
    background: url("/components/com_expresseditor/html5/images/icons_mobile/colorPickeNoneBg.png") no-repeat scroll 1px 1px / 15px 14px rgba(0, 0, 0, 0);
}

#d_bgColor_2 {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_2:hover {
    cursor: pointer;
}

#d_bgColor_2t {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_3 {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_3_ads {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

.background_color_page_inp {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_3_adszeb {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_4 {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_6 {
    height: 16px;
    margin-left: 3px;
    margin-top: 3px;
    width: 20px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_7 {
    height: 16px;
    width: 20px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_8 {
    height: 16px;
    width: 20px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_9 {
    height: 25px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
    background: url('img/colorPickeNone.png') no-repeat 1px 1px;
}

#d_bgColor_32_border {
    width: 20px;
    height: 20px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 20px 20px;
    z-index: 5;
    overflow: hidden;
}

#d_bgColor_322_border {
    width: 20px;
    height: 20px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 20px 20px;
    z-index: 5;
    overflow: hidden;
}

#d_bgColor_2_border_ads {
    width: 31px;
    height: 27px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
    float: left;
}

.background_color_page {
    width: 31px;
    height: 27px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
}

#d_bgColor_2_border_adszeb {
    width: 31px;
    height: 27px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
}

.background_color {
    width: 30px;
    height: 30px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
    float: right;
}

.background_color_ecard {
    width: 30px;
    height: 30px;
    background-image: url('../images/img/colorPickerBack.png');
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
    float: left;
}

#zeb_color_back_text {
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}

#d_bgColor_4_border {
    width: 20px;
    height: 20px;
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
}

#d_bgColor_5_border {
    width: 20px;
    height: 20px;
    background-size: 31px 27px;
    background-repeat: no-repeat;
    z-index: 5;
    overflow: hidden;
}

.d_bgColor_border {
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.d_bgColor_border .d_bgColor {
    margin-left: 3px;
    margin-top: 3px;
    width: 40px;
    height: 40px;
    border: 2px solid gray;
    border-radius: 100px;
    cursor: pointer;
    margin: 2px;
    float: left;
}

#svgColorWrap input.color {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#svgColorWrap a:hover {
    cursor: pointer;
}

#svgColorWrap img {
    width: 30px;
    height: 23px;
}

.divider {
    background-color: #b9b9b9;
}

#line_22 {
    height: 144px;
    width: 1px;
    position: absolute;
    margin-top: 7px;
    margin-left: 423px;
}

#line_23 {
    height: 144px;
    width: 1px;
    position: absolute;
    margin-top: 7px;
    margin-left: 210px;
}

#line_3 {
    height: 144px;
    width: 1px;
    float: left;
    margin-top: 1px;
}

#line_33 {
    height: 144px;
    width: 1px;
    float: left;
    margin-top: 1px;
}

h2 {
    font: bold 14px/20px calibri;
    text-align: left;
    letter-spacing: 0.5px;
    margin: 0px;
}

.h2c {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

#fileToUpload {
    font-size: 20px;
    height: 20px;
    margin-top: 0px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 161px;
    left: 0;
    cursor: pointer;
    display: none;
}

.fileToUploadToBackgruond {
    font-size: 20px;
    height: 20px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 120px;
    left: 0;
    cursor: pointer;
}

#conf {
    width: 310px;
    float: left;
    background-color: #898888;
    border-radius: 5px;
    margin-left: 10px;
    padding: 5px;
}

#shape {
    width: 310px;
    float: left;
    background-color: #898888;
    border-radius: 5px;
    margin-left: 10px;
    padding: 5px;
    height: 168px;
}

#order {
    width: 300px;
    height: inherit;
    max-height: 325px;
    float: left;
    background-color: #898888;
    border-radius: 5px;
    margin-left: 10px;
    padding: 5px;
}

#container {
    z-index: 5;
    margin: 30px;
    position: absolute;
    opacity: 0;
    background-color: white;
}

.arial {
    font-family: 'arial';
}

.janeausteni {
    font-family: 'janeausteni';
}

.academy {
    font-family: 'academy';
}

.verdana {
    font-family: 'verdana';
}

.comicsansms {
    font-family: 'comicsansms';
}

.impact {
    font-family: 'impact';
}

#photoSizetip {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FAFAFA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 150px;
    left: 50%;
    margin-left: -270px;
    margin-top: -150px;
    padding: 20px;
    position: fixed !important;
    top: 50%;
    width: 500px;
    z-index: 99999;
}










.imagePopup {
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed !important;
    top: 30%;
    width: 100%;
    z-index: 99999;
    max-width: 400px;
    left: 0;
    right: 0;
    margin: auto;
}
.imagePopupText {

    padding:5px 0px 25px;
}

#text_img, #text_img2 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FAFAFA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 150px;
    left: 50%;
    margin-left: -270px;
    margin-top: -150px;
    padding: 20px;
    position: fixed !important;
    top: 50%;
    width: 500px;
    z-index: 99999;
}

#text_img_but, #text_img_but22 {
    float: right;
    text-align: center;
    margin-top: 7px;
    margin-right: -6px;
}

#text_img_but2 {
    float: right;
    text-align: center;
    margin-top: 10px;
}


#photoSizeTipConText {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: white;
    border: 1px solid black;
    color: black;
    padding: 10px;
}

#photoSizeTipConButtons {
    position: absolute;
    bottom: 10px;
    right: 20px;
    text-align: center;
}



#rf_con_buttons, #fot_con_buttons_adobe_stock {
    text-align: right;
    margin-top: 12px;
}

#rf_con_buttons, #fot_con_buttons_remove_bg {
    text-align: right;
    margin-top: 12px;
}
#remove_bg_confirm{
    z-index: 100001;
}

.imagePopup button {

    width: 100%;
}

.popup_top_block {
    height: 35px;
}

.popup_top_block .but_i {
    margin-top: 0px;
}

.popup_block .category_select {
    float: left;
    margin-left: 15px;
    margin-top: 9px;
}



#popup-clipart .content, .popup_block .content, #popup-pattern .content {
    color: #949494;
    font: 17px calibri;
    overflow: auto;
}

.popup_block .content .contentdata {
    padding-top: 15px;
}

#popup-clipart .content img, .popup_block .content img {
    max-height: 155px;
    height: 100%;
    max-width: 164px;
    opacity: 0.7;
}

#popup-clipart .clipartImgHolder:hover img, .popup_block .clipartImgHolder:hover img {
    opacity: 1;
}

#popup-clipart-close {
    margin-top: 9px;
}

#fon-black-bg {
    background: black;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

#fon-black-bg_zeb {
    position: absolute;
    z-index: 1002;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: lightgray;
    opacity: 0.8;
    display: none;
}

#popup-fotolia {
    background-color: #fafafa;
    box-shadow: 0 0 15px black;
    display: none;
    height: 90%;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    margin: auto;
    padding: 0px 30px;
    overflow: hidden;
    min-height: 450px;
}

#popup-fotolia .content {
    color: #949494;
    font: 17px calibri;
    text-align: center;
    overflow: auto;
}

#popup-fotolia .content img:hover {
    cursor: pointer;
}

#popup-fotolia-close {
    margin-top: 9px;
}

#popup-fotolia div.selectStyleFotolia {
    margin-top: 10px;
}







#popup-adobe_stock div.selectStyleAdobe_stock {
    margin-top: 10px;
}

.fotoliaPreview img {
    max-width: 360px;
    max-height: 200px;
}

.fotoliaPreview {
    display: none;
    position: absolute;
    z-index: 100010;
    background-color: white !important;
    padding: 0;
    opacity: 1 !important;
    border: 2px solid white !important;
    box-shadow: 0 0 16px black;
    height: auto;
    max-width: none !important;
    top: 70px;
}

.adobeStockPreview {
    display: none;
    position: absolute;
    z-index: 100010;
    background-color: white !important;
    padding: 0;
    opacity: 1 !important;
    border: 2px solid white !important;
    box-shadow: 0 0 16px black;
    height: auto;
    width: 360px;
    max-width: none !important;
}







#popup-rf-close {
    margin-top: 9px;
}

.rfPreview {
    display: none;
    position: absolute;
    z-index: 100010;
    background-color: white !important;
    padding: 10px;
    border-radius: 4px;
    border-color: white !important;
}

#paddingPattern {
    float: left;
    font: 12px/16px calibri;
    display: block;
    display: none;
}

#paddingPattern input {
    border-radius: 4px 4px 4px 4px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 13px;
}





#popup-pattern .content img:hover {
    cursor: pointer;
}

#popup-pattern-close {
    margin-top: 9px;
}

#popup-filters {
    background-color: #fafafa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 625px;
    width: 820px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    z-index: 99999;
}

#popup-filters .content {
    background: none repeat scroll 0 0 #fafafa;
    height: 560px;
    width: 590px;
    color: #949494;
    font: 12px/17px calibri;
    text-align: center;
    letter-spacing: 0.25px;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 15px;
    margin-left: 15px;
    float: left;
    position: relative;
}

#popup-filters-close {
    margin-top: 9px;
}

.filter_image {
    border: 3px solid black;
    width: 90%;
    text-align: center;
    position: relative;
    margin: 10px auto;
}

.filter_image span {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 80%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    color: white;
    text-shadow: 1px 1px 2px black;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font-size: 20px;
}

.filter_image:hover {
    border-color: #808080;
}

.filterSelected {
    border-color: lightblue;
}

.filterimg {
    width: 100%;
}

.filter_image img {
    max-height: 200px;
    max-width: 200px;
}

#filter_params {
    border: 1px solid gray;
    border-radius: 5px;
    float: left;
    margin-left: 15px;
}

#filterApllyDiv {
    display: block;
    opacity: 0;
    z-index: -10;
    overflow: hidden;
    position: relative;
}

#filterApllyImg {
    position: absolute;
}

.patternPreview {
    display: none;
    position: absolute;
    z-index: 100010;
    background-color: white !important;
    padding: 10px;
    border-radius: 4px;
    border-color: white !important;
}

#pattern-fotolia-bg {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

#popup-crop {
    visibility: hidden;
    display: none;
    left: 50%;
    margin-left: -300px;
    margin-top: -250px;
    padding: 20px;
    position: absolute;
    text-align: right;
    top: 50%;
    width: 700px;
    z-index: 99999;
    background: none repeat scroll 0 0 #fafafa;
    overflow: auto;
    color: #949494;
    font: 12px/17px calibri;
    letter-spacing: 0.25px;
}

#popup-crop .content {
    color: white;
    height: 460px;
    overflow: auto;
    padding: 10px;
    text-align: left;
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #949494;
}

#popup-crop-close {
    margin-top: 9px;
}





.ajaxphoto3 {
    float: left;
    width: 140px;
    height: 180px;
    padding-right: 22px;
    padding-top: 20px;
}

.ajaxphoto2 {
    display: inline-block;
    width: 180px;
    height: 120px;
    position: relative;
    margin: 8px;
    background-color: lightgray;
}

#popup-fotolia .ajaxphotoimg {
    height: 100%;
    position: relative;
    margin: auto;
}

#popup-fotolia .fotoliaSelected {
    background-color: #66A9A4;
}

#zeb_global_ads_foting .ajaxphotoimg {
    background-color: white;
    width: 130px;
    height: 140px;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#zeb_global_template_foting .ajaxphotoimg, #editor_global_template_foting .ajaxphotoimg {
    background-color: white;
    width: 130px;
    height: 140px;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
}

#popup-fotolia .ajaxphotoname {
    width: 100%;
    height: 12px;
    display: block;
    overflow: hidden;
    padding: 2px 0;
    margin: 0px;
    color: #000000;
    font-size: 10px;
    line-height: 9px;
    text-align: left;
}

#popup-adobe_stock .ajaxphotoname {
    width: 100%;
    height: 12px;
    display: block;
    overflow: hidden;
    padding: 2px 0;
    margin: 0px;
    color: #000000;
    font-size: 10px;
    line-height: 9px;
    text-align: left;
}

#zeb_global_ads_foting .ajaxphotoname {
    width: 130px;
    height: 60px;
    display: block;
    overflow: hidden;
    text-align: center;
}

#zeb_global_template_foting .ajaxphotoname, #editor_global_template_foting .ajaxphotoname {
    width: 130px;
    height: 60px;
    display: block;
    overflow: hidden;
    text-align: center;
}

#popup-pattern .ajaxphotoimg {
    height: 100%;
    position: relative;
    margin: auto;
    text-align: center;
}

.minImgPrev {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}

#popup-pattern .ajaxphotoname {
    height: 20px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}

#popup-pattern .ajaxphoto2 {
    margin: 8px 8px 12px;
}

#popup-pattern .ajaxphotoimg:hover {
    cursor: pointer;
    opacity: 1;
}

.clipartImgHolder {
    display: inline-block;
    text-align: center;
    height: 120px;
    width: 180px;
    position: relative;
    padding: 8px;
    overflow: hidden;
}

.clipartitem {
    margin-left: 5px;
    height: 120px;
    margin-bottom: 12px;
    margin-right: 8px;
    opacity: 1;
    width: 180px;
    background: lightgray;
    display: inline-block;
}

.clipartitem:hover {
    cursor: pointer;
    opacity: 1;
}

.popup_block .itemImgHolder {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 155px;
    width: 136px;
}

.popup_block .item {
    float: left;
    margin-left: 5px;
    background-color: white;
    border: 1px solid #949494;
    border-radius: 4px 4px 4px 4px;
    height: 155px;
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    width: 136px;
}

.popup_block .item:hover {
    cursor: pointer;
    opacity: 1;
}

#ajaxphoto {
    padding-top: 30px;
    padding-left: 20px;
}



#ajaxphotorf {
    padding-top: 30px;
    padding-left: 20px;
}

#topSelectPattern {
    float: left;
}

#patternLoading, #serverfotosLoading {
    text-align: center;
    font-size: 25px;
    opacity: 1 !important;
    height: 17px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    top: 48%;
    width: 135px;
    color: white;
}

#pageCountColourBox {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

.pnButClass {
    padding: 10px;
    position: absolute;
    top: 100%;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #fafafa;
    left: 0;
    right: 0;
    margin-top: -70px;
    overflow: hidden;
    z-index: 100;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#pnBut32 {
    float: left;
    height: 50px;
    left: 24px;
    position: absolute;
    top: 60px;
    width: 400px;
    z-index: 100002;
}

#pnBut322 {
    float: left;
    height: 50px;
    left: 16px;
    position: absolute;
    top: 40px;
    width: 400px;
    z-index: 100002;
}

#fotText {
    float: left;
    width: 375px;
    text-align: left;
    font: 12px/16px calibri;
}

#fotText322 {
    float: left;
    width: 160px;
    text-align: left;
    font: 12px/16px calibri;
}

#d_bgColor #textColor {
    height: 5px;
    position: absolute;
    right: auto;
    top: auto;
    width: 5px;
}

#d_bgColor32 {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 5px;
}

#d_bgColor322 {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 5px;
}

#fotoliaColors {
    height: 25px;
    margin-top: 18px;
    width: 400px;
}

#fotoliaColors322 {
    height: 25px;
    margin-top: 18px;
    width: 400px;
}

#pageCount {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

#pageCountAdobe {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

#pageCountrf {
    font-size: 16px;
    color: gray;
    text-align: center;

    display: inline-block;
}

#search_fotolia {
    margin-right: 60px;
}


#fotolia-input {
    float: left;
    margin-top: 17px;
    margin-left: 15px;
    border-radius: 4px;
    visibility: hidden;
}

#rf-input {
    float: left;
    margin-top: 17px;
    margin-left: 15px;
    border-radius: 4px;
    visibility: hidden;
}

#fotolia-input input, #rf-input input {
    width: 220px;
    float: right;
    height: 44px;
    border: none;
    border-bottom: 2px solid black;
    background-color: #fafafa;
    outline: none;
}

#search_fotolia input {
    width: 220px;
    height: 44px;
    border: none;
    border-bottom: 2px solid black;
    background-color: #fafafa;
    outline: none;
}



#fotolia-input button {
    margin-left: 13px;
}

#rf-input button {
    margin-left: 13px;
}



#global_zeb_input {
    background-color: gainsboro;
    border: 1px solid grey;
    border-radius: 4px 4px 4px 4px;
    left: 320px;
    margin-top: 30px;
    padding: 10px;
    position: absolute;
    z-index: 999991;
    font: 12px/19px calibri;
    width: 155px;
    display: none;
}

#global_zeb_input span {
    float: left;
}

#global_zeb_vendors {
    background-color: gainsboro;
    border: 1px solid grey;
    border-radius: 4px 4px 4px 4px;
    left: 410px;
    margin-top: 30px;
    padding: 10px;
    position: absolute;
    z-index: 999991;
    font: 12px/19px calibri;
    width: 155px;
    display: none;
    max-height: 90%;
    overflow: auto;
}

#global_zeb_vendors span {
    float: left;
}

#server-input input, .popup-input input {
    width: 220px;
    height: 44px;
    border: none;
    border-bottom: 2px solid black;
    background-color: #fafafa;
    outline: none;
    font-size:18px;
}

#global_zeb_input input {
    width: 150px;
    float: left;
    height: 17px;
    border-radius: 4px;
}

.popup-input button {
    margin-left: 13px;
}

#global_zeb_input button {
    margin-left: 13px;
}

#keyw, #keyw2, #keyw3 {
    background-color: #fafafa;
    border: 1px solid #949494;
    float: left;
    height: 580px;
    margin-left: 15px;
    margin-top: 15px;
    overflow: auto;
    width: 185px;
}

#keyw3 {
    background-color: #fafafa;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    height: 580px;
    margin-left: 15px;
    margin-top: 20px;
    overflow: auto;
    width: 230px;
    display: none;
}

#keyw4, #keyw44 {
    background-color: #fafafa;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    height: 580px;
    margin-left: 15px;
    margin-top: 20px;
    overflow: auto;
    width: 230px;
    display: none;
}

#keyw5 {
    background-color: #fafafa;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    height: 580px;
    margin-left: 15px;
    margin-top: 15px;
    overflow: auto;
    width: 185px;
}

.keyww {
    color: white;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.keyww a:link {
    color: #949494;
    font: 12px/17px calibri;
    text-align: left;
    letter-spacing: 0.25px;
}

.keyww a:hover {
    color: white;
    background-color: gray;
}

#autor {
    float: left;
    font: 10px/12px calibri;
    height: 35px;
    letter-spacing: 0.25px;
    margin-top: 21px;
    position: absolute;
    right: 535px;
    text-align: left;
    width: auto;
}

#rfautor {
    float: left;
    font: 10px/12px calibri;
    height: 35px;
    letter-spacing: 0.25px;
    margin-top: 21px;
    position: absolute;
    right: 694px;
    text-align: left;
    width: auto;
}

#autor-pattern {
    float: left;
    font: 10px/12px calibri;
    height: 35px;
    letter-spacing: 0.25px;
    margin-top: 21px;
    position: absolute;
    right: 694px;
    text-align: left;
    width: auto;
}


#introText {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 90%;
    z-index: 99999;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
    box-shadow: 0 0 29px -2px black;
    overflow: auto;
    padding: 0 20px;
    height: min-content;
    padding-bottom: 20px;
    max-width: 1200px;
}

#introText .content {
    height: min-content;
    padding: 50px 0px;
    font-size: 18px;
    min-height: 300px;
}

#popup-text, #popup-text2, #popup-text3, #popup-textZeb {
    background-color: #fafafa;
    display: none;
    height: 580px;
    position: fixed !important;
    left: 50%;
    top: 50%;
    margin-left: -343px;
    margin-top: -290px;
    width: 687px;
    z-index: 99999;
}

#universalSelectBox {
    display: none;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 90%;
    z-index: 99999;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
    box-shadow: 0 0 29px -2px black;
    overflow: auto;
    padding: 0 20px;
    height: min-content;
    padding-bottom: 20px;
    max-width: 1200px;
    max-height:90%;
}

#universalSelectBox .content {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

#universalSelectBox .content .textes {
    background-color: white;
    border: 1px solid lightgray;
    /* color: black; */
    /* float: left; */
    margin-top: 2.5%;
    height: 220px;
    /* margin-bottom: 15px; */
    /* overflow: hidden; */
    /* width: 18%; */
    margin-right: 2.5%;
    flex: 0 1 calc(20% - 2.5%);
}

#universalSelectBox .content .textes2 {
    font-size: 23px;
    overflow: hidden;
    margin: auto;
    margin-top: 30px;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
}
#universalSelectBox .content .textes3 {

    width: initial;
    font-weight: normal;
    margin-top: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

#universalSelectBox .content .textes2 img {

    max-width: 80%;
}

#universalSelectBox .content .textes:nth-child(5n) {
    margin-right: 0;
}
.textes3 {
    width: 200px;
    font-size: 34px;
    margin-top: 30px;
    text-align: center;
    vertical-align: middle;
}

.text_small2 {
    font: 16px calibri;
    color: black;
    text-align: center;
    vertical-align: middle;

}

.text_small3 {
    font: 13px/20px calibri;
    color: black;
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.countselect {
    width: 180px;
}

#popup-text .content, #popup-text2 .content, #popup-text3 .content, #popup-textZeb .content {
    background: none repeat scroll 0 0 #fafafa;
    color: white;
    height: 505px;
    width: 645px;
    overflow: auto;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #949494;
    margin-left: 10px;
    margin-top: 10px;
}

#popup-text .content img, #popup-text2 .content img, #popup-text3 .content img, #popup-textZeb .content img {
    background: none repeat scroll 0 0 #555555;
    height: 136px;
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    width: 136px;
}

#popup-text .content img:hover, #popup-text2 .content img:hover, #popup-text3 .content img:hover, #popup-textZeb .content img:hover {
    cursor: pointer;
    opacity: 1;
}

.textes {
    background-color: white;
    color: black;
    float: left;
    width: 100%;
    overflow: hidden;
}

.textes2 {
    vertical-align: middle;
    text-align: center;
    font-size: 26px;
    line-height: 50px;
}

.textes:hover {
    cursor: pointer;
}

.text_small {
    font: 15px/22px calibri;
    color: black;
    width: 300px;
    text-align: center;
    display: none !important;
}

.serverfoting2, #popup-rf .content {
    padding-top: 15px;
    margin-left: -8px;
}

#ajaxphoto_adobe_stock, #popup-pattern .content {

    margin-left:-8px;
}

#clipartwrapp {
    padding-top: 15px;
}

.image_databases, #popup-pattern {
    background-color: #fafafa;
    box-shadow: 0 0 15px black;
    display: none;
    height: 90%;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    margin: auto;
    padding: 0px 30px;
    overflow: hidden;
    min-height: 450px;
}

.inputServerPhoto {

    position: absolute;
    left: 170px;
    top: 8px;
}

.image_databases .content {
    color: #949494;
    font: 17px calibri;
    overflow: auto;
}

.image_databases .content img {
    margin-bottom: 5px;
    margin-right: 4px;
    max-width: 100%;
}

.image_databases.content img:hover {
    cursor: pointer;
}


.image_databases .ajaxphotoimg {
    height: 100%;
    position: relative;
    margin: auto;
}

.image_databases .ajaxphotoname {
    height: 20px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}


#popup-patternsclipart {
    background-color: #fafafa;
    box-shadow: 0 0 15px black;
    display: none;
    height: 90%;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    margin: auto;
    padding: 0px 30px;
    overflow: hidden;
    min-height: 450px;
}

#popup-patternsclipart .content {
    color: #949494;
    font: 17px calibri;
    overflow: auto;
}

#popup-patternsclipart .content img {
    margin-bottom: 5px;
    margin-right: 4px;
    max-width: 100%;
}

#popup-patternsclipart .content img:hover {
    cursor: pointer;
}

#popup-patternsclipart .ajaxphoto {
    width: 140px;
    height: 170px;
}

#popup-patternsclipart .ajaxphotoimg {
    height: 100%;
    position: relative;
    margin: auto;
}

#popup-patternsclipart .ajaxphotoname {
    height: 20px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
}

.popup-serverfotos-close {
    margin-top: 9px;
}

.serverfotositem, .ajaxphoto {
    display: inline-block;
    width: 180px;
    height: 120px;
    position: relative;
    margin: 8px 8px 12px;
    background-color: lightgray;
    text-align: center;
}

#layer00 {
    visibility: hidden;
    border: 1px black solid;
}

#d_editor {
    display: none;
    overflow: hidden;
    height: 100%;
}

.d_p1 {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    background: url(/components/com_expresseditor/html5/images/img/d_p1.jpg) no-repeat;
    width: 20px;
    height: 20px;
    padding: 0px 0px 0 6px;
}

.d_pl {
    float: left;
    width: 160px;
}

.d_pr {
    float: right;
    width: 150px;
}

.d_pl .d_text {
    margin: 5px 0 0 0;
    height: 20px;
    width: 80px;
    float: left;
    margin: 5px 0;
    height: 20px;
    width: 80px;
    float: left;
}

.d_pl .d_text #text_lr {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/components/com_expresseditor/html5/images/img/text_lr.jpg) no-repeat;
    margin: 0;
}

.d_pl .d_text #canvWidth, #tapeteSpaceWidth, #canvWidthDurchmesser {
    width: 45px;
    height: 22px;
    float: left;
    margin: 1px 0;
    border: 2px solid black;
    padding: 0;
}

#canvWidth, #canvHeight, #tapeteSpaceWidth, #tapeteSpaceHeight, #canvHeightGrowth, #fliesenWidth, #fliesenHeight {
    width: 45px \9 !important;
    line-height: 12px \9 !important;
}

#customsize img {
    margin: 1px;
    display: block;
}

#paddingPattern img {
    margin: 1px;
    display: block;
    width: 5px;
}

.d_pl .d_text .d_key_up, #vermassungtable .d_key_up {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 8px;
    height: 8px;
    float: left;
    display: block;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

.d_pl .d_text .d_key_up:hover, #vermassungtable .d_key_up:hover {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 8px;
    height: 8px;
    float: left;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

.d_pl .d_text .d_key_down, #vermassungtable .d_key_down {
    float: left;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

.d_pl .d_text .d_key_down:hover, #vermassungtable .d_key_down:hover {
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#paddingPattern .d_key_up, .arrholder22 .d_key_up {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 8px;
    height: 8px;
    float: left;
    display: block;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

#paddingPattern .d_key_up:hover, .arrholder22 .d_key_up:hover {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 8px;
    height: 8px;
    float: left;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

#paddingPattern .d_key_down, .arrholder22 .d_key_down {
    float: left;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#paddingPattern .d_key_down:hover, .arrholder22 .d_key_down:hover {
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#st1 .d_key_up {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 8px;
    height: 8px;
    float: left;
    display: block;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

#st1 .d_key_up:hover {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 8px;
    height: 8px;
    float: left;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

#st1 .d_key_down {
    float: left;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#st1 .d_key_down:hover {
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#vermassungtable .d_key_up {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 11px;
    height: 11px;
    float: left;
    display: block;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

#vermassungtable .d_key_up:hover {
    margin: 0;
    margin-top: 1px \9 !important;
    width: 11px;
    height: 11px;
    float: left;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0px none;
}

#vermassungtable .d_key_down {
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#vermassungtable .d_key_down:hover {
    float: left;
    width: 11px;
    height: 11px;
    margin-left: 2px;
    border: 2px solid #c6c6c6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0px none;
}

#wup22 img, #wup33 img {
    margin: 1px;
}

#wdown22 img, #wdown33 img {
    margin: 1px;
}

#mount1sel {
    float: left;
    width: 53px;
}

#mount2sel {
    width: 53px;
    float: left;
}

#mounting1, #mounting2 {
    border: 1px solid #C6C6C6;
    border-radius: 5px 5px 5px 5px;
    float: left;
    font: 12px/16px calibri;
    height: 16px;
    text-align: center;
    width: 25px;
}

.d_pl .d_text #text_ud {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/components/com_expresseditor/html5/images/img/text_ud.jpg) no-repeat;
    margin: 0;
}

.d_pl .d_text #canvHeight, #tapeteSpaceHeight, #fliesenWidth, #fliesenHeight {
    width: 45px;
    height: 22px;
    float: left;
    margin: 1px 0;
    border: 2px solid black;
    padding: 0;
}

#d_width_and_height {
    font-size: 11px;
    padding-left: 30px;
    width: 151px;
    height: 25px;
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_width_and_height.png) no-repeat;
    color: white;
    border: none;
    margin: 0;
}

#d_width_and_height:hover {
    background: url(/components/com_expresseditor/html5/images/img/d_width_and_height_hover.png) no-repeat;
}

#d_bgColor .text {
    color: #000000;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
    position: relative;
    top: -6px;
    width: 120px;
}

#d_bgColor #bgColor {
    border: none;
    height: 1px;
    margin-left: -2px;
    width: 1px;
}

#key_upload {
    margin: 5px 0 0 0;
    float: left;
    width: 105px;
    height: 24px;
    background: url(/components/com_expresseditor/html5/images/img/key_upload.jpg) no-repeat;
    text-align: left;
    overflow: hidden;
    border: none;
    padding-left: 45px;
}

#key_upload:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_upload_hover.jpg) no-repeat;
}

#key_upload div {
    color: white;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 5px;
}

#colection_of_image {
    background: url("/components/com_expresseditor/html5/images/img/key_colection_of_image.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: default;
    float: left;
    height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding-left: 40px;
    text-align: left;
    width: 110px;
}

#colection_of_image:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_colection_of_image_hover.jpg) no-repeat;
}

#colection_of_image div {
    color: #FFFFFF;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 4px;
}

#popup-clipart-show {
    padding-left: 37px;
    color: white;
    margin: 5px 0 0 0;
    float: left;
    width: 150px;
    height: 24px;
    background: url(/components/com_expresseditor/html5/images/img/key_popup_clipart_show.jpg) no-repeat;
    text-align: left;
    overflow: hidden;
    border: none;
    font-size: 11px;
}

#popup-clipart-show:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_popup_clipart_show_hover.jpg) no-repeat;
}

#popup-fotolia-show {
    color: white;
    margin: 5px 0 0 0;
    float: left;
    width: 150px;
    height: 24px;
    background: url(/components/com_expresseditor/html5/images/img/key_popup_fotolia_show.jpg) no-repeat;
    text-align: left;
    overflow: hidden;
    border: none;
    padding-left: 30px;
    font-size: 11px;
}

#popup-fotolia-show:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_popup_fotolia_show_hover.jpg) no-repeat;
}

#shape_add_text {
    color: #fff;
    margin: 5px 0 0 0;
    float: left;
    width: 23px;
    height: 24px;
    background: url(/components/com_expresseditor/html5/images/img/key_add_text.jpg) no-repeat;
}

#shape_text_font {
    margin: 5px 0 0 0;
    float: left;
}

#shape_text_font {
    float: left;
}

#shape_text_font2 {
    float: left;
}

#popupDpi, #popupOverlap, #popupOverlap_muster {
    display: block;
    overflow: hidden;
    position: relative;
    opacity: 0;
    position: absolute;
    z-index: 100;
    background-color: #4c4c4c;
    color: white;
    padding: 2px 10px;
    font: 12px/12px calibri;
    letter-spacing: 0.25px;
    text-align: left;
}

#popupOverlap {
    left: 0px;
    right: 0px;
    top: 0px;
    margin: auto;
    width: 400px;
}

#popupOverlap, #popupOverlap_muster {
    background-color: #ff0000;
}

#popupOverlap_muster {
    top: 0px;
    left: 50%;
    margin-left: -138px;
}

#contentDpi {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 250px;
}

#popupDpiText {
    float: left;
    height: auto;
    text-align: center;
    width: 250px;
}

#popupDpiStar {
    height: 15px;
    width: 63px;
    overflow: hidden;
    margin: 0 0 0 62px;
    padding: 0;
    float: left;
}

#starImage {
    background-image: url("../images/img/stars_img5.png");
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    height: 94px;
    margin: 0;
    padding: 0;
    width: 64px;
    margin-top: -80px;
}

#textShowDpi {
    text-align: center;
    margin-left: 4px;
    z-index: 100;
    float: left;
    margin-top: 1px;
}

#oversizeMessage {
    height: 120px;
    width: 250px;
    top: 0px;
    left: 50%;
    margin-left: -150px;
    background-color: #4c4c4c;
    border-radius: 7px;
    color: white;
    display: block;
    font: 12px/12px calibri;
    letter-spacing: 0.25px;
    opacity: 0;
    overflow: hidden;
    padding: 2px 10px;
    position: absolute;
    text-align: left;
    z-index: 1000;
}

#oversizeMessageText {
    float: left;
    height: 100px;
    width: 250px;
    margin: 8px 0 0;
    padding: 0;
}

#popupDpi2 {
    display: none;
    height: 53px;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 135px;
    visibility: hidden;
}

#contentDpi2 {
    display: block;
    height: 53px;
    margin: 0;
    padding: 0;
    width: 76px;
}

#popupDpiText2 {
    float: left;
    height: 17px;
    width: 70px;
    margin: 8px 0 0;
    padding: 0;
}

#popupDpiStar2 {
    height: 15px;
    width: 63px;
    overflow: hidden;
    margin: 8px 0 0;
    padding: 0;
}

#starImage2 {
    background-image: url("img/stars_img2.png");
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    height: 94px;
    margin: 0;
    padding: 0;
    width: 64px;
    margin-top: -80px;
}

#textShowDpi2 {
    background-color: black;
    color: #FFFFFF;
    display: none;
    font-size: 12px;
    font-weight: normal;
    height: 34px;
    left: 32px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    width: 50px;
}

#parametrsDpi2 {
    display: none;
    height: 141px;
    left: 33px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1082px;
    width: 315px;
}

#parametrsDpi {
    display: none;
    height: 141px;
    left: 33px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1082px;
    width: 315px;
}

#parametrsDpiLeft {
    background-image: url("/components/com_expresseditor/html5/images/img/dpi/paramLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
    float: left;
    height: 139px;
    margin: 0;
    padding: 0;
    width: 5px;
}

#parametrsDpiRight {
    background-image: url("/components/com_expresseditor/html5/images/img/dpi/paramRight.png");
    background-repeat: no-repeat;
    background-position: top right;
    display: block;
    height: 139px;
    margin: 0;
    padding: 0;
    width: 30px;
    float: right;
}

#parametrsDpiContent {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    display: block;
    float: left;
    height: 139px;
    margin: 0;
    padding: 0;
    width: 280px;
}

.qualitDpi {
    font-size: 14px;
}

#parametrsColorEdge {
    display: none;
    height: 141px;
    position: absolute;
    width: 246px;
}

#parametrsColorEdgeLeft {
    background-image: url("/components/com_expresseditor/html5/images/img/colorEdge/parametrsColorEdgeLeft.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 244px;
    margin: 0;
    padding: 0;
    width: 26px;
}

#parametrsColorEdgeRight {
    background-image: url("/components/com_expresseditor/html5/images/img/colorEdge/parametrsColorEdgeRight.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 244px;
    margin: 0;
    padding: 0;
    width: 8px;
}

#parametrsColorEdgeContent {
    background-color: #FFFFFF;
    background-image: url("/components/com_expresseditor/html5/images/img/colorEdge/colorEdgePopUp_de.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 244px;
    margin: 0;
    padding: 0;
    width: 212px;
}

#shape_align {
    margin: 5px 0 0 0;
    float: left;
    height: 25px;
    width: 150px;
}

#shape_align #shape_left {
    float: left;
    width: 25px;
    height: 25px;
    background: url(/components/com_expresseditor/html5/images/img/key_shape_left.jpg) no-repeat;
    border: none;
}

#shape_align #shape_left:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_shape_left_hover.jpg) no-repeat;
}

#shape_align #shape_right {
    margin: 0 0 0 15px;
    float: left;
    width: 25px;
    height: 25px;
    background: url(/components/com_expresseditor/html5/images/img/key_shape_right.jpg) no-repeat;
    border: none;
}

#shape_align #shape_right:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_shape_right_hover.jpg) no-repeat;
}

#shape_align #shape_center {
    margin: 0 0 0 15px;
    float: left;
    width: 25px;
    height: 25px;
    background: url(/components/com_expresseditor/html5/images/img/key_shape_center.jpg) no-repeat;
    border: none;
}

#shape_align #shape_center:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_shape_center_hover.jpg) no-repeat;
}

#d_bgColor5 {
    float: left;
    margin-left: 5px;
}

#mat1 {
    display: block;
}

#d_bgColor #d_bgColor_2, #d_bgColor_2t, #d_bgColor_3 {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
}

#svgColorWrap .color_png {
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_bgColor_1.png) no-repeat #fff;
    width: 22px;
    height: 22px;
}

#d_bgColor .text {
    color: #000000;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
    position: relative;
    top: -6px;
    width: 120px;
}

#svgColorWrap {
    float: left;
    position: relative;
    width: 100%;
    padding: 10px;
}

#d_bgColor #textColor, #svgColorWrap .color_input {
    border: none;
    height: 1px;
    margin-left: -2px;
    width: 1px;
}

#svgColorWrap input.color_input, #svgColorWrap.color_png {
    float: left;
}

#svgColorWrap input.color_input {
    display: none;
}

.conf_d {
    margin-bottom: 10px;
}

#dColor {
    color: #000000;
    font-size: 10px;
    line-height: 22px;
    margin-top: 5px;
    float: left;
    width: 150px;
}

#dColor1 {
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_bgColor_1.png) no-repeat #fff;
    width: 22px;
    height: 22px;
}

#bgColorC, #bgColorShort, #bgColorL1, #bgColorL2, #bgColorL3, #bgColorTL {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
}

#d_tShirtColor {
    color: #000000;
    font-size: 10px;
    line-height: 22px;
    margin-top: 5px;
    float: left;
    width: 150px;
}

#d_tShirtColor_1 {
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_bgColor_1.png) no-repeat #fff;
    width: 22px;
    height: 22px;
}

#bgColorTShirt {
    border: none;
    height: 1px;
    margin-left: -2px;
    width: 1px;
}

#topmenuGlobal {
    width: 100%;
    height: 11px;
    display: block;
    top: 0;
}

#topmenu_Globalinside {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#topmenu {
    width: 100%;
    height: 11px;
    display: block;
    top: 0;
}

#topmenu28 {
    width: 100%;
    height: 11px;
    display: block;
    position: absolute;
    top: 0;
}

#topmenu22 {
    width: 100%;
    height: 11px;
    display: block;
    position: absolute;
    top: 0;
}

#topmenu_inside {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#vermassung_inside {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#vermassung_inside:hover {
    cursor: move;
}

#topmenu_inside28 {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#topmenu23 {
    height: 20px;
    position: absolute;
    z-index: 20;
    width: 100%;
    top: 0px;
}

#topmenu_mirror_inside {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#topmenu_mirror {
    height: 20px;
    position: absolute;
    z-index: 20;
    width: 320px;
    top: 0px;
}

#topmenu_changeText_inside {
    background: url("/components/com_expresseditor/html5/images/img/menu_top.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 5px;
    margin-top: 8px;
    width: 30px;
}

#topmenu_changeText {
    height: 20px;
    position: absolute;
    z-index: 20;
    width: 32px;
    top: 0px;
}

#topmenu_changeText:hover {
    cursor: move;
}

#topmenu_selectors2_inside, #topmenu_selectors22_inside {
    background: url("/components/com_expresseditor/html5/images/img/menu_top.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 5px;
    margin-top: 8px;
    width: 30px;
}

#topmenu_selectors2, #topmenu_selectors22 {
    height: 20px;
    position: absolute;
    z-index: 20;
    width: 32px;
    top: 0px;
    left: 15px;
}

#topmenu_selectors2:hover, #topmenu_selectors22:hover {
    cursor: move;
}

#topmenu_inside_tapete {
    width: 100%;
    height: 11px;
    position: absolute;
    top: 0px;
}

#topmenu_is_inside_tapete {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#topmenu23_inside_tapete {
    height: 20px;
    position: absolute;
    z-index: 20;
    width: 100%;
    top: 0px;
}

#topmenu22 {
    width: 34px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) no-repeat;
    position: absolute;
    margin-top: 7px;
    margin-left: 32px;
}

#topmenu22:hover {
    cursor: move;
}

#topmenu:hover {
    cursor: move;
}

.line3 {
    background-color: #bababa;
    width: 57px;
    height: 1px;
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}

#setFontText {
    background-color: #898888;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    float: left;
    padding: 7px 7px 7px 12px;
    visibility: hidden;
    width: 110px;
}

#setFontText input {
    font-size: 11px;
    height: 12px;
    width: 113px;
}

#setFontText select {
    height: 21px;
}

#chooseForm_but {
    height: 25px;
    width: 133px;
}

#chooseForm_but:hover {
    background: url("/components/com_expresseditor/html5/images/img/chooseForm_but_hover.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    float: left;
    font-size: 11px;
    height: 25px;
    margin: 0;
    width: 133px;
}

#individualFon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    position: fixed;
    z-index: 100000;
}

#individualFonBlack {
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    position: fixed;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 120;
}

#individualEyeletsData {
    background-color: #E2E2E2;
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: auto;
    border-radius: 7px;
    z-index: 100000;
}

.topIndividualEyeletsData {
    background-color: #EEEEEE;
    width: 100%;
    height: 30px;
    border-radius: 7px 7px 0 0;
}

.titleKonfigurieren {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 5px;
}

.exitKonfigurieren {
    float: right;
    height: 22px;
    width: 22px;
    margin: 4px;
}

.contentKonfigurieren {
    margin: 20px;
}

.contentKonfigurieren input {
    border-radius: 4px;
    text-align: center;
}

.bottomKonfigurieren {
    text-align: center;
    margin: 30px;
    border-radius: 0 0 4px 4px;
}

#ntext-wrap {
    margin-left: 29px;
    margin-top: 7px;
}

#ntext {
    font-size: 11px;
    height: 15px;
    margin-top: 0px;
    width: 113px;
}

#textsize {
    display: none;
}

#setFontText .text-field {
    width: 200px;
}

.tooltip {
    display: none;
    background: transparent url(img/black_arrow.png) !important;
    font-size: 12px !important;
    height: 70px !important;
    width: 160px !important;
    padding: 25px !important;
    color: #eee !important;
    border: none !important;
}

.PVC {
    display: block;
}

.Texitil {
    display: none;
}

.changeTextCol {
    float: left;
    width: 200px;
}

.arrholder {
    width: 17px;
    height: 20px;
    margin-left: 42px;
}

.arrholder2 {
    width: 17px;
    height: 20px;
    margin-left: 37px;
}

.arrholder22 {
    width: 20px;
    height: 19px;
    float: right;
}

.arrholder22 img {
    width: 5px;
}

#changeTextWrapper {
    display: none;
    width: auto;
    height: auto;
    min-height: 45px;
    min-width: 236px;
    border: 1px solid gray;
    position: absolute;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 20px 10px 30px 10px;
    background-color: #E7E7E7;
    left: 87px;
    top: 50px;
    z-index: 110;
}

#fillTextPatternWrapper {
    float: left;
    margin-right: 6px;
    margin-top: -2px;
    height: 25px;
    width: 25px;
    text-align: center;
    border: 1px solid #A8A8A8;
    color: #000000;
    border-radius: 4px;
}

#fileToUploads {
    height: 25px !important;
    width: 25px !important;
    position: relative !important;
    border: 1px solid red;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    margin-right: 5px;
    margin-top: -6px;
    right: 0 !important;
}

#fillTextPatternWrapper img {
    height: 14px;
    margin-left: -5px;
    margin-top: 5px;
    position: absolute;
    top: 0;
    width: 11px;
}

#fillTextPatternWrapper img:hover {
    cursor: pointer;
}

#setFontLine {
    background-color: #898888;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    float: left;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    padding: 7px 7px 7px 12px;
    visibility: hidden;
    width: 310px;
    color: #000000;
}

#setFontLine input {
    font-size: 11px;
    height: 12px;
    width: 113px;
}

#setFontLine select {
    height: 21px;
}

#smartEditor {
    color: white;
}

#rotateTip {
    background-color: black;
    border-radius: 4px 4px 4px 4px;
    color: white;
    display: none;
    font: 12px/14px calibri;
    height: 20px;
    opacity: 0.7;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 145px;
    z-index: 100001;
}

#sm1 {
    font: 150px/150px calibri;
    float: left;
}

#sm2 {
    font: 116px/174px calibri;
    float: left;
}

#loadImageFonBlachClose {
    position: absolute;
    display: none;
    cursor: pointer;
}

#contextMenuId {
    background-color: #E5E5E5;
    margin: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    float: left;
    z-index: 999;
    padding: 10px;
    font: bold 14px/20px calibri;
    box-shadow: 3px 3px 10px grey;
}

.contextMenuId {
    cursor: pointer;
}

#popup-details {

    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    width: 232px;
    height: 200px;
    z-index: 99999;
}

#popup-details #result-close {
    float: right;
    background: #e2e2e2;
    border: 1px solid #888;
    font-weight: 12px;
    width: 18px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 3px;
}

#popup-details #result-close:hover {
    border: 1px solid #b2cfe2;
}

#popup-details #popup-result {
    height: 25px;
    background: #eee;
    font-style: italic;
    color: black;
}

#popup-result p {
    margin: 0;
    padding-top: 3px;
    padding-left: 8px;
}

#popup-details .content {
    background: none repeat scroll 0 0 white !important;
    color: black;
    overflow: auto;
    text-align: left;
    position: relative;
    box-shadow: 0 0 10px black;
}

#popup-details-close {
    margin-top: 9px;
    width: 100px;
}

#popup-details-bg {
    background: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

#price-tab {
    font-size: 11px;
    border: none;
}

#price-list table {
    border: none !important;
}

#price-list table tr {
    border: none;
}

#price-list table td {
    border: none;
}

#popup-details #datails-ok {
    width: 305px;
    color: black;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

#datails-ok button:hover {
    border: 1px solid #b2cfe2;
}

#datails-ok button {
    border-radius: 5px;
    background: white;
    border: 1px solid #ccc;
    border-bottom: 1px solid #666 !important;
    width: 90px;
    height: 20px;
    font-size: 10px;
}

#price-tab td.right {
    width: 40px;
    height: 20px;
    text-align: right;
}

#price-tab td.uno {
    width: 20px;
    height: 20px;
}

#price-tab td.left {
    width: 80px;
    height: 20px;
}

#price-tab2 td.left, #price-tab2 td.right {
    font-weight: bold;
}

#price-tab2 td.left {
    width: 183px;
}

#price-tab2 td.right {
    width: 80px;
    text-align: right;
}

#select-price {
    width: 290px;
    height: 25px;
    position: relative;
}

#priceComments {
    font: 12px/20px calibri;
    letter-spacing: 0.25px;
    line-height: 16px;
}

#priceComments a {
    color: black;
}

#buy_buttons {
    height: 100px;
    margin-top: 2px;
    position: absolute;
    width: 189px;
    text-align: center;
}

#line_buy {
    height: 1px;
    margin-bottom: 10px;
    margin-left: 12px;
    margin-top: 5px;
    width: 166px;
}

.plus {
    display: inline-block;
    height: 10px;
    width: 20px;
    background: #ccc url(../images/plus.png) 6px 2px no-repeat;
    border-radius: 2px 2px 0px 0px;
    border: 1px solid #777;
    position: absolute;
    cursor: pointer;
    top: -1px;
}

.minus {
    display: inline-block;
    height: 10px;
    width: 20px;
    background: #ccc url(../images/minus.png) 6px 2px no-repeat;
    border-radius: 0px 0px 2px 2px;
    border: 1px solid #777;
    position: absolute;
    top: 9px;
    cursor: pointer;
}

.minus:hover {
    border: 1px solid #37a5ea;
    background: #dedede url(../images/minus.png) 6px 2px no-repeat;;
}

.plus:hover {
    border: 1px solid #37a5ea;
    background: #dedede url(../images/plus.png) 6px 2px no-repeat;;
}

.multiSizeFooter {
    margin: 0 !important;
}

.multiSizeFooter .priceDiv {
    display: block;
    font: bold 15px calibri;
    height: 15px;
    text-align: right;
}

.priceDiv {
    display: inline-block;
    font: 25px calibri;
    height: 34px;
}

.anzahl {
    text-align: center;
    line-height: 100%;
    font: 14px/20px calibri;
    letter-spacing: 0.5px;
    font-size: 32px;
    display: inline-block;
    margin: 10px 0px 0 20px;
}

.anzahl.text-price {
    margin-left: 0px;
}

.anzahlNew {
    text-align: center;
    font: 25px calibri;
    display: inline-block;
    margin: 0px 20px 0 0px;
    height: 34px;
}

#subPrise2 {
    font: 12px/20px calibri;
    line-height: 16px;
    text-align: left;
}

#subPrise1 {
    font: 12px/20px calibri;
    line-height: 16px;
    text-align: right;
}

#inpDiv {
    text-align: right;
    padding-right: 39px;
}

#total-pr-hidd {
    display: none;
}

#total-hidd {
    display: none;
}

.tip {
    background: #e7e7e7 !important;
    box-shadow: 0 0 4px #000000;
    min-width: 70px;
    width: auto;
    max-width: 200px;
    min-height: 15px;
    padding: 5px;
    color: black;
    font: 12px calibri;
    letter-spacing: 0.25px;
    height: auto;
    position: absolute;
    z-index: 1001;
    border: 0px;
}

.tip_text {
    color: black;
}

.dispnone {
    display: none;
}

#chosePopUpTypeId .jquery-selectbox-item.value-0.item-0 {
    background-image: url("/components/com_expresseditor/html5/images/img/popUpButton1s.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 42px 20px;
    display: block;
    font-size: 11px;
    height: 20px;
    padding-left: 45px;
    width: 151px;
}

#chosePopUpTypeId .jquery-selectbox-item.value-1.item-1 {
    background-image: url("/components/com_expresseditor/html5/images/img/popUpButton2c.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 42px 20px;
    display: block;
    font-size: 11px;
    height: 20px;
    padding-left: 45px;
    width: 151px;
}

#chosePopUpTypeId .jquery-selectbox-item.value-2.item-2 {
    background-image: url("/components/com_expresseditor/html5/images/img/popUpButton3s.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 42px 20px;
    display: block;
    font-size: 11px;
    height: 20px;
    padding-left: 45px;
    width: 151px;
}

#chosePopUpTypeId .jquery-selectbox-item.value-3.item-3 {
    background-image: url("/components/com_expresseditor/html5/images/img/popUpButton4c.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 42px 20px;
    display: block;
    font-size: 11px;
    height: 20px;
    padding-left: 45px;
    width: 151px;
}

.disable {
    opacity: 0.5;
}

#frontWallpaper {
    left: 0;
    position: absolute;
    top: 121px;
    z-index: 7;
}

#frontWallpaper img {
    width: 820px;
}

#frontWallpaperBlock {
    height: 90px;
    visibility: hidden;
    width: 100%;
}

#tShirtColorsList {
    background: threedface;
    border-color: #FFFFFF #C6C6C6 #C6C6C6 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 998;
}

.borderRadius9 {
    border: solid 1px #000000;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.borderRadius3 {
    border: solid 1px #000000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#tShirtListColor {
    margin: 10px;
}

.tShirtColor {
    border: 1px solid #FFFFFF;
    float: left;
    height: 18px;
    margin: 5px;
    width: 18px;
    cursor: pointer;
}

#customsize {
    display: none;
    padding: 0 0 0 10px;
    margin-top: 10px;
}

#CSTitle {
    height: 24px;
    width: 143px;
    padding: 0px;
    margin: 0px;
    font: bold 14px/20px calibri;
    text-align: left;
}

.CSText {
    font: bold 12px/20px calibri;
    text-align: left;
    height: 16px;
}

#CSCenter {
    height: 50px;
    width: 136px;
    padding: 0px;
    margin: 0px;
}

#CSFooter {
    height: 19px;
    width: 143px;
    padding: 5px 0px;
    margin: 0px;
    color: black;
}

.csblock {
    width: 143px;
    height: 40px;
}

#customsize .but_i {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-bottom: 6px;
    outline: medium none;
    overflow: hidden;
    width: 60px;
    color: black;
    text-align: center;
    line-height: 18px;
}

.CSLeft {
    display: inline-block;
}

.CSRight {
    display: inline-block;
}

.lineSelect {
    background-color: #C6C6C6;
    height: 1px;
    margin: 5px 13px;
    width: auto;
}

#cartPageFrame #page_preview_panel {
    text-align: center;
}

#small_windows {
    position: absolute;
    max-width: 830px;
    bottom: 19px;
    right: 220px;
    z-index: 103;
}

#smallWindowsArrows {
    height: auto;
    left: 688px;
    position: absolute;
    width: 17px;
    bottom: 30px;
}

.small_window_arrow2 {
    margin-top: 5px;
    height: 35px;
    display: none;
}

.small_window_arrow2:hover {
    cursor: pointer;
}

#patternUploadedImages {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    text-align: center;
    min-width: 135px;
    width: 405px;
    height: 85px;
    z-index: 103;
    max-width: 405px;
    display: none;
    margin: 5px;
    float: right;
}

#clipartUploadedImages {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    text-align: center;
    min-width: 135px;
    width: 405px;
    height: 85px;
    z-index: 103;
    max-width: 405px;
    display: none;
    margin: 5px;
    float: right;
}

#serverphotosUploadedImages {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    text-align: center;
    min-width: 135px;
    width: 405px;
    height: 85px;
    z-index: 103;
    max-width: 405px;
    display: none;
    margin: 5px;
    float: right;
}

#fotoliaUploadedImages {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    text-align: center;
    min-width: 135px;
    width: 405px;
    height: 85px;
    z-index: 103;
    max-width: 405px;
    display: none;
    margin: 5px;
    float: right;
}

#userUploadedImages {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    position: absolute;
    left: 10px;
    text-align: center;
    bottom: 280px;
    min-width: 135px;
    width: auto;
    z-index: 103;
    width: 140px;
    height: 200px;
    display: none;
}

#uploadedImagesHeader {
    position: absolute;
    font: 12px/19px calibri;
    margin-left: 10px;
}

#uploadedImagesHeader:hover {
    cursor: move;
}

#userUploadedExcel {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    position: absolute;
    top: 167px;
    right: 100px;
    text-align: right;
    bottom: 60px;
    min-width: 135px;
    width: auto;
    z-index: 103;
    width: 160px;
    height: 200px;
    display: none;
}

.excel_file_item {
    text-align: left;
    width: 140px;
    height: 20px;
    cursor: pointer;
}

#uploadedExcelHeader {
    position: absolute;
    font: 12px/19px calibri;
    margin-left: 10px;
}

#uploadedExcelHeader:hover {
    cursor: move;
}

#fotoliaImagesHeader {
    position: absolute;
    font: 12px/19px calibri;
    margin-left: 10px;
}

#fotoliaImagesHeader:hover {
    cursor: move;
}

#patternImagesHeader {
    position: absolute;
    font: 12px/19px calibri;
    margin-left: 10px;
}

#patternImagesHeader:hover {
    cursor: move;
}

#clipartImagesHeader {
    position: absolute;
    font: 12px/19px calibri;
    margin-left: 10px;
}

#clipartImagesHeader:hover {
    cursor: move;
}

#serverphotosImagesHeader {
    position: absolute;
    font: 12px/19px calibri;
    margin-left: 10px;
}

#serverphotosImagesHeader:hover {
    cursor: move;
}

#uploadedImagesContent {
    height: 185px;
    margin-top: 20px;
    overflow-y: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#uploadedImagesContent img {
    max-width: 80px;
    max-height: 67px;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: auto;
}

#uploadedExcelContent {
    height: 185px;
    margin-top: 20px;
    overflow-y: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#uploadedExcelContent img {
    max-width: 80px;
    max-height: 67px;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: auto;
}

#fotoliaImagesContent {
    height: 95px;
    margin-top: 20px;
    overflow: hidden;
    float: left;
    width: 360px;
}

#fotoliaImagesContent img {
    max-width: 80px;
    max-height: 67px;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: auto;
}

#patternImagesContent {
    float: left;
    height: 95px;
    margin-top: 20px;
    overflow: hidden;
    width: 360px;
}

#patternImagesContent img {
    max-width: 80px;
    max-height: 67px;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: auto;
}

#clipartImagesContent {
    float: left;
    height: 95px;
    margin-top: 20px;
    overflow: hidden;
    width: 360px;
}

#clipartImagesContent img {
    max-width: 80px;
    max-height: 67px;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: auto;
}

#serverphotosImagesContent {
    float: left;
    height: 95px;
    margin-top: 20px;
    overflow: hidden;
    width: 360px;
}

#serverphotosImagesContent img {
    max-width: 80px;
    max-height: 67px;
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: auto;
}

.small_window_arrow {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 30px;
}

.small_window_arrow:hover {
    cursor: pointer;
}

.imageHolderUplupl {
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    float: left;
}

.imageHolderUpluplimg {
    display: none;
    left: 131px !important;
    margin-left: 20px;
    max-height: none !important;
    max-width: none !important;
    position: absolute;
    top: -140px !important;
    right: auto !important;
    bottom: auto !important;
}

.imageHolderUpluplimgMain:hover {
    opacity: 0.7;
    cursor: pointer;
}

.imageHolderUpl {
    margin-top: 5px;
    padding: 0 5px;
    width: 80px;
    height: 67px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.imageHolderUpl:hover {
    opacity: 0.7;
    cursor: pointer;
}

#page_preview_panel_inside img {
    background-color: white;
    border: 2px solid lightgray;
    width: 60%;
}

#groups_order {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    min-height: 50px;
    z-index: 101;
    right: 10px;
    top: 130px;
    width: auto;
    height: auto;
    position: absolute;
    background-color: #E7E7E7;
}

#groups_order_table input {
    font-size: 10px;
    height: 12px;
    width: 60px;
}

#groups_order_table {
    width: auto;
    font-size: 13px;
    margin: 10px;
    border-collapse: inherit;
    border-spacing: 10px 0;
}

#groups_order_table th {
    border-bottom: 1px black solid;
}

#groups_order_table a:hover {
    cursor: pointer;
}

.order_table_selected {
    font-weight: bold;
}

.sort_enable {
    color: green;
}

.sort_disable {
    color: red;
}

#loggo input, #changeTextWrapper input, #patternUploadedImages input, #fotoliaUploadedImages input, #userUploadedImages input, #clipartUploadedImages input, #serverphotosUploadedImages input {
    top: 5px;
    right: 5px;
    height: 11px;
    width: 11px;
    position: absolute;
}

#closebut123 {
    top: 5px;
    right: 5px;
    height: 11px;
    width: 11px;
    position: absolute;
}

#smart {
    height: 25px;
    width: 103px;
    position: absolute;
    left: 38px;
    top: 10px;
    background: url("/components/com_expresseditor/html5/images/img/smart.png");
}

#smart:hover {
    cursor: pointer;
}

#hhome1 {
    position: absolute;
    left: 7px;
    top: 10px;
}

#hhome1 a {
    background: none !important;
}

#sm_s {
    height: 17px;
    width: 2px;
    position: absolute;
    left: 50px;
    top: 3px;
}

#sm_s2 {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 110px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 25px;
    width: 10px;
    background-color: lightblue;
}

#page_preview_panel .page_preview {
    padding: 10px;
}

#butPr {
    position: relative;
}

#butAu {
    position: relative;
}

#butDs {
    position: relative;
}

#butPrlineInRight {
    background: url("/components/com_expresseditor/html5/images/img/lineInRight.png") no-repeat scroll center center transparent !important;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}

#butAulineInLeft {
    background: url("/components/com_expresseditor/html5/images/img/lineInleft.png") no-repeat scroll center center transparent !important;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
}

#butAulineInRight {
    background: url("/components/com_expresseditor/html5/images/img/lineInRight.png") no-repeat scroll center center transparent !important;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    visibility: visible;
}

#butDslineInLeft {
    background: url("/components/com_expresseditor/html5/images/img/lineInleft.png") no-repeat scroll center center transparent !important;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.but_buylineInTop {
    background: url("/components/com_expresseditor/html5/images/img/arrow_2.png");
    width: 12px;
    height: 6px;
    position: absolute;
    right: 7px;
    top: 6px;
    background-size: 100% 100%;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

#but_buy {
    position: relative;
}

.but_buylineInBottom {
    background: url("/components/com_expresseditor/html5/images/img/arrow_2.png");
    width: 12px;
    height: 6px;
    position: absolute;
    right: 7px;
    top: 6px;
    background-size: 100% 100%;
}

#showAllPriceConteinr {
    position: absolute;
    right: 0;
    top: 12px;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    opacity: 0.9;
    font: 12px/20px calibri;
    letter-spacing: 0.25px;
}

#waveTop {
    background: url("/components/com_expresseditor/html5/images/img/waveTop.png") repeat-x transparent !important;
    width: 100%;
    height: 6px;
}

#waveBottom {
    background: url("/components/com_expresseditor/html5/images/img/waveBottom.png") repeat-x transparent !important;
    width: 100%;
    height: 6px;
}

#popup-details .content #price-list {
    margin: 0 10px 0 6px;
    overflow: auto;
}

#popup-details .content #price-list table {
    width: 100%;
    font: 12px/20px calibri;
    letter-spacing: 0.25px;
}

#popup-details .content #price-summa {
    margin: 5px 10px 9px 6px;
}

#popup-details .content #price-summa table {
    width: 100%;
    font-weight: bold;
}

#price-tab td {
    vertical-align: top;
}

.rightPrice {
    min-width: 50px;
    text-align: right;
}

.leftPrice {
    text-align: left;
}

#priseSum {
    text-align: right;
}

#color_picker_transparent, #color_picker_menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    clear: both;
    display: block;
    overflow: auto;
    margin-top: 0px;
    margin-left: -1px;
    z-index: 10000;
    padding: 5px 27px 5px 10px;
    border-radius: 2px 2px 2px 2px;
    font: 10px calibri;
    letter-spacing: 0.25px;
}

#color_picker_menu {
    width: 100%;
}

#color_picker_transparent {
    display: none;
    width: 73px;
    border: none !important;
    padding-right: 5px;
    opacity: 0;
}

#svgColor2Input {
    display: none;
}

#size_ #s4 {
    margin-top: 5px;
}

#color_pickert_close {
    background: url("/components/com_expresseditor/html5/images/img/exit.png");
    background-size: 100% 100%;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 0px;
    top: 2px;
    right: 2px;
    width: 22px;
    display: none !important;
}

.color_picker_menu_shape_99 {
    background-color: #E6E6E6;
    cursor: pointer;
    float: left;
    overflow: hidden;
    top: 4px;
    width: 80px;
    margin: 6px;
    border: 2px solid black;
    text-align: center;
    vertical-align: middle;
    font-size: 18px !important;
    border-radius: 0 !important;
    overflow: hidden;
    padding: 2px;
}

.color_picker_menu_shape_99_active {
    background-color: threedface !important;
}

.color_picker_shape_num_class {
    display: none;
    padding-left: 10px;
}

#color_picker_addFavorite2 {
    background-color: #E6E6E6;
    border-color: threedhighlight threedshadow threedshadow threedhighlight;
    cursor: pointer;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    font: 10px calibri;
    letter-spacing: 0.25px;
    margin-left: 5px;
    margin-top: 2px;
    float: left;
}

#favInputDiv {
    background-color: #E6E6E6;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 6px;
    overflow: hidden;
    top: 178px;
    width: 80px;
    margin: 6px;
    border: 2px solid black;
    text-align: center;
    vertical-align: middle;
    font-size: 18px !important;
    border-radius: 0 !important;
    overflow: hidden;
}

#favInputDiv input {
    float: left;
    height: 12px;
    margin-top: 2px;
    text-align: center;
    width: 65px;
}

#color_picker_shape1 {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 11px 5px 11px 15px;
    margin-left: -1px;
    border-color: threedhighlight threedshadow threedshadow threedhighlight;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    width: 235px;
    background: none repeat scroll 0 0 #E2E2E2;
    min-height: 100px;
    max-height: 100px;
    overflow-y: scroll;
    display: block;
}

#color_picker_shape1 div {
    display: block;
}

#color_picker_shapeZERO {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 11px 5px 22px 15px;
    margin-left: -1px;
    border-color: threedhighlight threedshadow threedshadow threedhighlight;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    width: 235px;
    background: none repeat scroll 0 0 #E2E2E2;
    min-height: 100px;
    display: block;
}

#color_picker_shape0 {
    background: white;
    display: block;
    overflow: hidden;
}

#color_picker_shape0 div {
    display: block;
}

#show_visible_line {
    position: absolute;
    top: 0px;
    left: 6px;
    margin-top: -22px;
    z-index: 99999;
    font: 12px calibri;
}

#hwSize {
    position: absolute;
    opacity: 0;
}

.textNameParamLineBese {
    margin: 0px;
    padding: 0px;
}

.disabled_select {
    opacity: 0.5;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.dialogLine {
    width: 155px;
    height: 35px;
    position: absolute;
    z-index: 201;
}

.dialogHeader {
    font-size: 14px;
    font-weight: bold;
}

.dialogSelect {
    width: 60px;
    height: 26px;
    float: left;
    overflow: hidden;
    border-bottom: 2px solid black;
    margin-top: 26px;
    text-align: center;
}

.dialog_window_class .dialogSelect {
    width: 60px;
    height: 26px;
    float: left;
    overflow: hidden;
    border-bottom: 2px solid black;
    margin-top: 0px;
    text-align: center;
}

.dialogSelect ul {
    list-style: none;
    padding: 0;
    font-size: 18px;
}

.dialogSelect li {
    width: 60px;
    padding: 6px;
}

.dialogSelectHeader {
    padding-left: 3px;
    text-align: center;
    font-size: 18px;
    background-color: white;
}

.dialogSelectHeader:hover {
    cursor: pointer;
}

.dialogSelect li:hover {
    cursor: pointer;
}

#dialog_window, .dialog_window_class {
    height: 100px;
}

#dialog_window .content, .dialog_window_class .content {
    padding: 10px;
}

#dialog_window .content .sliderOpacity {
    margin-top: 35px;
    width: 100%;
    height: 13px;
    background-color: lightgray;
    position: relative;
    padding: 0 10px;
}

#dialog_window .content .ui-slider-handle, .dialog_window_class .content .ui-slider-handle {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -6px;
    margin-left: -8px;
    z-index: 200;
    border-radius: 100%;
    border: 0px solid black;
    box-shadow: 0 0 10px black;
}

#dialog_window .content .ui-widget-header, .dialog_window_class .content .ui-widget-header {
    height: 10px;
    left: 0px;
    top: 0px;
    position: absolute;
}

#dialog_window .content a, .dialog_window_class .content a {
    outline: none;
    -moz-outline-style: none;
}

#dialog_window .content table input, .dialog_window_class .content table input {
    width: 60px;
}

.dialog_window_class .content .sliderOpacity {
    margin-top: 10px;
    width: 100%;
    height: 13px;
    background-color: lightgray;
    position: relative;
    padding: 0 10px;
}

.tileScaleZoom .tileScaleZoomSlider {
    margin-top: 35px;
    width: 100%;
    height: 8px;
    background-color: #cccccc;
    position: relative;
    padding: 0 10px;
    border: none;
    border-radius: unset;
}

.tileScaleZoom .row > div {
    padding: 0 15px !important;
}

.tileScaleZoom .scaleTitle {
    text-align: left;
}

.tileScaleZoom .tileScaleZoomSlider .ui-widget-header {
    height: 8px;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #cccccc;
}

.tileScaleZoom .tileScaleZoomSlider .under-slider-handle {

}

.tileScaleZoom .tileScaleZoomSlider .ui-slider-handle {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -6px;
    margin-left: -8px;
    z-index: 200;
    border-radius: 100%;
    background-color: #999999;
}

.tileScaleZoomSlider-result {
    padding-left: 3px;
    text-align: center;
    font-size: 18px;
    background-color: white;
}

.sliderSolidWrapp .sliderSolid {
    margin-top: 35px;
    width: 100%;
    height: 13px;
    background-color: lightgray;
    position: relative;
    padding: 0 10px;
}

.sliderSolidWrapp {
    padding: 10px;
}

.sliderSolidWrapp .sliderSolid .ui-slider-handle {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -6px;
    margin-left: -8px;
    z-index: 200;
    border-radius: 100%;
    border: 0px solid black;
    box-shadow: 0 0 10px black;
}

.sliderSolidWrapp .sliderSolid .ui-widget-header {
    height: 10px;
    left: 0px;
    top: 0px;
    position: absolute;
}

#slider_hidden {
    display: none;
}

.namesizes {
    width: 80px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.widthsizes {
    width: 80px;
    display: inline-block;
    font-size: 18px;
}

.heightsizes {
    width: 80px;
    display: inline-block;
    font-size: 18px;
}

.namesizeshead {
    width: 80px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.widthsizeshead {
    width: 80px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.heightsizeshead {
    width: 80px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.quantityhead {
    width: 80px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.nameimg {
    display: none;
}

#paddingPatternAdd, #paddingPatternSub {
    height: 23px !important;
    width: 30px !important;
    display: none !important;
}

#paddingPatternAdd img, #paddingPatternSub img {
    height: 23px !important;
    width: 30px !important;
}

#changeColorSvgAPI2 {
    height: 23px !important;
    width: 30px !important;
    display: block;
}

#changeColorSvgAPI2 img {
    height: 23px !important;
    width: 30px !important;
}

.tapeteTilestap_one {
    display: block;
    text-align: center;
    margin: 20px;
}

.tapeteTilestap_one img {
    width: 90%;
    border: 3px solid gray;
}

.tapeteTilestap_one:hover .tip {
    display: block !important;
    z-index: 140 !important;
}

.activeTapete {
    border: 3px solid lightblue !important;
}

#container3d {
    height: 600px;
    background-color: #f3f3f3;
    overflow: auto;
}

#pathTextLine1Size {
    width: 100%;
}

#pathTextLine1Size input, #pathTextLine2Size input {
    height: 14px;
    text-align: center;
}

#pathTextLine2Size {
    width: 100%;
}
#landingpage_button {
    margin-left:1px;
}

#preview_div #landingpage_button span.mtl_image {
    border: 2px solid black;
    float: left;
    height: 20px;
    margin: 4px;
    width: 15px;
}

#preview_div #landingpage_button span.mtl_text {
    text-align: left;
    display: block;
}

#preview_div #landingpage_hilfe_container #landingpage_hilfe_button {
    float: none;
    width: 160px;
}

#preview_div #landingpage_content {
    background-color: white;
    margin: 10px;
    overflow: hidden;
    padding: 0;
    height: 0;
    display: none;
    border: 2px solid black;
}

#landingpage_hilfe_container {
    display: inline-block;
}

#zeb_product_global_panel {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    left: 95px;
    max-width: 280px;
    position: absolute;
    top: 50px;
    z-index: 110;
    width: 280px;
    height: auto;
}

#zeb-drag {
    width: 280px;
    height: 10px;
    position: absolute;
}

.zeb_border_all {
    background-color: #BABABA;
    height: 1px;
    margin: 10px;
}

.zeb_button {
    margin-bottom: 10px;
    width: 125px;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.zeb_button span {
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/19px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

#zeb_buttons {
    margin: 10px;
    width: 270px;
    height: 50px;
}

#zeb_reset_chk_button {
    float: right;
}

#zeb_global_ads #catAds, #zeb_global_ads #subcatAds, #zeb_global_ads #subsubcatAds {
    margin: 10px;
    border-radius: 5px 0 0 5px;
    font: 12px/19px calibri;
}

#zeb_cliparti, #zeb_clipartiads, #zeb_clipartitmp {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    max-height: 125px;
    overflow: auto;
}

#zeb_cliparti .zeb_clipartitem img {
    height: 60px;
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    width: 60px;
}

#zeb_cliparti .zeb_clipartitemOP img {
    border: 1px solid #949494;
    border-radius: 4px 4px 4px 4px;
    height: 60px;
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    width: 60px;
}

#zeb_cliparti .zeb_clipartitem img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_cliparti .zeb_clipartitemOP img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_clipartiads .zeb_clipartitem img {
    opacity: 0.7;
    height: auto;
    width: auto;
    max-height: 60px;
    max-width: 60px;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}

#zeb_clipartiads .zeb_clipartitemOP img {
    opacity: 0.7;
    height: auto;
    width: auto;
    max-height: 60px;
    max-width: 60px;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}

#zeb_clipartitmp .zeb_clipartitemOP img {
    opacity: 0.7;
    height: auto;
    width: auto;
    max-height: 60px;
    max-width: 60px;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}

#zeb_clipartiads .zeb_clipartitem img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_clipartiads .zeb_clipartitemOP img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_clipartitmp .zeb_clipartitemOP img:hover {
    cursor: pointer;
    opacity: 1;
}

#clipart_panel_inside_zeb, #bildarchive_panel_inside_zeb, #template_panel_inside_zeb, #pattern_panel_inside_zeb, #ads_panel_inside_zeb {
    height: auto;
    display: none;
}

.zeb_clipartitemOP {
    width: 60px;
    height: 60px;
    border: 1px solid #949494;
    border-radius: 4px 4px 4px 4px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    max-width: 60px;
    max-height: 60px;
    overflow: hidden;
}

.zeb_clipartitem {
    width: 60px;
    height: 60px;
    border: 1px solid #949494;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-bottom: 5px;
    margin-right: 4px;
}

.zeb_clipartitemPar {
    float: left;
    margin-bottom: 5px;
    margin-right: 4px;
}

#zeb_cliparti .zeb_clipartitem_global img {
    border: 1px solid #949494;
    border-radius: 4px 4px 4px 4px;
    height: 60px;
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    width: 60px;
}

#zeb_cliparti .zeb_clipartitem_global img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_clipartiads .zeb_clipartitem_global img {
    border: 1px solid #949494;
    border-radius: 4px 4px 4px 4px;
    height: 60px;
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    width: 60px;
}

#zeb_clipartiads .zeb_clipartitem_global img:hover {
    cursor: pointer;
    opacity: 1;
}

.zeb_clipartitem_global {
    float: left;
}

.filter_panel_inside_zeb {
    display: none;
}

#zeb_bild_insider, #zeb_template_insider, #zeb_upload_insider, #zeb_fotolia_insider, #zeb_pattern_insider {
    margin: 10px;
}

#zeb_serverphotos_button, #zeb_pattern_button {
    margin-bottom: 0px;
}

#editor_serverphotos_button {
    position: absolute;
    margin-top: -37px;
    width: 170px;
    height: 33px;
    z-index: 5;
}

#editor_serverphotos_button span {
    width: 145px;
    height: 30px;
    font: 12px/28px calibri;
    border: 1px solid #a8a8a8;
}

#editor_serverphotos_button2 {
    position: absolute;
    margin-top: -37px;
    width: 170px;
    height: 33px;
    z-index: 6;
}

#editor_serverphotos_button2 span {
    width: 145px;
    height: 30px;
    font: 12px/28px calibri;
    border: 1px solid #a8a8a8;
}

#upload_panel_inside_zeb .zeb_td_for_checkbox {
    width: 30px;
    text-align: center;
}

#upload_panel_inside_zeb, #fotolia_panel_inside_zeb {
    font: 13px/19px calibri;
}

#zeb_popup_window #zeb_popup_window_attributes .zeb_popup_attribut {
    float: left;
}

#zeb_popup_window #zeb_popup_window_attributes .zeb_popup_attributes_head {
    text-align: left;
    font: bold 13px/17px calibri;
}

#zeb_popup_window_attributes .zeb_popup_attribut {
    margin: 0 2px 2px 0;
    padding: 3px;
    display: block;
    min-width: 20px;
    text-align: center;
}

#zeb_popup_window_attributes .zeb_popup_attribut_text, #zeb_popup_window_attributes .zeb_popup_attribut_image {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-size: 200% 200%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#zebAdsSearch {
    border-radius: 5px;
    font: 12px/19px calibri;
    margin: 10px;
    float: left;
    width: 121px;
}

#zeb_filter_checkboxes {
    border-radius: 5px;
    font: 12px/19px calibri;
    margin: 10px;
    float: left;
    width: 242px;
}

#zeb_filter_checkboxes_global {
    background-color: gainsboro;
    border-radius: 5px 5px 5px 5px;
    font: 12px/19px calibri;
    left: 200px;
    margin-top: 30px;
    padding: 10px;
    position: absolute;
    width: 160px;
    z-index: 999991;
    border: 1px solid grey;
    display: none;
}

#zeb_filter_checkboxes_global span {
    float: left;
}

#zeb_ads_cat span, #zeb_ads_subcat span, #zeb_ads_subsubcat span {
    font: 12px/19px calibri;
    margin: 10px;
    float: left;
}

#zeb_search_button {
    float: left;
    margin: 10px 0 0;
}

#image_for_ecart_option {
    background-color: #FEFEFE;
    left: 258px;
    padding: 5px;
    position: absolute;
    top: 3px;
    z-index: 10;
}

#image_for_ecart_option_cell {
    display: none;
}

#params_active_ecard_element {
    font: 12px/19px calibri;
    z-index: 10;
    height: auto;
    margin: 10px;
    display: none;
}

#zeb_global_ads {
    background-color: #fafafa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 625px;
    width: 820px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    z-index: 99999;
}

#zeb_global_ads .content {
    background: none repeat scroll 0 0 #fafafa;
    height: 560px;
    width: 590px;
    overflow: auto;
    color: #949494;
    font: 12px/17px calibri;
    text-align: left;
    letter-spacing: 0.25px;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    margin-top: 30px;
}

.zeb_align_class {
    bottom: 0;
    left: 0;
    max-height: 90px;
    right: 0;
    top: 0;
    width: auto;
    margin: auto;
}

#zeb_global_ads .content img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_global_ads-close {
    margin-top: 9px;
}

#zeb_global_ads_cat, #zeb_global_ads_subcat, #zeb_global_ads_subsubcat {
    float: left;
    margin: 10px;
}

#zeb_ul_div {
    margin-left: 10px;
    margin-top: 10px;
}

.zebListchild {
    padding-left: 20px;
}

#zeb_fullscreen_button {
    margin-top: 10px;
}

#zeb_global_ads_foting {
    height: 430px;
    padding-left: 20px;
    padding-top: 30px;
    position: relative;
    z-index: 100001;
}

#zeb_global_template_foting, #editor_global_template_foting {
    height: 430px;
    padding-left: 20px;
    padding-top: 30px;
    position: relative;
    z-index: 100001;
}

.adsPreview {
    display: none;
    position: absolute;
    z-index: 100010;
    background-color: white !important;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid grey;
    width: auto;
    height: auto;
    max-height: 300px;
    max-width: 300px;
}

#zeb_global_ads_inputs {
    float: left;
    width: 200px;
    margin-top: 10px;
}

#zeb_global_template_inputs, #editor_global_template_inputs {
    width: 200px;
}

#zebTextTextes {
    float: left;
}

#zebInputFontSize {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    color: black;
    font: 12px/16px calibri;
    height: 16px;
    width: 85px;
}

#zebTextPopup {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FAFAFA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 78px;
    left: 50%;
    margin-left: -152px;
    margin-top: -150px;
    padding: 20px;
    position: fixed !important;
    top: 50%;
    width: 280px;
    z-index: 9999;
}

#zebpoptext1 {
    width: 125px;
    text-align: right;
}

#zebpoptext2 {
    width: 30px;
    height: 20px;
    float: right;
    margin-top: 30px;
    text-align: right;
}

#zebpoptext5 {
    width: 125px;
    text-align: right;
}

#zebpoptext3 {
    width: 52px;
    height: 50px;
    float: right;
    text-align: center;
}

#zebpoptext4 {
    height: 20px;
    width: 30px;
    float: right;
}

#zeb_text_params {
    float: left;
    height: 50px;
    margin-left: 9px;
    width: 90px;
}

#zebTextTop {
    text-align: right;
}

#zebTextmiddle {
    text-align: right;
}

#zebTextbottom {
    text-align: right;
}

#zeb_user_data {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    height: 346px;
    max-width: 720px;
    position: absolute;
    width: 720px;
    display: none;
    z-index: 110;
    left: 50%;
    margin-left: -360px;
    margin-top: -163px;
    top: 50%;
    z-index: 9999;
}

#zeb_window_saving_style_template {
    background-color: #E7E7E7;
    border-radius: 7px;
    box-shadow: 0 0 20px #969696;
    display: none;
    height: 410px;
    left: 50%;
    margin-left: -250px;
    margin-top: -205px;
    max-width: 500px;
    position: absolute;
    top: 50%;
    width: 500px;
    z-index: 9999;
}

#d_bgColor_adszeb {
    float: left;
    margin-left: 9px;
    display: none;
}

#zeb_user_body {
    width: 710px;
    height: 260px;
    margin: 0 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

#zeb_inside {
    background: url("/components/com_expresseditor/html5/images/img/menu_top.png") repeat-x scroll 0 0 transparent;
    height: 5px;
    margin: 6px 16px 0;
    cursor: pointer;
}

#zeb_oud_page {
    background-color: #B1B2B3;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: auto;
    margin: 3px 0;
    width: 710px;
}

#zeb_oud_page div {
    border-radius: 3px 3px 3px 3px;
}

#zeb_oud_page div span {
    cursor: pointer;
}

.buttom_page_active {
    float: left;
    height: 20px;
    margin: 2px;
    text-align: center;
    cborder-radius: 4px 4px 4px 4px;
    font: 12px/19px calibri;
    width: 70px;
}

#zeb_color_ecard_default {
    display: block;
    height: 25px;
    margin-left: 6px;
}

#zeb_user_title {
    font-size: 22px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 20px 20px 0;
}

.zeb_body_page {
    width: 710px;
    margin: 0 5px;
    height: auto;
}

#zeb_oudb_page {
    background-color: #E1E2E3;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 220px;
    overflow: hidden;
    width: 710px;
}

.zeb_body_show {
    display: block;
}

.zeb_body_hidden {
    display: none;
}

.user_info_block {
    float: left;
    height: 180px;
    margin: 2px 20px;
    width: 102px;
    position: relative;
}

.display_none {
    display: none;
}

.blocked_user_info {
    background-color: #CECECE;
    height: 200px;
    left: -10px;
    opacity: 0.7;
    position: absolute;
    top: -15px;
    width: 120px;
}

.user_info_block_title {
    height: 20px;
    text-align: center;
}

.zeb_button_user_info {
    margin-bottom: 10px;
    width: 50px;
    border-radius: 4px 4px 4px 4px;
    float: left;
    overflow: hidden;
}

.zebClaerBackground {
    margin-bottom: 10px;
    width: 50px;
    border-radius: 4px 4px 4px 4px;
    float: right;
    overflow: hidden;
}

.zebClaerBackground span {
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/19px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.zeb_selects_1parent {
    height: 20px;
    overflow: hidden;
    text-align: left;
}

.zeb_selects_2parent {
    height: 20px;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
}

.zeb_selects_3parent {
    height: 20px;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
}

.zeb_menu_name {
    height: 20px;
}

.zeb_button_user_info span {
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/19px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.zeb_body_page_title {
    height: 19px;
    text-align: center;
}

.image_background_zeb {
    width: 100px;
    height: 100px;
    background-color: #FEFEFE;
    cursor: pointer;
}

#zeb_but_show_chkb {
    background-color: gainsboro;
    border: 1px solid grey;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    left: 200px;
    position: absolute;
    top: 4px;
    width: 110px;
    font: 12px/18px calibri;
    text-align: center;
}

#zeb_but_show_search {
    background-color: gainsboro;
    border: 1px solid grey;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    left: 320px;
    position: absolute;
    top: 4px;
    width: 80px;
    font: 12px/18px calibri;
    text-align: center;
}

#zeb_but_show_vendors {
    background-color: gainsboro;
    border: 1px solid grey;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    left: 410px;
    position: absolute;
    top: 4px;
    width: 80px;
    font: 12px/18px calibri;
    text-align: center;
}

#zeb_but_reset_filter {
    background-color: gainsboro;
    border: 1px solid grey;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    left: 500px;
    position: absolute;
    top: 4px;
    width: 120px;
    font: 12px/18px calibri;
    text-align: center;
}

#zeb_but_show_chkb:hover, #zeb_but_show_search:hover, #zeb_but_show_vendors:hover, #zeb_but_reset_filter:hover {
    cursor: pointer;
}

.zeb_vendors_chbk {
    float: left;
    text-align: left;
    width: 100%;
}

#flip_book {
    z-index: 100002;
    position: static;
}

.zeb_button_gropu_price {
    margin: 10px 5px 5px 5px;
    border-radius: 4px 4px 4px 4px;
    width: 170px;
    overflow: hidden;
    float: right;
}

.zeb_button_gropu_price2 {
    margin: 10px 5px 5px 5px;
    border-radius: 4px 4px 4px 4px;
    width: 160px;
    overflow: hidden;
    float: left;
}

#zeb_close_userparams_button {
    float: right;
}

.zeb_button_gropu_price span {
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/19px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    padding: 3px;
    width: 100%;
}

.zeb_button_gropu_price2 span {
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/19px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    text-align: center;
    padding: 3px;
    width: 100%;
}

#zeb_global_template, #editor_global_template {
    background-color: #fafafa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 625px;
    width: 820px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    z-index: 99999;
}

#zeb_global_template .content, #editor_global_template .content {
    background: none repeat scroll 0 0 #fafafa;
    height: 560px;
    width: 590px;
    overflow: auto;
    color: #949494;
    font: 12px/17px calibri;
    text-align: left;
    letter-spacing: 0.25px;
    border: 1px solid #949494;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-left: 15px;
}

#zeb_global_template .content img:hover, #editor_global_template .content img:hover {
    cursor: pointer;
    opacity: 1;
}

#zeb_global_template_subcat, #zeb_global_template_subsubcat, #editor_global_template_subcat, #editor_global_template_subsubcat {
    float: left;
    margin: 10px;
}

#zeb_global_template_cat, #editor_global_template_cat {
    float: left;
    margin: 10px 10px 10px 15px;
}

#zeb_group_params {
    display: block;
    padding: 5px;
}

#zebTmpPage, #editorTmpPage {
    bottom: 11px;
    font: 12px/16px calibri;
    left: 210px;
    position: absolute;
}

#zeb_produzieren {
    background-color: #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 130px;
    margin-left: 10px;
    margin-top: -65px;
    position: absolute;
    width: 170px;
}

#zeb_produzieren-close {
    background: url("/components/com_expresseditor/html5/images/img/exit.png") repeat scroll 0 0 / 100% 100% transparent;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 22px;
}

.zeb_deltmp_but {
    background: url("/images/but_del.png") repeat scroll 0 0 / 100% 100% transparent;
    cursor: pointer;
    height: 22px;
    margin-left: 104px;
    margin-top: -85px;
    position: absolute;
    width: 28px;
}

#zeb_produzieren_warenkorb_but {
    margin-top: 10px;
}

#zeb_produzieren-input-div {
    font: 12px/14px calibri;
    height: 15px;
    margin-top: 25px;
    opacity: 0;
}

#zeb_produzieren-input {
    font: 12px/14px calibri;
    height: 14px;
    text-align: center;
    width: 123px;
}

#favoriteAddWindow {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FAFAFA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    left: 50%;
    margin-left: -152px;
    margin-top: -140px;
    padding: 20px;
    position: fixed !important;
    top: 50%;
    width: 265px;
    z-index: 9999999;
}

#zebConfirmWishlist {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FAFAFA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    height: 70px;
    left: 50%;
    margin-left: -152px;
    margin-top: -100px;
    padding: 20px;
    position: fixed !important;
    top: 50%;
    width: 265px;
    z-index: 9999;
}

#zebConfirmWishlist .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    font: 12px/16px calibri;
    color: black;
    margin-top: 5px;
}

#favoriteAddWindow .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 85px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    font: 12px/16px calibri;
    color: black;
    margin-top: 5px;
}

#zebAdToWishlistinput {
    font: 12px/14px calibri;
    height: 14px;
    text-align: center;
    width: 123px;
}

#zebWishlistHeader {
    width: 170px;
    height: 10px;
    font: 12px/14px calibri;
    height: 14px;
    text-align: left;
    margin-bottom: 5px;
}

#favoriteHeader {
    width: 170px;
    height: 10px;
    font: 12px/14px calibri;
    height: 14px;
    text-align: left;
    margin-bottom: 5px;
}

#favoriteCmykHeader {
    width: 170px;
    height: 10px;
    font: 12px/14px calibri;
    height: 14px;
    text-align: left;
    margin-bottom: 5px;
}

.suche_123_rf a {
    margin-left: 10px;
}

#zeb_user_data_passord {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 150;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#zeb_user_data_passord_body {
    position: absolute;
    top: 50%;
    left: 50%;
}

#zeb_user_data_passord_subbody {
    background-color: #E7E7E7;
    display: inline-block;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    margin-top: -50%;
    margin-left: -50%;
    padding: 10px;
}

#zeb_user_data_passord_value {
    width: 188px;
    padding: 2px 5px;
}

#zeb_user_data_passord__but2 {
    margin: 10px 0;
    width: 200px;
}

#zeb_user_data_passord__but2 a {
    padding: 4px 10px;
    cursor: pointer;
}

#zeb_user_data_passord__but2 a:last-child {
    float: right;
    padding: 4px 10px;
}

#helpButton {
    background-color: white;
    border-radius: 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    bottom: 0;
    left: 100%;
    right: 0;
    margin-left: -70px;
    z-index: 190;
    font-size: 22px;
    color: white;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

#zoomBtnWrapp {
    display: inline-block;
}

.zoomRange {
    display: inline-block !important;
    vertical-align: top;
    padding: 5px;
    font-size: 19px !important;
    font-weight: bold;
    width: 64px !important;
    line-height: 32px !important;
    text-align: center;
}

.zoomRangeHide {
    display: inline-block !important;
    vertical-align: top;
    padding: 5px;
    font-size: 19px !important;
    font-weight: bold;
    width: 64px !important;
    line-height: 32px !important;
    text-align: center;
}

.quaZoomRange {
    font-weight: bold;
    font-size: 20px;
    line-height: 45px;
}

#lamps_mirror_panel {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    position: absolute;
    right: 210px;
    top: 50px;
    padding: 10px;
    z-index: 104;
    width: 160px;
    display: none;
}

#lamps_mirror_panel .mirror_block_option_view {
    padding: 3px 0;
}

#lamps_mirror_panel .mirror_block_title {
    line-height: 16px;
    padding-right: 5px;
    width: auto;
}

#lampsmenu_mirror_inside {
    margin: 6px 16px 0 16px;
    height: 5px;
    background: url(/components/com_expresseditor/html5/images/img/menu_top.png) repeat-x;
}

#lampsmenu_mirror {
    height: 20px;
    position: absolute;
    z-index: 20;
    width: 160px;
    top: 0px;
}

#window_mirror_panel {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    padding-bottom: 10px;
    float: left;
    padding: 10px;
    z-index: 104;
    width: auto;
    height: 184px;
    margin-top: 10px;
    padding-top: 7px;
}

#mirror_main_menu {
    display: inline-block;
    border-radius: 2px;
    overflow: hidden;
    text-align: center;
}

.mirror_main_item_menu {
    border: 1px solid #D1D1D1;
    cursor: pointer;
    float: left;
    padding: 1px 4px;
    font: 12px/16px calibri;
}

#mirror_main_content {
    margin-top: 5px;
}


.mirror_main_item_content input[type=radio] {
    display: none;
}

.mirror_main_item_content_3 {
    width: auto;
}

.mirror_main_item_content_name {
    background-color: #F0F0F0;
    margin: -15px auto 0;
    padding: 5px 10px;
    text-align: center;
    width: 70px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.mirror_corner_block {
    border-radius: 7px 7px 7px 7px;
}

.mirror_corner_menu {
    margin: 5px auto;
    display: table;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
}

.mirror_corner_item_menu {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
    background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(241, 241, 241));
    background: #f9f9f9;
    border: 1px solid #D1D1D1;
    cursor: pointer;
    float: left;
    padding: 5px 7px;
}

#topLeftR1_text, #topRightR1_text, #bottomLeftR1_text, #bottomRightR1_text, #topLeftR2_text, #topRightR2_text, #bottomLeftR2_text, #bottomRightR2_text {
    font: 12px/16px calibri;
    float: left;
}

#topLeftR1, #topRightR1, #bottomLeftR1, #bottomRightR1, #topLeftR2, #topRightR2, #bottomLeftR2, #bottomRightR2 {

}

.mirror_corner_item_content {

    margin: 5px auto;

}

.mirror_corner_item_content_name {
    background-color: #F0F0F0;
    margin: -15px auto 0;
    padding: 5px 10px;
    text-align: center;
    width: 70px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.mirror_corner_type {
    margin: 5px auto;
    display: table;
}

.mirror_corner_type_item {
    margin: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

.mirror_corner_type_item img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}

.mirror_corner_enable {
    font-size: 18px;
    margin: 5px auto;
    padding: 0 5px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    border-radius: 5px;
    width: 100px;
    background-color: #E5E5E5;
}

.mirror_corner_radiuses {
    font-size: 18px;
}

.mirror_checkbox_class1 {
    font-size: 18px;
    position: relative;
    height: 26px;
}

.mirror_checkbox_class1 input {
    border: 0 none;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100px;
}

.mirror_checkbox_text_class1 {
    border-radius: 5px;
    border: 0 none;
    display: block;
    height: 26px;
    line-height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    text-align: center;
}

.mirror_holes_add {
    background-color: white;
    border: 2px solid black;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 5px 0;
    padding: 0 5px;
    text-align: center;

}




.mirror_holes_remove {
    width: 120px;
    line-height: 22px;
    font-size: 16px;
    padding: 0 5px;
    margin: 10px;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    border-radius: 5px;
    background-color: #E5E5E5;
    text-align: center;
}

.mirror_hole_edits {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

.mirror_select_block {
    margin: 15px;

}

.mirror_select_block .jquery-selectbox {
    display: none;
}

#payt1 {

}

[for="payt1"] {
    background: none repeat scroll 0 0 #e7e7e7;
    border: 1px solid grey;
    border-radius: 50px;
    color: #000000;
    cursor: pointer;
    display: block;
    font: 12px/3px calibri;
    height: 4px;
    padding: 8px 8px 8px 10px;
    position: relative;
    width: 43px;
}

[for="payt1"]:before {
    color: #000000;
    content: "AUS";
    position: absolute;
    right: 8px;
}

[for="payt1"]:after {
    background: none repeat scroll 0 0 grey;
    border-radius: 50px;
    content: "";
    display: block;
    height: 15px;
    left: 4px;
    position: absolute;
    top: 3px;
    transition: all 0.5s ease 0s;
    width: 26px;
}

#payt1:checked ~ [for="payt1"]:after {
    left: 31px;
}

#payt2 {

}

[for="payt2"] {
    background: none repeat scroll 0 0 #e7e7e7;
    border: 1px solid grey;
    border-radius: 50px;
    color: #000000;
    cursor: pointer;
    display: block;
    font: 12px/3px calibri;
    height: 4px;
    padding: 8px 8px 8px 10px;
    position: relative;
    width: 43px;
}

[for="payt2"]:before {
    color: #000000;
    content: "AUS";
    position: absolute;
    right: 8px;
}

[for="payt2"]:after {
    background: none repeat scroll 0 0 grey;
    border-radius: 50px;
    content: "";
    display: block;
    height: 15px;
    left: 4px;
    position: absolute;
    top: 3px;
    transition: all 0.5s ease 0s;
    width: 26px;
}

#payt2:checked ~ [for="payt2"]:after {
    left: 31px;
}

#payt3 {

}

[for="payt3"] {
    background: none repeat scroll 0 0 #e7e7e7;
    border: 1px solid grey;
    border-radius: 50px;
    color: #000000;
    cursor: pointer;
    display: block;
    font: 12px/3px calibri;
    height: 4px;
    padding: 8px 8px 8px 10px;
    position: relative;
    width: 43px;
}

[for="payt3"]:before {
    color: #000000;
    content: "AUS";
    position: absolute;
    right: 8px;
}

[for="payt3"]:after {
    background: none repeat scroll 0 0 grey;
    border-radius: 50px;
    content: "";
    display: block;
    height: 15px;
    left: 4px;
    position: absolute;
    top: 3px;
    transition: all 0.5s ease 0s;
    width: 26px;
}

#payt3:checked ~ [for="payt3"]:after {
    left: 31px;
}

#payt4 {

}

[for="payt4"] {
    background: none repeat scroll 0 0 #e7e7e7;
    border: 1px solid grey;
    border-radius: 50px;
    color: #000000;
    cursor: pointer;
    display: block;
    font: 12px/3px calibri;
    height: 4px;
    padding: 8px 8px 8px 10px;
    position: relative;
    width: 43px;
}

[for="payt4"]:before {
    color: #000000;
    content: "AUS";
    position: absolute;
    right: 8px;
}

[for="payt4"]:after {
    background: none repeat scroll 0 0 grey;
    border-radius: 50px;
    content: "";
    display: block;
    height: 15px;
    left: 4px;
    position: absolute;
    top: 3px;
    transition: all 0.5s ease 0s;
    width: 26px;
}

#payt4:checked ~ [for="payt4"]:after {
    left: 31px;
}

[for="textAsStickerEnable"] {
    background: none repeat scroll 0 0 #e7e7e7;
    border-radius: 50px;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3px #d0d0d0 inset, 0 4px 4px rgba(100, 110, 110, 0.5) inset, 0 4px 1px rgba(255, 155, 255, 0.2) inset;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    line-height: 5px;
    padding: 10px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
    width: 60px;
}

[for="textAsStickerEnable"]:before {
    color: #000000;
    content: "AUS";
    position: absolute;
    right: 7px;
}

[for="textAsStickerEnable"]:after {
    background: linear-gradient(#97bd0e 40%, #b2cb57 100%) repeat scroll 0 0 #cccccc;
    border-radius: 50px;
    content: "";
    display: block;
    height: 18px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: all 0.5s ease 0s;
    width: 43px;
}

#textAsStickerEnable:checked ~ [for="textAsStickerEnable"]:after {
    left: 34px;
}

#kind_of_count_img {
    display: none;
}

[for="kind_of_count_img"] {
    background: none repeat scroll 0 0 #e7e7e7;
    border-radius: 50px;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3px #d0d0d0 inset, 0 4px 4px rgba(100, 110, 110, 0.5) inset, 0 4px 1px rgba(255, 155, 255, 0.2) inset;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    line-height: 5px;
    padding: 10px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
    width: 60px;
}

[for="kind_of_count_img"]:before {
    color: #000000;
    content: "Few";
    position: absolute;
    right: 7px;
}

[for="kind_of_count_img"]:after {
    background: linear-gradient(#97bd0e 40%, #b2cb57 100%) repeat scroll 0 0 #cccccc;
    border-radius: 50px;
    content: "";
    display: block;
    height: 18px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: all 0.5s ease 0s;
    width: 43px;
}

#kind_of_count_img:checked ~ [for="kind_of_count_img"]:after {
    left: 34px;
}

#slider_socket {
    border: 1px solid #D1D1D1;
    height: 60px;
    margin: 10px 10px;
    width: 300px;
    position: relative;
    overflow: hidden;
}

#slider_socket_left {
    background: url("../images/arrow_lift_slider_socket.png") no-repeat scroll center center / 8px auto rgba(200, 200, 200, 1);
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
}

#slider_socket_right {
    background: url("../images/arrow_right_slider_socket.png") no-repeat scroll center center / 8px auto rgba(200, 200, 200, 1);
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
}

#slider_socket_content_block {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 2000px;
}

#slider_socket_content {
    position: absolute;
    left: 0;
    top: 0;
}

.socket_content {
    float: left;
}

.socket_content img {
    height: 50px;
    width: auto;
    margin: 5px;
    cursor: pointer;
}

#window_mirror_panel input[type=radio] {
    display: none;
}

.radio_mirrortype {
    display: inline-block;
    height: 30px;
    width: 30px;
    cursor: pointer;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid black;
}

input[type="radio"]:checked + .radio_mirrortype {
    background-color: grey;
}

.top_left_1 {
    background: url("../images/border_radius/top_left_1.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_left_2 {
    background: url("../images/border_radius/top_left_2.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_left_3 {
    background: url("../images/border_radius/top_left_3.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_left_4 {
    background: url("../images/border_radius/top_left_4.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_right_1 {
    background: url("../images/border_radius/top_right_1.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_right_2 {
    background: url("../images/border_radius/top_right_2.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_right_3 {
    background: url("../images/border_radius/top_right_3.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.top_right_4 {
    background: url("../images/border_radius/top_right_4.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_left_1 {
    background: url("../images/border_radius/bottom_left_1.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_left_2 {
    background: url("../images/border_radius/bottom_left_2.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_left_3 {
    background: url("../images/border_radius/bottom_left_3.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_left_4 {
    background: url("../images/border_radius/bottom_left_4.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_right_1 {
    background: url("../images/border_radius/bottom_right_1.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_right_2 {
    background: url("../images/border_radius/bottom_right_2.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_right_3 {
    background: url("../images/border_radius/bottom_right_3.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}

.bottom_right_4 {
    background: url("../images/border_radius/bottom_right_4.png");
    background-position: center center;
    background-size: 85% 85%;
    background-repeat: no-repeat;
}


#window_mirror_panel input[type="text"] {
    border: 1px solid #000000;
    height: 16px;
    margin: 1px 4px;
    width: 40px;
    text-align: center;
    font: 12px/16px calibri;
    padding: 0;
}

[for="payt1"], [for="payt2"], [for="payt3"], [for="payt4"] {
    float: left;
    margin: 5px 3px;
}

.mirror_coordinat {

}

.mirror_backlight_block {
    width: auto;
    float: left;
    margin: 5px 0;
}

.mirror_cut_block {
    width: 335px;
    float: left;
    margin: 5px 0;
}

#cut_ellipse_block {
    float: left;
}

#cut_rect_block {
    float: left;
    margin-left: 5px;
}

#cut_backlight_block {
    float: left;
    margin-right: 5px;
}

.mirror_backlight_block .mirror_select_block {
    margin: 0 0 5px;
}

#zebPageMenu {
    background-color: #E5E5E5;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    display: none;
    font: bold 14px/20px calibri;
    left: 0;
    margin: 10px;
    padding: 5px;
    position: absolute;
    top: 0;
    z-index: 999;
}

.zebPageMenuItem {
    color: #000000;
    text-shadow: 1px 1px 0 #FFFFFF;
    padding: 0 2px;
    cursor: pointer;
}

.mirror_block_option_view {
    padding: 5px 10px 5px 10px;
}

.mirror_block_title {
    float: left;
    width: 80px;
}

#setFontLineHeight, #setFontTextSize {
    float: left;
}

.x_cross {
    background-color: white;
    height: 14px;
    margin-left: 15px;
    margin-top: -1px;
    width: 14px;
    border: 1px solid black;
    background-image: url('/components/com_expresseditor/html5/images/icons_mobile/Close.svg');
    padding: 6px;
    background-size: 100%;
}

.multiPreview {
    margin: 10px;
}

#colorize_params {
    height: 100px;
    margin: 10px;
    width: 270px;
    display: none;
}

#colorize_params span {
    margin-bottom: 5px;
    float: left;
}

#edges_params {
    height: 100px;
    margin: 10px;
    width: 220px;
    display: none;
}

#edges_params span {
    margin-bottom: 5px;
    float: left;
}

#noise_params {
    height: 100px;
    margin: 10px;
    width: 220px;
    display: none;
}

#noise_params span {
    margin-bottom: 5px;
    float: left;
}

#glow_params {
    height: 100px;
    margin: 10px;
    width: 220px;
    display: none;
}

#glow_params span {
    margin-bottom: 5px;
    float: left;
}

#laplace_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#laplace_params span {
    margin-bottom: 5px;
    float: left;
}

#pointillize_params {
    height: 100px;
    margin: 10px;
    width: 380px;
    display: none;
}

#pointillize_params span {
    margin-bottom: 5px;
    float: left;
}

#sharpen_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#sharpen_params span {
    margin-bottom: 5px;
    float: left;
}

#blurfast_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#blurfast_params span {
    margin-bottom: 5px;
    float: left;
}

#emboss_params {
    height: 100px;
    margin: 10px;
    width: 380px;
    display: none;
}

#emboss_params span {
    margin-bottom: 5px;
    float: left;
}

#lighten_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#lighten_params span {
    margin-bottom: 5px;
    float: left;
}

#posterize_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#posterize_params span {
    margin-bottom: 5px;
    float: left;
}

#brightness_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#brightness_params span {
    margin-bottom: 5px;
    float: left;
}

#contrast_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#contrast_params span {
    margin-bottom: 5px;
    float: left;
}

#smooth_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#smooth_params span {
    margin-bottom: 5px;
    float: left;
}

#hsl_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#hsl_params span {
    margin-bottom: 5px;
    float: left;
}

#pixelate_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#pixelate_params span {
    margin-bottom: 5px;
    float: left;
}

#unsharpmask_params {
    height: 100px;
    margin: 10px;
    width: 300px;
    display: none;
}

#unsharpmask_params span {
    margin-bottom: 5px;
    float: left;
}

.zeb_list_style_template_scroll {
    max-height: 247px;
    overflow-y: auto;
}

#zeb_window_edit_style_template {
    margin: 5px 20px 5px;
}

#zeb_window_list_style_template {
    width: 440px;
    text-align: center;
}

#zeb_window_list_style_template {
    border-right: 1px solid #8A978B;
    border-bottom: 1px solid #8A978B;
}

#zeb_window_list_style_template td, #zeb_window_list_style_template th {
    border-left: 1px solid #8A978B;
    border-top: 1px solid #8A978B;
    padding: 5px 0;
    text-align: center;
}

#zeb_window_list_style_template th {
    background-color: #8DAF13;
}

#zeb_window_list_style_template td {
    background-color: #A8A8A8;
}

#zeb_window_list_style_template tr:nth-child(2n) td {
    background-color: #CECECE;
}

#zeb_style_template_new_name {
    border: 1px solid;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
}

.zeb_style_template_desc {
    padding: 5px 0;
}

.active_zeb_style td {
    background-color: #7A5391 !important
}

#s2PhotoSize {
    width: 160px;
    margin-top: 5px;
}

#s2PhotoSize input {
    width: 130px;
}

#s2PhotoSize span {
    font: 12px/20px calibri;
    letter-spacing: 0.25px;
    text-align: left;
}

#dummyCanv {
    position: absolute;
    display: none;
    width: 1000px;
    height: 600px;
    z-index: 99999999;
}

#dummyCanv32 {
    position: absolute;
    display: none;
    width: 600px;
    height: 600px;
    z-index: 99999999;
    top: 0;
    right: 0;
    background-color: white;
}

#coloradjust_params_r_s, #coloradjust_params_g_s, #coloradjust_params_b_s {
    width: 30px;
    font: 12px/20px calibri;
    letter-spacing: 0.25px;
    text-align: center;
    color: gray;
}

#fileList {
    margin: -41px 0px 0px;
    list-style-type: none;
    color: gray;
    font-size: 12px;
    overflow: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -66px;
    z-index: 100;
    background: #FFFFFF;
    border: 1px solid gray;
    display: none;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    padding: 15px;
}

#fileList .file {
    width: 307px;
    margin-bottom: 15px;
    padding: 10px;
}

#fileList .info {
    width: 302px;
    height: 26px;
    display: block;
    overflow: hidden;
    line-height: 13px;
}

#fileList .filename {
    font-weight: bold;
}

#fileList .bar {
    border: solid 1px #C0C0C0;
    height: 21px;
    margin-top: 2px;
    padding: 2px;
    width: 300px;
}

#fileList .progress {
    height: 15px;
    background: lightblue !important;
    border-radius: 0px !important;
}

#fileList span.success {
    color: #009900;
}

#fileList span.error {
    color: #990000;
}

#room3dpreviewCloseBut, #room3dpreviewCloseButVorshau {
    width: 132px;
    height: 18px;
    position: absolute;
    z-index: 100003;
    right: 20px;
    bottom: 20px;
    display: block;
    text-align: center;
}

#room3dpreview {
    position: absolute;
    top: 0;
}

#spiegel2Params {
    float: left;
    height: 160px;
    margin-left: 20px;
    width: 170px;
}

#spiegel2selectWrapper {
    width: 100px;
    height: 100px;
    display: block;
    margin-top: 20px;
    float: left;
    border: 1px solid #B9B9B9;
    margin-left: 30px;
    background-size: 100px 100px;
}

#spiegel2selectTopchk {
    text-align: center;
    margin-top: -25px;
}

#spiegel2selectMiddlechk {
    height: 20px;
    margin-left: -26px;
    margin-top: 55px;
    width: 151px;
}

#spiegel2selectBottomchk {
    margin-top: 47px;
    text-align: center;
}

#uplPicSpan {
    line-height: 16px;
}

#but360 {
    width: 110px;
    height: 110px;
    margin: 0 0 0 -120px;
    position: absolute;
    top: 490px;
    left: 100%;
    bottom: 0;
    right: 0;
}

#but360 img {
    width: 100%;
    border: none !important;
}

#but360:hover {
    cursor: pointer;
}

#zeb_popup_window_description {
    width: 265px;
}

#zeb_popup_window_head {
    width: 265px;
    overflow: hidden;
}

#materialImage {
    width: 90px;
    height: 90px;
    background-size: 100% 100%;
    margin-top: 35px;
}

#secondBackgroundHolder {
    height: 55px;
    width: 175px;
    display: block;
}

.preview_screen {
    margin-bottom: 7px;
    font-family: calibri;
    font-size: 12px;
}

.lamps_as_image_block {
    border-bottom: 1px solid #cecece;
    width: 150px;
}

.list_lamps_as_images_block:hover {
    opacity: 0.9;
}

.active_lamps_as_image_block {
    opacity: 0.6;
}

.list_lamps_as_images_block {
    cursor: pointer;
}

#zebdownload {
    display: none;
}

#textAsSticker {
    border-radius: 3px;
    display: none;
    margin: 12px 0 0px;
    padding: 2px 5px;
}

.textAsStickerHeader {
    display: inline-block;
    line-height: 22px;
}

#textAsStickerEnable {
    display: none;
}

#textAsStickerParams {
    display: none;
    margin-top: 5px;
}

.rowTextAsSticker {
    display: flex;
}

.name_param {
    float: left;
    line-height: 22px;
    width: 67px;
}

.value_param {
    width: 158px;
}

#TextAsStickerWrapper {
    margin-right: 6px;
    height: 25px;
    width: 25px;
    text-align: center;
    border: 1px solid #A8A8A8;
    color: #000000;
    border-radius: 4px;
    position: relative;
}

#TextAsStickerWrapper .img {
    background-image: url("img/img_but_1_1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11px 14px;
    cursor: pointer;
    height: 25px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 25px;
}

#TextAsStickerWrapper input {
    display: none;
}

#some_image_tas {
    display: none;
    margin-top: 5px;
}

#one_image_tas {
    margin-top: 5px;
}

#touch_panel_tas {
    display: inline-block;
}

#touch_panel_tas_overflow {
    display: none;
    max-width: 220px;
    max-height: 180px;
    overflow: auto;
    margin-top: 5px;
}

.pointGreen {
    background-color: #cdcdcd;
    border: 1px solid #ededed;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 1px;
    text-align: center;
    width: 18px;
}

.linePointGreen {
    display: flex;
}

.pointYellow {
    background-color: #EEE000;
}

.pointIsImage {
    background-color: #0EEE00;
}

.pointIsImageActive {
    background-color: #00EEE0;
}

#inpDiv .jquery-selectbox {
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    float: right;
    height: 17px;
    margin-left: 10px;
    margin-right: -16px;
    width: 50px !important;
    display: block;
}

#choosePercentAhref .jquery-selectbox {
    margin-left: -3px;
    padding-right: 6px;
    width: 121px !important;
}

#buttons_img_drag {
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    height: 135px;
    left: 900px;
    padding: 10px;
    position: absolute;
    width: 163px;
    z-index: 101;
    display: none;
}

#buttons_img_drag a, #buttons_img_drag div.but_i {
    text-align: left;
    text-decoration: none;
    font: 12px/14px calibri;
    letter-spacing: 0.25px;
    color: black;
    padding-left: 30px;
    cursor: pointer !important;
    display: block !important;
}

#buttons_img_drag a {
    width: 130px !important;
    height: 17px !important;
}

#buttons_img_drag a span {
    padding-top: 1px;
    padding-left: 6px;
}

#topmenu_refresh {
    text-align: center;
}

#topmenu_refresh_tip {
    width: 100px;
    position: absolute;
    margin-top: 20px;
}

#buttons_img_drag_header {
    width: 161px;
    height: 20px;
    padding-bottom: 5px;
}

#colorEdgeMuster {
    width: 50px;
    height: 50px;
    visibility: hidden;
    float: left;
    margin-left: 5px;
    margin-left: -25px;
}

#vermassungparams {
    margin: 0 10px;
    padding: 10px;
}

#vermassungparams .quantity {
    display: inline-block;
}

#vermassungtable {
    display: inline-block;
}

#vermassungtable tr, #vermassungtable td, #vermassungtable th {
    padding: 2px 0 2px 0;
    vertical-align: top;
}

.imgQuantTitle {
    width: 19px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
}

.unnit {
    padding-left: 5px !important;
}

.verarrows {
    width: 15px;
}

#vermassung_block {
    display: inline-block;
    vertical-align: top;
}

#vermassung_block:hover {
    cursor: pointer;
}

#vermassung_block img {
    background-size: 100% 100%;
    height: 40px;
    width: 52px;
}

#wup233 img, #wdown233 img {
    margin-top: 3px;
    margin-left: 1px;
    display: block;
}

#wup233:hover, #wdown233:hover {
    cursor: pointer;
}


#typeSelect a {
    background: none no-repeat scroll 4px center #f9f9f9;
}



.spiegelrow span {
    display: block;
    float: left;
    font: bold 12px/23px calibri;
    margin-right: 5px;
}

.CSTextspi {
    font: bold 12px/10px calibri;
    height: 10px;
    text-align: left;
    float: left;
    margin-top: -12px;
    margin-left: 11px;
}

.CSTextspi2 {
    font: bold 12px/10px calibri;
    height: 10px;
    text-align: left;
    float: left;
    margin-top: -12px;
    margin-left: 20px;
}

.spiegelrow {
    height: 42px;
    width: 100%;
}

.spiegelrow0 {
    height: 10px;
    width: 60px;
}

.spiegelrow1 {
    height: 25px;
    width: 60px;
    margin-top: 1px;
}

.zebDownloadlink {
    border: 1px solid white;
    border-radius: 5px;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
}

.zebDownloadlink:hover {
    color: red;
    cursor: pointer;
}

.menubuttonholder {
    height: 24px;
    width: 30px;
    float: left;
    margin-left: 2px;
    margin-top: 4px;
}

.menubuttonholder2 {
    height: 24px;
    width: 63px;
    float: left;
    margin-left: 2px;
    margin-top: 4px;
}

.menubuttonholderEpp {
    height: 24px;
    width: 30px;
    float: left;
    margin-left: 2px;
    margin-top: 4px;
    display: none;
}

.close_img_but {
    background-size: 100% 100%;
    height: 11px;
    width: 11px;
    background-image: url("/components/com_expresseditor/html5/images/img/exit.png");
}

.close_img_but:hover {
    cursor: pointer;
    width: 12px;
    height: 12px;
}

#editor_name {
    font: bold 20px/20px calibri;
    height: auto;
    margin-top: -15px;
    width: 133px;
    margin-bottom: 5px;
}

.roundTabs1 {
    margin-left: 60px;
    margin-top: -40px;
}

.roundTabs2 {
    margin-left: 60px;
    margin-top: -40px;
}

.roundTabs3 {
    margin-left: 110px;
    margin-top: -40px;
}

.roundTabs4 {
    margin-left: -15px;
    margin-top: 25px;
}

.roundTabs {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-color: #858686;
    color: #fff;
}

#ads_back_hex {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.smartdpitext {
    font: 14px/100% calibri;
    letter-spacing: 0.25px;
    text-align: center;
    color: red;
}

#shape_text_font .jquery-selectbox {
    display: none !important;
}

#landingpage_container img {
    margin-bottom: 0px;
}

.d3drandkey {
    color: #c43429;
    font-size: 20px;
    font-weight: bold;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 196px;
    width: 20px;
}

.landingpage_container {
    padding: 6px;
}

.landingpage_container0 {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 50px;
    width: 100%;
    color: deeppink;
    font-weight: bold;
}

.landingpage_container1 {
    color: #333;
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
}

.landingpage_container2, .landingpage_container3 {
    color: #333;
    display: none;
    font-size: 20px;
    text-decoration: none;
}

a.landingpage_container2, a.landingpage_container3 {
    text-decoration: underline;
    color: #333;
    margin-top: 15px;
}

.landingpage_container4, .landingpage_container5, .landingpage_container6, .landingpage_container7 {
    display: block;
}

.landingpage_container4 img, .landingpage_container5 img, .landingpage_container6 img, .landingpage_container7 img {
    width: 100px;
}

.landingpage_container4 img {
    height: 30px;
}

.landingpage_container6 img {
    height: 40px;
}

#textdatenbankButHolder {
    margin-top: 10px;
}

#textlrholder {
    position: relative;
    display: block;
}

#wall2SizePrice {
    background-color: #e5e5e5;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    z-index: 999;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    font: 12px/16px calibri;
    letter-spacing: 0.25px;
}

.disabled_menu {
    opacity: 0.3;
}

.CMYKinpscol {
    width: 40px;
    float: left;
    margin-right: 20px;
}

#CMYKinps {
    padding: 6px;
    display: none;
}

.CMYKinpstop {
    width: 40px;
    font: 10px calibri;
    letter-spacing: 0.25px;
    text-align: center;
}

.CMYKinpsbottom {
    width: 40px;
}

.CMYKinpsbottom input {
    width: 35px;
    height: 15px;
}

#favoritePreview {
    height: 35px;
    right: 20px;
    top: 20px;
    width: 35px;
    border: 2px solid black;
}

#favColorPreview {
    height: 35px;
    right: 20px;
    top: 20px;
    width: 35px;
    border: 2px solid black;
}

.bigbutton {
    height: 60px !important;
    font: 12px/56px calibri !important;
}

#bild_r {
    display: block;
}

#epp_templateHolder {
    margin-left: 10px;
    max-height: 540px;
}

#epp_templateHolderTemplates .ajaxphoto4 {
    height: 60px;
    padding-right: 10px;
    padding-top: 10px;
    width: 60px;
}

#epp_templateHolderTemplates .zeb_align_class {
    max-height: 60px;
    max-width: 60px;
}

#epp_templateHolderTemplates .ajaxphotoimg:hover {
    cursor: pointer;
}

#epp_templateHolderTemplates .zeb_deltmp_but {
    margin-left: 40px;
    margin-top: -70px;
}

#catRf, #subcatRf, #subsubcatRf {
    width: auto !important;
}

#fliesenParams {
    display: none;
}

#fliesenParams input {
    font: bold 12px/20px calibri;
    text-align: center;
}

#fliesenHeightHidden, #fliesenWidthHidden {
    display: none;
}

#topSmartphoneHeader {
    display: none;
}

#epp_description_panel_close_but {
    display: none;
}

#anz_but_minus, #anz_but_plus {
    display: none;
}

#bottomMenuButs {
    display: none;
}

#bottomMenuButBuy {
    display: none;
}

#artikelKopBut {
    display: none;
}

#editor_global_template_header {
    display: none;
}

#smartphone_bild, #smartphone_bild_pre {
    display: none;
}

#smartphone_icons_share {
    display: none;
}

#eppallholder {
    background: rgba(0, 0, 0, 0) url("/components/com_expresseditor/html5/images/img/menu_top.png") repeat-x scroll 0 0;
    height: 5px;
    margin: 20px 0 0 4px;
    position: absolute;
    width: 20px;
    z-index: 123;
    display: block;
}

#eppallholder:hover {
    cursor: pointer;
}

#artikelKopierenDiv {
    display: none;
}

#newButWindow {
    display: none;
}

#toWareSelect {
    float: right !important;
    width: 130px !important;
}

#_fliesen {
    display: block;
    float: left;
    margin-left: 20px;
    margin-top: 0;
    position: relative;
    width: 193px;
}

#_fliesen .but_i {
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    color: black;
    cursor: pointer;
    float: left;
    font: 12px/16px calibri;
    height: 17px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    padding-left: 11px;
    text-align: left;
    width: 150px;
}

#fotoliaPano {
    height: 25px;
    left: 170px;
    position: absolute;
    top: 60px;
    width: 200px;
    z-index: 100002;
    text-align: left;
    line-height: 18px;
}

#fotoliaPanoCkb {
    float: left;
}

.btn_small_size {
    width: 5px;
}

#topSmartphoneHeaderProduct {
    display: none;
}

#mobileCssText {
    display: none;
}

.ajaxbuttext {
    width: 400px !important;
}

#zebTextTextes input {
    background-color: #c6c6c6;
}

#zebTextTextes input[disabled="disabled"] {
    border: 1px solid #aaaaaa;
}

#hupSTap img, #hdownSTap img, #hupTap img, #hdownTap img {
    position: absolute;
}

#epp_popup_window_description {
    overflow: hidden;
    max-height: 300px;
}

.photoPriceAll {
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    line-height: 34px;
    height: 34px;
    text-align: right;
    color: black;
    z-index: 10;
    margin-top: -40px;
}

.photoPriceAll span {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px 8px;
    margin-right: 8px;
}

.preview_selected_img {
    border-color: lightblue !important;
}

.page_preview img:hover {
    border-color: lightblue !important;
}

#previewBoxBg {
    position: absolute;
    z-index: 1002;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: lightgray;
    opacity: 0.8;
    display: none;
}


.loadImageFonBlachWrap3 {
    width: 200px;
    height: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.clearBtn {
    background: none !important;
}



#mobile_popup_close {
    height: 50px;
}

#chooseTapeteLines {
    margin: 0 !important;
}

#tabSettBlock {
    height: 90px;
}

#tabSettBlock a {
    color: gray;
    font-size: 20px;
    margin: 10px;
    line-height: 90px;
    display: none;
}

#tabSettBlock a.active {
    color: black;
    font-weight: bold;
    display: inline;
    border-bottom: 2px solid;
    text-decoration: none;
}





#fontFrameContentStart {
    opacity: 0.01;
    width: 1px;
    display: inline-block;
}

#oneStageBtn .pull-right {
    width: 100%;
}

#allBlock #epp_product_global_panel {
    background-color: #fff;
    left: 55px;
    padding-bottom: 7px;
    position: absolute;
    top: 60px;
    max-width: 280px;
    z-index: 110;
    font: 13px/19px calibri;
}

#epp_product_global_panel .epp_panel_tabs {
    margin: 17px 0px 0px 10px;
    border-radius: 4px;
}

#epp_product_global_panel #epp_product_global_subtabs {
    margin-top: 0px;
}

#epp_product_global_panel .epp_panel_tabs .epp_button {
    float: left;
    width: 125px;
    margin-right: 10px;
    border-radius: 4px;
    overflow: hidden;
}

#epp_product_global_panel .epp_panel_tabs .epp_button span {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    outline: medium none;
    overflow: hidden;
    width: 100%;
    color: black;
    font: 13px/19px calibri;
    letter-spacing: 0.25px;
    text-align: center;
    border-radius: 4px;
}

#epp_product_global_panel #epp_product_global_subtabs .epp_button {
    width: 80px;
    margin-bottom: 10px;
}

#epp_product_global_panel #epp_product_global_subtabs span {
    height: 17px;
    font: 12px/16px calibri;
}

#epp_product_global_panel .border_bottom {
    border-bottom: 1px solid #BABABA;
    padding-bottom: 10px;
    margin: 10px 10px 0 10px;
}

#epp_product_global_panel .epp_border {
    background-color: #BABABA;
    height: 1px;
    margin: 0;
}

#epp_product_global_panel .epp_border.bottom {
    margin-bottom: 10px;
}

#epp_product_global_panel .epp_border.top {
    margin-top: 10px;
}

#epp_product_global_panel .epp_border_all {
    background-color: #BABABA;
    height: 1px;
    margin: 10px;
}

#product_filter_panel_selects select {
    width: 100%;
}

#epp_product_global_panel .filter_panel_inside select {
    border: 1px solid #A8A8A8;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    padding-left: 11px;
    text-align: left;
    min-width: 60px;
}

#epp_product_global_panel .filter_panel_inside .filter_product {
    float: left;
    margin: 0 3px 10px 0;
    border-collapse: separate;
}

#epp_product_global_panel .filter_panel_inside .filter_product td {
    vertical-align: middle;
    text-align: center;
    background-position: 50% 50%;
    background-image: url('img/epp_background.gif');
    background-size: 50% 50%;
    background-repeat: no-repeat;
}

#epp_product_global_panel .filter_panel_inside .filter_product img {
    cursor: pointer;
}

#epp_product_global_panel .filter_panel_products {
    max-height: 280px;
    overflow: auto;
    margin-right: -10px;
}

#epp_product_global_panel .filter_panel_selects > div + div {
    margin-top: 10px;
}

#epp_product_global_panel #product_filter_panel_inside, #epp_product_global_panel #product_design_panel_inside > .filter_panel_inside {
    margin: 0 10px;
}

#epp_product_global_panel .epp_select_head {
    font: 12px/20px calibri;
    padding-right: 18px;
    margin-left: 3px;
}

#epp_product_global_panel .epp_select_head_attribute {
    font: 12px/20px calibri;
    padding-right: 6px;
    margin-left: 3px;
}

#epp_product_global_panel #selectors2 {
    background-color: none;
    border-radius: 0;
    box-shadow: 0;
    float: none;
    width: auto;
    height: auto;
    margin: auto;
}

#epp_product_global_panel #selectors2 #svgColorWrap {
    margin: auto;
    width: auto;
}

#upload_panel_inside {
    font: 13px/19px calibri;
}

#upload_panel_inside .epp_td_for_checkbox {
    width: 30px;
    text-align: center;
}

#clipart_panel_filter a, #serverphotos_panel_inside a, #fotolia_panel_inside a, #upload_panel_inside a {
    border-radius: 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/20px calibri;
    height: 20px;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    padding: 0px 20px;
    margin-top: 10px;
}

#fotolia_panel_inside .epp_fotolia_head {
    font-weight: bold;
}

#epp_product_global_panel #clipart_panel_filter input {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    color: black;
    font: 12px/16px calibri;
    height: 16px;
    letter-spacing: 0.25px;
    padding-left: 0px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 5px;
    text-align: left;
    min-width: 70px;
    width: 90px;
}

#clipart_panel_filter a {
    margin-top: 0;
}

#clipart_panel_filter .clipart_panel_filter_element {
    float: left;
    margin-left: 5px;
}

#allBlock .epp_attr_panel {
    background-color: #fff;
    padding-bottom: 7px;
    padding-left: 7px;
    z-index: 110;
    position: absolute;
    float: right;
}

#allBlock .epp_attr_panel .epp_attr_item {
    float: left;
    min-width: 20px;
    height: 20px;
    margin: 0px 7px 0 0;
    cursor: pointer;
    padding: 3px;
}

#allBlock .epp_attr_panel .epp_attr_item span.epp_attr_text {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 20px;
    background-size: 100% 100%;
    font-size: 13px;
}

#allBlock #epp_color_panel .epp_color {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0px 2px 2px 0;
    cursor: pointer;
    padding: 3px;
}

#allBlock #epp_color_panel .epp_color span.epp_color_text {
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
    background-size: 200% 200%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#allBlock #epp_size_panel .text {
    line-height: 16px;
}

#allBlock #epp_size_panel input {
    padding: 0;
}

#epp_allprice_panel {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 120;
    width: 211px;
    height: 205px;
}

#epp_additional_prices_panel {
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 120;
    background-color: #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 10px;
    font: 13px/19px calibri;
    padding: 10px;
}

#epp_additional_prices_panel #epp_additional_prices_button {
    width: 100%;
}

#epp_additional_prices_panel #epp_additional_prices {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    outline: medium none;
    width: 100%;
}

#epp_additional_prices_panel #epp_additional_prices_image {
    background: url("/components/com_expresseditor/html5/images/img/arrow_2.png") repeat scroll 0 0 / 100% 100% transparent;
    height: 6px;
    position: absolute;
    right: 7px;
    top: 6px;
    width: 12px;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}

#epp_additional_prices_panel #epp_additional_prices_image.top {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

#allBlock #epp_description_panel {
    position: absolute;
    bottom: -25px;
    left: 0px;
    font: 13px/19px calibri;
    z-index: 130;
    width: 100%;
}

#allBlock #epp_description_panel_inside {
    position: relative;
    background-color: #E5E5E5;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 10px 10px 0 10px;
    padding: 30px 30px 0 30px;
}

#epp_description_panel #epp_description_window {
    height: 0;
    overflow: auto;
    display: none;
}

#epp_description_panel #epp_description_window_button, #epp_description_panel #epp_description_window_button_remove_shadow {
    position: absolute;
    top: -20px;
    left: 50%;
    background-color: #E5E5E5;
    border-radius: 4px 4px 0 0;
    height: 20px;
    width: 100px;
    margin-left: -50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    font-size: 14px;
}

#epp_description_panel #epp_description_window_button_remove_shadow {
    top: -2px;
    height: 12px;
    box-shadow: none;
}

#epp_description_window_button #epp_description_button {
    width: 95px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    outline: medium none;
    padding-left: 5px;
    font: bold 14px/19px calibri;
}

#epp_description_window_button #epp_description_button_text {
    font: bold 14px/19px calibri;
}

#epp_description_window_button #epp_description_button .epp_description_button_image {
    background: url("/components/com_expresseditor/html5/images/arrow_2.png") repeat scroll 0 0 / 100% 100% transparent;
    height: 6px;
    position: absolute;
    right: 7px;
    top: 6px;
    width: 12px;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}

#epp_description_window_button #epp_description_button .epp_description_button_image.top {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

#epp_description_window_images .epp_images_description {
    float: left;
    padding: 10px 20px 10px 0;
}

#epp_description_window_images #epp_full_image_in_description {
    text-align: center;
}

#epp_description_window .epp_description_images_attrs_inside {
    padding: 30px;
}

#allBlock .epp_description_attributes {
    padding-bottom: 10px;
}

#epp_description_window_attributes .epp_description_attribut {
    float: left;
}

#epp_description_window_attributes .epp_description_attribut_text, #epp_description_window_attributes .epp_description_attribut_image {
    margin-right: 5px;
    padding: 2px;
    background-color: #f1f1f1;
    border: 1px solid #A8A8A8;
    border-radius: 4px;
    display: block;
    min-width: 20px;
    text-align: center;
    background-size: 100% 100%;
}

#allBlock #page_preview_panel {
    right: 40px;
    top: auto;
}

#page_preview_panel .page_preview {
    padding: 6px;
    text-align: center;
    margin: 6px;
}

#page_preview_panel .page_preview img {
    padding: 10px;
}

#allBlock #page_preview_panel_inside {
    max-height: 340px;
}

#allBlock #page_preview_panel_inside img {
    background-color: transparent;
    border: none !important;
}

#allBlock #productsize_panel {
    background-color: #E7E7E7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 20px #969696;
    left: 10px;
    position: absolute;
    bottom: 10px;
    min-width: 60px;
    z-index: 110;
}

#allBlock #productsize_ {
    display: block;
    position: static;
    margin: 0;
    width: 80px;
}

#allBlock #productsize_ .namesizes {
    width: 35px;
}

#allBlock #epp_centered_buttons, #allBlock #epp_clipart_panel_settings, #allBlock #epp_line_panel_settings, #allBlock #epp_besie_panel_settings {
    margin: 0 10px;
    display: none;
}

#allBlock .epp_attr_panel_head span {
    font: bold 13px/17px calibri;
    float: left;
}

#allBlock #epp_popup_window {
    background-color: #ffffff;
    left: 395px;
    position: absolute;
    top: 50px;
    width: 280px;
    display: none;
    z-index: 110;
    font: 13px/19px calibri;
    border: 1px solid black;
}

#allBlock #epp_popup_window_inside {
    margin: 10px;
}

#allBlock #epp_popup_window_image {
    text-align: center;
    min-height: 250px;
}

#allBlock #epp_popup_window_price {
    font: bold 17px/20px calibri;
    letter-spacing: 0.5px;
    text-align: right;
}

#allBlock #epp_popup_window img {
    max-width: 240px;
}

#allBlock #epp_popup_window table {
    text-align: center;
}

#allBlock .epp_popup_attributes {
    padding-bottom: 10px;
}

#epp_popup_window #epp_popup_window_attributes .epp_popup_attribut {
    float: left;
}

#epp_popup_window #epp_popup_window_attributes .epp_popup_attributes_head {
    text-align: left;
    font: bold 13px/17px calibri;
}

#epp_popup_window_attributes .epp_popup_attribut {
    margin: 0 2px 2px 0;
    padding: 3px;
    display: block;
    min-width: 20px;
    text-align: center;
}

#epp_popup_window_attributes .epp_popup_attribut_text, #epp_popup_window_attributes .epp_popup_attribut_image {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-size: 200% 200%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#loggo {
    height: 70px;
    padding-bottom: 7px;
    white-space: nowrap;
}

#loggo img {
    max-width: 89%;
    max-height: 89%;
    vertical-align: top;
}

#buy_buttons {
    margin: 0;
    height: 70px;
    bottom: 0;
}

#quantInput {
    margin-left: 5px;
}

#epp_text_panel_settings #text_ {
    width: auto;
}

#epp_text_panel_settings #text_l {
    margin-left: 3px;
    width: 75px;
}

#epp_line_panel_settings #quadrat_, #epp_line_panel_settings #quadrat_l, #epp_line_panel_settings #quadrat_r, #epp_text_panel_settings #text_, #epp_text_panel_settings #text_l, #epp_text_panel_settings #text_r {
    height: auto;
}

#epp_text_panel_settings #text_l #t4 {
    margin-top: 11px;
}

#epp_text_panel_settings #text_ .h2c {
    display: none;
}

#lineParams {
    position: static;
    width: 100%;
    margin: 0;
}

#lineParams .small_i {
    width: 27px;
}

#quadrat_ #q4 {
    margin-top: 5px;
}

#quadrat_ #q34 {
    margin-top: 31px;
}

#priceComments {
    line-height: 13px;
}

#color_picker_transparent, #color_picker_menu, #color_picker_menu .borderRadius3 {
    font: 10px calibri;
    letter-spacing: 0.25px;
}

.epp_additional_price_item {
    line-height: 19px;
    white-space: nowrap;
    width: 100%;
}

#allBlock #epp_all_attributes_panel_block {
    position: absolute;
    right: 10px;
    top: 480px;
}

#allBlock #epp_all_attributes_panel_block_inside {
    position: relative;
}

#webparams {
    height: auto;
}

#allBlock .centered_buttons .centered_button {
    float: left;
    width: 31px;
    height: 31px;
    border: 1px solid #A8A8A8;
    border-radius: 4px;
    margin-right: 10px;
    padding: 2px;
}

#allBlock .centered_button_link, #allBlock .reflect_button_link {
    background-position: 50% 50%;
    width: 31px;
    height: 31px;
    display: block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#allBlock .centered_button_link.horisontal {
    background-image: url('img/epp_center_h.png');
}

#allBlock .centered_button_link.vertical {
    background-image: url('img/epp_center_v.png');
}

#allBlock .centered_button_link.center {
    background-image: url('img/epp_center.png');
}

#allBlock .reflect_button_link.horizontal {
    background-image: url('img/epp_horizontal_reflect.png');
}

#allBlock .reflect_button_link.vertical {
    background-image: url('img/epp_vertical_reflect.png');
}

.checkbox {
    width: 19px;
    height: 23px;
    margin-top: -3px;
    background: url(img/checkbox.gif) no-repeat;
    display: block;
    clear: left;
    float: left;
}

input.styled {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    margin-top: 2px;
    margin-left: 2px;
}

#leftBar {
    background-color: white;
    position: absolute;
    width: 70px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 390;
    display: none;
}

#bottomBar {
    background-color: #e7e7e7;
    position: absolute;
    width: 100%;
    height: 100px;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -70px 0 0 0 !important;
    padding: 10px 20px 10px 0;
    overflow: hidden;
    z-index: 400;
    display: none;
}

#downBtn {
    padding: 10px;
    width: 40px;
    height: 40px;
    background-color: white;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

#upBtn {
    padding: 10px;
    width: 40px;
    height: 40px;
    background-color: white;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

#zoomDownBtn {
    padding: 10px;
    width: 50px;
    height: 50px;
    background-color: lightgray;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

#zoomDownBtn:hover {
    background-color: hsl(195, 53%, 79%);
}

#zoomUpBtn {
    padding: 10px;
    width: 50px;
    height: 50px;
    background-color: lightgray;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}



.inpClass {
    border: 1px solid #363636;
    border-radius: 2px 2px 2px 2px;
    color: black;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    width: 60px !important;
    height: 40px !important;
}

#cartInput {
    width: 60px;
    height: 40px;
    background-color: white;
    display: inline-block;
    overflow: hidden;
}

#cartInput input {
    outline: none;
    border: none;
    font-size: 25px;
    width: 80px;
    height: 40px;
    text-align: center;
}

#zoomCartInput {
    width: 60px;
    height: 50px;
    background-color: white;
    display: inline-block;
    overflow: hidden;
    border: 2px solid lightgray;
}

#zoomCartInput input {
    outline: none;
    border: none;
    font-size: 25px;
    width: 80px;
    height: 50px;
    text-align: center;
}

#cartBlock {
    text-align: center;
}

#shareBtn {
    padding: 10px;
    background-color: white;
    display: inline-block;
    cursor: pointer;
}

#shareBtn img {
    width: 20px;
}

#addToCartBtn {
    background-color: white;
    display: inline-block;
    cursor: pointer;
    padding: 10px;
}

#addToCartBtn img {
    width: 30px;
    height: 30px;
}

#quaBlock {
    white-space: nowrap;
    display: inline-block;
}

#cartBtnBlock {
    text-align: right;
}

#cartBtn {
    width: 200px;
    height: 50px;
    display: inline-block;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 22px;
    line-height: 50px;
    cursor: pointer;
    border:none;
}

#cartBtn:hover {
    background: #252525;
}

.leftBarBtnWrapper {
    text-align: center;
    margin-top: 10px;
    vertical-align: top;

}

.leftBarBtnWrapper:hover {
    background-color: black;
}

.leftBarBtnWrapper:hover .leftBarBtn {
    filter: invert(1);
}

.leftBarBtnWrapper:hover #addImage.leftBarBtn, .leftBarBtnWrapper.active #addImage.leftBarBtn {
    filter: none;
}

.leftBarBtnWrapper:hover .leftBarBtnText {
    color: white;
}

.leftBarBtnWrapper.active {
    background-color: black;
    color: white;
}

.leftBarBtnWrapper.active .leftBarBtn {
    filter: invert(1);
}

.leftBarBtn {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    cursor: pointer;
    padding: 5px;
}

.leftBarBtnText {
    overflow: hidden;
    display: block;
    word-break: break-all;
    font-size: 12px;
}

#btnInfo {
    background-color: black;
    border-radius: 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    bottom: 0;
    left: 100%;
    right: 0;
    margin-left: -70px;
    z-index: 190;
    font-size: 22px;
    color: white;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: none;
}

#btnInfo:hover {
    background-color: white;
    color: black;
}

#curtain {
    width: 250px;
    height: 100%;
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin-left: -250px;
    display: block;
    z-index: 200;
    border-left: 2px solid #e7e7e7;
    overflow: hidden;
    display: none;
    box-shadow: 0 0 4px black;
}

#curtainRight {
    width: 250px;
    height: 100%;
    position: absolute;
    background-color: #f8f8f8;
    top: 0;
    left: 100%;
    bottom: 0;
    top: 0;
    margin-left: 0;
    display: block;
    z-index: 400;
    overflow: hidden;
    box-shadow: 0 0 1px black;
    display: none;
}

#curtainCloseBtn {
    float: right;
    width: 40px;
    height: 40px;
    background-color: #e7e7e7;
    padding: 13px;
    cursor: pointer;
}

#curtainCloseBtn path {
    fill: black;
}

#curtainCloseBtnRight {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #e7e7e7;
    padding: 13px;
    cursor: pointer;
}

#curtainCloseBtnRight path {
    fill: black;
}

#fontCloseBtn {
    float: left;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

#fontCloseBtn path {
    fill: black;
}

.tile {
    margin: auto;
    width: 45px;
    height: 45px;
    padding: 5px;
    cursor: pointer;
}

.tile path {
    fill: black;
}

#tileBlock {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#tileBlock div {
    text-align: center;
    padding: 0 !important;
}

#tileBlock div span {
    text-align: center;
    font-size: 10px;
    display: block;
    margin: auto;
    width: 100%;
}

#sizeTileBlock {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#sizeTileBlock div span {
    text-align: center;
    font-size: 10px;
    display: block;
    margin: auto;
    width: 100%;
}

#btnFullWidth img, #btnFullHeight img {
    width: 100%;
}

#newTileBlock {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#newTileBlock div {
    text-align: center;
    padding: 0 !important;
}

#newTileBlock div span {
    text-align: center;
    font-size: 10px;
    display: block;
    margin: auto;
    width: 100%;
}

.tileBar {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.tileBar div {
    text-align: center;
    padding: 0 !important;
}

.tileBar div span {
    text-align: center;
    font-size: 10px;
    display: block;
    margin: auto;
    width: 100%;
}

.tileBar .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.tileScaleZoom {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.tileScaleZoom div {
    text-align: left;
    padding: 0 !important;
    margin-left: 0 !important;
}

.tileScaleZoom div span {
    text-align: center;
    font-size: 10px;
    display: block;
    margin: auto;
    width: 100%;
}

.tileScaleZoom .overScaleZoomSlider {
    padding: 0 11px !important;
    overflow: hidden;
    height: 50px;
}

.tileScaleZoom .overScaleZoomSlider .before-hendle {
    left: -10px;
}

.tileScaleZoom .overScaleZoomSlider .after-hendle {
    left: 10px;
}

.tileScaleZoom .tileScaleZoomSlider .ui-slider-handle:after {
    position: absolute;
    content: "";
    width: 30px;
    /* FONT-WEIGHT: 400; */
    /* FONT-WEIGHT: 400; */
    /* FONT-VARIANT: JIS04; */
    /* FONT-VARIANT: JIS04; */
    height: 8px;
    background-color: #999999;
    left: -5px;
    top: 5px;
}

.tileScaleZoom .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.tileScaleZoom button {
    border: none;
    padding: 4px 6px;
    margin: auto;
    display: block;
    background-color: lightgray;
    color: black;
    overflow: hidden;
}

#curtainHeader {
    float: left;
    font-size: 22px;
    padding: 4px;
    overflow: hidden;
    width: 158px;
    height: 40px;
}

#curtainHeaderRight {
    float: right;
    font-size: 22px;
    padding: 4px;
    overflow: hidden;
    width: 158px;
    height: 40px;
    text-align: right;
}

#curtainHeaderLine {
    background-color: #e7e7e7;
    height: 40px;
}

#curtainHeaderFont {
    font-size: 22px;
    padding: 4px;
    overflow: hidden;
    width: 184px;
    height: 40px;
}

#curtainHeaderLineFont {
    background-color: #e7e7e7;
    height: 40px;
}

select.selectStyle::-ms-expand {
    display: none;
}

.selectStyle {
    margin: auto;
    width: 90%;
    overflow: hidden;
    background: #fff url("../images/icons_mobile/Dropdown.svg") no-repeat 100% 50%;
}

.selectStyle select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    border-bottom: 2px solid black;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.selectStyle select:focus {
    outline: none;
}

#produktFrame .selectStyle {
    margin: auto;
    width: 90%;
    overflow: hidden;
    background: #fff url("../images/icons_mobile/Dropdown.svg") no-repeat 96% 50%;
}

#produktFrame .selectStyle select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    border: 2px solid black;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

#produktFrame .selectStyle select:focus {
    outline: none;
}

select.selectStyleFotolia::-ms-expand {
    display: none;
}

.selectStyleFotolia {
    margin: auto;
    display: inline-block;
    overflow: hidden;
    background-color: #e5e5e5;
    background-image: url("../images/icons_mobile/icon_arrow_down_grey.svg");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 14px;
    margin-right: 6px;
}

.selectStyleFotolia select {
    padding: 10px 8px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    padding-right: 25px;
    width: 220px;
}

.searchImageButton {

    border: none;
    background: none;
    position: absolute;
    top: 5px;
    left: 185px;
}

.searchImageButton:focus{

    outline: none;
}

.searchImageButton img {

    width: 25px;
}

.selectStyleFotolia select:focus {
    outline: none;
}

select.selectStyleAdobe_stock::-ms-expand {
    display: none;
}

.selectStyleAdobe_stock {
    margin: auto;
    display: inline-block;
    overflow: hidden;
    background-color: #e5e5e5;
    background-image: url("../images/icons_mobile/icon_arrow_down_grey.svg");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 14px;
    margin-right: 6px;
}

.selectStyleAdobe_stock select {
    padding: 10px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    padding-right: 25px;
}

.selectStyleAdobe_stock select:focus {
    outline: none;
}

#editor_global_template_cat_new {
    margin: auto;
    width: 90%;
    overflow: hidden;
}

#editor_global_template_cat_new #editor_global_category_select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    border-bottom: 2px solid black;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    outline: none;
}

#editor_global_category_select #editor_global_template_cat_new:focus {
    outline: none;
}

#fontSelectorWrap {
    margin-top: 30px;
}

.simpleLable {
    width: 90%;
    margin: auto;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
}

.simpleLableSpan {
    font-weight: bold;
    font-size: 10px;
}

#textAreaWrap {
    margin-top: 20px;
}

#changeText {
    background-color: #fff;
    width: 90%;
    display: block;
    margin: auto;
    max-width: 90%;
    outline: none;
    border: none;
    background-color: #e7e7e7;
}

#changeText:focus {
    border: 2px solid lightblue;
}

.quantity {
    position: relative;
    overflow: hidden;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.quantity input {
    width: 88px;
    height: 28px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: none;
    background-color: #e7e7e7;
}

.quantity input:focus {
    outline: 0;
}

.quantity-nav {
    float: left;
    position: relative;
    height: 28px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 13px;
    top: 2px;
    left: -2px;
    background-image: url('../images/icons_mobile/ICO_up.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e7e7e7;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: 0;
    left: -2px;
    top: 13px;
    height: 13px;
    background-image: url('../images/icons_mobile/ICO_Dropdown.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e7e7e7;
}

.quantity2 input {
    height: 35px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 8px;
    margin: 0;
    padding-left: 10px;
    border: none;
    background-color: #e7e7e7;
    font-size: 17px;
}

.quantity2 input:focus {
    outline: 0;
}

.quantity-button2 {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.quantity-button2.quantity-up {
    position: absolute;
    height: 18px;
    top: 0px;
    left: 0px;
    background-image: url(../images/icons_mobile/ICO_up.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e7e7e7;

}

.quantity-button2.quantity-down {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 18px;
    height: 16px;
    background-image: url(../images/icons_mobile/ICO_Dropdown.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e7e7e7;


}

.textSize {
    margin-top: 20px;
}

.textSize .quantityBlock div {
    display: inline-block;
}

.quantityBlock {
    margin: auto;
    width: 90%;
}

#alignBlock {
    margin: 20px auto 0 auto;
}

#alignBlock .alignBtn {
    cursor: pointer;
    width: 90% !important;
    margin: auto !important;
}

#alignBlock .btnDiv {
    border: 2px solid #e7e7e7;
    display: inline-block;
    background-color: #e7e7e7;
}



#alignLeft, #alignCenter, #alignRight {
    width: 35px;
    height: 35px;
    padding: 5px;
    display: inline-block;
}



#textColor {
    position: static !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}

#textColorBtn {
    border-radius: 0 !important;
    background-color: #e7e7e7 !important;
    border: 1px solid #ccc;
}

#hexColorBtn {
    border-radius: 0 !important;
    background-color: #e7e7e7 !important;
    border: 1px solid #ccc;
}

#favoritewinput {
    border-radius: 0 !important;
}

#favColor {
    border-radius: 0 !important;
    padding: 6px 5px;
}

#addFavColorBtn {
    border-radius: 0 !important;
    background-color: #e7e7e7 !important;
    border: 1px solid #ccc;;
}

#newColorPickerWrap {
    margin-top: 20px;
}

#newColorPickerWrapEdge {
    margin-top: 20px;
    display: none;
}

#newColorPicker, #newColorPickerEdge {
    cursor: pointer;
    border: 2px solid gray;
    border-radius: 100px;
    background-color: brown;
    width: 40px;
    height: 40px;
    margin-left: 5%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

#newColorPicker input, #newColorPickerEdge input {
    cursor: pointer;
    border: none;
    outline: none;
    width: 60px;
    height: 60px;
    margin-left: -10px;
    margin-top: -10px;
}

#textFrame {
    overflow: auto;
    position: relative;
    height: 100%;
}

#imageFrame {
    overflow: auto;
    position: relative;
}

#newFrame {
    padding: 10px;
}

#produktFrame {
    padding: 10px;
    height: 100%;
    overflow: auto;
    position: relative;
}

#cartPageFrame {
    overflow-y: auto;
    overflow-x: hidden;
    height: 95%;
    position: relative;
}

#curtainContent {
    height: 100%;
    overflow: hidden;
}

#curtainContentRight {
    overflow-y: scroll;
    margin: 10px 0;
}

#templateFrame {
    height: auto;
    margin-bottom: 100px;
}

#imgBlock {
    height: auto;
    overflow-x: hidden;
}

#imgBlock .imageHolderUplupl img {
    width: auto !important;
    height: auto !important;
    max-height: 100px;
    max-width: 100%;
}

#imgBlock .imageHolderUplupl img:hover {
    background-color: lightgray;
}

#imgBlock .close_img_but {
    position: absolute;
    z-index: 3000;
    left: 100%;
    margin-left: -34px;
    border-radius: 0;
    width: 24px;
    height: 24px;
    background-color: lightgray;
    background-image: url('/components/com_expresseditor/html5/images/icons_mobile/Close.svg');
    background-size: 86% 86%;
    background-position: center;
    background-repeat: no-repeat;
}

#imgBlock .serverfotositem {
    height: auto !important;
    margin: auto !important;
    float: none !important;
    max-width: none !important;
    max-height: none !important;
    width: 90% !important;
    text-align: center;
}

#imgBlock .serverfotositem img {
    margin: 10px auto 10px auto !important;
}

.imageFrameBtn {
    margin: 20px auto 0 auto;
    width: 90%;
    background-color: lightgray;
    color: #000;
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    cursor: pointer;
    overflow: hidden;
    padding: 3px;
}

.newButWindowMain .imageFrameBtn {
    width: 100%;
}

.imageFrameBtnHead {
    margin: 28px auto -14px auto;
    width: 90%;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    overflow: hidden;
}

.imgBlockTopTitle {
    margin: 15px auto 10px auto;
    width: 90%;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    overflow: hidden;
}

.imageFrameBtnWrap {
    float: right;
    width: 200px;
}

.imageFrameBtn:hover {
    color: black;
}

.imageFrameBtn a {
    text-decoration: none;
    color: white;
}

.imageFrameBtn a:hover {
    color: black;
}

#textAlignWrapp {
    height: 21px;
    width: 60px;
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    margin-top: 55px;
    position: absolute;
}

#textAlignWrapp {
    width: auto !important;
    height: auto !important;
    position: static !important;
    background: none !important;
    margin: 0 !important;
}

#textAlignWrapp a {
    text-align: center;
    text-decoration: none;
    font: bold 14px/20px calibri;
    color: black;
}

#textAlignWrapp a:hover {
    text-decoration: none;
    color: white;
}

#textAlignWrapp .butl {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 19px;
    height: 20px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #A8A8A8;
    float: left;
}

#textAlignWrapp .butm {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 17px;
    height: 20px;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    float: left;
}

#textAlignWrapp .butr {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 19px;
    height: 20px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid #A8A8A8;
    float: left;
}

#textAlignWrapp .butl, .butm, .butr :hover {
    text-decoration: none;
}

#textAlignWrapp .butl, .butm, .butr :active {
    position: relative;
}

#styleBlock {
    margin: 20px auto 0 auto;
    width: 100%;
    display: inline-block;
}

#styleBlock .alignBtn {
    cursor: pointer;
    width: 90% !important;
    margin: auto !important;
}

#text_style_bold {
    font-weight: bold;
    font-family: areal;
}

#text_style_italic {
    font-style: italic;
    font-family: areal;
}

#text_style_bold_italic {
    font-weight: bold;
    font-style: italic;
}

#text_style_underline {
    font-family: areal;
    text-decoration: underline;
}

#textStyleWrapp {
    border-radius: 4px 4px 0 0;
    margin-top: 55px;
    position: absolute;
    width: auto !important;
    height: auto !important;
    position: static !important;
    background: none !important;
    margin: 0 !important;
}

#textStyleWrapp .btnDiv {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 3px;
    font-size: 35px;
    line-height: 44px;
    text-align: center;

}

#textStyleWrapp .btnDiv.disabled {
    color: #cecece;
    cursor: pointer;
}

#textStyleWrapp .btnDiv.disabled:hover {
    background: none;
}

#textStyleWrapp .btnDiv.selected {
    border: 2px solid lightblue !important;
    color: black !important;
}

#underlineBlock {
    margin: 20px auto 0 auto;
    width: 100%;
    display: inline-block;
}

#underlineBlock .alignBtn {
    cursor: pointer;
    width: 90% !important;
    margin: auto !important;
}

#text_underline_none {

}

#textUnderlineWrapp {
    border-radius: 4px 4px 0 0;
    margin-top: 55px;
    position: absolute;
    width: auto !important;
    height: auto !important;
    position: static !important;
    background: none !important;
    margin: 0 !important;
}

#textUnderlineWrapp .btnDiv {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 43px;
    height: 43px;
    border: 2px solid #e7e7e7;
    float: left;
    margin-right: 3px;
    font-size: 38px;
    line-height: 43px;
    text-align: center;
}

#bottomBlock, #popup-filters, #epp_allprice_panel, #epp_description_panel, #smart, #clipartUploadedImages, #serverphotosUploadedImages, #changeTextWrapper, #userUploadedImages, #hhome1, #window_product_global_panel {
    display: none !important;
}

#allBlock {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: none !important;
    background-color: none !important;
}

#d_editor {
    background-color: lightgray !important;
}

#smartphone_icons_share {
    background-color: #ECECEC;
    bottom: 0;
    height: 300px;
    position: absolute;
    width: 350px;
    z-index: 121;
    display: none;
    color: #b5b5b5;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
}

#smartphone_icons_share .items .social-icon {
    display: inline-block;
}

#smartphone_icons_share_close {
    background-image: url('/images/icons_mobile/icon_close_grey.svg');
    display: block !important;
    height: 40px;
    width: 40px;
    cursor: pointer;
    float: right;
}

.preCloseShare {
    height: 50px;
}

#newButWindow {
    font: 13px/19px calibri;
    left: 0;
    top: 0;
    position: absolute;
    width: 600px;
    height: 480px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -240px;
    z-index: 130;
    color: white;
    background-color: #ECECEC;
    display: none;
}

.window_panel_close_but {
    background-image: url('/images/icons_mobile/icon_close_grey.svg');
    display: block !important;
    height: 40px;
    width: 40px;
    cursor: pointer;
    float: right;
}

.window_panel_close_but_pre {
    height: 50px;
}

.ajaxphoto4 {
    margin: 10px 10px 0 10px;
    float: none !important;
    overflow: hidden;
    opacity: 0.7;
    height: auto;
    min-height: 30px;
    border: 1px solid gray;
    display: inline-block;
}

.ajaxphoto4:hover {
    cursor: pointer;
    opacity: 1;
}

#templateFrameContent .ajaxphotoname {
    text-align: center;
}

.ajaxphotoimg {
    height: 100%;
}

.ajaxphoto4 .ajaxphotoimg {
    height: auto;
    text-align: center;
}

#templateFrameContent {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    text-align: center;
}

#fontBtn {
    text-align: center;
    display: block !important;
    width: 90%;
    overflow: hidden;
    margin: auto;
    border-radius: 0;
    border: none;
    background-color: #e7e7e7;
}

#fontBtn a {
    overflow: hidden;
    margin: auto;
}

#popup-text {
    background-color: #e7e7e7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;;
    display: none;
    height: 580px;
    position: fixed !important;
    left: 0 !important;
    margin-left: auto !important;
    width: auto !important;
}

#popup-text .content {
    background-color: lightgray !important;
    border-radius: 0 !important;
    border: none !important;
    width: auto !important;
    text-align: center !important;
}

.contextMenuId:hover {
    box-shadow: none !important;
    background-color: white !important;
}

#rotateTip {
    background-color: black;
    border-radius: 0 !important;
    color: white;
    display: none;
    font: 12px/14px calibri;
    height: 34px !important;
    opacity: 0.8 !important;
    padding: 4px !important;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 145px;
    z-index: 100001;
}

#curDeg {
    color: lightblue;
}

.colorsBlock {
    border-radius: 50%;
}

#newPicker {
    min-height: 330px;
    margin-bottom: 20px;
}

#colorBoxBox {
    overflow: hidden;
}

#fontFrame {
    overflow: auto;
    position: relative;
}

#fontFrameContent {
    text-align: center;
}

#ImgControlBar {
    display: none;
    overflow: hidden;
    position: relative;
}

#colorCircle {
    margin: auto;
    width: 40px;
    height: 40px;
    border: 2px solid black;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.circleColor {
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #000;
    cursor: pointer;
    margin: 2px;
    display: inline-block;
}

#сurrColor {
    text-align: center;
}

#infoMainImg {
    width: 100%;
}

.infoImgBar {
    padding-top: 20px;
}

#mainImgWrapp {
    position: relative;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin: auto;
    max-height: 660px;
    max-width: 700px;
}

#mainImgWrapp .jcrop-holder {
    margin: auto;
}

#btnBlock {
    height: 400px;
}

.btnBlockBtn {
    width: 50px;
    height: 50px;
    background-color: white;
    margin-bottom: 6px;
    cursor: pointer;
}

.btnBlockBtn img {
    width: 100%;
    padding: 10px;
}

#toolsBlock1 {
    background-color: white;
    overflow: auto;
    min-height: 200px;
}

#toolsBlock2 {
    display: none;
    background-color: white;
    overflow: auto;
    text-align: center;
}

#toolsBlock3 {
    display: none;
    background-color: white;
    overflow: auto;
    text-align: center;
}

#toolsBlock1::after, #toolsBlock1::before {
    content: '';
    position: absolute;
    background: white;
    left: 2px;
    top: 130px;
    bottom: 0;
    width: 26px;
    height: 26px;
    z-index: -1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#toolsBlock1::before {
    z-index: 0;
    box-shadow: none;
}

#toolsBlock2::after, #toolsBlock2::before {
    content: '';
    position: absolute;
    background: white;
    left: 2px;
    top: 70px;
    bottom: 0;
    width: 26px;
    height: 26px;
    z-index: -1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#toolsBlock2::before {
    z-index: 0;
    box-shadow: none;
}

#toolsBlock3::after, #toolsBlock3::before {
    content: '';
    position: absolute;
    background: white;
    left: 2px;
    top: 20px;
    bottom: 0;
    width: 26px;
    height: 26px;
    z-index: -1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#toolsBlock3::before {
    z-index: 0;
    box-shadow: none;
}

.maskNew {
    margin: 10px;
    background: black;
    width: 90%;
    cursor: pointer;
    border: 2px solid white;
}



.bottomBlockBtn {
    background-color: white;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
}

.bottomBlockBtn img {
    height: 26px;
    padding: 6px;
}

.bottomBlockBtn span {
    margin-left: 0;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    display: inline-block;
    font-weight: bold;
}

#zoomBtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: white;
    margin-bottom: 6px;
}

#zoomBtn img {
    width: 100%;
    padding: 6px;
}

.styled-select {
    display: inline-block;
    vertical-align: middle;
}

.styled-select select {
    background: transparent;
    width: 150%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 50px;
}

.styled-select {
    height: 50px;
    overflow: hidden;
    background: url('/components/com_expresseditor/html5/images/icons_mobile/Dropdown.svg') no-repeat 90% #fff;
}

.styled-select2 {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.styled-select2 select {
    background: transparent;
    width: 150%;
    padding: 5px;
    font-size: 16px;
    border: none;
    outline: none;
}

.styled-select2 select option {
    text-align: center;
}

.styled-select2 {
    overflow: hidden;
    border: 1px solid black;
}

#editEditorBG {
    display: none;
    background-color: lightgray;
    opacity: 0.9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

#editEditor {
    display: none;
    background-color: lightgray;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    max-width: 1200px;
    height: 800px;
    margin: 40px auto;
    box-shadow: 0 0 14px black;
    overflow: auto;
}

#photoEditorClose {
    padding: 10px;
    font-size: 22px;
    display: inline-block;
    float: right;
}

#resizableMask {
    border: 3px solid lightblue;
    overflow: hidden;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    user-select: none;
}

#resizableMask img {
    select: none;
    opacity: 0.8;
}

.toolsBlockContent {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 520px;
    height: 100%;
    position: relative;
    z-index: 10;
}

#hiddenCanvas {
    display: none;
}

#colorBoxBoxTitle {
    font-weight: bold;
    padding: 8px;
}

#colorPodTitle {
    font-weight: bold;
    padding: 8px;
    display: none;
}

#revertBtnWrap {
    margin: 0 !important;
}

#revBtn1 {
    height: 33px;
    width: 90%;
    background-color: lightgray;
    margin: auto;
    padding: 4px;
    cursor: pointer;
}

#revBtn2 {
    height: 33px;
    width: 90%;
    background-color: lightgray;
    margin: auto;
    padding: 4px;
    cursor: pointer;
}

#revBtn1 img {
    height: 90%;
}

#revBtn2 img {
    height: 90%;
}

.mainToolsTitle {
    text-align: left;
    padding: 4px 14px;
    font-weight: bold;
    font-size: 16px;
}

.subTitle {
    text-align: left;
    padding: 4px 14px;
    font-weight: bold;
}

#templateTools {
    background-color: black;
    color: white;
    padding: 4px;
    text-align: center;
}

#templateTools:hover {
    color: white;
}

.toolBtnWrap {
    width: 70px;
    padding: 6px;
    float: left;
    overflow: hidden;
    margin: 6px;
}

.tool_A {
    width: 46px;
    height: 46px;
    background-color: #e7e7e7;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: auto;
}

.tool_A img {
    height: 100%;
    padding: 8px;
}

.toolsTitle {
    word-break: break-all;
}

.blockBtn {
    background-color: #e7e7e7;
    padding: 4px;
    text-align: center;
    font-weight: bold;
}

.blockBtn img {
    width: 100%;
}

.t_tools_head {
    margin: 10px;
    font-weight: bold;
}

#styled-select2Show {
    display: none;
}

#startCrop {
    height: 33px;
    width: 90%;
    background-color: lightgray;
    margin: auto;
    padding: 4px;
    cursor: pointer;
}

#startCrop img {
    height: 90%;
}

#resizableMask .resizable {
    background: cyan;
    position: relative;
}

#resizableMask .resizer {
    width: 24px;
    height: 24px;
    background: lightblue;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}

#filterImage {
    margin: auto;
    width: 100%;
    user-select: none;
}

#colorFrame {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.filterCheck {
    width: 40px;
    height: 40px;
    background-color: white;
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 100%;
    right: 0;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -44px;
    margin-top: -44px;
}

.filterCheck img {
    width: 40px;
    height: 40px;
    padding: 6px;
}

#mainMaskWrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin: auto;
    height: 600px;
}

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {
    outline: none;
}

.btn-toggle .before, .btn-toggle .after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle .before {
    left: -4rem;
}

.btn-toggle .after {
    right: -4rem;
    opacity: .5;
}

.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}

.btn-toggle.active .before {
    opacity: .5;
}

.btn-toggle.active .after {
    opacity: 1;
}

.btn-toggle .before, .btn-toggle .after {
    color: #6b7381;
}

.btn-toggle.active {
    background-color: #4a4a4a;
}

.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}

.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active {
    outline: none;
}

.btn-toggle.btn-lg .before, .btn-toggle.btn-lg .after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-lg .before {
    left: -5rem;
}

.btn-toggle.btn-lg .after {
    right: -5rem;
    opacity: .5;
}

.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left .25s;
}

.btn-toggle.btn-lg.active .before {
    opacity: .5;
}

.btn-toggle.btn-lg.active .after {
    opacity: 1;
}

.blockBtnClass {
    opacity: 0;
    display: none !important;
    cursor: not-allowed;
}

.blockBtnClass:hover {
    background-color: white;
}

#deleteFilter {
    display: none;
}

#applyBlockMask {
    display: none;
}

#toOriginMask {
    display: none;
    text-align: center;
}

#twoStageBtn {
    display: none;
}

#cropReplaceWrap {
    width: 600px;
    height: 680px;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1200;
    text-align: center;
    display: none;
    overflow: hidden;
    box-shadow: 0 0 14px black;
}

#cropReplace {
    width: 500px;
    height: 500px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

#cropReplaceImg {
    margin: auto;
    width: 94%;
    max-width: 500px;
    display: none;
}

#cropReplace .jcrop-holder {
    box-sizing: content-box;
    margin: auto;
    border: 2px solid lightgray;
}

#cropReplaceBtnBlock {
    text-align: left;
    padding: 10px 20px;
}

.cropReplaceBtn {
    margin: 20px auto 0 auto;
    background-color: lightgray;
    color: #000;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    overflow: hidden;
    padding: 8px 14px;
    border: none;
    outline: none;
}

#cropReplaceApply {
    float: right;
}

#cropReplaceExit {
    float: right;
    margin-right: 10px;
}

#cropReplaceBg {
    position: absolute;
    z-index: 1002;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: lightgray;
    opacity: 0.8;
    display: none;
}

.replaceCropBtn {
    border: none;
    padding: 4px;
    width: 90%;
    height: 50px;
    margin: auto;
    display: block;
    font-size: 18px;
    background-color: lightgray;
    color: black;
    overflow: hidden;
}

.replaceCropBtn .replaceBtnImg {
    width: 20px;
    float: right;
    margin: 4px 10px 0 0;
}

#applyBlockCrop {
    margin: 0 6px 0 6px;
}

#applyBlockMask {
    margin: 0 6px 0 6px;
}

#deleteFilterBlock {
    margin: 0 6px 0 6px;
}

#useAllEdit {
    display: inline;
}

#closePhotoEditor {
    display: inline;
    margin-right: 6px;
}

.filter_image {
    cursor: pointer;
}

#d_bgColor_1 {
    cursor: pointer;
}

#color_picker_addFavorite {
    margin: 80px 0 0 0;
}

#CMYKinps {
    margin: 0 0 0 0;
}

.freeSpaceBlock {
    width: 25px;
    height: 25px;
    display: inline-block;
}

.minCont {
    min-width: 650px;
}

.scaleTitle {
    font-size: 14px;
    font-weight: bold;
}

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

#revBtnNew1 img {
    width: 58%;
    margin-top: 10px;
}

#revBtnNew2 img {
    width: 58%;
    margin-top: 10px;
}

.canvasPreviewBox {
    overflow: hidden;
}

#fertigHeader {
    font-size: 22px;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 40px;
}

.promoted-input-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.promoted-checkbox input:checked + label > svg {
    height: 24px;
    -webkit-animation: draw-checkbox ease-in-out 0.2s forwards;
    animation: draw-checkbox ease-in-out 0.2s forwards;
}

.promoted-checkbox label:active::after {
    background-color: #e6e6e6;
}

.promoted-checkbox label {
    color: #000;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    margin: auto;
}

.promoted-checkbox label:after {
    content: "";
    height: 30px;
    width: 30px;
    float: left;
    border: 2px solid #000000;
    transition: 0.15s all ease-out;
    margin-right: 10px;
}

.promoted-checkbox .checkerror:after {
    border-color: red;
}

.promoted-checkbox svg {
    stroke: #000;
    stroke-width: 3px;
    height: 0;
    width: 18px;
    position: absolute;
    left: 7px;
    top: 3px;
    stroke-dasharray: 33;
}

.previewCheckWrap {
    display: inline-block;
    margin-top: 4px;
}

.previewInfoWrap {
    display: inline-block;
    width: 86%;
    vertical-align: top;
    font-size:16px;
}

.whiteInput {
    background: #e7e7e7;
}

.stuckCont {
    font: 25px calibri;
    display: inline-block;
    height: 34px;
}

.cartInputNew {
    overflow: hidden;
    outline: none;
    border: none;
    font: 25px calibri;
    height: 34px;
    margin: 0;
    padding: 0;;
    width: 100%;
    color: black !important;
}

#tapete_show {
    width: 50px;
    height: 50px;
    background-color: white;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    padding: 4px;
}

#tapete_show:hover {
    background-color: hsl(195, 53%, 79%);
}

.textesOkWrap {
    float: right;
}

.textesOk {
    display: inline-block;
    padding: 6px 10px;
    background-color: lightgray;
    font-family: Arial !important;
    font-size: 16px;
    margin: 8px 8px;
    vertical-align: top;
    cursor: pointer;
}

.textesOk:hover {
    background-color: black;
    color: white;
}

.circleColorCheckPoint {
    display: block;
    margin: auto;
    width: 70%;
    margin-top: 6px;
}

#canvasTitleName {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    background-color: white;
    box-shadow: 0 0 6px black;
    border-radius: 100px;
    width: 100px;
    overflow: hidden;
    margin: 0 auto 0 auto;
}

.pageNum {
    display: inline-block;
    height: 40px;
    vertical-align: top;
    line-height: 40px;
    font-weight: bold;
    margin-left: 10px;
}

.pageNumTitle {
    display: inline-block;
    height: 40px;
    vertical-align: top;
    line-height: 40px;
    font-weight: bold;
}

#pageNumPrev {
    display: inline-block;
    background-color: #fff;
    background-image: url('../images/icons_mobile/expand-arrow-left.png');
    background-repeat: no-repeat;
    background-position: 38% 50%;
    background-size: 16px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding: 20px;
    margin-right: 20px;
    box-shadow: 0 0 6px black;
    cursor: pointer;
}

#pageNumNext {
    display: inline-block;
    background-color: #fff;
    background-image: url('../images/icons_mobile/expand-arrow-right.png');
    background-repeat: no-repeat;
    background-position: 62% 50%;
    background-size: 16px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding: 20px;
    margin-left: 20px;
    box-shadow: 0 0 6px black;
    cursor: pointer;
}

#pageToggleBlock {
    margin-top: -160px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 190;
    top: 100%;
    display: none;
    text-align: center;
}

#produkt-template {
    display: none;
    height: 100%;
}

.rotationBlock {
    margin: 0 !important;
}

#lockToggleWrapp {
    text-align: center;
}

#lockToggle {
    margin: 0 !important;
}

#textLockToggleWrapp {
    text-align: center;
}

#textLockToggle {
    margin: 0 !important;
}

#topToggleWrapp {
    text-align: center;
}

#topToggle {
    margin: 0 !important;
}

#posIgnoreToggleWrapp {
    text-align: center;
}

#posIgnoreToggle {
    margin: 0 !important;
}

#replaceToggleWrapp {
    text-align: center;
}

#replaceToggle {
    margin: 0 !important;
}

.tmplToolsWrap {
    overflow: hidden;
}

#qrcodeFrame .setRotationInp {
    width: auto !important;
}

#setRotationInp {
    width: 100% !important;
}

#settBlockPriceTitle {
    display: inline-block;
    font-size: 22px;
}

#settBlockPrice {
    display: inline-block;
    margin-left: 10px;
    font-size: 22px;
}

.shapeImgWrap {
    text-align: center;
    margin: 0 0 20px 0;
}

.shapeImg {
    width: 60%;
    margin: auto;
    padding: 10px;
    cursor: pointer;
}

#shapeBgColor {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 3px solid black;
    display: inline-block;
}

#shapeBorderColor {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 3px solid black;
    margin: auto;
    display: inline-block;
}

.shapeBgColorWrapp {
    padding: 10px;
}

.bgShapeSpan {
    font-size: 12px;
    font-weight: bold;
}
.modalWindowForm .closeImgBlock {

    margin-top: 0;
    padding: 0;

}
.imagePopup {

    box-shadow: 0 0 4px black;
}

#exitSaveForm, #designFormNew, #loginFormNew {
    background-color: white;
    width: 100%;
    max-width: 700px;
    height: 440px;
    box-shadow: 0 0 4px black;
    display: none;
    position: absolute;
    z-index: 2000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px;
    overflow: auto;
}

.loginfields {
    font-size: 16px;
}

#exitSaveForm input, #designFormNew input, #loginFormNew input {
    border: none;
    background-color: #ededed;
    width: 100%;
    height: 40px;
    display: block;
    margin-bottom: 15px;
    padding: 6px;
    font-size: 18px;
}

#designFormNew textarea {
    border: none;
    background-color: #ededed;
    width: 100%;
    display: block;

    padding: 6px;
    font-size: 18px;
}

#exitSaveForm button, #designFormNew button, #loginFormNew button, .tabSettBtn {
    background-color: white;
    border: 1px solid gray;
    padding: 5px 20px;
    font-size: 20px;
    width: 150px;
}

#exitSaveForm button:hover, #designFormNew button:hover, #loginFormNew button:hover, button.tabSettBtn:hover {
    background-color: black;
    color: white;
    border: 1px solid black;
}

#exitSaveForm .close_img_but, #designFormNew .close_img_but, #loginFormNew .close_img_but {
    width: 34px;
    height: 34px;
    background-color: white;
    background-image: url('/components/com_expresseditor/html5/images/icons_mobile/Close.svg');
    background-size: 86% 86%;
    background-position: center;
    background-repeat: no-repeat;
}

#exitSaveForm .close_img_but:hover, #designFormNew .close_img_but:hover, #loginFormNew .close_img_but:hover {
    background-color: lightgray;
}

.saveformwrap {
    display: flex;
    flex-direction: column;
    height:100%;

}
.exitFormBtnWrap {
    margin-top: auto;
}

.my-has-error {
    border: darkred 2px solid !important;
}



.scrollTip {
    width: 20px;
    height: 100px;
    background: black;
    position: absolute;
}

#formFrame {
    overflow: hidden;
    height: 100%;
    position: relative;
}

#d_editor::-webkit-scrollbar {
    width: 16px;
    background-color: #F5F5F5;
}

#d_editor::-webkit-scrollbar-thumb {
    background-color: #e7e7e7;
}

.chooseTapeteLinesText {
    vertical-align: middle;
    height: 45px;
    display: inline-block;
}

.chooseTapeteLinesWrap {
    width: 90%;
    margin: auto;
}

#colorName {
    display: none;
}

#tapeteDiv {
    height: 90%;
    position: relative;
}

.sortColorInp {
    border: 2px solid black;
    width: 80px;
    margin-bottom: 14px;
}

.sortColorTitle {
    font-weight: bold;
    font-size: 12px;
}

#holdALLEvents {
    position: fixed;
    background-color: white;
    opacity: 0;
    display: none;
    z-index: 2000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#svgColorFrame {
    height: 100%;
    position: relative;
}



.colorZone1 {
    border: 2px;
    text-align: center;
    height: 130px;
    padding: 30px 0 0 0;
}

.circleColorViewer {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 4px solid gray;
    display: inline-block;
}

.heartColor {
    fill: none;
    vertical-align: bottom;
    display: inline-block;
    width: 30px;
    height: 26px;
    cursor: pointer;
}

.heartColor path {
    fill: white;
    stroke: gray;
    stroke-width: 70;
}

.newColorTab {
    text-align: center;
    height: 40px;
}

.newColorTab a {
    font-weight: bold;
    padding: 6px;
    color: black;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.newColorTab a.active {
    border-bottom: 4px solid gray;
}

select.selectStyleColor::-ms-expand {
    display: none;
}

.selectStyleColor {
    margin: auto;
    overflow: hidden;
    background-color: #e7e7e7;
    background-image: url("../images/icons_mobile/icon_arrow_down_grey.svg");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 14px;
    width: 80%;
}

.selectStyleColor select {
    padding: 10px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    padding-right: 25px;
}

.selectStyleColor select:focus {
    outline: none;
}

.colorSelectTitle {
    font-weight: bold;
    margin-left: 10%;
}

.input-close {
    margin: auto;
    overflow: hidden;
    background-image: url(../images/icons_mobile/Close.svg);
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 18px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 170px;
    top: 9px;
    cursor: pointer;
}

.input-styleColor {
    position: relative;
    margin: auto;
    overflow: hidden;
    background-color: #e7e7e7;
    width: 80%;
}

.input-styleColor input {
    padding: 10px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    padding-right: 25px;
}

.input-styleColor input:focus {
    outline: none;
}

.colorNewWrapp {
    position: relative;
    height: auto;
    overflow: auto;
    background: #e7e7e7;
    padding: 10px;
}

.colorNewWrappSpec {
    position: relative;
    height: 340px;
    overflow: auto;
    background: #e7e7e7;
    padding: 10px;
}

.colorNewWrappFav {
    position: relative;
    height: 340px;
    overflow: auto;
    background: #e7e7e7;
    padding: 10px;
}

.newColoCircle {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 4px solid gray;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
}

.colorAppButton {
    background-color: #e7e7e7;
    width: 90%;
    margin: auto;
    padding: 14px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}



#x3domUpLine {
    position: absolute;
    height: 60px;
    background-color: rgb(226, 226, 226);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    display: none;
    text-align: center;
}

.x3domUpLineClass {
    display: inline-block;
    float: left;
}

.x3domClassBtn {
    background-color: white;
    height: 40px;
    width: 40px;
    display: inline-block;
    margin: 10px 2px 10px 2px;
    cursor: pointer;
    text-align: center;
}

.x3domClassBtn img {
    display: inline-block;
    height: 100%;
}



.x3domClassInput {
    background-color: white;
    height: 40px;
    min-width: 220px;
    vertical-align: top;
    display: inline-block;
    margin: 10px 2px 10px 2px;
    outline: none;
    border: none;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
}

#firstPart3dBtn img {
    padding: 6px 12px;
}

#prevPart3dBtn img {
    padding: 6px 12px;
}

#nextPart3dBtn img {
    padding: 6px 12px;
}

#lastPart3dBtn img {
    padding: 6px 12px;
}

#x3domSettBtn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 300px;
}

#x3domSettBtn img {
    padding: 8px;
}

#x3domUpLine .x3domUpLineBtn.disabled {
    border: 1px solid #cecece;
    cursor: default;
    background-color: #cecece;
}

#curtainContentRight .img3dblock {
    padding: 10px 20px;
    text-align: center;
}

#curtainContentRight .img3dblock .image {
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #999999;
    box-shadow: 0 0 1px 0 #999999;
    cursor: pointer;
}

#curtainContentRight .img3dblock img {
    max-width: 100%;
    display: block;
    margin: auto;
    max-height: 160px;
}

#curtainContentRight .img3dblock span {
    font-weight: bold;
    font-size: 20px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 32px;
}

#curtainContentRight .img3dblock.active .image {
    border: 1px solid #3399FF;
    box-shadow: 0 0 1px 0 #3399FF;
    cursor: default;
}

.x3domTooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.x3domTooltip .tooltiptext {
    display: none;
    width: 320px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 0 10px 10px 10px;
    position: absolute;
    z-index: 1;
    margin-left: -295px;
    margin-top: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    text-align: left;
    top: 4px;
}

.x3domTooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 41%;
    margin-left: 152px;
    border-width: 13px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    border-top: none;
}

.x3domTooltip .tooltiptextheader {
    font-weight: bold;
    font-size: 18px;
    margin-top: 8px;
    display: inline-block;
}

.containerCheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 8px;
}

.containerCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.containerCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.containerCheck:hover input ~ .checkmark {
    background-color: #ccc;
}

.containerCheck .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containerCheck input:checked ~ .checkmark:after {
    display: block;
}

.containerCheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 8px;
    height: 13px;
    border: solid black;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tshirtCat {
    text-align: center;
}

.tshirtCat a {
    display: inline-block;
    width: 30%;
    padding: 10px;
    background-color: #e7e7e7;
    text-decoration: none;
    font-size: 18px;
    color: black;
}



.tshirtCat a.active {
    background-color: lightblue;
    color: darkblue;
}

.tshirtSubCat {
    text-align: center;
}

.tshirtSubCat a {
    display: inline-block;
    width: 30%;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    color: black;
}

.tshirtSubCat a:hover {
    text-decoration: underline;
}

.tshirtSubCat a.active {
    font-weight: bold;
}

#sliderPages {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px;
}

#sliderPages ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

#sliderPages ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 300px;
    text-align: center;
}

#sliderPages ul li .prodname {
    font-weight: bold;
    font-size: 18px;
}

#sliderPages ul li .prodfeature {
    font-weight: bold;
}

#sliderPages ul li .prodprice {
    font-weight: bold;
}

#sliderPages ul li img {
    max-height: 240px;
    min-height: 200px;
}

a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.5;
    cursor: pointer;
}

a.control_prev img, a.control_next img {
    width: 20px;
}

a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    border-radius: 0 2px 2px 0;
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}

select.selectStyleMat::-ms-expand {
    display: none;
}

.selectStyleMat {
    margin: auto;
    overflow: hidden;
    background-color: #e7e7e7;
    background-image: url("../images/icons_mobile/icon_arrow_down_grey.svg");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 14px;
    width: 90%;
}

.selectStyleMat select {
    padding: 10px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    padding-right: 25px;
}

.selectStyleMat select:focus {
    outline: none;
}

.matSelectTitle {
    font-weight: bold;
    margin-left: 5%;
    font-size: 18px;
}

.prodColorBlock {
    border: 2px solid black;
    width: 34px;
    height: 34px;
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%;
}

.tshirtColor .prodColorWrap {
    text-align: center;
}

#tshirtFronts {
    width: 100px;
    height: 360px;
    background-color: white;
    box-shadow: 0 0 4px black;
    z-index: 1000;
    left: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    margin-left: -130px;
}

#tshirtFronts .tip {
    display: none !important;
}

#templateFrameContent .ajaxphoto4:hover .fotoliaPreview {
    display: block !important;
    position: fixed !important;
    margin-left: 200px;
}

#templateFrameContent .ajaxphoto4:hover .fotoliaPreview img {
    width: 300px !important;
    max-height: none !important;
}

#newMultiSizeSelectWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: white;
    width: 600px;
    height: 500px;
    display: none;
    z-index: 1000;
    border: 1px solid black;
}

.multiSizeImg img {
    width: 160px;
}

.multiQuaBlock {
    white-space: nowrap;
    display: inline-block;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

.multiDownBtn {
    padding: 10px;
    width: 30px;
    height: 30px;
    background-color: lightgray;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

.multiDownBtn:hover {
    background-color: hsl(195, 53%, 79%);
}

.multiUpBtn {
    padding: 10px;
    width: 30px;
    height: 30px;
    background-color: lightgray;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}



.multiCartInput {
    width: 40px;
    height: 30px;
    background-color: white;
    display: inline-block;
    overflow: hidden;
    border: 2px solid lightgray;
}

.multiCartInput input {
    outline: none;
    border: none;
    width: 100%;
    text-align: center;
}

.multiSizeCloseX {
    width: 30px;
    display: inline-block;
    padding: 6px;
    cursor: pointer;
}



.multiSizeCloseX img {
    width: 100%;
}

.multiSizeHeaderSpan {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 0 6px;
}

.multiSizeFooter {
    background-color: lightgray;
    height: 60px;
    padding: 10px;
}

.multiSizeCancel {
    font-weight: bold;
    width: 100px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}

.multiSizeCancel:hover {
    text-decoration: underline;
}

.multiSizeOk {
    background-color: black;
    width: 100px;
    padding: 10px;
    color: white;
    text-align: center;
    cursor: pointer;
}



#tshirtFrame {
    overflow: auto;
    height: 700px;
}

.tSHinfo {
    display: none !important;
}

.checkColor {
    border: 4px solid lightblue;
}

.x3domClassBtnLeft {
    float: left;
}

#zoomBtnWrapp .x3domClassBtn {
    line-height: 40px;
    font-size: 34px;
}

#canvasZoom {
    margin: 0 40px;
}

#x3domUpLine .pull-right {
    float: unset !important;
}

#x3domSettBtn {
    margin: 0 auto;
    position: inherit;
    text-align: center;
}

#canvasZoomHideBox {
    display: inline-block;
    float: left;
    margin-right: 25px;
}

#canvasZoomHideBox .x3domClassBtn {
    background-color: rgb(226, 226, 226);
}

#canvasZoomHidden {
    margin: 0 40px;
}

:root {
    --saturation: 100%;
}

#spectrum, #satbar, #output-preview {
    border: 3px solid lightgray;
    width: 360px;
    margin: 0 auto;
}

#spectrum-box {
    height: 222px;
    width: 220px;
    margin: 0 auto;
    position: relative;
}

#spectrum {
    width: 100%;
    height: 100%;
    cursor: crosshair;
    background: linear-gradient(to bottom, hsla(0, 100%, 100%, 1), hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 100%), linear-gradient(to right, hsl(0, var(--saturation), 50%), hsl(60, var(--saturation), 50%), hsl(120, var(--saturation), 50%), hsl(180, var(--saturation), 50%), hsl(240, var(--saturation), 50%), hsl(300, var(--saturation), 50%), hsl(360, var(--saturation), 50%) 100%);
}

#pointer {
    display: inline-block;
    border: 1px solid black;
    background: transparent;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    cursor: crosshair;
    box-shadow: 0 0 0 1px white;
}

#satbar-box {
    height: 30px;
    width: 220px;
    margin: 24px auto auto;
    position: relative;
}

#satbar {
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, hsl(0, 0%, 100%), hsl(0, 0%, 0%) 100%);
}

#pointer2 {
    display: inline-block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 2px, rgba(0, 0, 0, 1) 2px, rgba(0, 0, 0, 1) 4px, rgba(255, 255, 255, 0) 4px);
    height: 30px;
    width: 6px;
    position: absolute;
    top: 1px;
    left: 0%;
    cursor: col-resize;
}

#pointer2::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    position: absolute;
    top: -5px;
    left: -3px;
}

#pointer2::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    position: absolute;
    bottom: -5px;
    left: -3px;
}

#output-preview {
    border: 20px solid white;
    height: 70px;
    width: 120px;
    margin: 20px auto;
    background: hsl(150, var(--saturation), 50%);
}

#output-h, #output-s, #output-l, #output-r, #output-g, #output-b {
    width: 30px;
}

#output-hsl, #output-rgb {
    width: 150px;
}

#output-hex {
    width: 100px;
}

#rgb-box {
    max-width: 220px;
    margin: auto;
}

#rgb-box input {
    background-color: #e7e7e7;
    border: none;
    padding: 10px;
    width: 80px;
    text-align: center;
    margin: 4px;
    float: right;
}

#rgb-box span {
    padding: 10px;
    margin: 4px;
    vertical-align: bottom;
    display: inline-block;
    font-weight: bold;
}

#hex-box {
    max-width: 220px;
    padding: 0px;
    margin: auto;
}

#hex-box input {
    background-color: #e7e7e7;
    border: none;
    padding: 10px;
    width: 80px;
    text-align: center;
    margin: 4px;
    float: right;
}

#hex-box span {
    padding: 10px;
    margin: 4px;
    vertical-align: bottom;
    display: inline-block;
    font-weight: bold;
}

.hex-box-div, .rgb-box-div {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

#hsl-box, #output-rgb {
    display: none;
}

.PrixMin {
    float: left;
    color: #ff4400;
    font-size: 19px;
    margin-right: 5px;
}

#textFrame .selecteurPrix {
    padding-top: 15px;
}

.valeurPrix {
    background-color: gray;
    width: 30px;
    height: 6px;
    position: absolute;
    top: 0px;
    left: 109px;
}

.range-slider {
    position: relative;
    width: 100%;
    float: left;
    margin-right: 5px;
}

.range-slider .input-range {
    -webkit-appearance: none;
    width: 90%;
    height: 6px;
    background-color: rgba(200, 200, 200, 0.5);
    outline: none;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.range-slider .input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: gray;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}



.range-slider .input-range:active::-webkit-slider-thumb {
    background: lightblue;
}

.range-slider .input-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}



.range-slider .input-range:active::-moz-range-thumb {
    background: lightblue;
}

#selecteurSlider {
    display: none;
}

#topSelectPattern {
    visibility: hidden;
    display: none;
}

#popup-pattern .category_pattern.ajaxphoto2 {
    width: 230px;
    height: 162px;
    position: relative;
    margin: 8px;
    background-color: lightgray;
    display: inline-block;
}

#popup-pattern .category_pattern .minImgPrev {
    width: 230px;
    height: 162px;
}

#ajaxphoto2 .ajaxphotoimg .photoPricePattern {
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    line-height: 34px;
    height: 34px;
    text-align: right;
    color: black;
    z-index: 10;
    margin-top: -40px;
}

#ajaxphoto2 .ajaxphotoimg .photoPricePattern span {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px 8px;
    margin-right: 8px;
}

#popup-pattern .category_lang_block {
    display: none;
}

#popup-pattern .category_pattern .category_lang_block {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    top: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 42px;
    font-size: 25px;
    color: #000000;
    display: inline-block;
}

#breadcrumbPattern {
    display: inline-block;
    width: 100%;

}

#breadcrumbPattern .breadcrumb_pattern_node {
    display: inline-block;
    font-size: 16px;
    color: black;
    cursor: pointer;
    font-style: italic;
    margin-right: 6px;
}

.bufferBlockLeft {
    height: 100px;
}

.phone_img {
    display: inline-block;
    vertical-align: text-bottom;
}

.phone_img img {
    width: 33px;
    margin: 0 13px 0 0;
}

.app_img_text {
    display: inline-block;
}

#clipartSelect select.hide_select {
    display: none !important;
}

.hide_option {
    display: none;
}

#materialList {
    padding: 10px;
}

#materialList .newColoCircle {
    background-size: cover;
}

#materialList .materialWrap {
    display: inline-block;
}

#materialList .matName {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

.vermassung_active {
    margin: 0px auto 5px 120px;
    background-image: url('../images/icons_mobile/lock-3.svg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.vermassung_active[data-enabled="1"] {
    background-image: url('../images/icons_mobile/lock-2.svg') !important;
}

.cursor_move2 {
    cursor: url("../images/cursor_moves.svg"), url('../images/cursor_moves.png'), move !important;
}

.cursor_move {
    cursor: grab !important;
}

.display_none {
    display: none !important;
}

.disabled_checkout.containerCheck {
    cursor: auto;
    opacity: 0.8;
    color: #565656;

}

.disabled_checkout.containerCheck .checkmark {
    background-color: #eee !important;
    pointer-events: none;
}

#curtainContent {

}

#cutouts {
    padding: 11px;
}

#cutouts .header {
    line-height: 21px;
    font-weight: bold;
    font-size: 16px;
}

#cutouts .rect {
    border-style: dashed;
    width: 80px;
    height: 80px;
    border-width: 1px;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
}

#cutouts .ellipse {
    border-style: dashed;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    border-width: 1px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 31px;
    cursor: pointer;
}

#sockets {
    padding: 11px;
}

#sockets .header {
    line-height: 32px;
    font-weight: bold;
    font-size: 16px;
    margin-top: -7px;
    padding-top: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cecece;
}

#sockets .header2 {
    line-height: 21px;
    font-weight: bold;
    font-size: 14px;

}

#sockets_horisontal_content {
    display: inline-flex;
}

#sockets_vertical_content {
    margin: 0 0 26px;
}

.sockets_vertical {
    margin: 4px 2px 9px;
}

.sockets_horisontal {
    display: inline-block;
    margin: 2px 4px 3px;
}

#sockets .top_border {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cecece;
    padding-top: 20px;
}

.sockets_vertical img {

    cursor: pointer;

    max-height: 40px;

    max-width: 226px;

}

.sockets_horisontal img {

    cursor: pointer;

    max-width: 50px

}

#cutouts_titleblock {
    display: inline-block;
    margin-bottom: 11px;
    font-size: 12px;
}

.row_position {
    padding: 0 10px;
    display: inline-block;
}

.quantity_item {
    display: inline-block;
    margin-right: 1px;
}

.row_position .imgQuantTitle {
    height: 14px;
    line-height: 11px;
    display: inline;
    vertical-align: top;
    font-size: 10px;
}

#cutouts_titleblock .tileBlockTitle,
#cutouts_position .tileBlockTitle,
#cutouts_size .tileBlockTitle {
    font-size: 14px !important;
    font-weight: bold;
    margin-left: 10px;
    display: block;
}

#cutouts_titleblock span {
    font-size: 10px;
    line-height: 18px;
}

div#cutouts_position {
    margin: 7px 0 0;
}

#cutouts_position .row_position {
    margin: 12px 0 0px;
}

#cutouts_position .quantity input {
    width: 100px;
}

#cutouts_size {
    margin: 10px 0 0;
}

#cutouts_size .row_position {
    margin: 12px 0 0px;
}

#cutouts_size .quantity input {
    width: 100px;
}

#colorGradientPicker1, #colorGradientPicker2 {
    cursor: pointer;
    border: 2px solid gray;
    border-radius: 100px;
    background-color: brown;
    width: 40px;
    height: 40px;
    margin-left: 5%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

.colorGradientPickers {
    display: flex;
    width: 90%;
    margin: auto;
    margin-top: 10px;
}

.colorGradientPicker1Block {
    width: 50%;
}

.simpleLable {
    width: 90%;
    margin: auto;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
}

select.textOverSelect::-ms-expand {
    display: none;
}

.textOverSelect {
    overflow: hidden;
    background-image: url("../images/icons_mobile/icon_arrow_down_grey.svg");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 14px;
    width: 150px;
    margin-left: 5%;
}

.textOverSelect select {
    padding: 5px 8px;
    width: 150px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    border: 2px solid #000000;
    padding-right: 25px;
}

.textOverSelect select:focus {
    outline: none;
}

#textShaddowPanel {
    margin-top: 10px;
}

#textGradientPanel {
    margin-top: 10px;
}

#textShaddowPanel .textOverSelect {
    font-size: 14px;
}

#textGradientPanel .textOverSelect {
    font-size: 14px;
}

#textShaddowPanel select {
    font-size: 14px;
}

#textShaddowPanel select option {
    font-size: 14px;
}

#textGradientPanel select {
    font-size: 14px;
}

#textGradientPanel select option {
    font-size: 14px;
}

#cutouts_sockets_block {
    overflow: auto;
    display: block;
    position: relative;
}


.qrCodeTab {

    text-align: center;
    padding: 10px;
}


.qrTab {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
    color: black;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
}

#qrcodeFrame {
    position: relative;
}


select.selectStyleQrRotation::-ms-expand {
    display: none;
}

.selectStyleQrRotationWrapp {
    width: 80%;
    margin: auto;
}

.selectStyleQrRotation {
    margin: auto;
    overflow: hidden;
    background-color: #e7e7e7;
    background-image: url("../images/icons_mobile/icon_arrow_down_grey.svg");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    background-size: 14px;
    display: inline-block;
}

.selectStyleQrRotation select {
    padding: 10px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    padding-right: 25px;
}

.selectStyleQrRotation select:focus {
    outline: none;
}

.qrCodeRotationBlock2SpanWrapp {
    width: 80%;
    display: block;
    margin: auto;
}


#qrTextWrap {
    display: none;
}

#qrCodeTextWrap {
    display: none;
}


#qrTextArea3 {
    height: 200px;
    background-color: rgb(231, 231, 231);
    border: none;
    min-width: 80%;
    max-width: 80%;
    margin: 0px 25px;

}

#qrTextArea4 {
    height: 200px;
    background-color: rgb(231, 231, 231);
    border: none;
    min-width: 80%;
    max-width: 80%;
    margin: 0px 25px;

}

#qrTextVcard {
    display: none;

}

#remove_bg_step1 {
    position: fixed;
    top: 50%;
    left: 50%;
    border: 1px solid #eccece;
    background-color: #ffffff;
    width: 50%;
    height: 50%;
    z-index: 1010;
    margin-left: -25%;
    padding: 50px 30px;
    margin-top: -30vh;
    box-shadow: 0px 0px 30px #000000;
}

#remove_bg_step1 .remove_bg_image {
    width: 64%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

#remove_bg_step1 .remove_bg_image img.btnHoverFill {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

#remove_bg_step1 .remove_bg_btns {
    float: right;
    width: 34%;
    height: 100%;
}

#remove_bg_step1 .remove_bg_btns .remove_bg_btn {
    background-color: #cecece;
    text-align: center;
    line-height: 40px;
    margin: 10px 0;
    font-size: 18px;
    cursor: pointer;
}

#remove_bg_step2 {
    position: fixed;
    top: 50%;
    left: 50%;
    border: 1px solid #eccece;
    background-color: #ffffff;
    width: 50%;
    height: 50%;
    z-index: 1010;
    margin-left: -25%;
    padding: 50px 30px;
    margin-top: -30vh;
    box-shadow: 0px 0px 30px #000000;
}

#remove_bg_step2 .remove_bg_image {
    width: 64%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

#remove_bg_step2 .remove_bg_image img.btnHoverFill {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

#remove_bg_step2 .remove_bg_btns {
    float: right;
    width: 34%;
    height: 100%;
}

#remove_bg_step2 .remove_bg_btns .remove_bg_btn {
    background-color: #cecece;
    text-align: center;
    line-height: 40px;
    margin: 10px 0;
    font-size: 18px;
    cursor: pointer;
}

.remove_bg_top {
    width: 100%;
    height: 35%;
}

.help_popup_window {
    position: absolute;
    z-index: 100001;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    padding: 10px;
    color: #ffffff;
    top: 0;
    left: 0;
}

.help_popup_window:hover {
    background-color: rgba(0, 0, 0, 0.85);
}

.help_popup_window:hover .help_popup_body {
    display: block;
}

.help_popup_header {
    display: block;
    padding-right: 15px;
}


#helpAdminPanel {

    position: absolute;
    top: 0px;
    left: calc(50% - 100px);
    width: 200px;
    display: block;
    background-color: rgba(0, 10, 20, 0.9);
    border: 1px solid rgba(0, 10, 20, 0.3);
    z-index: 100002;
}

.help_admin_popup_window_header {
    color: #ffffff;
    text-align: center;
    cursor: move;
}

.help_admin_popup_window_body {
    background-color: rgba(130, 140, 150, 0.9);
    padding: 10px;
    display: none;
}

.help_admin_popup_window_btn {
    display: inline-block;
    border: 1px solid black;
    border-radius: 5px;
    cursor: pointer;
    padding: 2px 5px;
    background-color: rgba(170, 180, 190, 0.9);
    margin: 2px;
}

#helpAdminPanelOver {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.01);
    z-index: 100000;
}

#help_admin_popup_window_element_info {
    color: #ffffff;
}

#help_admin_popup_window_element_info input {
    color: #222222;
}

#help_admin_popup_window_element_info select {
    color: #222222;
}

#help_admin_popup_window_element_info textarea {
    color: #222222;
}

#input_show_group {
    width: 50px;
}

.help_popup_header_admin {
    cursor: move;
}

.help_popup_show {
    display: inline-block;
}

.help_popup_header_close {
    position: absolute;
    top: 13px;
    right: 6px;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 14px;
    transform: rotate(45deg);
    font-size: 15px;
}

#cutouts_sockets_block .imageFrameBtn .btnHoverFill.plusBtn {

    float: right;
    width: 16px;
    margin: 14px 10px 0 0;
}


#cutouts_sockets_block .imageFrameBtn .btnHoverFill.minsBtn {
    float: right;
    width: 16px;
    margin: 21px 10px 0 0;
}

#enTextError {
    display: none;
    color: #d9534f;
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 80%;
}

#x3domSettBtn {
    padding-left: 0;
}

@media all and (min-width: 1000px) {
    #x3domSettBtn {
        padding-left: 192px;
    }
}

@media all and (min-width: 1100px) {
    #x3domSettBtn {
        padding-left: 242px;
    }
}

@media all and (min-width: 1200px) {
    #x3domSettBtn {
        padding-left: 260px;
    }
}


.frameBtn2 {
    margin: 20px auto 0 auto;

    background-color: lightgray;
    color: #000;
    text-align: center;

    cursor: pointer;
    overflow: hidden;
    padding: 6px;
}


.colorZone2 {
    margin-bottom: 10px;
}

#colorCleanBtn {
    display: none;
}

#bohrungen {
    width: 100%;
}


#loadImageFonBlach {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999 !important;
    margin: 0px;
    opacity: 1;
    background: white;
    background-image: url('/flash/images/logo/logo0.png');
    background-repeat: no-repeat;
    background-position: 50% 34%;

    background-size: 250px;
}

@keyframes contentBar {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}


.fotoliaPreview .contentBar div {

    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    box-shadow: 0 1px 0 0 black;
}


.fotoliaPreview .contentBar {

    background-color: white;
    left: 0;


}

.contentBar div {
    position: absolute;
    animation: contentBar 1s linear infinite;
    width: 100%;
    height: 8.8vw;

    border-radius: 50%;
    box-shadow: 0 4px 0 0 black;

    background-color: transparent;
    opacity: 1;
}

#sm1, #sm2, #sm_s2 {
    display: none;
}

.contentBar {
    height: 100%;
    width: 100%;
    position: absolute;

}

#cancelc_text {
    margin-top: 60px;
}


#loadImageFonBlach2 {
    display: none;
    position: absolute;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background-color: rgba(193, 193, 193, 0.6);


}


.loadImageFonBlachWrap2 {

    width: 150px;
    height: 150px;
    margin: auto;
    margin-top: calc(50vh - 160px);

}

.loadImageFonBlachWrap2 .contentBar {
    position: relative;;
    width: 100%;
    left: inherit;

}

.loadImageFonBlachWrap2 .contentBar div {
    width: 100%;
    height: 100%;
    margin: auto;
    position: static;

}

#cancelc_text, #cancelc {

    text-align: center;
}


.loadImageFonBlachWrap1 {

    position: absolute;
    top: 50%;


    width: 9%;
    height: 18%;

    right: calc(50% - 4.5%);
    margin: 0 auto;
    left: initial;
}

.display_none {
    display: none !important;
}

.disabled_checkout.containerCheck {
    cursor: auto;
    opacity: 0.8;
    color: #565656;

}

.disabled_checkout.containerCheck .checkmark {
    background-color: #eee !important;
    pointer-events: none;
}

#cartBlock .anzahl {
    font-size: 25px;
}

#namePriceBlock .anzahl {
    font-size: 25px;
    margin-top: 6px;
}

.redBrdInp {
    border: 2px solid red !important;
}


.closeImgBlock {

    position: absolute;
    left: calc(100% - 40px);
    margin-top: 13px;
    padding: 6px;

}

.closeImgBlock:hover {

    cursor: pointer;

}

.closeImgBlock img {

    width: 20px;

}

.imgPageArrows {

    color: gray;
    text-decoration: none;
    cursor: pointer;
    margin: 0px 10px;
}

.imgPageArrows:hover {

    color: black;
    text-decoration: none;


}

.pageWindow {
    display: inline-block;
    border: 1px solid black;
    border-radius: 3px;
    padding: 4px;
    width: 40px;
    margin: 4px;
}

#page1p {
    display: inline-block;
    border: 1px solid black;
    border-radius: 3px;
    padding: 4px;
    width: 40px;
    margin: 4px;
}
.filters_loading{
    border: 3px solid black;
    width: 90%;
    text-align: center;
    position: relative;
    margin: 10px auto;
	min-height: 200px;
}
.filters_loading_animate{
	border: 6px solid #c3c3c3;
    border-top: 6px solid #232323;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 50px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#toolsBlock1 .filter_image img{
    max-width: none;
}
#regex_fonts_error_show{
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 9992;
    width: 100%;
    display: flex;
}
#regex_fonts_error_show div{
    background-color: red;
    color: white;
    display: inline-block;
    margin: auto;
    padding: 5px 60px;
}