/*---Top Bar---*/
/*************************font-icon*******************************************/
@font-face {
    font-family: 'sageframe';
    src: url('../fonts/sageframe.eot?') format('eot'), url('../fonts/sageframe.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#adminBody [class^="icon-"],
#adminBody [class*=" icon-"],
#divAdminControlPanel [class^="icon-"],
#divAdminControlPanel [class*=" icon-"] {
    *zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before");
}

    #adminBody [class^="icon-"]:before,
    #adminBody [class*=" icon-"]:before,
    #divAdminControlPanel [class^="icon-"]:before,
    #divAdminControlPanel [class*=" icon-"]:before,
    #adminBody [class^="icon-"] .before,
    #adminBody [class*=" icon-"] .before,
    #divAdminControlPanel [class^="icon-"] .before,
    #divAdminControlPanel [class*=" icon-"] .before {
        font-family: "sageframe";
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

#adminBody a:hover[class^="icon-"]:before,
#adminBody a:hover[class*=" icon-"]:before,
#divAdminControlPanel a:hover[class^="icon-"]:before,
#divAdminControlPanel a:hover[class*=" icon-"]:before,
#adminBody a:hover[class^="icon-"] .before,
#adminBody a:hover[class*=" icon-"] .before,
#divAdminControlPanel a:hover[class^="icon-"] .before,
#divAdminControlPanel a:hover[class*=" icon-"] .before {
    text-decoration: none;
}

#adminBody span[class^="icon-"],
#adminBody span[class*=" icon-"],
#adminBody a[class^="icon-"],
#adminBody a[class*=" icon-"],
#divAdminControlPanel span[class^="icon-"],
#divAdminControlPanel span[class*=" icon-"],
#divAdminControlPanel a[class^="icon-"],
#divAdminControlPanel a[class*=" icon-"] {
    display: inline-block;
}

li.home a.icon-dashboard, li.sfDashBoard a.icon-dashboard, li.sfDashBoard a.icon-home {
    *zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" );
}

    li.preview a.icon-preview:before, li.home a.icon-dashboard:before, li.home a.icon-home:before, li.sfDashBoard a.icon-dashboard:before, li.sfDashBoard a.icon-home:before,
    li.preview a.icon-preview .before, li.home a.icon-dashboard .before, li.home a.icon-home .before, li.sfDashBoard a.icon-dashboard .before, li.sfDashBoard a.icon-home .before {
        font-size: 20px;
        color: #CDD1D5;
        color: rgba(255,255,255,0.5);
        margin-right: 8px;
        margin-top: 12px;
        float: left;
        width: auto;
    }

    li.sfDashBoard a.icon-dashboard:before, li.sfDashBoard a.icon-home:before,
    li.sfDashBoard a.icon-dashboard .before, li.sfDashBoard a.icon-home .before {
        font-size: 18px;
        margin-top: 14px;
    }

li.sfDashBoard a:hover {
    text-decoration: none;
    color: #fff;
}

li.home a.icon-dashboard:before, li.home a.icon-home:before,
li.home a.icon-dashboard .before, li.home a.icon-home .before {
    margin-right: 0px;
    font-size: 18px;
}

li.preview a:hover.icon-preview, li.preview a:hover.icon-preview:before, li.home a:hover.icon-dashboard:before, li.sfDashBoard a:hover.icon-dashboard:before, li.home a:hover.icon-home:before, li.sfDashBoard a:hover.icon-home:before,
li.preview a:hover.icon-preview, li.preview a:hover.icon-preview .before, li.home a:hover.icon-dashboard .before, li.sfDashBoard a:hover.icon-dashboard .before, li.home a:hover.icon-home .before, li.sfDashBoard a:hover.icon-home .before {
    color: rgba(255,255,255,1);
    text-decoration: none;
}

