@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;
}
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%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: lightgray;
    min-width: 400px;
}
#all {
    min-height: 100% !important;
    height: 100% !important;
    display: block;
    width: 100%;
    position: absolute;
}

#right_panel .m91 {
    margin-top: 8px;
    margin-left: 2px;
}
#right_panel .m111 {
    margin-top: 8px;
    margin-left: 2px;
}
#right_panel .m1, .m2, .m3 .m4 .m5 .m6 .m7 .m8:hover {
    text-decoration: none;
}

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

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

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

#all1987 #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;
}
#all1987 #zeb_popup_window_inside {
    margin: 10px;
}
#all1987 #zeb_popup_window_image {
    text-align: center;
    height: 250px;
    display: table-cell;
    vertical-align: middle;
    width: 300px;
}
#all1987 #zeb_popup_window_price {
    font: bold 17px/20px calibri;
    letter-spacing: 0.5px;
    text-align: right;
}
#all1987 #zeb_popup_window img {
    max-width: 240px;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}
#all1987 #zeb_popup_window table {
    text-align: center;
}
#all1987 .zeb_popup_attributes {
    padding-bottom: 10px;
}

#all1987 #right_panel {
    left: 10px;
    position: absolute;
    top: 50px;
    background-color: #e7e7e7;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: rgb(150, 150, 150) 0 0 20px;
    border-radius: 7px;
    width: 67px;
    z-index: 110;
    padding-bottom: 15px;
}
#all1987 #right_panel #right_panel_delete {
    border: none;
    margin: 10px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_delete.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_delete:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_screen {
    border: none;
    margin: 25px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_screen.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_screen:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_width {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_width.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_width:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_height {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_height.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_height:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_clipping {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_clipping.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_clipping:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_center {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_center.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_center:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_move_to_front {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_move_to_front.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_move_to_front:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_move_to_back {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_move_to_back.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_move_to_back:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_grid {
    border: none;
    margin: 20px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_grid.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_grid:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_zoom_in {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_zoom_in.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_zoom_in:hover {
    opacity: 1;
}
#all1987 #right_panel #right_panel_zoom_out {
    border: none;
    margin: 3px 0 0 10px;
    background: url(/components/com_expresseditor/html5/images/img/key_panel_zoom_out.jpg) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.7;
}
#all1987 #right_panel #right_panel_zoom_out:hover {
    opacity: 1;
}
#center1987 {
    margin: 0 auto;
    opacity: 0;
    position: relative;
    display: block;
    height: 100%;
}
canvas {
    direction: ltr !important;
}
.kineticjs-content canvas {
    position: relative;
}
#bottom1987 {
    min-height: 234px;
    margin: 0 auto;
    width: 100%;
    background-image: url('../images/img/background_bottom.jpg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
    z-index: 101;
    position: absolute;
}
.greenbgbg {
    background: #f47c20;
    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;
}
#left {
    float: left;
    min-width: 600px;
    min-height: 600px;
}
#right {
    float: left;
    margin-left: 10px;
}
#clear {
    clear: both;
}
.clearboth {
    clear: both;
}
#arr {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    margin-top: -30px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 40px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    text-align: center;
    font: 13px/18px calibri;
    z-index: 102;
}
#arr img {
    height: 6px;
    margin-top: 6px;
    width: 12px;
}
#butsf a {
    margin-top: 9px;
    margin-right: 10px;
}
#pageCountC {
    font-size: 16px;
    color: gray;
    text-align: center;
    line-height: 46px;
}
.pageCountPattern {
    font-size: 16px;
    color: gray;
    text-align: center;
    line-height: 46px;
}
#show_bottommenu {
    height: 50px;
    margin-top: -51px;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 101;
}
#bottommenu_line {
    background-image: url('../images/img/background_top_line.jpg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
    height: 42px;
    margin-top: -42px;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 100;
}

#siz {
    position: absolute;
    background-image: url('../images/img/size.png');
    height: 8px;
    width: 5px;
    margin-left: 11px;
    margin-top: 21px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.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;
}
#zoomUpButton .m7 {
    margin-top: 4px;
    margin-left: 2px;
}
#zoomUpButton .m {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 23px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
}
#zoomDownButton .m7 {
    margin-top: 4px;
    margin-left: 2px;
}
#zoomDownButton .m {
    outline: none;
    cursor: pointer;
    width: 30px;
    height: 23px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
}

.closebbut {
    height: 11px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 11px;
}
#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 {

}
#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;
}
#textAlignPathText {

}
#textLimiter {
    clear: both;
    width: 100%;
    height: 1px;
    margin-bottom: 5px;
}
#pathTextSize {

}
#pathTextFamile {

}
#pathTextColor {

}
#pathTextDistanceLine {

}
.lineHorisont {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #B9B9B9;
    margin-bottom: 5px;
    margin-top: 5px;
}
#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;
}
.pathTextSizeHeader {

}
.pathTextFamileHeader {

}
.pathTextColorHeader {

}
.pathTextDistanceLineHeader {

}
.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;
}
#pathTextTop {

}
#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 {
    width: 191px;
    z-index: 1000;
    background-color: #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    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;
}
#textInputText {

}
#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_img {
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    float: left;
    height: 90px;
    margin-left: 15px;
    margin-top: 10px;
    width: 165px;
}
#buttons_img a img {
    position: absolute;
    border: none;
}
#ib1 {
    position: absolute;
    border: none;
    height: 14px;
    margin-left: -20px;
    margin-top: 1px;
    width: 11px;
}
#ib2 {
    height: 11px;
    margin-left: -23px;
    margin-top: 3px;
    width: 17px;
}
#ib3 {
    height: 11px;
    margin-left: -23px;
    margin-top: 3px;
    width: 17px;
}
#ib4 {
    height: 14px;
    margin-left: -22px;
    margin-top: 0;
    width: 15px;
}
#ib5 {
    height: 15px;
    margin-left: -22px;
    margin-top: 1px;
    width: 14px;
}
#ib6 {
    height: 11px;
    margin-left: -23px;
    margin-top: 3px;
    width: 56px;
}
#ib7 {
    height: 14px;
    margin-left: -22px;
    margin-top: 0;
    width: 15px;
}
#buttons_img a, #buttons_img 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 a {
    width: 130px!important;
    height: 17px!important;
}
#buttons_img a span {
    padding-top: 1px;
    display: block;
}
#buttons_img a:hover, #buttons_img form div div span:hover, #pL a:hover, #material_ a:hover, #size_ a:hover, #text_r a:hover {
    text-decoration: none;
    cursor: pointer;
}
#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;
}
#s2 a {
    text-align: center;
    text-decoration: none;
    font: bold 14px/20px calibri;
    color: black;
}
#s2 {
    overflow: hidden;
}
#s21 {
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
}
#s22 {
    width: 50px;
    height: 50px;
    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 .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;
}
#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;
}
#pnBut .but_i:hover, #pnBut32 .but_i:hover, #pnBut322 .but_i:hover {
    background-color: lightblue;
}
#suche_123_rf_keywords {
    width: 220px;
    float: right;
    height: 44px;
    border: none;
    border-bottom: 2px solid black;
    background-color: #fafafa;
    outline: none;
}
#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;
}
#pnBut2 .but_i:hover, #pnBut3 .but_i:hover, #pnBut43 .but_i:hover, #pnBut4 .but_i:hover, #pnBut5 .but_i:hover, .suche_123_rf .but_i:hover, #pnBut22 .but_i:hover {
    background-color: lightblue;
}
#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, #d_down .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;
}
#t55 .but_i {
    margin-top: 50px !important;
}
#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 {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font: 20px calibri;
    text-align: center;
    padding: 10px 20px;
    background-color: lightgray;
}
#popup-serverfotos .but_i:hover, #popup-clipart .but_i:hover {
    background: lightblue;
}
#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;
}
#popup-text .but_i, #popup-text2 .but_i, #popup-text3 .but_i, #popup-textZeb .but_i,
#universalSelectBox .but_i, #introText .but_i,
#dialog_window .but_i, .dialog_window_class .but_i, .popup_block .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    -moz-border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    color: black;
    text-align: center;
    letter-spacing: 0.25px;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    padding: 4px;
}
.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 {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 100%;
    border: 2px solid #000000;
    overflow: hidden;
    color: black;
    text-align: center;
    padding: 4px 0 4px 0;
    margin: auto;
}
#material_color_block {
    padding-top: 5px;
}
#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;
}
#t22 .but_i, #q33 .but_i {
    outline: none;
    cursor: pointer;
    padding-left: 11px;
    width: 60px;
    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;
}
#pL .but_i {
    outline: none;
    cursor: pointer;
    padding-left: 11px;
    width: 150px;
    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;
}
#pL .morebut {
    margin-left: -38px;
}
.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;
}
#popup-adobe_stock #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;
}

