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}
.maker-content{font-size: 15px;line-height: 26px;}
.maker-content p{line-height: 26px;margin: 0 0 15px;}
.maker-content ul, .maker-content ol {margin-bottom: 15px;}
.maker-content h2, .maker-content h3 {font-size: 17px;color: #444;margin-top: 25px;margin-bottom: 5px;}
.maker-content h2:first-child, .maker-content h3:first-child {margin-top: 0;}
#previewBox{background:#f0f0f0;width:100%;height:560px;padding:20px 0;position:relative}
#previewBox .preview{width:100%;height:550px}
#previewBox img{width:auto;max-width:500px;max-height: 520px;box-shadow:1px 1px 5px 1px #ccc;}
.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}
.sp-replacer{border:solid 1px #e1e1e1;background:#fff}
.sp-preview{width:30px;border:solid 1px #d7d7d7}
.wbOpt .sp-preview{width:20px}
#controlBox {background-color: #f9f9f9;border:solid 1px #ececec;padding: 24px;margin: 0 0 50px;}
#controlBox h3{border-bottom:1px solid #e6e6e6;font-size:15px;font-weight:700;margin-bottom:10px;position:relative;}
#controlBox h3 span{border-bottom:2px solid #00a9e0;padding-bottom:10px;display:inline-block;position:relative;top:1px}
#controlBox h3+div{margin-bottom:30px}
#controlBox .lbl{margin-right:5px;font-size:14px}
#controlBox .fs{margin-bottom:5px;display:inline-block}
#controlBox table {width:100%}
#controlBox td {vertical-align: top;padding: 9px 10px;}
#controlBox .left {font-weight: bold;padding-right: 5px;line-height: 28px;width:1%;white-space:nowrap;}
#controlBox .finfo{color:#999; font-size:9pt;margin:2px 0 0;}
#controlBox .lbl{font-weight:bold;}
#controlBox .lbl.top {display:block;margin:0 0 7px;}
#controlBox .lbl.top i{font-size:13px;margin-left:5px;color:#999;font-weight: normal;}
#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}
.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;border:solid 1px #d5d5d5;background:#f0f0f0;position: relative;border-radius: 3px;}
#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}
#proBlock h3{font-size:15px;font-weight:700;margin-bottom:10px;position:relative}
#proBlock h3+div{margin-bottom:15px}
#loader{margin:0 auto;width:32px;height:32px;background:0}
#loader.show{background:url("ajax-loader.gif") no-repeat center center}
#loaderb{margin:0 auto;width:64px;height:64px;background:0;top:170px;position:absolute;left:calc(50% - 32px)}
#loaderb.show{background:url("loader.gif") no-repeat center center}
.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:5px 0}
.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;}