.icon-user {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e601" );
}

    .icon-user:before,
    .icon-user .before {
        content: "\e601";
        font-size: 19px;
        position: absolute;
        top: 8px;
        right: -8px;
        color: rgba(255,255,255,0.35);
        background: #455e75;
        background: rgba(255,255,255,0.2);
        width: 28px;
        height: 28px;
        line-height: 28px !important;
        text-align: center;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

.icon-themesetting:before,
.icon-themesetting .before {
    display: block;
    font-size: 16px;
}

.icon-themesetting {
    position: absolute;
    bottom: -43px;
    left: 69px;
    background: #22527D;
    color: #858d94;
    padding: 22px 11px 11px;
    cursor: pointer;
    -webkit-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

    .icon-themesetting:hover {
        color: #fff;
    }

.icon-settings, .icon-themesetting {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e602" );
}
    /*****Icons*****/
    /*[class*="icon-"]:before, [class*=" icon-"]:before { content: "\e646"; }*/
    .icon-settings:before, .icon-themesetting:before,
    .icon-settings .before, .icon-themesetting .before {
        content: "\e602";
    }

.icon-home {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e600" );
}

    .icon-home:before,
    .icon-home .before {
        content: "\e600";
    }

.icon-preview {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e603" );
}

    .icon-preview:before,
    .icon-preview .before {
        content: "\e603";
    }

.icon-arrow-w {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e604" );
}

    .icon-arrow-w:before,
    .icon-arrow-w .before {
        content: "\e604";
    }

.icon-arrow-s {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e605" );
}

    .icon-arrow-s:before,
    .icon-arrow-s .before {
        content: "\e605";
    }

.icon-arrow-n {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e606" );
}

    .icon-arrow-n:before,
    .icon-arrow-n .before {
        content: "\e606";
    }

.icon-checked {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e610" );
}

    .icon-checked:before,
    .icon-checked .before {
        content: "\e610";
    }

.icon-arrow-e {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e607" );
}

    .icon-arrow-e:before,
    .icon-arrow-e .before {
        content: "\e607";
    }

.icon-addnew, .icon-create {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e608" );
}

    .icon-addnew:before, .icon-create:before,
    .icon-addnew .before, .icon-create .before {
        content: "\e608";
    }

.icon-user {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e601" );
}

    .icon-user:before,
    .icon-user .before {
        content: "\e601";
    }

.icon-page-preview {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e609" );
}

    .icon-page-preview:before,
    .icon-page-preview .before {
        content: "\e609";
    }

.icon-unchecked {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e611" );
}

    .icon-unchecked:before,
    .icon-unchecked .before {
        content: "\e611";
    }

.icon-close {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e614" );
}

    .icon-close:before,
    .icon-close .before {
        content: "\e614";
    }

.icon-handheld {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e613" );
}

    .icon-handheld:before,
    .icon-handheld .before {
        content: "\e613";
    }

.icon-pc {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e612" );
}

    .icon-pc:before,
    .icon-pc .before {
        content: "\e612";
    }

.icon-search {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e615" );
}

    .icon-search:before,
    .icon-search .before {
        content: "\e615";
    }

.icon-arrow-slim-w {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e618" );
}

    .icon-arrow-slim-w:before,
    .icon-arrow-slim-w .before {
        content: "\e618";
    }

.icon-arrow-slim-s {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e619" );
}

    .icon-arrow-slim-s:before,
    .icon-arrow-slim-s .before {
        content: "\e619";
    }

.icon-arrow-slim-n {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e620" );
}

    .icon-arrow-slim-n:before,
    .icon-arrow-slim-n .before {
        content: "\e620";
    }

.icon-arrow-slim-e {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e621" );
}

    .icon-arrow-slim-e:before,
    .icon-arrow-slim-e .before {
        content: "\e621";
    }

.icon-delete {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e617" );
}

    .icon-delete:before,
    .icon-delete .before {
        content: "\e617";
    }

.icon-edit {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e616" );
}

    .icon-edit:before,
    .icon-edit .before {
        content: "\e616";
    }

.icon-pinned {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e624" );
}

    .icon-pinned:before,
    .icon-pinned .before {
        content: "\e624";
    }

.icon-double-pages {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e625" );
}

    .icon-double-pages:before,
    .icon-double-pages .before {
        content: "\e625";
    }

.icon-add-folder {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e630" );
}

    .icon-add-folder:before,
    .icon-add-folder .before {
        content: "\e630";
    }

.icon-delete-folder {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e631" );
}

    .icon-delete-folder:before,
    .icon-delete-folder .before {
        content: "\e631";
    }

.icon-add-file {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e632" );
}

    .icon-add-file:before,
    .icon-add-file .before {
        content: "\e632";
    }

.icon-word {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e637" );
}

    .icon-word:before,
    .icon-word .before {
        content: "\e637";
    }

.icon-execute {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e638" );
}

    .icon-execute:before,
    .icon-execute .before {
        content: "\e638";
    }

.icon-unpin {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e622" );
}

    .icon-unpin:before,
    .icon-unpin .before {
        content: "\e622";
    }

.icon-extract {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e639" );
}

    .icon-extract:before,
    .icon-extract .before {
        content: "\e639";
    }

.icon-single-page {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e623" );
}

    .icon-single-page:before,
    .icon-single-page .before {
        content: "\e623";
    }

.icon-ascending-order {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e627" );
}

    .icon-ascending-order:before,
    .icon-ascending-order .before {
        content: "\e627";
    }

.icon-send {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e640" );
}

    .icon-send:before,
    .icon-send .before {
        content: "\e640";
    }

.icon-upload {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e641" );
}

    .icon-upload:before,
    .icon-upload .before {
        content: "\e641";
    }

.icon-descending-order {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e626" );
}

    .icon-descending-order:before,
    .icon-descending-order .before {
        content: "\e626";
    }

.icon-save {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e628" );
}

    .icon-save:before,
    .icon-save .before {
        content: "\e628";
    }

.icon-close-folder {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e642" );
}

    .icon-close-folder:before,
    .icon-close-folder .before {
        content: "\e642";
    }

.icon-open-folder {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e643" );
}

    .icon-open-folder:before,
    .icon-open-folder .before {
        content: "\e643";
    }

.icon-install-module {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e629" );
}

    .icon-install-module:before,
    .icon-install-module .before {
        content: "\e629";
    }

.icon-refresh {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e635" );
}

    .icon-refresh:before,
    .icon-refresh .before {
        content: "\e635";
    }

.icon-download {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e644" );
}

    .icon-download:before,
    .icon-download .before {
        content: "\e644";
    }

.icon-move {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e636" );
}

    .icon-move:before,
    .icon-move .before {
        content: "\e636";
    }

.icon-copy {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e634" );
}

    .icon-copy:before,
    .icon-copy .before {
        content: "\e634";
    }

.icon-delete-file {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e633" );
}

    .icon-delete-file:before,
    .icon-delete-file .before {
        content: "\e633";
    }

.icon-xml {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e645" );
}

    .icon-xml:before,
    .icon-xml .before {
        content: "\e645";
    }

.icon-file-list-default {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e646" );
}

    .icon-file-list-default:before,
    .icon-file-list-default .before {
        content: "\e646";
    }

.icon-file-list-default {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e646" );
}

    .icon-file-list-default:before,
    .icon-file-list-default .before {
        content: "\e646";
    }

.icon-img, .icon-jpg, .icon-png, .icon-gif {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e647" );
}

    .icon-img:before, .icon-jpg:before, .icon-png:before, .icon-gif:before,
    .icon-img:before, .icon-jpg:before, .icon-png:before, .icon-gif .before {
        content: "\e647";
    }

.icon-js {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e648" );
}

    .icon-js:before,
    .icon-js .before {
        content: "\e648";
    }

.icon-css {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e649" );
}

    .icon-css:before,
    .icon-css .before {
        content: "\e649";
    }

.icon-crop {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e650" );
}

    .icon-crop:before,
    .icon-crop .before {
        content: "\e650";
    }

.icon-text {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e651" );
}

    .icon-text:before,
    .icon-text .before {
        content: "\e651";
    }

.icon-excel {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e652" );
}

    .icon-excel:before,
    .icon-excel .before {
        content: "\e652";
    }

.icon-powerpoint {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e653" );
}

    .icon-powerpoint:before,
    .icon-powerpoint .before {
        content: "\e653";
    }

.icon-info {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e654" );
}

    .icon-info:before,
    .icon-info .before {
        content: "\e654";
    }

.icon-user-accounts, .icon-users {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e655" );
}

    .icon-user-accounts:before, .icon-users:before,
    .icon-user-accounts:before, .icon-users .before {
        content: "\e655";
    }

.icon-add-user {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e656" );
}

    .icon-add-user:before,
    .icon-add-user .before {
        content: "\e656";
    }

.icon-user-setting {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e657" );
}

    .icon-user-setting:before,
    .icon-user-setting .before {
        content: "\e657";
    }

.icon-clear-log {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e658" );
}

    .icon-clear-log:before,
    .icon-clear-log .before {
        content: "\e658";
    }

.icon-xml {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e645" );
}

    .icon-xml:before,
    .icon-xml .before {
        content: "\e645";
    }

.icon-update {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e659" );
}

    .icon-update:before,
    .icon-update .before {
        content: "\e659";
    }

.icon-delete-user {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e660" );
}

    .icon-delete-user:before,
    .icon-delete-user .before {
        content: "\e660";
    }

.icon-download-package {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e661" );
}

    .icon-download-package:before,
    .icon-download-package .before {
        content: "\e661";
    }

.icon-create-template {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e662" );
}

    .icon-create-template:before,
    .icon-create-template .before {
        content: "\e662";
    }

.icon-admin {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e663" );
}

    .icon-admin:before,
    .icon-admin .before {
        content: "\e663";
    }

.icon-superuser {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e664" );
}

    .icon-superuser:before,
    .icon-superuser .before {
        content: "\e664";
    }

.icon-arrow-slimdouble-n {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e665" );
}

    .icon-arrow-slimdouble-n:before,
    .icon-arrow-slimdouble-n .before {
        content: "\e665";
    }

.icon-arrow-slimdouble-s {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e666" );
}

    .icon-arrow-slimdouble-s:before,
    .icon-arrow-slimdouble-s .before {
        content: "\e666";
    }

.icon-arrow-slimdouble-w {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e667" );
}

    .icon-arrow-slimdouble-w:before,
    .icon-arrow-slimdouble-w .before {
        content: "\e667";
    }

.icon-arrow-slimdouble-e {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e668" );
}

    .icon-arrow-slimdouble-e:before,
    .icon-arrow-slimdouble-e .before {
        content: "\e668";
    }

.icon-complete {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e669" );
}

    .icon-complete:before,
    .icon-complete .before {
        content: "\e669";
    }

.icon-scheduler {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e670" );
}

    .icon-scheduler:before,
    .icon-scheduler .before {
        content: "\e670";
    }

.icon-roles {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e671" );
}

    .icon-roles:before,
    .icon-roles .before {
        content: "\e671";
    }

.icon-setting-menu {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e672" );
}

    .icon-setting-menu:before,
    .icon-setting-menu .before {
        content: "\e672";
    }

.icon-files {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e673" );
}

    .icon-files:before,
    .icon-files .before {
        content: "\e673";
    }

.icon-modules {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e674" );
}

    .icon-modules:before,
    .icon-modules .before {
        content: "\e674";
    }

.icon-module-message {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e675" );
}

    .icon-module-message:before,
    .icon-module-message .before {
        content: "\e675";
    }

.icon-page-mgmt, .icon-pages {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e676" );
}

    .icon-page-mgmt:before, .icon-pages:before,
    .icon-page-mgmt:before, .icon-pages .before {
        content: "\e676";
    }

.icon-links {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e677" );
}

    .icon-links:before,
    .icon-links .before {
        content: "\e677";
    }

.icon-menu {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e678" );
}

    .icon-menu:before,
    .icon-menu .before {
        content: "\e678";
    }

.icon-seo {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e679" );
}

    .icon-seo:before,
    .icon-seo .before {
        content: "\e679";
    }

.icon-portals {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e680" );
}

    .icon-portals:before,
    .icon-portals .before {
        content: "\e680";
    }

.icon-lists {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e681" );
}

    .icon-lists:before,
    .icon-lists .before {
        content: "\e681";
    }

.icon-localization {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e682" );
}

    .icon-localization:before,
    .icon-localization .before {
        content: "\e682";
    }

.icon-templates {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e683" );
}

    .icon-templates:before,
    .icon-templates .before {
        content: "\e683";
    }

.icon-message-template {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e684" );
}

    .icon-message-template:before,
    .icon-message-template .before {
        content: "\e684";
    }

.icon-sql {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e685" );
}

    .icon-sql:before,
    .icon-sql .before {
        content: "\e685";
    }

.icon-event-log {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e686" );
}

    .icon-event-log:before,
    .icon-event-log .before {
        content: "\e686";
    }

.icon-site-analytics {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e687" );
}

    .icon-site-analytics:before,
    .icon-site-analytics .before {
        content: "\e687";
    }

.icon-system-event-startup {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e688" );
}

    .icon-system-event-startup:before,
    .icon-system-event-startup .before {
        content: "\e688";
    }

.icon-password {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e689" );
}

    .icon-password:before,
    .icon-password .before {
        content: "\e689";
    }

.icon-user-face {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e690" );
}

    .icon-user-face:before,
    .icon-user-face .before {
        content: "\e690";
    }

.icon-email {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e691" );
}

    .icon-email:before,
    .icon-email .before {
        content: "\e691";
    }

.icon-execute {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e692" );
}

    .icon-execute:before,
    .icon-execute .before {
        content: "\e692";
    }

.icon-navigate {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e693" );
}

    .icon-navigate:before,
    .icon-navigate .before {
        content: "\e693";
    }

.icon-play {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e694" );
}

    .icon-play:before,
    .icon-play .before {
        content: "\e694";
    }

.icon-manage-site {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e695" );
}

    .icon-manage-site:before,
    .icon-manage-site .before {
        content: "\e695";
    }

.icon-tools {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e696" );
}

    .icon-tools:before,
    .icon-tools .before {
        content: "\e696";
    }

.icon-system {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e697" );
}

    .icon-system:before,
    .icon-system .before {
        content: "\e697";
    }

.icon-potral {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e698" );
}

    .icon-potral:before,
    .icon-potral .before {
        content: "\e698";
    }

.icon-portal-management {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e699" );
}

    .icon-portal-management:before,
    .icon-portal-management .before {
        content: "\e699";
    }

.icon-cache-maintenance {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e700" );
}

    .icon-cache-maintenance:before,
    .icon-cache-maintenance .before {
        content: "\e700";
    }

.icon-cdn {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e701" );
}

    .icon-cdn:before,
    .icon-cdn .before {
        content: "\e701";
    }

.icon-expand {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e702" );
}

    .icon-expand:before,
    .icon-expand .before {
        content: "\e702";
    }

.icon-collapse {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e703" );
}

    .icon-collapse:before,
    .icon-collapse .before {
        content: "\e703";
    }

.icon-generate {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e704" );
}

    .icon-generate:before,
    .icon-generate .before {
        content: "\e704";
    }

.icon-help {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e705" );
}

    .icon-help:before,
    .icon-help .before {
        content: "\e705";
    }

.icon-page-add {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e706" );
}

    .icon-page-add:before,
    .icon-page-add .before {
        content: "\e706";
    }

.icon-chart {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e707" );
}

    .icon-chart:before,
    .icon-chart .before {
        content: "\e707";
    }

.icon-data {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e708" );
}

    .icon-data:before,
    .icon-data .before {
        content: "\e708";
    }

.icon-minimize {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e709" );
}

    .icon-minimize:before,
    .icon-minimize .before {
        content: "\e709";
    }

.icon-maximize {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e710" );
}

    .icon-maximize:before,
    .icon-maximize .before {
        content: "\e710";
    }

.icon-redirect {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e711" );
}

    .icon-redirect:before,
    .icon-redirect .before {
        content: "\e711";
    }

.icon-moderator {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e712" );
}

    .icon-moderator:before,
    .icon-moderator .before {
        content: "\e712";
    }

.icon-notification {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e713" );
}

    .icon-notification:before,
    .icon-notification .before {
        content: "\e713";
    }

.icon-alert {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e714" );
}

    .icon-alert:before,
    .icon-alert .before {
        content: "\e714";
    }

.icon-success, .icon-apply {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e715" );
}

    .icon-success:before, .icon-apply:before,
    .icon-success:before, .icon-apply .before {
        content: "\e715";
    }

.icon-reassign {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e716" );
}

    .icon-reassign:before,
    .icon-reassign .before {
        content: "\e716";
    }

.icon-compare {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e717" );
}

    .icon-compare:before,
    .icon-compare .before {
        content: "\e717";
    }

.icon-details {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e718" );
}

    .icon-details:before,
    .icon-details .before {
        content: "\e718";
    }

.icon-editor, .icon-customize {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e719" );
}

    .icon-editor:before, .icon-customize:before,
    .icon-editor:before, .icon-customize .before {
        content: "\e719";
    }

.icon-package {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e720" );
}

    .icon-package:before,
    .icon-package .before {
        content: "\e720";
    }

.icon-dashboard {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e721" );
}

    .icon-dashboard:before,
    .icon-dashboard .before {
        content: "\e721";
    }

.icon-time {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e722" );
}

    .icon-time:before,
    .icon-time .before {
        content: "\e722";
    }

.icon-clear-cache {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e723" );
}

    .icon-clear-cache:before,
    .icon-clear-cache .before {
        content: "\e723";
    }

.icon-ip-setting {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e724" );
}

    .icon-ip-setting:before,
    .icon-ip-setting .before {
        content: "\e724";
    }

.icon-payment-gateway, .icon-paymentsetting {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e725" );
}

    .icon-payment-gateway:before, .icon-paymentsetting:before,
    .icon-payment-gateway:before, .icon-paymentsetting .before {
        content: "\e725";
    }

.icon-module-maker {
    *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e60a " );
}

    .icon-module-maker:before,
    .icon-module-maker .before {
        content: "\e60a";
    }


/******Topbar******/
.sfTopbar {
    background: #273952;
    height: 45px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
}

    .sfTopbar ul {
        float: right;
        margin: 0;
        padding: 0;
    }

        .sfTopbar ul li {
            float: left;
            list-style: none;
            color: #fff;
            width: auto;
            padding: 0;
        }

            .sfTopbar ul li a {
                color: #cdd1d5;
                text-decoration: none;
                float: left;
                width: auto;
            }

.icon-user {
    float: left;
    width: auto;
}

.sfTopbar ul li.sfUpgrade a {
    background: #0b1b29;
    margin-top: 8px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 10px;
}

    .sfTopbar ul li.sfUpgrade a:hover {
        text-decoration: none;
        background: #f2f2f2;
        color: #1a1a1a;
    }

.sfTopbar ul li p {
    margin: 0;
    padding: 0;
}

.sfTopbar ul.left li {
    margin-left: 10px;
}

    .sfTopbar ul.left li img {
        margin: -5px 5px -10px 0;
    }

    .sfTopbar ul.left li.sfDashBoard {
        background: url(../images/dashboard.png) no-repeat 0 50%;
        padding: 0 0 0 22px;
    }

.sfTopbar ul.right li.preview {
    position: relative;
}

.sfTopbar ul.right li.loggedin {
    position: relative;
    padding-right: 28px;
}

    .sfTopbar ul.right li.loggedin span {
        line-height: 45px;
        height: 45px;
        color: #CDD1D5;
        font-size: 13px;
    }

    .sfTopbar ul.right li.loggedin a {
        font-weight: 700;
        font-size: 13px;
    }

    .sfTopbar ul.right li.loggedin strong {
        font-weight: 700;
    }

.sfTopbar ul.right li {
    height: 45px;
    line-height: 45px;
    border-left: 1px solid #3d4d64;
    padding: 0 15px;
}

    .sfTopbar ul.right li a, .sfTopbar ul.right li a span {
        height: 45px;
        line-height: 45px;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 13px;
    }

    .sfTopbar ul.right li.logout {
        border-left: none;
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .sfTopbar ul.right li.logout span.icon-arrow-s {
            margin-top: 19px !important;
        }

        .sfTopbar ul.right li.logout span:hover.icon-arrow-s {
            color: #fff;
        }

.myProfile {
    padding-right: 12px;
    padding-left: 17px;
}

.myProfileDrop {
    position: absolute;
    top: 38px;
    right: 9px;
    background: #fff;
    min-width: 150px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.35);
    box-shadow: 0 0 5px rgba(0,0,0,.35);
    border: solid 1px #b8b9bb;
}

.sfTopbar ul.right li div.myProfileDrop ul {
    float: none;
}

    .sfTopbar ul.right li div.myProfileDrop ul li {
        display: block;
        border-left: none;
        float: none;
        width: auto;
        text-align: right;
        height: auto;
        line-height: normal;
        color: #1a1a1a;
        padding: 0;
    }

        .sfTopbar ul.right li div.myProfileDrop ul li a {
            text-align: right;
            float: none;
            color: #1a1a1a;
            display: block;
            line-height: normal;
            height: auto;
            padding: 5px 10px;
        }

        .sfTopbar ul.right li div.myProfileDrop ul li:nth-child(1) {
            font-weight: 700;
            padding: 5px 10px 0;
        }

        .sfTopbar ul.right li div.myProfileDrop ul li:nth-child(3) {
            border-top: 1px solid #e4e4e4;
            padding-bottom: 10px;
        }

        .sfTopbar ul.right li div.myProfileDrop ul li a:hover {
            background: #2D4C80;
            color: #fff;
            text-decoration: none;
        }

.sfTopbar ul.right li.logout span.icon-arrow-s {
    *zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" );
}

    .sfTopbar ul.right li.logout span.icon-arrow-s:before,
    .sfTopbar ul.right li.logout span.icon-arrow-s .before {
        font-size: 9px;
        color: rgba(255,255,255,0.5);
    }

.sfTopbar .sfLogo img {
    float: left;
    margin-top: 4px;
}

.sfTopbar .sfLogo span {
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    padding: 16px 0 0;
}

.sfTopbar .sfLogo {
    margin-top: 6px;
}

.sfTopbar ul.left, .sfTopbar ul.left li img, .sfTopbar ul.left li a, .sfTopbar ul.left li span {
    float: left;
}

/* sticky bar cpanel  */
#divCpanel {
    float: right;
    width: 80px;
}

#topnav a.signin {
    background: rgba(0,0,0,0.2);
    font: bold 12px Tahoma, Geneva, sans-serif;
    color: #fff;
    padding: 5px 10px;
    position: relative;
}

    #topnav a.signin:hover {
        background: rgba(255,255,255,0.1);
    }

    #topnav a.signin.menu-open {
        background: #0792c6;
    }