#inputPattern {
    width: 220px;
    float: right;
    height: 44px;
    border: none;
    border-bottom: 2px solid black;
    background-color: #fafafa;
    outline: none;
}
#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;
}
#server-input .but_i, #popup-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;
}
#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;
}
#pL .but_i {
    border: 1px solid #A8A8A8;
    border-radius: 4px 4px 4px 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    font: 12px/16px Calibri;
    height: 17px;
    letter-spacing: 0.25px;
    margin-bottom: 6px;
    margin-left: 25px;
    margin-right: 25px;
    outline: medium none;
    overflow: hidden;
    padding-left: 10px;
    width: 150px;
    text-align: left;
}
#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;
}
#href_faq .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;
}
#fot_con_buttons .but_i, #text_img .but_i, #text_img2 .but_i, #rf_con_buttons .but_i, #s2PhotoSizetip_con_buttons .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    min-width: 85px;
    padding: 4px 10px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    font: 16px calibri;
    color: black;
    text-align: center;
}
#fot_con_buttons_adobe_stock .but_i, #text_img .but_i, #text_img2 .but_i, #rf_con_buttons .but_i, #s2PhotoSizetip_con_buttons .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    min-width: 85px;
    padding: 4px 10px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    font: 16px calibri;
    color: black;
    text-align: center;
}
#zebTextPopup .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;
}
#changeText2, #changeText22 {
    width: 500px;
    height: 130px;
    resize: none;
}
#preview_div .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
    background-color: black;
    color: white;
    padding: 10px;
    min-width: 160px;
}
.previewBtns:hover {
    background-color: lightblue;
}
#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;
}
#c_ancel {
    margin-top: 10px;
}
#c_ancel_text {
    color: white;
}
#c_ancel .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;
}
#pL .but_ii {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 151px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #A8A8A8;
    overflow: hidden;
    margin-bottom: 6px;
    margin-left: 25px;
    margin-right: 25px;
    letter-spacing: 0.25px;
    text-align: left;
    text-decoration: none;
    font: 12px/16px calibri;
    color: black;
    cursor: pointer;
    padding-left: 9px;
}
#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;
}

#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;
}
#menuArrows {
    height: 50px;
    width: 60px;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-left: 4px;
}
.menuArrowsRow {
    height: 25px;
    width: 60px;
}
.menuArrowsRowCell {
    height: 20px;
    width: 20px;
    float: left;
}

#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;
}
#s3 {
    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;
}
#t1, #t2, #t3, #t4, #t5{
    margin-top: 5px;
}

#t11 {
    margin-top: 5px;
    position: absolute;
}
#t22 {
    margin-top: 30px;
    position: absolute;
    width: 60px;
}
#t22 input {
    width: 35px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    margin-left: 5px;
}
#text_r #t22 #setFontTextSize {
    left: 0;
    width: 30px;
    top: 2px;
}
#text_r #t55 #setFontLineHeight {
    left: 0;
    width: 30px;
    top: 2px;
}
#setFontLineHeight2 {
    left: 0;
    width: 30px;
    height: 17px;
    text-align: center;
}
#t33 {
    height: 21px;
    width: 60px;
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    margin-top: 55px;
    position: absolute;
}
#text_img .tip_trigger {
    display: inline-table;
    opacity: 0.98;
    padding: 0 5px;
}
#t33_1 {
    height: 19px;
    width: 60px;
    border-radius: 4px 4px 0 0;
    margin: 0 10px 6px 0;
    float: right;
}
#t33_1 a {
    height: 17px !important;
}
#t333 {
    height: 21px;
    width: 60px;
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    float: left;
}
#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;
}
#t55 {
    height: 21px;
    width: 60px;
    background-color: #e5e5e5;
    border-radius: 4px 4px 0 0;
    position: absolute;
    margin-top: 80px;
}
#t55 input {
    border-radius: 4px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
    margin-top: 5px;
}
#q1 {
    margin-top: 5px;
}
#q2 {
    margin-top: 15px;
}
#q3 {
    margin-top: 10px;
}
#q11 {
    margin-top: 5px;
}
#q22 {
    margin-top: 5px;
}
#q33 {
    height: 20px;
    margin-top: 7px;
    width: 140px;
}
#buttons2 a {
    text-align: center;
    text-decoration: none;
    font: 14px/18px calibri;
    color: black;
}
#apleft {
    text-align: center;
    text-decoration: none;
    font: bold 14px/20px calibri;
    color: black;
    margin-top: 10px;
}
#apright {
    text-align: center;
    text-decoration: none;
    font: bold 14px/20px calibri;
    color: black;
}
#buttons2 a:hover {
    text-decoration: none;
    color: white;
}
#t33 a, #t33_1 a, #t333 a {
    text-align: center;
    text-decoration: none;
    font: bold 14px/20px calibri;
    color: black;
}
#t33 a:hover, #t33_1 a:hover#t333 a:hover {
    text-decoration: none;
    color: white;
}
#t33 .butl, #t33_1 .butl, #t333 .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;
}
#t33 .butm, #t33_1 .butm, #t333 .butm {
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 17px;
    height: 20px;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
    float: left;
}
#t33 .butr, #t33_1 .butr, #t333 .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;
}
#t33 .butl, .butm, .butr :hover {
    text-decoration: none;
}
#t33 .butl, .butm, .butr :active {
    position: relative;
}
.lmr {
    margin-top: 5px;
    border: none;
}
#t44 {
    margin-top: 115px;
    width: 165px;
}
#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;
}
#textColor_tt {
    width: 2px;
    height: 2px;
    position: absolute;
    opacity: 0;
    border: none;
    height: 1px;
    margin-left: -2px;
    width: 1px;
}
#d_bgColor_ttt {
    float: left;
    margin-top: -2px;
}
#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;
}
#d_bgColor_1 {
    height: 42px;
    margin-left: 13px;
    margin-top: 6px;
    width: 42px;
    background: #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_1_border {
    width: 60px;
    height: 46px;
    background-image: url('../images/img/colorPickerBack.png');
    z-index: 5;
    overflow: hidden;
}
#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 {
    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_2t_border {
    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_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_9_border {
    width: 25px;
    height: 25px;
    background-image: url('../images/img/colorPickerBack.png');
    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;
}
#d_down input.color {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#d_down a:hover {
    cursor: pointer;
}
#d_down img {
    width: 30px;
    height: 23px;
}
.divider {
    background-color: #b9b9b9;
}
#line_l {
    height: 117px;
    width: 1px;
    float: left;
    margin-top: 9px;
}
#line_2 {
    height: 144px;
    width: 1px;
    float: left;
    margin-top: 1px;
}
#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_3_3 {
    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;
}
#fileToUpload_F1 {
    display: none;
}
#fileToUpload_wrap_list {
    display: none;
}
#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';
}

