button,input,select,textarea{font-family:'Open Sans'!important}
select{border:1px solid #d3d3d3;background:#fff;padding:3px;font-size:15px;font-weight:normal}
input[type='text']{border:1px solid #d3d3d3;background:#fff;padding:4px;width:100%}
textarea{border:1px solid #d3d3d3;background:#fff;height:250px;padding:4px;width:100%;resize:vertical}
input[type='checkbox']:checked+label{color:#f00}
input[type="range"] {outline: none;vertical-align: middle;}
#previewBox{background:#f0f0f0;width:100%;height:560px;padding:20px 0;position:relative}
#previewBox .preview{width:100%;height:550px}
#previewBox img{width:100%;max-width:400px;max-height: 520px;box-shadow:1px 1px 5px 1px #ccc;}
h3{border-bottom:1px solid #e6e6e6;font-size:15px;font-weight:700;margin-bottom:10px;position:relative}
h3 span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
h3+div{margin-bottom:30px}
.errorBox{border:solid 1px #F6D4D4;background:#FBDFDF;color:#B62724;font-weight:bold;font-size:12pt;padding:12px;width:100%;margin:0 0 20px 0;border-radius:3px;display:none}
#previewSheetBox{z-index:99;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}
#previewSheetBox span{position:relative;top:200px;padding:20px 40px;background:#ffeec6;color:#000;border:2px solid #000}
#loaderb{top:170px;position:absolute;left:calc(50% - 32px)}
.sp-replacer{border:solid 1px #e1e1e1;background:#fff}
.sp-preview{width:30px;border:solid 1px #d7d7d7}
.wbOpt .sp-preview{width:20px}
#controlBox .lbl{margin-right:5px;font-size:14px}
#controlBox .fs{margin-bottom:5px;display:inline-block}
.sidebar>div:first-child{background:#f5f9fb;border:1px solid #e8eff2;padding:6px}
.sidebar .viewAll{text-align:center;padding:6px;margin-bottom:10px;background:#fff;border:solid 1px #eaecec}
.sidebar .catList{margin:0;padding:0;font-size:14px}
.sidebar .catList li{list-style:none;padding:7px 10px}
.sidebar .catList .branch{background:#91B1B9;color:#fff;font-weight:bold}
.sidebar .catList .branch a{color:#fff}
.sidebar .catList .leaf,.sidebar .catList .leaf a{color:#727272}
.sidebar .catList .selected{font-weight: bold;background: rgba(0,0,100,0.04);}
.sidebar .catList .selected a{color:#1ba22a;}
.tool-title{margin:0 0 5px;font-size:26px;font-style:normal;font-weight:700;line-height:1.2;color:#2f3235;}
.tool-desc{margin:0 0 30px;font-size:16px;line-height:1.2;color:#2f3235;padding:0 0 5px;border-bottom:solid 1px #f5f5f5}
.tool-desc p{line-height: 26px;}
.themesList{margin:0;padding:0}
.themesList li{margin:0 1% 5%;list-style:none;display:inline-block;width:18%;text-align:center;position:relative;vertical-align: top;padding: 1.5%;background:#f9f9f9;border:solid 1px #f3f3f3;}
.themesList li div{height:190px;}
.themesList li p.title{font-weight:bold;margin: 3px 0;line-height: 16px;font-size: 13px;height: 34px;overflow: hidden;}
.themesList li p.info{font-size:14px;margin: 0;font-style: italic;color:#888;}
.themesList li p.download{font-size:14px;margin: 5px 0 0;color:#fff;background:#88c68c;padding:2px 0;border-radius: 2px;}
.themesList li img{max-width:100%;max-height: 184px;border: solid 1px #e6e6e6;box-shadow: 2px 2px 8px #e5e5e5;background: #fff;}
.toolsList{margin:0;padding:0}
.toolsList li{margin:0 2% 2%;list-style:none;display:inline-block;width:29%;text-align:center;box-shadow:0 0 5px 2px #e5e5e5;position:relative}
.toolsList li div{padding:20px 10px;background: #f7f7f7;}
.toolsList li img{max-width:100%;border: solid 1px #e6e6e6;box-shadow: 2px 2px 8px #e5e5e5;}
.toolsList li p{font-weight:bold;margin: 10px 0 15px;}
.aboutTool{border-bottom:1px solid #ececec;font-size:15px !important;font-weight:700;margin-bottom:15px;position:relative}
.aboutTool span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
.cat-page p{margin-bottom:20px;line-height: 26px;}
.dlPreviewWrap{padding: 15px;background: #f5f5f5;}
.dlPreview{box-shadow:0 0 7px 4px #ececec;background: #fff;}
.dlOptionsBox .btn{width:32%;text-align:center;font-size:17px;padding:7px 15px;margin:2px}
.dlOptionsBox .free .btn{width:48%}
.dlOptionsBox .pro .btn{font-size:15px;padding:7px 6px}
.dlOptionsBox .btn .fa{margin-right:5px}
.dlOptionsBox ul li{font-size:14px;line-height:23px}
.btn-red{color:#fff!important;background-color:#f05d4e;border-color:#f05d4e}
.curtain{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:999}
#Busy{background:url(../busy.gif) no-repeat left center;padding:5px 5px 5px 25px;font-weight:bold;display:none}
#waitMsg{margin:20px 0 10px;font-weight:bold;padding:10px;text-align:center;background:#ffa;display:none}
#waitMsg span{background:url(../busy.gif) no-repeat left center;padding:0 0 0 25px}
.premium:before{content:"";z-index:-1;overflow:hidden;transform:rotate(-135deg);width:120px;display:block;background:#87BD05;box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:34px;right:-16px;clip-path:polygon(120px 20px,90px -10px,30px -10px,0px 20px,10px 30px,110px 30px);height:20px;width:120px}
.premium:after{content:"premium";z-index:1;overflow:hidden;font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);width:120px;display:block;background:#87BD05;box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:20px;right:-30px;clip-path:polygon(120px 20px,90px -10px,30px -10px,0px 20px,10px 30px,110px 30px);border:solid 1px rgba(255,255,255,0.5)}
.pro_box{margin:25px 0 5px;text-align:center;padding:10px;background:#ffc;border:dotted 1px #dfcebf;color:#b58445}
.itemDesc{margin: 30px 0;padding: 20px 0 0;border-top: solid 1px #ececec;font-size: 14px;}
.itemDesc h2{font-size: 18px;}
#social_share{list-style:none!important;padding-left:0;margin:5px 0;display:block;float:left;width:100%}
#social_share li{margin-right:3px;float:left;cursor:pointer}
#social_share i{width:55px;height:30px;border-radius:2px;float:left}

.pager_box{margin:40px 0 10px;text-align:center;float:left;width:100%;background:#fafafa;padding:20px 0}
.pages{list-style:none}
.pages li{display:inline-block}
.pages a,.pages span{background:#eee;border:1px solid #e7e7e7;border-radius:3px;color:#888;font-weight:400;margin:0 3px;padding:6px 11px;text-decoration:none;display:inline-block}
.pages li span.current{background:#0c8ebe;border-color:#0c8ebe;color:#fff}
.related_block .themesList li {width: 16%;}

#themeBox ul, #fontBox ul{list-style: none; padding: 0; margin: 0;}
#themeBox li, #fontBox li{margin: 5px;padding: 10px;background-color: #f9f9f9;display: inline-block;}
#themeBox li.selected, #fontBox li.selected{background-color: #fdd;}
#themeBox li p, #fontBox li p{text-align: center;margin: 10px 0 0;font-size: 12px;color: #888;}
#themeBox img, #fontBox img{width:120px;height:auto}

.ui-dialog{position:relative;}
.ui-dialog .popFilter{position: absolute;left:20px;bottom:0;}
.ui-dialog .popFilter label{margin-right:10px;}
.ui-dialog .popFilter input{margin: 3px 0;}
.ui-dialog .popFilter span{font-size:12px;color:#aaa;}


.sp-dd{padding: 0px 0;}
.ui-spinner input[type="text"]{border:none;padding: 0 4px;}
#proBlock{padding:20px 10px;border:solid 1px #d5d5d5;background:#f0f0f0;position: relative;}
#proBlock.inactive:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 100;left: 0;top: 0;opacity:0.4;background:#fff;}
#proBlock.inactive input[type='checkbox']:checked+label{color:#4c4f53}