#divCpanel li {
    position: relative;
    float: none;
    width: auto;
}

#divCpanel p {
    clear: both;
    margin: 0;
    padding: 3px 0px;
    overflow: hidden;
}

#divCpanel label {
    font-size: 12px;
    color: #fff;
    float: left;
    width: 60px;
    padding: 1px 0;
}

#divCpanel .sfMode label {
    width: auto;
    margin-right: 18px;
    float: left;
}

    #divCpanel .sfMode label:last-child {
        margin-right: 0px;
    }

#divCpanel select {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 2px 3px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    width: 120px;
    color: #666;
}

#divCpanel p input.sfBtn {
    margin: 0 0 0 60px;
    color: #515357;
    font-size: 11px;
    padding: 3px 10px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    border: 1px solid #fff;
    border-bottom: 2px solid #cbcbcb;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    #divCpanel p input.sfBtn:hover {
        background: #505f7c;
        border: 1px solid #505f7c;
        border-bottom: 2px solid #374051;
        text-decoration: none;
        color: #fff;
    }

#divCpanel p.sfMode {
    padding: 0;
    margin: 0;
}

    #divCpanel p.sfMode input {
        margin: 0 0 0 8px;
        padding: 0;
        float: none;
    }

    #divCpanel p.sfMode label {
        width: auto;
        margin: 0;
        padding: 0;
        float: none;
    }