#s2PhotoSizetip {
    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;
}
#fotolia_confirm {
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed !important;
    top: 30%;
    width: 100%;
    z-index: 99999;
    max-width: 500px;
    left: 0;
    right: 0;
    margin: auto;
}
#adobe_stock_confirm {
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed !important;
    top: 30%;
    width: 100%;
    z-index: 99999;
    max-width: 500px;
    left: 0;
    right: 0;
    margin: auto;
}
#pattern_confirm {
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed !important;
    top: 30%;
    width: 100%;
    z-index: 99999;
    max-width: 500px;
    left: 0;
    right: 0;
    margin: auto;
}
#template_confirm {
    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;
}
#servers_photo_confirm {
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed !important;
    top: 30%;
    width: 100%;
    z-index: 99999;
    max-width: 500px;
    left: 0;
    right: 0;
    margin: auto;
}
#confirm_123rf {
    background-color: #FAFAFA;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed !important;
    top: 30%;
    width: 100%;
    z-index: 99999;
    max-width: 500px;
    left: 0;
    right: 0;
    margin: auto;
}
#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;
}
#text_img_but3 {
    float: right;
    text-align: center;
    margin-top: 30px;
}
#fot_con_text {
    overflow: auto;
    background-color: white;
    border: 1px solid lightgray;
    color: black;
    padding: 10px;
}
#fot_con_text_adobe_stock {
    overflow: auto;
    background-color: white;
    border: 1px solid lightgray;
    color: black;
    padding: 10px;
}
#fot_con_buttons {
    text-align: right;
    margin-top: 12px;
}
#fot_con_buttons_adobe_stock {
    text-align: right;
    margin-top: 12px;
}
#pat_con_text {
    overflow: auto;
    background-color: white;
    border: 1px solid lightgray;
    color: black;
    padding: 10px;
}
#pat_con_buttons {
    text-align: right;
    margin-top: 12px;
}
#pat_con_buttons .but_i {
    display: inline-block;
    outline: none;
    cursor: pointer;
    min-width: 85px;
    padding: 4px 10px;
    border: 1px solid #A8A8A8;
    margin-bottom: 6px;
    overflow: hidden;
    font: 16px calibri;
    color: black;
    text-align: center;
}
#s2PhotoSizetip_con_text {
    -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;
}
#s2PhotoSizetip_con_buttons {
    position: absolute;
    bottom: 10px;
    right: 20px;
    text-align: center;
}
#rf_con_text {
    background-color: white;
    border: 1px solid lightgray;
    color: black;
    padding: 10px;
}
#rf_con_buttons {
    text-align: right;
    margin-top: 12px;
}
.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, .popup_block {
    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-clipart .content, .popup_block .content {
    color: #949494;
    font: 17px calibri;
    text-align: center;
    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.select-styleFotolia {
    margin-top: 10px;
}
#popup-adobe_stock {
    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-adobe_stock .content {
    color: #949494;
    font: 17px calibri;
    text-align: center;
    overflow: auto;
}
#popup-adobe_stock .content img:hover {
    cursor: pointer;
}
#popup-adobe_stock-close {
    margin-top: 9px;
}
#popup-adobe_stock div.select-styleAdobe_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;
}
.adobe_stockPreview {
    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 {
    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-rf .content {
    color: #949494;
    font: 17px calibri;
    text-align: center;
    overflow: auto;
}
#popup-rf .content img:hover {
    cursor: pointer;
}
#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 {
    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-pattern .content {
    color: #949494;
    font: 17px calibri;
    text-align: center;
    overflow: auto;
}
#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;
}
.ajaxphoto {
    float: left;
    width: 180px;
    height: 120px;
    position: relative;
    margin: 8px;
    background-color: lightgray;
}
.ajaxphoto_adobe_stock {
    float: left;
    width: 180px;
    height: 120px;
    position: relative;
    margin: 8px;
    background-color: lightgray;
}
.ajaxphoto3 {
    float: left;
    width: 140px;
    height: 180px;
    padding-right: 22px;
    padding-top: 20px;
}
.ajaxphoto2 {
    float: left;
    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;
}
.minImgPrev {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}
#popup-pattern .ajaxphotoname {
    width: 160px;
    height: 60px;
    display: block;
    overflow: hidden;
    text-align: center;
}
#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 {
    float: left;
    margin-left: 5px;
    height: 120px;
    margin-bottom: 12px;
    margin-right: 8px;
    opacity: 1;
    width: 180px;
    background: lightgray;
}
.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;
}
#ajaxphoto_adobe_stock {
    padding-top: 30px;
    padding-left: 20px;
}
#ajaxphotorf {
    padding-top: 30px;
    padding-left: 20px;
}
#ajaxphoto2 {
    padding-top: 30px;
    padding-left: 20px;
}

#topSelectPattern {
    float: left;
}
#fotoliaGif {
    width: 160px;
    height: 160px;
    top: 40%;
    left: 40%;
    position: absolute;
    z-index: 99997;
    display: none;
}
#patternGif {
    background-color: black;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#filterGif {
    background-color: black;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#serverfotosGif {
    background-color: black;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100001;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#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;
    line-height: 46px;
}