.frontCard{margin:5px 0.8% 20px;display:inline-block;width:23%;text-align:center;border-radius: 0 0 10px 10px;box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.08);border: solid 1px #e5e5e5;}
.imgBox {display: block;padding: 10px;background: #e8e8e8;}
.imgBox img {box-shadow: 0 0px 3px 0 rgba(0,0,0,0.14);}

.titleBox h4 {color: #5c7c99;font-weight: 700;font-size: 18px;margin: 15px 0 18px;	}

.catBoxWrap{margin:20px 0;}
.catBoxMore{width: 32%;margin:0.5%;display:inline-block;background: #f7fafb;box-shadow: 0 0 3px #ddd;border-radius: 5px;border: solid 1px #d1e5ee;text-align: center;}
.catBoxMore a{font-weight:600;font-size:17px;color:#2984d5;display: block;padding:15px 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.catBoxWrap.intool{margin:10px 0;}
.catBoxWrap.intool .catBoxMore{background: #fff;width:auto;box-shadow: 0 0 3px #e1e1e1;border: solid 1px #e4e4e4;}
.catBoxWrap.intool .catBoxMore a{font-size: 15px;padding: 11px 17px;}


.toolSec .ttl{font-weight:600;display: inline-block;padding:5px 10px;vertical-align:middle;}
.toolSec a{font-weight:600;color:#346ea2;display: inline-block;padding:5px 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align:middle;}
.toolSec .sep{display: inline-block;vertical-align:middle;margin:0 6px 0 0;color:#d7d7d7;}
.toolSec .fa{vertical-align: middle;color: #cec094;}



.tbtn{color:#666;cursor:pointer;display:inline-block;border:solid 1px #d5d5d5;background:#f0f0f0;padding:7px 18px;border-radius:3px;height:auto;line-height:22px;}
.tbtn-full{width:100%;}
.tbtn-rounded {border-radius: 60px;padding: 7px 18px;}
.tbtn-red{color:#fff!important;background-color:#f05d4e;border-color:#f05d4e}
.tbtn-green{color:#fff!important;background-color:#5cb85c;border-color:#4cae4c}
.tbtn-blue{color:#fff!important;background-color:#5b94de;border-color:#5b94de}
.tbtn-orange{color:#fff!important;background-color:#f0ad4e;border-color:#eea236}
.tbtn .fa{margin-right:3px}



.relToolsGallery {padding: 25px 25px 2px;background: #fff;border: solid 1px #ebebeb;margin: 0px 0 40px;box-shadow: 0px 0px 3px #eee;}
.relToolsGallery h3{font-weight: bold;margin-right: 10px;display: inline-block;margin-bottom: 15px;font-size:16px;border: none;font-family: 'Open Sans';}

.toolsGallery{padding: 0;margin: 15px 0;list-style: none;}
.toolsGallery li{margin:0.5% 2.1% 1% 0%;list-style: none;display: inline-block;width: 18%;text-align: center;position: relative;background: #fff;}
.toolsGallery li div{padding: 15px 15px;background: #eee;border: solid 1px #e0e0e0;}
.toolsGallery li img{max-width:100%;border: solid 1px #e6e6e6;box-shadow: 2px 2px 8px #e8e8e8;}
.toolsGallery li p{font-weight:bold;margin: 10px 0 15px;}
.toolsGallery .prv {display: block;width: 100%;height: 173px;background-repeat: no-repeat;background-position: left top;box-shadow: 0 0 5px 2px #e4e4e4;}
.toolsGallery h4{font-weight: 600;margin: 10px 0 15px;line-height: 25px;font-size: 14px;font-family: 'Open Sans';overflow: hidden;padding: 0 15px;height: 50px;}
.toolsGallery li:nth-child(5) {margin-right: 0;}

.toolSecEx .toolBlock{width:16%;margin:0 0 20px 5px;display:inline-block;vertical-align:top;}
.toolSecEx .ttlEx{font-weight:500;display: block;padding:4px 10px;margin-bottom: 20px;color: #666;}
.toolSecEx h3{border:none;background: #edf3f5;padding: 8px 15px;border-radius: 3px;font-size: 15px;font-weight: 700;margin-bottom: 10px;position: relative;}
.toolSecEx ul {padding: 0;margin: 0 0 0 20px;}
.toolSecEx li {padding: 4px 2px;white-space: nowrap;vertical-align: middle;font-size: 14px;}
.toolSecEx a {color: #2d7abd;}
.toolSecEx .fa{vertical-align: middle;color: #444;font-size: 6px;margin-right: 5px;}

.toolSecEx .hglink{color:#d76741;}

.tool-wrap{padding:10px;border: solid 1px #ebebeb;}

.tool-page{position:relative;margin-bottom:40px;padding:35px;background-color:#fff;border:solid 1px #ebebeb;}
.tool-cat{border-top: solid 1px #f5f5f5;padding-top: 20px;margin-top:50px;}

.tool-page h2{font-size: 18px;}
.tool-page h3{font-size: 16px;}

.pageToolsBox h2{font-size:15pt;border-bottom: solid 2px #eee;padding: 10px 0;margin-bottom: 20px;}
.pageToolsBox .frontCard{margin: 5px 1.7% 20px 0;width: 18%;}
.pageToolsBox .titleBox h4{font-weight: 600;font-size: 15px;color: #2f3235;overflow: hidden;padding: 0 12px;height: 40px;}


.themesList{margin:0;padding:0}
.themesList li{margin:0 1% 5%;list-style:none;display:inline-block;width:23%;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 1.2% 3%;list-style:none;display:inline-block;width:22%;text-align:center;border: solid 1px #dbe1e8;;position:relative;border-radius: 0 0 10px 10px;}
.toolsList li div{padding:20px 10px;background: #dfe3e8;border: solid 1px #dbe1e8;}
.toolsList li img{max-width:100%;border: solid 1px #cdd3db;box-shadow: 2px 2px 8px #d0d0d0;}
.toolsList li p{font-weight:bold;margin: 10px 0 15px;font-size: 15px;}

.mainToolsList{margin:10px 0;padding:0}
.mainToolsList li{margin:0 2.5% 100px;list-style:none;display:inline-block;width:28%;text-align:center;position:relative}
.mainToolsList li h2{margin:10px 0;font-size:24px;font-weight:600;}
.mainToolsList li p{font-weight:normal;margin: 0 0 20px;font-size: 15px;}
.mainToolsList li .tbtn{background-color: #55aed9;border-color: #55aed9;padding: 10px 25px;font-weight: bold;}

.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 .tbtn{width:32%;text-align:center;font-size:17px;padding:7px 15px;margin:2px}
.dlOptionsBox .free .tbtn{width:48%}
.dlOptionsBox .pro .tbtn{font-size:15px;padding:7px 6px}
.dlOptionsBox .tbtn .fa{margin-right:5px}
.dlOptionsBox ul li{font-size:14px;line-height:23px}

.curtain{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:999}
.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;border:solid 1px #f9f9f9;display: inline-block;}
#themeBox li.selected, #fontBox li.selected{background-color: #ffeddf;}
#themeBox li p, #fontBox li p{text-align: center;margin: 10px 0 0;font-size: 12px;color: #aaa;}
#themeBox img, #fontBox img{width:150px;height:auto}


.templatesList{margin:0 !important;padding:0}
.templatesList li{margin:1% 1.5%;list-style:none;display:inline-block;width:17%;text-align:center;position:relative;border: solid 1px #e9e9e9;border-radius: 0 0 10px 10px;}
.templatesList li div{padding: 18px;background: #eee;}
.templatesList li .wtitle{padding:5px 15px;margin:5px 0 0;font-weight: normal;font-size: 13px;font-family: 'open sans';line-height: 18px;height:26px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-weight:600;}
.templatesList li img{max-width:100%;max-height: 233px;width: auto;}
.templatesList li .edit {padding: 5px 0;margin: 1px 0 0;font-weight: bold;font-size: 13px;background:#fff;color:#c49898;}


input[type="radio"]:checked + label {color: #3d8bd0;}
input[type="checkbox"]:checked + label {color: #3d8bd0;}


li[data-name="QWwyN20wYXo0WUU9"], li[data-name="QWwyN20wYTMvWnNJ"]{/*background: #ecf9ec !important;*/border: solid 1px #c4e1e1 !important;}
li[data-name="QWwyN20wYXo0WUU9"] p, li[data-name="QWwyN20wYTMvWnNJ"] p{font-weight: bold;color: #b38455 !important;}