/* edit mode*/
.sfLayoutmode {
    border: 1px solid #dbdbdb;
    position: relative;
    -webkit-box-shadow: 1px 0 5px 0 #ccc;
    -moz-box-shadow: 1px 0 5px 0 #ccc;
    box-shadow: 1px 0 5px 0 #ccc;
    min-height: 22px;
    margin: 3px 0;
}

.sfUsermoduletitle, .sfModule .sfModuleControl {
    display: none !important;
}

.sfLayoutmode .sfUsermoduletitle, .sfLogged .sfModuleControl {
    display: block;
}

.sfLayoutmode span.sfUsermoduletitle {
    border: 1px solid #fff;
    position: absolute;
    left: -1px;
    top: -1px;
    color: #666;
    font: bold 11px/22px Tahoma, Geneva, sans-serif;
    height: 22px;
    text-shadow: 1px 1px 0 #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 666;
    text-transform: uppercase;
    background: linear-gradient(top, #ffffff0%, #f6f6f647%, #ededed100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    -webkit-box-shadow: 1px 0 5px 0 #666;
    -moz-box-shadow: 1px 0 5px 0 #666;
    box-shadow: 1px 0 5px 0 #666;
    padding: 0 10px;
}

.sfLogged .sfPosition {
    border: 1px solid #bebebe;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    color: #666;
    font: 11px/16px Tahoma, Geneva, sans-serif;
    height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 666;
    text-transform: lowercase;
    padding: 0 5px;
}

.sfLayoutmode .sfModule .sfPosition {
    opacity: 0.5;
}

.sfLayoutmode:hover .sfModule .sfPosition {
    opacity: 1;
}

.sfLogged .sfModuleControl {
    position: relative;
}

    .sfLogged .sfModuleControl a {
        background: url(../images/edit.png) no-repeat 3px 3px #fff;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 5px;
        top: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        display: inline-block;
        z-index: 999;
        cursor: pointer;
        padding: 3px;
    }

        .sfLogged .sfModuleControl a:hover {
            text-decoration: none;
            -moz-box-shadow: 0 0 5px rgba(0,0,0,0.7);
            -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7);
            box-shadow: 0 0 5px rgba(0,0,0,0.7);
        }