.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;
    line-height: 46px;
}
#pageCountrf {
    font-size: 16px;
    color: gray;
    text-align: center;
    line-height: 46px;
}
#search_fotolia {
    margin-right: 60px;
}
#search_adobe_stock {
    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;
}
#search_adobe_stock 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;
}
#server-input, #popup-input {
    margin-right: 60px;
}
#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;
    float: right;
    height: 44px;
    border: none;
    border-bottom: 2px solid black;
    background-color: #fafafa;
    outline: none;
}
#global_zeb_input input {
    width: 150px;
    float: left;
    height: 17px;
    border-radius: 4px;
}
#server-input button, #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;
}
#clipartSelect {
    float: left;
    margin-left: 15px;
    margin-top: 9px;
}
#introText {
    background-color: white;
    box-shadow: 0 0 10px black;
    display: block;
    height: 620px;
    position: fixed !important;
    width: 900px;
    z-index: 99999;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#introText .content {
    border: 1px solid #949494;
    color: black;
    height: 520px;
    margin-left: 10px;
    margin-top: 10px;
    overflow: auto;
    padding: 10px;
    width: 857px;
}

#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 {
    background-color: #fafafa;
    display: none;
    height: 90%;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 90%;
    z-index: 99999;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid lightgray;
    background-color: white;
    box-shadow: 0 0 29px -2px black;
}
#universalSelectBox .content {
    height: 70%;
    overflow: auto;
    padding: 0px 40px 0 40px;
}
#universalSelectBox .content .textes {
    background-color: white;
    border: 2px solid lightgray;
    color: black;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 220px;
    height: 220px;
    margin-bottom: 15px;
    overflow: hidden;
}
#universalSelectBox .content .textes2 {
    font-size: 23px;
    overflow: hidden;
    margin: auto;
    margin-top: 30px;
}
.textes3 {
    width: 200px;
    font-size: 34px;
    margin-top: 30px;
    text-align: center;
    vertical-align: middle;
}
.text_small2 {
    font: 16px calibri;
    color: black;
    width: 200px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
.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;
}

#popup-serverfotos {
    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-serverfotos .content {
    color: #949494;
    font: 17px calibri;
    text-align: center;
    overflow: auto;
}

#popup-serverfotos .content img {
    margin-bottom: 5px;
    margin-right: 4px;
    opacity: 0.7;
    max-width: 100%;
}
#popup-serverfotos .content img:hover {
    cursor: pointer;
    opacity: 1;
}
#popup-serverfotos-close {
    margin-top: 9px;
}

.serverfoting {
    float: left;
    width: auto;
    height: auto;
    background-color: black;
}
#serverfoting {
    padding-top: 15px;
    z-index: 100001;
    height: 430px;
    position: relative;
}
#cliparti {
    padding-top: 15px;
}


#popup-serverfotos .ajaxphoto {
    width: 140px;
    height: 170px;
}
#popup-serverfotos .ajaxphotoimg {
    height: 100%;
    position: relative;
    margin: auto;
}
#popup-serverfotos .ajaxphotoname {
    width: 130px;
    height: 40px;
    display: block;
    overflow: hidden;
    margin-left: 5px;
}
.serverfotositem {
    float: left;
    width: 180px;
    height: 120px;
    position: relative;
    margin: 8px;
    background-color: lightgray;
}


#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, #t55 .d_key_up, #t22 .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, #t55 .d_key_up:hover, #t22 .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, #t55 .d_key_down, #t22 .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, #t55 .d_key_down:hover, #t22 .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_pl #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_pl #d_width_and_height:hover {
    background: url(/components/com_expresseditor/html5/images/img/d_width_and_height_hover.png) no-repeat;
}
.d_pl #d_bgColor {
    margin-top: 5px;
    font-size: 10px;
    float: left;
    color: white;
    width: 150px;
}
.d_pl #d_bgColor #d_bgColor_1 {
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_bgColor_1.png) no-repeat #fff;
    width: 22px;
    height: 22px;
}
.d_pl #d_bgColor .text {
    color: #000000;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
    position: relative;
    top: -6px;
    width: 120px;
}
.d_pl #d_bgColor #bgColor {
    border: none;
    height: 1px;
    margin-left: -2px;
    width: 1px;
}


.d_pl #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;
}
.d_pl #key_upload:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_upload_hover.jpg) no-repeat;
}
.d_pl #key_upload div {
    color: white;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 5px;
}
.d_pl #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;
}
.d_pl #colection_of_image:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_colection_of_image_hover.jpg) no-repeat;
}
.d_pl #colection_of_image div {
    color: #FFFFFF;
    font-size: 11px;
    margin-right: 5px;
    margin-top: 4px;
}
.d_pl #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;
}
.d_pl #popup-clipart-show:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_popup_clipart_show_hover.jpg) no-repeat;
}
.d_pl #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;
}
.d_pl #popup-fotolia-show:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_popup_fotolia_show_hover.jpg) no-repeat;
}
.d_pr #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;
}
.d_pr #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;
}
.d_pr #shape_align {
    margin: 5px 0 0 0;
    float: left;
    height: 25px;
    width: 150px;
}
.d_pr #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;
}
.d_pr #shape_align #shape_left:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_shape_left_hover.jpg) no-repeat;
}
.d_pr #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;
}
.d_pr #shape_align #shape_right:hover {
    background: url(/components/com_expresseditor/html5/images/img/key_shape_right_hover.jpg) no-repeat;
}
.d_pr #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;
}
.d_pr #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_pr #d_bgColor {
    margin: 5px 0 0 0;
    font-size: 10px;
    float: left;
    color: white;
}
.d_pr #d_bgColor #d_bgColor_2, #d_bgColor_2t, #d_bgColor_3 {
    height: 21px;
    margin-left: 3px;
    margin-top: 3px;
    width: 25px;
}
#d_down .color_png {
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_bgColor_1.png) no-repeat #fff;
    width: 22px;
    height: 22px;
}
.d_pr #d_bgColor .text {
    color: #000000;
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
    position: relative;
    top: -6px;
    width: 120px;
}
#d_down {
    float: left;
    position: relative;
    width: 100%;
    padding: 10px;
}

.d_pr #d_bgColor #textColor, #d_down .color_input {
    border: none;
    height: 1px;
    margin-left: -2px;
    width: 1px;
}
#d_down input.color_input, #d_down.color_png {
    float: left;
}
#d_down input.color_input {
    display:none;
}
.conf_d {
    margin-bottom: 10px;
}
#d_cccColor {
    color: #000000;
    font-size: 10px;
    line-height: 22px;
    margin-top: 5px;
    float: left;
    width: 150px;
}
#d_cccColor_1 {
    float: left;
    background: url(/components/com_expresseditor/html5/images/img/d_bgColor_1.png) no-repeat #fff;
    width: 22px;
    height: 22px;
}
#bgCceColor, #bgCceColorShort, #bgCceColorL1, #bgCceColorL2, #bgCceColorL3, #bgCceColorTL {
    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;
}
#bgCceColortShirt {
    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;
}


