/** * Custom Product Preview * * @category: Aitoc * @package: Aitoc_Aitcg * @version 4.3.3 * @license: n/a * @copyright: Copyright (c) 2015 AITOC, Inc. (http://www.aitoc.com) */
.aitraph{position: absolute; overflow: hidden;}
.aitraph-li{cursor: pointer; padding: 1px;}
.aitraph-li.error{border: 1px solid red; padding: 0;}
.aitraph-li .aitcg_image_div{margin: 2px;}
.aitcg_downloadlinks ul{margin-bottom: 5px; list-style: none;}
.aitcg_print_sub{margin-left: 7px;}
.aitcg_print_sub input{margin: 3px;}
.aitcg_bgupload{margin:3px;}
.aitcg_downloadlinks ul li{padding-left: 10px;}
.aitcg_image_container{background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/transparency.gif');}
.aitcg_image_container .aitraph-top{border: 1px solid #FAA819; background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/blank.gif'); box-sizing: border-box;}
.aitcg-overlay{position: absolute; top : 0; left: 0; z-index:10000; background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/edit_64.png') no-repeat center center; opacity: 0.4; filter: alpha(opacity = 40);}
.nav-primary li.level0:hover{z-index: 100000 !important;}
.aitcg_image_div .aitcg-overlay{background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/edit_48.png') no-repeat center center;}
.aitcg_image_div .aitcg-overlay.view-icon{background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/zoom_48.png') no-repeat center center;}
.more-views .aitcg_image_div .aitcg-overlay{background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/edit_32.png') no-repeat center center;}
.aitcg-overlay:hover{opacity: 1.0; filter: alpha(opacity = 100);}
.aitraph-bot{padding: 1px; box-sizing: border-box;}
.aitcg_image_div{position:relative; float: none; width: 0; cursor: pointer;}
.aitcg_image_div .aitcg_preview_bg{top: 0; left: 0; position:relative; max-width:none;}
.aitcg_image_div .aitraph{margin: -1px;}
.aitcg_image_div .aitraph-top{border: 1px solid black;}
.aitcg_image_div .aitraph .ith{position: absolute; top: 0; left: 0;}
#loading-mask{background:url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/blank.gif') repeat; position:absolute; color:#d85909; font-size:1.1em; font-weight:bold; text-align:center; opacity:0.80;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; *//* IE8 */ filter: alpha(opacity=80); box-sizing: content-box;z-index:59999;}
#loading-mask .loader{position:fixed; top:45%; left:50%; width:120px; margin-left:-120px; padding:15px 60px; background:#fff4e9; border:2px solid #f1af73; color:#d85909; font-weight:bold; text-align:center; z-index:50000; box-sizing: content-box;}
#loading-mask .loader img{display: block; margin-left: auto; margin-right: auto;}
#message-popup-window-mask{position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:10000; background-color:#efefef; opacity:.5; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*//*IE8*/ filter: alpha(opacity=80);}
.message-popup{position:absolute; z-index:6001; width:407px; top:-9999em; left:50%; margin:0 0 0 -203px; background:#f3bf8f; padding:0 4px 4px;}
.message-popup.show{top:280px;}
.message-popup .message-popup-head{padding:1px 0;}
.message-popup .message-popup-head h2{padding:0 10px; margin:0; font:bold 12px/19px Arial, Helvetica, sans-serif; color:#644f3b;}
.message-popup .message-popup-head a{float:right; border:1px solid #ea7601; padding:0 12px 0 7px; font:normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none !important; cursor:pointer;}
.message-popup .message-popup-head a span{float:left; padding-left:19px;}
.message-popup-ait{position: relative; overflow: hidden;}
#wrapperAitcgUrl{display: none;}
.message-popup .aitclear{clear:both;}
.message-popup .print-area-editor{padding-bottom:0;}
.input-box .aitinput{/*float: left; */ width: auto; margin-right: 20px;}
.input-box .aitimage{}
.input-box .aitclear{clear:both;}
.aitcg-popup{position: absolute; left: 50%; width: 750px; padding: 10px 15px; margin-left: -376px; z-index: 10001; background-color: #F7F7F7; border: 1px solid #C4C6C8;}
.aitcg-popup .title{position: relative; height: 30px; padding-left: 10px; margin: -10px -15px 10px; border-bottom: 1px solid #C4C6C8; text-align: left; font-size: 16px; line-height: 30px; font-weight: bold;}
.aitcg-popup.print-area-editor .title{border: none; margin-bottom: 0;}
.aitcg-popup .title .close-but,
.aitcg-popup .title .help-but{float: right; height: 30px; width: 30px; background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/close.png') no-repeat center center; z-index: 10000; cursor: pointer;}
.aitcg-popup .title .help-but{background-image: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/help.png'); cursor:help;}
.aitcg-popup .text{font-size: 12px; color: #6D6E6E;}
.aitcg-popup .buttons{padding-top: 10px; margin: 10px -15px 0; border-top: 1px solid #C4C6C8;}
/* Styles for ColorPicker popUp */
.jscolorpicker{border: 1px solid #406a83; height: 19px; margin-left: 3px;}
.aitcg-button{padding: 2px 8px; margin: 0 10px 0 0; text-align: center; white-space: nowrap; font: bold 12px/18px Arial,Helvetica,sans-serif; cursor: pointer; text-decoration: none;}
/* Bottom control panel */
#aitcg-control-panel{padding-top: 10px; position: relative; height: 27px;}
#aitcg-control-panel .apply-but{float:right; margin-right: 0;}
.aitcg_error{color: #dd0000; font-size: 12px;}
.aitcg_preview_inverted_mask{position:absolute;left:0;top:0;z-index:6000;pointer-events:none;}
.aitraph tspan{-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none;}
/* Toolbox */
.aitcg-toolbox{position: relative; overflow: hidden; padding-bottom: 5px;}
.aitcg-toolbox-accordion .toolTitle{margin: 3px; clear: both; font-weight: bold; width: 100%; border-top: 1px solid black; cursor: pointer;}
.aitcg-toolbox-accordion .toolTitle .plus,
.aitcg-toolbox-accordion .toolTitle.selected .minus{display: inline;}
.aitcg-toolbox-accordion .toolTitle .minus,
.aitcg-toolbox-accordion .toolTitle.selected .plus{display: none;}
.aitcg-toolbox-icons{}
.aitcg-toolbox .tools-titles,
.aitcg-toolbox .tools-bodies{clear: both; width: 100%;}
.aitcg-toolbox .tool-body{display: none; padding-bottom: 5px;}
.aitcg-toolbox .tool-body.selected{display: block;}
.aitcg-toolbox-icons .toolTitle{float: left; cursor: pointer; margin-right: 3px;}
.aitcg-toolbox-icons .toolTitle .icon{float: left; border-radius: 5px; background-position: center center; background-repeat: no-repeat; padding: 5px; width: 32px; height: 32px; margin: 2px; box-sizing: content-box;}
.aitcg-toolbox-icons .toolTitle .label{float: left; clear: both; font-weight: bold; font-size: 12px; width: 50px; padding: 2px 0; text-align: center;}
.aitcg-toolbox .text-edit-notice{font: bold 12px/15px Arial,Helvetica,sans-serif; padding: 2px 3px; text-transform: uppercase;}
.aitcg-toolbox-icons .toolTitle.selected,
.aitcg-toolbox-icons .toolTitle:hover{opacity: 1.0; filter: alpha(opacity=100);}
.aitcg-toolbox input, .aitcg-toolbox select{padding: 1px; font: 12px/15px Arial,Helvetica,sans-serif;}
.aitcg-toolbox table.form-list{border-spacing: 5px;}
.aitcg-font-preview{overflow: hidden; max-width: 260px;}
.aitcg-toolbox .tool-body .buttons,
.aitcg-under-template-block{margin: 0; border: none; padding: 2px 0; width: 100%; clear: both;}
.aitcg-toolbox .category-previews{max-height: 280px; overflow: auto; margin: 3px 0; position: relative;max-width: 250px;}
.aitcg-toolbox .category-previews .container{margin: -3px 0 -3px -3px;}
.aitcg-toolbox .category-previews div div{float: left; padding: 3px; width: 76px; height: 76px;}
.aitcg-toolbox .category-previews input{display: none;}
.aitcg-toolbox .category-previews img{cursor: pointer; padding: 1px;}
.aitcg-toolbox .category-previews img.selected,
.aitcg-toolbox .category-previews img:hover{border: 1px solid red; padding: 0;}
#aitcg-tooltip{position: fixed; top: 0; left: 0; width: 100%; padding: 10px 12px; z-index: 100010; font-size: 16px; text-align: center;}
/* Tooltips color themes */
.aitcg-tooltip-dark{background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/black_75.png'); color: #ffffff; border-bottom: 1px solid white;}
.aitcg-tooltip-light{background: url('https://backup.chiliconcept.com/js/aitoc/aitcg/img/white_75.png'); color: #000000; border-bottom: 1px solid black;}
.form-list textarea[id*='add_text_']{width: 275px;}
.form-list select[id*='font-preview-selector-']{width: 200px;}