.sfMessage {
    overflow: hidden;
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
    position: relative;
    min-height: 24px;
    margin: 10px 0;
    padding: 3px 5px 3px 40px;
}

    .sfMessage.sfAlertmsg:before, .sfMessage.sfErrormsg:before, .sfMessage.sfSuccessmsg:before,
    .sfMessage.sfAlertmsg .before, .sfMessage.sfErrormsg .before, .sfMessage.sfSuccessmsg .before {
        position: absolute;
        font-size: 18px;
        top: 6px;
        left: 10px;
        cursor: pointer;
        content: "";
        font-family: sageframe !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 3px;
    }

    .sfMessage.sfAlertmsg {
        *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e714" );
    }

        .sfMessage.sfAlertmsg:before,
        .sfMessage.sfAlertmsg .before {
            content: "\e714";
            color: #f7941d;
        }

    .sfMessage.sfErrormsg {
        *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e714" );
    }

        .sfMessage.sfErrormsg:before,
        .sfMessage.sfErrormsg .before {
            content: "\e714";
            color: #9e0b0f;
        }

    .sfMessage.sfSuccessmsg {
        *zoom: expression( this.runtimeStyle.zoom="1", this.childNodes.length > 0 ? this.insertBefore( document.createElement("div"), this.childNodes[0] ).className="before" : this.appendChild(document.createElement("div")).className="before", this.childNodes[0].innerHTML = "\e715" );
    }

        .sfMessage.sfSuccessmsg:before,
        .sfMessage.sfSuccessmsg .before {
            content: "\e715";
            color: #005826;
        }

    .sfMessage.sfAlertmsg, .sfMessage.sfErrormsg, .sfMessage.sfSuccessmsg {
        *zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).className="after", this.lastChild.innerHTML = "\e614" );
    }

        .sfMessage.sfAlertmsg:after, .sfMessage.sfErrormsg:after, .sfMessage.sfSuccessmsg:after,
        .sfMessage.sfAlertmsg .after, .sfMessage.sfErrormsg .after, .sfMessage.sfSuccessmsg .after {
            position: absolute;
            top: 7px;
            right: 10px;
            cursor: pointer;
            content: "\e614";
            font-family: sageframe !important;
            font-style: normal !important;
            font-weight: 400 !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding: 3px;
        }

    .sfMessage span {
        color: #1a1a1a;
    }