#loadImageFonBlach {
    height: 100%;
    z-index: 9999999 !important;
}
#loadImageFonBlach2 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.6);
}
#floatingCirclesG2 {

    width: 160px;
    height: 160px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    left: 50%;
    margin-left: -80px;
    margin-top: -160px;
    position: absolute;
    top: 50%;
}
#patternGif .contentBar {
    margin-top: -160px;
}
#filterGif .contentBar {
    margin-top: -160px;
}
#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;
    border: 1px solid black;
    margin: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    float: left;
    z-index: 999;
    padding: 5px;
    font: bold 14px/20px calibri;
}
.contextMenuId {
    cursor: pointer;
}
#popup-details {
    background: none repeat scroll 0 0 #DDDDDD;
    display: none;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    width: 232px;
    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;
}
#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;
}

#comm {
    font: 12px/20px calibri;
    letter-spacing: 0.25px;
    line-height: 16px;
}
#comm 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;
}
#only-price2 {
    width: 15px;
    position: absolute;
    display: block;
    left: 65px
}
#ppr {
    width: 650px;
    height: 100px;
    margin-top: 35px;
}
.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 .prdiv {
    display: block;
    font: bold 15px calibri;
    height: 15px;
    text-align: right;
}
.prdiv {
    display: inline-block;
    font: bold 32px calibri;
    height: 34px;
}
.anzahl {
    text-align: center;
    line-height: 100%;
    font: bold 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: bold 32px 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_trigger_panel {
    color: black;
}
.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;
}
#tShirtColorsList_close {
    background: url("/../../images/but_del.png");
    background-size: 100% 100%;
    width: 25px;
    height: 20px;
    position: absolute;
    top: 3px;
    right: 0px;
    cursor: pointer;
}
#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%;
}
#showAllPrice {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 9999;
}
#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;
}
#q33 input {
    border-radius: 4px 4px 4px 4px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
#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;
}
.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;
}
#href_faq a, #href_faq a:hover {
    color: black !important;
    cursor: pointer;
    display: block;
    font: 12px/16px calibri;
    letter-spacing: 0.25px;
    margin-right: 31px;
    padding: 0 3px;
    text-align: right;
    text-decoration: underline !important;
}
.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;
}
#pathTextLine1 {

}
#pathTextLine2 {

}
#pathTextLine1Size {
    width: 100%;
}
#pathTextLine1Size input, #pathTextLine2Size input {
    height: 14px;
    text-align: center;
}
.pathTextLine1SizeHeader {

}
#pathTextLine2Size {
    width: 100%;
}
.pathTextLine2SizeHeader {

}
#pathTextLine1Visible {

}
.pathTextLine1VisibleHeader {

}
#pathTextLine2Visible {

}
.pathTextLine2VisibleHeader {

}
.pathTextLine1Header {

}
#pathTextLine1Color {

}
.pathTextLine2Header {

}
#pathTextLine2Color {

}

#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_hilfe_container #landingpage_content {
    background-color: white;
    margin: 10px;
    overflow: hidden;
    padding: 0;
    height: 0;
    display: none;
    border: 2px solid black;
}


#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;
}


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


#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;
}
.parent1 {
    height: auto;
    line-height: 26px;
    min-height: 30px;
    text-align: left;
    width: 180px;
    border: 1px solid black;
}
.zebListchild {
    padding-left: 20px;
}
.parent1 a {
    background-color: red;
}
.parent1 a:hover {
    background-color: blue;
    cursor: pointer;
}

#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;
    paddin: 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;
    paddin: 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;
}
#zoomUpButton {
    background-color: white;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 6px black;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: white;
    text-align: center;
    cursor: pointer;
}
#zoomDownButton {
    background-color: white;
    border-radius: 100%;
    margin-left: 6px;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 6px black;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: white;
    text-align: center;
    cursor: pointer;
}
#zoomDownButton img {
    width: 60%;
    margin: auto;
    margin-top: 14px;
    vertical-align: top;
}
#zoomUpButton img {
    width: 60%;
    margin: auto;
    margin-top: 6px;
    vertical-align: top;
}
#zoomDownButton:hover {
    background-color: lightblue;
}
#zoomUpButton:hover {
    background-color: lightblue;
}
.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_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 {
    float: left;
}
.mirror_corner_item_content {
    height: 34px;
    margin: 5px auto;
    width: 270px;
}
.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: #E5E5E5;
    border: 1px solid #A8A8A8;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 5px 0;
    padding: 0 5px;
    text-align: center;
    width: 150px;
}
.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: 5px;
    display: inline-block;
}
.mirror_select_block .jquery-selectbox {
    display: none;
}
#payt1 {
    display: none;
}
[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 {
    display: none;
}
[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 {
    display: none;
}
[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 {
    display: none;
}
[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;
}


.mirror_select_block .but_i {
    outline: none;
    cursor: pointer;
    padding-left: 11px;
    width: 150px;
    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;
}
#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;
}
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_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;
}
.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_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;
}
.mirror_block_for_type {
    float: right;
    margin-right: 10px;
    width: 127px;
    height: 36px;
}
.mirror_block_for_type .radio_mirrortype {
    display: inline-block;
}
#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 {
    float: left;
    margin: 5px 10px 5px 15px;
}
.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;
}
#t55 .d_key_up, #t55 .d_key_up:hover {
    margin-top: 6px;
}
#t55 a img {
    margin: 2px 0 0 1px;
    width: 5px;
}
#t22 a img {
    margin: 2px 0 0 1px;
    width: 5px;
}
.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: 50px;
    height: 50px;
    background: url("../images/but360.png");
    border-radius: 10px;
    background-size: 100% 100%;
    margin-left: 275px;
}
#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;
}
#color_picker_description {
    width: 255px;
    height: 23px;
    text-align: center;
    margin-top: -54px;
    margin-left: -1px;
    background: none repeat scroll 0 0 threedface;
    border-color: threedhighlight threedshadow threedshadow threedhighlight;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    line-height: 20px;
    overflow: hidden;
    display: none;
}
#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;
}
.textAsSticker_header {
    display: inline-block;
    line-height: 22px;
}
#textAsStickerEnable {
    display: none;
}
#textAsSticker_params {
    display: none;
    margin-top: 5px;
}
.row_textAsSticker {
    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;
}
.line_pointGreen {
    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;
}
#d_bgColor_ttt input {
    height: 11px;
    position: absolute;
    right: auto;
    top: auto;
    width: 11px;
}
#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;
}
#vermassungparams input {

}
#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;
}
#qrwrapper {
    position: absolute;
    display: none;
    top: 10px;
    left: 0;
    background: #FAFAFA;
    width: 940px;
    padding-right: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    left: 50%;
    margin-left: -470px;
    padding: 10px;
    z-index: 99999;
}

