/* ----------------------- added by fatbeehive 2017/03/21 ------------------- */
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello/font/fontello.eot?28594496');
  src: url('../fonts/fontello/font/fontello.eot?28594496#iefix') format('embedded-opentype'),
       url('../fonts/fontello/font/fontello.woff2?28594496') format('woff2'),
       url('../fonts/fontello/font/fontello.woff?28594496') format('woff'),
       url('../fonts/fontello/font/fontello.ttf?28594496') format('truetype'),
       url('../fonts/fontello/font/fontello.svg?28594496#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-share:before{content:'\e800'}


.cssHideScroll {
    overflow-y: hidden !important;    
}

.sd-content.article-republish a:before {
	font-family:"fontello" !important;
    content: '\e800';
}

.sd-content.article-republish a span {
    padding-left: 5px;
}

.sd-content.article-republish .republish-info {
    margin: 20px 0px 10px 0px;
}

.article-publish-popup {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: auto;
    z-index: 10000;
}

.article-popup-inner {
    position: relative;
    background-color: white;
    border: 1px solid black;
    width: 700px;
    top: 100px;
    margin: 0 auto;
    padding: 20px;
    max-width: 80%;
    /*animation: zoom-in 0.25s ease-out;*/
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
}

.article-popup-inner p {
    margin-bottom: 20px;
}

.article-popup-inner .article-nav {
    border-bottom: 1px solid #666;
    margin-bottom: 20px;
}


.article-popup-inner .article-nav-item {
    display: inline-block;
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border: 1px solid #bbb;
    border-bottom: none;
    bottom: -1px;
    margin-right: 10px;
    padding: 8px 32px 4px 32px;
    position: relative;
    cursor: pointer;
}
    
.article-popup-inner .article-nav-item.article-selected {
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}

.article-agreement {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #7f7f7f;
    padding: 12px 12px 12px 42px;
    background-color: #f1f1f1;
    background-image: url(/images/info.png);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 9px 7px;
}

.article-popup-codetext {
    height: 150px;
    width: 100%;
    max-width: 100%;
    resize: vertical;
    border: 1px solid #a9a9a9;
    background-color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
}

.article-popup-close {
    width: 75px;
    margin: 30px 0px 10px 20px;
}

.article-popup-close span {
    padding: 10px 20px;
    border: 1px solid #bbb;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f1f1f1;
}

.article-adv-typetext {
    width: 100%;
    background-color: #eee;
    margin: 20px 0px;
}

.article-adv-typetext div { 
    padding: 20px;
}