.sfAlertmsg {
    background: #ede1a6;
    border: 1px solid #c1b34b;
}

.sfErrormsg {
    background: #f2c0b8;
    border: 1px solid #b26e45;
}

.sfSuccessmsg {
    background: #cfdfab;
    border: 1px solid #9fc54d;
}

.sfSuccess .sfCustommessage {
    font: bold 11px/18px Tahoma, Geneva, sans-serif;
    color: #fff;
}

.sfSuccess .sfDetailmessage {
    font: 11px/18px Tahoma, Geneva, sans-serif;
    color: #82dcff;
    text-align: justify;
}

.sfDefaultSuccess, .sfDefaultError, .sfDefaultAlert {
    font-weight: 700;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    color: #555;
    margin: 5px;
    padding: 5px 7px;
}

    .sfDefaultSuccess:hover, .sfDefaultError:hover, .sfDefaultAlert:hover {
        color: #fff;
        text-decoration: none;
    }

.sfDefaultSuccess {
    background: #81bb5e;
}

.sfDefaultError {
    background: #d16d59;
}

.sfDefaultAlert {
    background: #ffd200;
    color: #555;
}

.sfMessage.sfAlertmsg:after, .sfMessage.sfAlertmsg .after, .sfMessage.sfAlertmsg span {
    color: #a3620a;
}