#qrwrapper #typeSelect {
    float: left;
    margin-right: 20px;
}
#qrwrapper #typeSelect li {
    background: url("/components/com_expresseditor/html5/images/img/arrow.gif") no-repeat scroll 210px center #315e7d;
    border-radius: 3px;
    line-height: 24px;
    margin-bottom: 1px;
    width: 224px;
    list-style: none;
}
#qrwrapper #typeSelect a {
    border: 1px solid #a8a8a8;
    color: black;
    font: 12px/24px calibri;
    letter-spacing: 0.25px;
    outline: medium none;
    overflow: hidden;
    display: block;
    padding-left: 26px;
    text-decoration: none;
}
#typeSelect a {
    background: none no-repeat scroll 4px center #f9f9f9;
}
#qrwrapper #typeSelect a:hover {
    background-color: #97bd0e;
    text-decoration: none;
    color: white;
}
#qrwrapper #typeSelect a.active {
    background-color: #97bd0e;
    color: white;
    text-decoration: none;
}
#qrwrapper #forms {
    float: left;
    opacity: 1;
    width: 396px;
}
#qrwrapper #forms form {
    display: none;
}
#qrwrapper legend h2 {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}
#qrwrapper fieldset {
    border: 1px solid #000000;
    border-radius: 4px;
    margin: 0;
    padding: 8px;
}
#qrwrapper th {
    font-weight: normal;
    padding-top: 3px;
    text-align: left;
    width: 130px;
}
#qrwrapper td {
    padding: 0 4px 8px;
}
#qrwrapper #forms input[type="text"], #qrwrapper #forms input[type="url"], #qrwrapper #forms input[type="email"], #qrwrapper #forms textarea, #qrwrapper #forms p, #qrwrapper #forms label {
    max-width: 230px;
    resize: none;
    width: 230px;
}
#qrwrapper #forms label {
    display: block;
}
#qrwrapper #forms label {
    padding-left: 20px;
}
#qrwrapper #forms label>input {
    margin-left: -20px;
}
#qrwrapper #forms fieldset p {
    color: #666666;
    font-size: 11px;
    line-height: 15px;
    margin: 4px 0 0;
}
#qrwrapper #forms input.datepicker {
    width: 190px;
}
#qrwrapper .ui-datepicker-trigger {
    margin-left: 5px;
}
#qrwrapper textarea {
    height: 100px;
}
#qrwrapper table table th {
    width: 70px;
}
#qrwrapper #forms table table input[type="text"], #qrwrapper #forms table table input[type="url"], #qrwrapper #forms table table input[type="email"], #qrwrapper #forms table table textarea {
    max-width: 156px;
    width: 156px;
}
#qrwrapper #forms input[type="text"], #qrwrapper #forms input[type="url"], #qrwrapper #forms input[type="email"], #qrwrapper #forms textarea, #qrwrapper #qrForeColor, #qrwrapper #qrBackColor {
    background: none no-repeat scroll right 2px rgba(0, 0, 0, 0);
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: none;
    padding: 2px 4px;
}
#qrwrapper #forms input[type="text"]:required, #qrwrapper #forms input[type="url"]:required, #qrwrapper #forms input[type="email"]:required, #qrwrapper #forms textarea:required {
    background-image: url("img/input-required.png");
    padding-right: 22px;
}
#qrwrapper #forms input[type="text"]:valid:not(.empty):not(#mapAddress), #qrwrapper #forms input[type="url"]:valid:not(.empty), #qrwrapper #forms input[type="email"]:valid:not(.empty), #qrwrapper #forms textarea:valid:not(.empty) {
    background-image: url("img/input-valid.png");
    padding-right: 22px;
}
#qrwrapper #forms input[type="text"]:invalid:focus, #qrwrapper #forms input[type="text"]:invalid:optional, #qrwrapper #forms input[type="url"]:invalid:focus, #qrwrapper #forms input[type="url"]:invalid:optional, #qrwrapper #forms input[type="email"]:invalid:focus, #qrwrapper #forms input[type="email"]:invalid:optional, #qrwrapper #forms textarea:invalid:focus, #qrwrapper #forms textarea:invalid:optional {
    background-image: url("img/input-invalid.png");
    padding-right: 22px;
}
#qrwrapper h3 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 2px 2px;
}
#qrwrapper hr {
    background: none repeat scroll 0 0 #888;
    border: medium none;
    clear: both;
    height: 1px;
    margin: 8px 0;
}
#qrwrapper #example, pre {
    font-family: monospace;
    font-size: 9px;
    line-height: 1em;
    margin: 0 0 0 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
#qrwrapper #error {
    background: url("img/error.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
    color: #800;
    line-height: 19px;
    padding-left: 22px;
}
#qrwrapper #mapSearch {
    display: none;
    margin-top: 6px;
}
#qrwrapper #map {
    border: 1px solid #000000;
    border-radius: 4px;
    display: none;
    height: 346px;
    margin-top: 6px;
    position: relative;
    width: 396px;
}
#qrwrapper #map>div {
    border-radius: 4px;
}
#qrwrapper #emoji {
    border: 1px solid #000000;
    border-radius: 4px;
    display: none;
    margin-top: 6px;
    position: relative;
}
#qrwrapper .emoji {
    background: url("img/emoji.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 17px;
    margin: 2px;
    width: 17px;
}
#qrwrapper .emojiTxt {
    background: url("img/emoji.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 17px;
    text-indent: -9999px;
    vertical-align: text-bottom;
    width: 17px;
}
#qrwrapper #preview {
    outline: 1px solid #ccc;
}
#qrwrapper #preview, #encodedData {
    cursor: pointer;
}
#qrwrapper .modalBg {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
#qrwrapper .modal {
    background: none repeat scroll 0 0 #ffffff;
    left: 50%;
    outline: 1px solid #cccccc;
    position: absolute;
    top: 50%;
    z-index: 11;
}
#qrwrapper #qrForeColor, #qrBackColor {
    width: 136px;
}
#qrwrapper #colorDifference {
    background: url("img/contrast.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 2px 2px;
    padding-left: 22px;
}
#qrwrapper #smsLength {
    font-size: 11px;
    text-align: right;
}
.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: 25px;
    width: 180px;
}
.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;
}
#epp_text_panel_settings #text_ #t22 .arrholder {
    position: absolute;
}
#epp_text_panel_settings #text_ #text_r #t55 #setFontLineHeight {
    left: 3px;
    position: absolute;
}
.newimgbutton {
    width: 120px;
    height: 50px;
    border-radius: 4px;
    display: block;
    border: 1px solid #a8a8a8;
    margin-bottom: 10px;
    text-align: center;
    font: 12px/50px calibri;
}
.newimgbutton:hover {
    cursor: pointer;
}
.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;
}

.apple_app, .google_app{

}

