.colorpick{cursor:pointer;width:120px;height:50px;float:left;display:block;margin:5px 10px 10px;border:1px solid #c6c6c6}#fabtastic{padding:70px 0 30px}.colorpick:hover{border-color:1px solid #c00}#design_wrapper{margin:20px 0;position:relative}#design_container{width:100%;height:360px;overflow:auto;background:#e9e9e9;position:relative;outline:1px solid #ccc}.tartan-preview-y{position:absolute;top:0}.tartan-preview-opacity{opacity:.5;-ms-filter:"alpha(opacity=50)";*filter:alpha(opacity=50);}.tartan-preview-opacity-hover{opacity:.9;-ms-filter:"alpha(opacity=90)";*filter:alpha(opacity=90);}.farbtastic{position:relative}.farbtastic *{position:absolute !important;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:98px;height:98px}.farbtastic .color,.farbtastic .overlay{top:25px;left:26px;width:50px;height:50px}.farbtastic .color{z-index:0}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:98px;height:98px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(../images/marker.png) no-repeat}.yarn{float:left}.yarn .value_display{float:left;display:inline-block;width:40px;height:38px;font-size:10px;color:#333;font-weight:700;line-height:12px;border:1px solid #666;cursor:default;text-align:center;margin-right:2px}.yarn .delete{padding:12px 0 0 2px;cursor:pointer}.designer-blocks>div{float:left;width:21%;margin-right:1%}.designer-blocks>div:last-child{margin:0}#error_design_name{display:none}#design_name{width:200px}#result_saved_design{color:green;margin-top:50px}.line_settings,.used_color{height:20px;overflow:hidden;margin:0;border:1px solid}.text{max-width:700px;margin:0 0 30px;background:#fff;border:2px solid #eee;border-radius:5px;padding:7px 15px;box-sizing:border-box}.tabs{width:100%;margin:0 0 30px}.tabs__caption{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;position:relative;padding-left:0}.tabs__caption li:first-child{margin-left:0}.tabs__caption li:last-child:before{content:'';position:absolute;bottom:-5px;left:0;right:-2px;z-index:-1;height:5px;background:#fafafa}.tabs__caption:after{content:'';display:table;clear:both}.tabs__caption li{width:75px;padding:8px;margin:10px 0 0 17px;background:#fafafa;color:#0073aa;position:relative;border:solid #eee;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;text-align:center;color:#000;font-weight:700;font-size:13px;display:inline-block;float:left;height:20px;box-sizing:content-box}.tabs__caption li:not(.active){cursor:pointer}.tabs__caption li:not(.active):hover{background:#fafafa;border-color:#eee}.tabs__caption .active{background:#fff;color:#000;border-color:#eee}.tabs__caption .active:after{content:'';position:absolute;bottom:-5px;left:9%;right:0;height:5px;background:#c6c6c6;width:80%;text-align:center}.tabs__content{display:none;border:2px solid #eee;border-radius:0 5px 5px}.tabs__content.active{display:table;width:100%;margin-top:15px;height:130px}.colorpick-bg{width:100%;height:30px}.colorpick-title{font-size:11px;padding:0 0 0 5px;color:#000;float:left}#used_colors{border:2px solid #eee;border-radius:0 5px 5px;padding:10px;margin-bottom:25px}.mypalettes{width:125px;display:inline-block;margin:0 10px 0 0;border:1px solid #c6c6c6}#wrapper_yarns{display:inline-block;float:left;width:34%;border:2px solid #eee;margin:0 1% 0 0;min-height:440px}#preview{display:inline-block;float:right;border:2px solid #eee;padding:10px;width:60%;min-height:440px}#preview>button{box-shadow:none}#clear_btn{display:inline-block;float:left}.design-name{display:inline-block;margin-left:15%}#save_btn{display:inline-block;float:right}.design-block-title{display:inline-block;text-decoration:underline;color:#000;font-size:15px;margin:5px 10px 10px}#btn_undo{float:left}#btn_redo{float:right;margin-bottom:20px}.preview_logo{display:inline-block;margin-left:35%}.tartan_icon{float:left;width:40px;height:40px;display:inline-block;cursor:pointer;margin-right:2px;text-align:center}.tartan_icon img{padding:5px}.spotcolor{margin-right:2px;display:inline-block;width:50px;height:40px;float:left}.spotcontainer{margin:0 0 5px}.clearfix_tartan{content:".";display:block;height:0;clear:both}.design-steps{list-style-type:none;margin:-20px 0 0;padding-bottom:40px;color:#000;font-size:12px;padding-left:5px}.design-steps li{float:left;display:inline-block;padding:0 5px 0 0}.design-steps b{color:#000;font-weight:700;font-size:14px}.grey_button span{background:#c6c6c6 !important;border:1px solid #c6c6c6 !important}.grey_button{background:#c6c6c6 !important;border:1px solid #c6c6c6 !important}#max_colors{margin:0 auto;width:200px;color:red;text-align:center;font-weight:700;font-size:14px;display:inline-block}.shelfcolor img{vertical-align:none;padding:4px;float:right}#picker{margin-left:150px}с>span{padding:2px 8px}#preview>button.button{background:#224f32;color:#fff}#preview>button.button span{background:#224f32;border:none}#preview>button.button span span{padding:0 14px}.special_title{font-style:italic}#preview>button.save_button{background:#de5400}#preview>button.save_button span{background:#de5400;border:none}#clear_btn_mobile{display:none;float:left}.meter_img{display:inline-block;float:left;margin-right:5px}.meter_text{display:inline-block;float:left;font-size:11px;line-height:1.2;margin-left:10px}.meter_text>p{margin-bottom:0}.meter_text>h4{font-weight:700;text-transform:none;margin-bottom:0;padding-top:0;margin-top:0}#yarn{min-height:395px}.user_custom_color{margin:10px 10px 5px}.user_custom_color_example{font-size:11px;color:#c6c6c6;padding:0 0 0 171px}@media screen and (min-width:1024px) and (max-width:1305px){.design-name{margin-left:5%;margin-top:14px}}@media screen and (max-width:1235px){#clear_btn{display:none}#clear_btn_mobile{display:inline-block}.design-name{margin:30px 0 15px 15px;display:block}}@media screen and (min-width:880px) and (max-width:884px){#preview{line-height:1 !important}#design_wrapper{margin:10px 0 0}.tabs__caption{width:90%;margin:0}.tabs__caption li{margin:10px 5px 0 0}#clear_btn{display:none}#clear_btn_mobile{display:inline-block}.design-name{margin:0 0 15px}#btn_redo{margin:0 0 15px}#btn_undo{margin:0 0 15px}}@media screen and (max-width:768px){#yarn{min-height:90px}#wrapper_yarns{min-height:0}#design_wrapper{margin:10px 0 0}.tabs__caption{width:95%;margin:0}.tabs__caption li{margin:10px 5px 0 0}#wrapper_yarns{display:block;width:100%}#preview{margin-top:10px;display:block;width:100%;line-height:1 !important;float:left;padding:0}#clear_btn{display:none}#clear_btn_mobile{display:inline-block}.design-name{margin:25px 0 15px 15px}#btn_redo{margin:0 0 15px}#btn_undo{margin:0 0 15px}.preview_logo{display:block;margin-left:34%;margin-bottom:20px;height:33px}.meter_text{font-size:9px}.tartan_icon{width:34px;height:34px}.tartan_icon img{width:34px;height:34px}}@media only screen and (min-device-width:320px) and (max-device-width:568px){.user_custom_color_example{padding:0 0 0 11px}#design_wrapper{margin:10px 0 0}.tabs__caption{width:112%;margin:0}#wrapper_yarns{display:block;width:100%}#preview{margin-top:10px;display:block;width:100%;line-height:1 !important}#clear_btn{display:none}#clear_btn_mobile{display:inline-block;padding:0 5px}.design-name{margin:25px 0 15px;width:100%}#btn_redo{margin:0 0 15px}#btn_undo{margin:0 0 15px}.tartan_icon{width:34px;height:34px}.tartan_icon img{width:34px;height:34px}}@media only screen and (min-device-width:425px) and (max-device-width:425px){.preview_logo{margin-left:20%;display:inline-block}.user_custom_color_example{padding:0 0 0 11px}.tartan_icon{width:34px;height:34px}.tartan_icon img{width:34px;height:34px}.colorpick{width:100px}}.shelfcolor>.remove>a{color:#000;text-decoration:none;float:right;font-weight:700;padding-right:2px;font-size:12px}.tartan_service{display:inline-block;width:50%}.tartan_enlarge{display:none;width:50%;float:right;text-align:right}@media screen and (max-width:420px){.preview_logo{display:block;margin-left:20%}.user_custom_color_example{padding:0 0 0 11px}.tartan_icon{width:34px;height:34px}.tartan_icon img{width:34px;height:34px}.colorpick{width:100px}}@media screen and (max-width:350px){.preview_logo{display:block;margin-left:14%}.user_custom_color_example{padding:0 0 0 11px}.tartan_icon{width:34px;height:34px}.tartan_icon img{width:34px;height:34px}.colorpick{width:100px}}.colorgroup_desc{font-size:12px;display:block;clear:both;margin:0 10px}.main-tartan{margin-bottom:50px}.container{width:100% !important}.page-title{display:none}.page-title-bg{height:0 !important}.std{height:0 !important}.mode_info{margin-top:20px;display:block;font-weight:700;text-align:center}.mode_admin{color:#fff;background:red}.no_symmetry{display:block;float:left;padding:5px}@media only screen and (min-device-width:769px) and (max-device-width:1020px){.tartan_icon{width:28px;height:28px;margin-right:3px}.tartan_icon img{width:28px;height:28px}.spotcolor{width:34px;height:34px}.yarn .value_display{width:34px;height:32px}}@media screen and (max-width:768px){.yarn{width:100%}#preview{padding-bottom:10px}}@media only screen and (min-device-width:769px) and (max-device-width:769px){#preview{width:59%}}@media only screen and (min-device-width:1200px){.tartandesigner-index-index #maincontent,.tartandesigner-index-index #maincontent .container{max-width:92%}}