.sfMessage.sfErrormsg:after, .sfMessage.sfErrormsg .after, .sfMessage.sfErrormsg span {
    color: #9e0b0f;
}

.sfMessage.sfSuccessmsg:after, .sfMessage.sfSuccessmsg .after, .sfMessage.sfSuccessmsg span {
    color: #005826;
}



/* tool tip */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 2px solid #7db9df;
    background-color: #fff;
    border-radius: 3px;
    padding: 3px 10px;
}

    #tooltip h3 {
        font: normal 12px sans-serif;
        border-bottom: none;
        padding-bottom: 0;
    }

.toast-container {
    width: 280px;
    z-index: 9999;
}

* html .toast-container {
    position: absolute;
}

.toast-item {
    height: auto;
    background: #333;
    opacity: 0.9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #eee;
    font-size: 14px;
    border: 2px solid #999;
    display: block;
    position: relative;
    margin: 0 0 12px;
    padding: 20px 6px;
}

    .toast-item p {
        text-align: left;
        margin-left: 50px;
    }

.toast-item-close {
    background: url(../images/closeMessage.gif);
    width: 22px;
    height: 22px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.toast-item-image {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background: url(../images/noticeMessage.png);
}

.toast-item-image-success {
    background: url(../images/successMessage.png);
}

.toast-item-image-warning {
    background: url(../images/warningMessage.png);
}

.toast-item-image-error {
    background: url(../images/errorMessage.png);
}

.toast-type-warning {
    color: #FFF;
    border-color: #FCBD57;
}

.toast-type-error {
    color: #FFF;
    border-color: #B32B2B;
}

.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-type-notice, .toast-type-success {
    color: #FFF;
}


/***********************************************Niraj Customized Styles***********************************************/
#templateChangeWrapper, #divCpanel {
    background: rgba(0,0,0,0.5);
    padding: 5px;
    padding-top: 0px;
    width: 165px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -82px;
    z-index: 2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

#divCpanel {
    width: 230px;
    margin-left: -115px;
}