#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;
}
#bgcolorepptext {
    display: none !important;
}
#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;
}
.photoPrice_fotolia, .photoPrice_Adobe_stock, .photoPrice_clipart, .photoPrice_123rf, .photoPrice_serverphoto, .photoPrice_pattern, .photoPrice_colourbox {
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    line-height: 34px;
    height: 34px;
    text-align: right;
    color: black;
    z-index: 10;
    margin-top: -40px;
}
.photoPrice_fotolia span, .photoPrice_Adobe_stock span, .photoPrice_clipart span, .photoPrice_123rf span, .photoPrice_serverphoto span, .photoPrice_pattern span, .photoPrice_colourbox 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;
}
#previewBox_bg {
    position: absolute;
    z-index: 1002;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: lightgray;
    opacity: 0.8;
    display: none;
}
.loadImageFonBlachWrap1 {
    height: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    margin: auto;
    max-width: 760px;
}
.loadImageFonBlachWrap2 {
    width: 200px;
    height: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.clearBtn {
    background: none !important;
}
.clearBtn:hover {
    background: lightblue !important;
}
.fotoliaHeader {
    margin-bottom: 10px;
    color: black;
    font-size: 16px;
}
.adobe_stockHeader {
    margin-bottom: 10px;
    color: black;
    font-size: 16px;
}
.patternHeader {
    margin-bottom: 10px;
    font-size: 16px;
}
.header_123rf {
    margin-bottom: 10px;
    font-size: 16px;
}
#mobile_popup_close {
    display: inline-block;
    padding: 10px;
    background-color: lightgray;
    font-weight: bold;
}
#mobile_popup_close:hover {
    background-color: lightblue;
}
#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: block;
}
.tabSettBtn {
    background-color: lightgray;
    padding: 10px;
    font-size: 18px;
    color: black;
    width: 130px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.tabSettBtn:hover {
    background-color: lightblue;
    color: black;
}
#fontFrameContentStart {
    opacity: 0.01;
    width: 1px;
    display: inline-block;
}
#oneStageBtn .pull-right {
    width: 100%;
}
#all1987 #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 #d_down {
    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;
}
#all1987 .epp_attr_panel {
    background-color: #fff;
    padding-bottom: 7px;
    padding-left: 7px;
    z-index: 110;
    position: absolute;
    float: right;
}
#all1987 .epp_attr_panel .epp_attr_item {
    float: left;
    min-width: 20px;
    height: 20px;
    margin: 0px 7px 0 0;
    cursor: pointer;
    padding: 3px;
}
#all1987 .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;
}


#all1987 #epp_color_panel .epp_color {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0px 2px 2px 0;
    cursor: pointer;
    padding: 3px;
}
#all1987 #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%;
}


#all1987 #epp_size_panel .text {
    line-height: 16px;
}
#all1987 #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);
}


#all1987 #epp_description_panel {
    position: absolute;
    bottom: -25px;
    left: 0px;
    font: 13px/19px calibri;
    z-index: 130;
    width: 100%;
}
#all1987 #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;
}
#all1987 .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%;
}
#all1987 #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;
}
#all1987 #page_preview_panel_inside {
    max-height: 340px;
}
#all1987 #page_preview_panel_inside img {
    background-color: transparent;
    border: none !important;
}
#all1987 #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;
}
#all1987 #productsize_ {
    display: block;
    position: static;
    margin: 0;
    width: 80px;
}
#all1987 #productsize_ .namesizes {
    width: 35px;
}
#all1987 #epp_centered_buttons, #all1987 #epp_clipart_panel_settings, #all1987 #epp_line_panel_settings, #all1987 #epp_besie_panel_settings {
    margin: 0 10px;
    display: none;
}
#all1987 .epp_attr_panel_head span {
    font: bold 13px/17px calibri;
    float: left;
}

#all1987 #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;
}
#all1987 #epp_popup_window_inside {
    margin: 10px;
}
#all1987 #epp_popup_window_image {
    text-align: center;
    min-height: 250px;
}
#all1987 #epp_popup_window_price {
    font: bold 17px/20px calibri;
    letter-spacing: 0.5px;
    text-align: right;
}
#all1987 #epp_popup_window img {
    max-width: 240px;
}
#all1987 #epp_popup_window table {
    text-align: center;
}
#all1987 .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%;
}

#apleft {
    margin-top: 15px;
}
#allprice {
    height: 185px;
    position: relative;
}


#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;
}
#only-price {
    margin-bottom: 2px;
    margin-top: 5px;
}
#inpdiv {
    font-size: 16px;
}
input#inp {
    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_r #t44 {
    margin-top: 115px;
}
#epp_text_panel_settings #text_ .h2c {
    display: none;
}
#lineParams {
    position: static;
    width: 100%;
    margin: 0;
}
#lineParams #textInputText {

}
#lineParams .small_i {
    width: 27px;
}
#quadrat_ #q4 {
    margin-top: 5px;
}
#quadrat_ #q34 {
    margin-top: 31px;
}
#comm {
    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%;
}
#all1987 #epp_all_attributes_panel_block {
    position: absolute;
    right: 10px;
    top: 480px;
}
#all1987 #epp_all_attributes_panel_block_inside {
    position: relative;
}
#webparams {
    height: auto;
}
#all1987 .centered_buttons .centered_button {
    float: left;
    width: 31px;
    height: 31px;
    border: 1px solid #A8A8A8;
    border-radius: 4px;
    margin-right: 10px;
    padding: 2px;
}
#all1987 .centered_button_link, #all1987 .reflect_button_link {
    background-position: 50% 50%;
    width: 31px;
    height: 31px;
    display: block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
#all1987 .centered_button_link.horisontal {
    background-image: url('img/epp_center_h.png');
}
#all1987 .centered_button_link.vertical {
    background-image: url('img/epp_center_v.png');
}
#all1987 .centered_button_link.center {
    background-image: url('img/epp_center.png');
}
#all1987 .reflect_button_link.horizontal {
    background-image: url('img/epp_horizontal_reflect.png');
}
#all1987 .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: -90px 0 0 0 !important;
    padding: 18px 20px 20px 0;
    overflow: hidden;
    z-index: 400;
    display: none;
}
#downBtn {
    padding: 10px;
    width: 50px;
    height: 50px;
    background-color: white;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}
