/*.textConfigOptionsColumn{
    float:left;
    width:50%;

}

.textConfigRightColumn{
    float:right; 
    width:45%;
}*/

input.error{
    background:#ee7171;
}

.textConfigBox {background-color:#f5f5f5; margin-top:15px;}

.textConfigBoxHead {background-color:#ffffff; line-height:30px;	font-size:100% font-family: 'Oswald', sans-serif; font-weight: 400;}

.textConfigBoxNumber {float:left; background:#759F26; color:#fff; width:30px; margin-right:10px;text-align:center;}

.textConfigBoxTitle {
    display: inline-block;
	position:relative;
    font-weight:400;
}

.textConfigBoxContent {
    padding:8px 0;
}
.textConfigBoxContent ul {margin-top:15px;}
.textConfigBoxContent ul li {float:left; margin-right:15px;}

.textConfigaddLineWr{
    text-align:right;
}

.spacingWrapper{
    margin-top:-19px;
}

.spacingWrapper input[type="number"]{
    padding:5px;
    border:1px solid #ddd;
}
.optionsLine {margin-bottom:5px;}
.checkbox_container{list-style:none;}
.checkbox_container input[type="checkbox"] {display:none;}
.checkbox_container label {cursor:pointer;}
.checkbox_container label:before {background-color: #fff; border: 1px solid #999; color: #fff; content: '_'; height: 20px!important; line-height: 20px!important; width: 20px!important;}
.checkbox_container label:hover {color:#111;}
.checkbox_container label:hover:before {color:#bababa;}
.checkbox_container input[type="checkbox"]:checked + label:before {background-color: #759F26; border: 1px solid #999; color: #fff; content: 'x';}
.checkbox_container input[type="checkbox"]:disabled + label:before {display:none;}
.checkbox_container input[type="checkbox"]:disabled + label {display:none;}


.k-dropdown {
    width:100%;
    height:auto;
}
.k-dropdown-wrap{
    width:100%;
	padding:5px;
	padding-right:30px;
}

.kendoDropDownList .k-input {
    height:100%;
	line-height:25px;
	text-indent:inherit!important;
}

.k-popup .k-list .k-item {
    line-height: inherit!important;
    padding: 5px!important;
    display: block!important;
    cursor: pointer;
}
.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
    border:1px!important;
	padding:5px!important;
}
.k-popup.k-list-container {
    padding: 5px!important;
}
.k-select {width:33px!important; background-color:#E6E6E6; border-radius:0!important;}
#colorDD_listbox .k-item {margin-bottom:1px!important;}
#colorDD_listbox img.kendoDropdownImg {max-height:25px; display:block; margin-right:10px;}
#colorDD_listbox .k-item .k-state-default {float:left; line-height:25px;}
#colorDD_listbox .k-item:after {content: "";display: table; line-height: 0; clear:both;}
.kendoDropDownList .k-input img {
    float:left;
    max-height:100%;
	margin-right:10px;
    padding:1px;
}

#imagePreview {
    text-align:center;
    /*min-height:100px;*/
    margin: 0 30px 0 0 ;
    width:100%;
}

#imagePreview .previewCell{
    width:100%;
}
#imagePreview img{
    max-width:100%;
	padding: 10px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILNmzf/Z0AHKIKbN2/+j46xq8QmCACyfhvZm8XXIAAAAABJRU5ErkJggg==) #fff;
}

.heightTooLowError{
    font-weight:bold;
    font-size:0.8em;
    margin: 5px 0;
    display:none;
    color:#cc0000;
}

/*.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, */.k-dropdown, .k-dropdown-wrap/*, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload*/ {
    border-radius: 0!important;
}
.k-dropdown-wrap .k-input/*, .k-picker-wrap .k-input, .k-numeric-wrap .k-input*/ {
    border-radius: 0!important;
}
.k-dropdown-wrap.k-state-border-down .k-input/*, .k-picker-wrap.k-state-border-down .k-input, .k-picker-wrap.k-state-border-down .k-selected-color, .k-numeric-wrap.k-state-border-down .k-input*/ {
    border-radius: 0!important;
}
/*.k-picker-wrap.k-state-active.k-state-border-down, */.k-dropdown-wrap.k-state-active.k-state-border-down/*, .k-numeric-wrap .k-link.k-state-selected*/ {
    box-shadow: none!important;
}
/*.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, */.k-dropdown-wrap .k-input, .k-selectbox .k-input {
    padding: 0!important;
}
.k-dropdown-wrap.k-state-border-down {
    padding-bottom: 5px!important;
}
.k-dropdown-wrap.k-state-hover {background-color:#FFF!important;}

.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-dropzone {
    border-radius: 0!important;
}

.tr{
    display:table-row;
}

.tr > *{
    display:table-cell;
}

.imagePreviewWidthDisplayWr{
    height:8px;
    position:relative;
    box-sizing:border-box;
}

.imagePreviewWidthArrowWr{
    margin:0;
    height:100%;
    position:relative;
    display:block;
}

.imagePreviewWidthDisplayWrArrowLeft{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url('img/arrow-left.png');
    background-position:left top;
    background-repeat:no-repeat;
    background-size:contain;
}
.imagePreviewWidthDisplayWrArrowRight{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url('img/arrow-right.png');
    background-position:right top;
    background-repeat:no-repeat;
    background-size:contain;
}

.imagePreviewWidthDisplayWrLine{
    position:absolute;
    left:1%;
    top:3px;
    width:98%;
    height:2px;
    background:#000;
   
}



.imagePreviewHeightDisplayWr{
    width:8px;
    height:100%;
    position:relative;
    box-sizing:border-box;
}



.imagePreviewHeightDisplayWrArrowUp{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url('img/arrow-up.png');
    background-position:left 0;
    background-repeat:no-repeat;
    background-size:contain;
}
.imagePreviewHeightDisplayWrArrowDown{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url('img/arrow-down.png');
    background-position:left 0 bottom 0;
    background-repeat:no-repeat;
    background-size:contain;
}

.imagePreviewHeightDisplayWrLine{
    position:absolute;
    left:3px;
    top:10px;
    bottom:10px;
    width:2px;
    background:#000;
   
}

.imagePreviewHeightNumberWr{
    vertical-align:middle;
    max-width:15px;
}

.imagePreviewHeightNumber{
    display:block;
    transform:rotate(270deg);
    width: 60px;
    height: 15px;
    white-space: nowrap;
    position: relative;
    left: -27px;
}

#imagePreviewImgWr{
    padding:3px;
    background:url('img/config_bg.png');
}
.previewCell{
    position:relative;
}
.textConfigZoomTrigger{
    position:absolute;
    right:0;
    bottom:-42px;
    width:25px;
    height:25px;
    background:url('img/zoom.png');
    background-size:contain;
    opacity:0.7;
    cursor:pointer;
}

#text-config-warning{
    display:none;
    color:#cc0000;
}
    .one_half{
        width:48%;
        float:left;
    }

    .one_half.first{
        margin-right:4%;
    }
    
@media (min-width:900px){
    .one_half_main{
        width:48%;
        float:left;
    }

    .one_half_main.first{
        margin-right:4%;
    }
}

.textConfigBoxHelpWr{
    float:right;
}

.textConfigBoxHelpWr a{
    display:inline-block;
    width:40px;
    text-align:center;
    background:#ddd;
}

.textConfigRightColumn .productprice{
    font-size:1.5em;
}

.flipped{
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.textConfigBoxHead{
    background:#e5e5e5;
}

.textConfigLinesWr{
    display:none;
}

.line-width-input-wr{
    display:none;
}
.textConfigTextWrapper{
    clear:both;
}
.textConfigTextWrapper > *{
    width:13%;
    float:left;
    margin-left:2%;
}

.textConfigTextWrapper .font-select{
    width:40%;
    margin:0;
}
.configurator_action *{
    box-sizing:border-box;
}

.textConfigTextWrapper > * input,
.textConfigTextWrapper > select{
    max-width:100%;
    margin-bottom:0;
}

.textConfigTextWrapper input, .textConfigTextWrapper select,
#final-width,
#final-height,
.textConfigRightColumn [name="products_qty"]{
    padding:5px;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    height:auto;
}


.k-animation-container, .k-list-container{
    width:auto !important;
}
.k-list-container img{
    max-width: none !important;
}
[name="tc-text"]{
    width:100%;
    box-sizing:border-box;
}
.tc-lines-head-wr > span{
    display:inline-block;
    height:90px;
    width:12%;
    margin-left:2%;
    white-space: pre-line;
}


.tc-lines-head-wr > span > span{
    display:inline-block;
    transform-origin: 0 100%; 
    transform: translate(16px, 67px) rotate(300deg);
}

@media (max-width:600px){
    .tc-lines-head-wr > span{
        display:inline-block;
        height:115px;
        width:10%;
        margin-left:2%;
        white-space: nowrap;
    }
    .tc-lines-head-wr > span > span{
        display:inline-block;
        transform-origin: 0 100%; 
        transform: translate(20px, 88px) rotate(280deg);
    }
}


.tc-lines-head-wr > span:first-child{
    width:40%;
    margin-left:0;
}

.color-stage-background{
    position:fixed;
    z-index:9999;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000;
    opacity:0.4;
}
.color-stage{
    position:fixed;
    z-index:10000;
    background:#fff;
    padding:10px;
    max-width:95%;
    width:800px;
    text-align:center;
    top:0;
    left: 0;
    right: 0;
    margin:50px auto;
    max-height: calc(100% - 80px);
    overflow:auto;
border:1py solid #000;
padding 10px;
}

.color-stage .color-selector{
    margin:3px;
    display:inline-block;
    width:47%;
    padding:30px 5px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px;
    color:#fff;
    text-shadow: 0 0 4px #000;
    cursor:pointer;
    border:2px solid #fff;
    border-radius: 5px 15px;
}
.color-stage .color-selector.active{
    border-color:#ccc;
}

.k-state-default.text{
    display:none;
}

.k-state-default.img[data-value^="-"]{
  
}
.k-state-default.text[data-value^="-"]{
    display:block;
    text-align:center;
    padding:5px;
    font-size:1.4em;
}

.k-dropdown-wrap{
    height:32px !important;
}

.dropzone, .dropzone .dz-message, .dropzone .dz-preview{
    min-height:0 !important;
    border: none !important;
    background:none !important;
    padding: 0 !important;
    margin:0 !important;
    display:block;
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone .dz-preview.dz-complete{
 /*   display:inline;   */
}

.dropzone .dz-preview .dz-progress{
    position:static;
    width:auto;
    margin-top:5px;
    margin-left:0;
}
.dropzone .dz-preview .dz-details{
    padding:0;
    position:static;
}

.dropzone .dz-message{
    display:block !important;
    text-align:left;
}

.dropzone .dz-preview.dz-file-preview .dz-image{
    height:auto !important;
    border: none !important;
    background:none !important;
}

#final-width,
#final-height,
.textConfigRightColumn [name="products_qty"]{
    width:80px !important;
    margin:0 !important;
}

.tc-lines-head-wr{
    overflow:hidden;
}