.templateChange, #signin_menu {
    background: #22527D;
    padding: 10px 20px 15px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

    .templateChange h6, #signin_menu h6 {
        color: #fff;
        margin-bottom: 5px;
    }

    #signin_menu h6 {
        font-size: 0.9em;
    }

    #signin_menu ul {
        float: none;
    }

#divCpanel .icon-themesetting {
    left: 97px;
}

.sfTableThemeColor {
    margin-bottom: 10px;
}

    .sfTableThemeColor tr td {
        padding: 2px 0px;
    }

    .sfTableThemeColor tr td, .sfTableSidebarPosition tr td {
        color: #a5a8ab;
        vertical-align: middle;
    }

.sfTableThemeColor, .sfTableSidebarPosition {
    width: 100%;
}

    .sfTableThemeColor tr td label {
        position: relative;
        *zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).className="after", this.lastChild.innerHTML = "" );
    }

        .sfTableThemeColor tr td label:after,
        .sfTableThemeColor tr td label .after {
            content: "";
            background: #163652;
            height: 14px;
            width: 14px;
            position: absolute;
            top: 0px;
            right: -24px;
        }

    .sfTableThemeColor tr:nth-child(1) td label, .sfTableThemeColor tr:nth-child(2) td label, .sfTableThemeColor tr:nth-child(3) td label {
        *zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).className="after" );
    }

        .sfTableThemeColor tr:nth-child(1) td label:after, .sfTableThemeColor tr:nth-child(2) td label:after, .sfTableThemeColor tr:nth-child(3) td label:after,
        .sfTableThemeColor tr:nth-child(1) td label .after, .sfTableThemeColor tr:nth-child(2) td label .after, .sfTableThemeColor tr:nth-child(3) td label .after {
            left: 92px;
        }

        .sfTableThemeColor tr:nth-child(2) td label:after,
        .sfTableThemeColor tr:nth-child(2) td label .after {
            background: #363636;
        }

        .sfTableThemeColor tr:nth-child(3) td label:after,
        .sfTableThemeColor tr:nth-child(3) td label .after {
            background: #212121;
        }

.icon-user img {
    position: absolute;
    top: 8px;
    right: -7px;
    width: 28px;
    height: 28px;
}

.icon-info {
    font-size: 12px;
}