#upBtn {
    padding: 10px;
    width: 50px;
    height: 50px;
    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;
}
#zoomUpBtn:hover {
    background-color: lightblue;
}
.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: 50px !important;
}
#cartInput {
    width: 60px;
    height: 50px;
    background-color: white;
    display: inline-block;
    overflow: hidden;
}
#cartInput input {
    outline: none;
    border: none;
    font-size: 32px;
    width: 80px;
    height: 50px;
    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: 32px;
    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;
}
#cartBtn:hover {
    color: black;
}
.leftBarBtnWrapper {
    text-align: center;
    margin-top: 10px;
    vertical-align: top;
}
.leftBarBtn {
    display: inline-block;
    width: 45px;
    background-color: #e7e7e7;
    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: 8px;
    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;
}
#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.select-style::-ms-expand {
    display: none;
}
.select-style {
    margin: auto;
    width: 90%;
    overflow: hidden;
    background: #fff url("../images/icons_mobile/Dropdown.svg") no-repeat 100% 50%;
}
.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    border-bottom: 2px solid black;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-style select:focus {
    outline: none;
}
#produktFrame .select-style {
    margin: auto;
    width: 90%;
    overflow: hidden;
    background: #fff url("../images/icons_mobile/Dropdown.svg") no-repeat 96% 50%;
}
#produktFrame .select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    border: 2px solid black;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
#produktFrame .select-style select:focus {
    outline: none;
}
select.select-styleFotolia::-ms-expand {
    display: none;
}
.select-styleFotolia {
    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: 18px;
    margin-right: 6px;
}
.select-styleFotolia 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;
}
.select-styleFotolia select:focus {
    outline: none;
}
select.select-styleAdobe_stock::-ms-expand {
    display: none;
}
.select-styleAdobe_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: 18px;
    margin-right: 6px;
}
.select-styleAdobe_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;
}
.select-styleAdobe_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;
}
#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: 2px solid black;
}
.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;
}
.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;
}
.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;
}
#alignBlock .btnDiv {
    border: 2px solid #e7e7e7;
}
#alignBlock .btnDiv:hover {
    border: 2px solid lightblue;
}
#alignLeft {
    width: 35px;
    height: 35px;
    margin: 10px;
    display: inline-block;
}
#alignCenter {
    width: 35px;
    height: 35px;
    margin: 10px;
    display: inline-block;
}
#alignRight {
    width: 35px;
    height: 35px;
    margin: 10px;
    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;
}
#t33 {
    width: auto !important;
    height: auto !important;
    position: static !important;
    background: none !important;
    margin: 0 !important;
}
#bottom1987, #popup-filters, #epp_allprice_panel, #epp_description_panel, #smart, #right_panel, #clipartUploadedImages, #serverphotosUploadedImages, #changeTextWrapper, #userUploadedImages, #hhome1, #window_product_global_panel, #window_allprice_panel {
    display: none !important;
}
#all1987 {
    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;
    background-color: lightgray;
    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;
}
#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;
}
.maskNew:hover {
    border: 2px solid lightblue;
}
.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: 20px;
    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 {
    height: 760px;
    overflow: auto;
}
#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;
}
.warenButBtn {
    width: 90%;
    margin-left: 10%;
}
.whiteInput {
    background: #e7e7e7;
}
.stuckCont {
    font: bold 32px calibri;
    display: inline-block;
    height: 34px;
}
.cartInputNew {
    overflow: hidden;
    outline: none;
    border: none;
    font: bold 32px 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;
}
#setRotationInp {
    width: 100% !important;
}
#settBlockPriceTitle {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}
#settBlockPrice {
    display: inline-block;
    margin-left: 10px;
    font-size: 22px;
    font-weight: bold;
}
.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;
}
#exitSaveForm, #designFormNew, #loginFormNew {
    background-color: white;
    width: 100%;
    max-width: 700px;
    height: 440px;
    border: 1px solid black;
    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: 50px;
    display: block;
    margin: auto;
    padding: 6px;
    font-size: 18px;
}
#designFormNew textarea {
    border: none;
    background-color: #ededed;
    width: 100%;
    display: block;
    margin: auto;
    padding: 6px;
    font-size: 18px;
}
#exitSaveForm button, #designFormNew button, #loginFormNew button {
    background-color: white;
    border: none;
    padding: 4px;
    font-size: 20px;
}
#exitSaveForm button:hover, #designFormNew button:hover, #loginFormNew button:hover {
    background-color: lightgray;
}
#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;
}
.my-has-error {
    border: darkred 2px solid !important;
}
.exitFormBtnWrap {
    text-align: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    text-align-last: justify;
}
.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;
}
.btnHoverFill:hover {
    background-color: lightblue !important;
}
.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;
}
.newColorTab a.active {
    border-bottom: 4px solid gray;
}
select.select-styleColor::-ms-expand {
    display: none;
}
.select-styleColor {
    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: 18px;
    width: 80%;
}
.select-styleColor 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;
}
.select-styleColor select:focus {
    outline: none;
}
.colorSelectTitle {
    font-weight: bold;
    margin-left: 10%;
}
.input-close {
    margin: auto;
    overflow: hidden;
    background-color: #e7e7e7;
    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: 85%;
    top: 27%;
    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;
}
.colorAppButton:hover {
    background-color: lightblue;
}
#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;
}
.x3domClassBtn img {
    display: block;
    height: 100%;
}
.x3domClassBtn:hover {
    background-color: lightblue;
}
.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: 6px;
}
#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 {
    width: 60%;
    display: block;
    margin: auto;
}
#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:hover {
    background-color: lightblue;
}
.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.select-styleMat::-ms-expand {
    display: none;
}
.select-styleMat {
    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: 18px;
    width: 90%;
}
.select-styleMat 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;
}
.select-styleMat 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;
}
.multiUpBtn:hover {
    background-color: lightblue;
}
.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:hover {
    background-color: lightblue;
}
.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;
}
.multiSizeOk:hover {
    background-color: lightblue;
    color: black;
}
#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%;
}

.main-form {

}

#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;
}



@media all and (max-width: 800px) {    
    #canvasZoomHideBox{
        display: none;
    }  
}
@media all and (max-width: 1000px) {
    #x3domUpLine .x3domClassInput{
        font-size: 15px;
        width: 120px;
    }
    #x3domUpLine .x3domClassBtn{
        font-size: 15px;
        width: 30px;
    }
    #x3domUpLine .x3domClassBtn img{
        width: 30px;
    }    
}
@media all and (max-width: 1100px) {
    #canvasZoom{
        margin: 0 2px;
    }
    #canvasZoomHidden{
        margin: 0 2px;
    }

}
@media all and (min-width: 1100px) and (max-width: 1200px) {
    #canvasZoom{
        margin: 0 30px;
    }
    #canvasZoomHidden{
        margin: 0 30px;
    }

}
#topSelectPattern {
    visibility: hidden;
}
#popup-pattern .category_pattern.ajaxphoto2 {
    float: left;
    width: 230px;
    height: 162px;
    position: relative;
    margin: 8px;
    background-color: lightgray;
}
#popup-pattern .category_pattern .minImgPrev{
    width: 230px;
    height: 162px;
}
#popup-pattern .category_pattern .photoPrice_pattern{
    display: none;
}
#popup-pattern .category_lang_block{
    display: none;
}
#popup-pattern .category_pattern .category_lang_block{
    position: absolute;
    background-color: #FFFFFF;
    top: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 42px;
    font-size: 25px;
    color: #000000;
    display: inline-block;
}


#cartBtn {
    background-color: #ff7500;
}
#preview_div .but_i {
    background-color: #ff7500;  
}