@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.woff') format('woff');
    -moz-font-feature-settings: 'calt=0,liga=0';
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.woff') format('woff');
    -moz-font-feature-settings: 'calt=0,liga=0';
}

::-moz-selection {
    color: inherit;
    background: rgba(41, 241, 241, 0.55);
}

::selection {
    color: inherit;
    background: rgba(41, 241, 241, 0.55);
}

.wordwrap {
    word-wrap: break-word;
}

.wrapfloat {
    position: relative;
    z-index: 10;
    background: white;
}

.wrapfloatleft {
    background: transparent !important;
    float: left;
    clear: left;
}

.wrapfloatright {
    background: transparent !important;
    float: right;
    clear: right;
}

.perm-locked {
    outline: 1px solid red !important;
}

.perm-locked::after {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/locked-icon-active@2x.png);
    top: 3px;
    right: 3px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.perm-locked-button {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/locked-icon-active@2x.png);
    top: 3px;
    right: 3px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.perm-substitute {
    outline: 1px dotted orange !important
}

.perm-substitute::before {
    content: "";
    width: 100%;
    height: 100%;
    /* background: orange !important; */
    /* transform: scale(0.1); */
    display: block;
    position: absolute;
}

.perm-substitute::after {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/substitution-icon-active@2x.png);
    top: 3px;
    right: 3px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.perm-substitute-button {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/substitution-icon-active@2x.png);
    top: 3px;
    right: 3px;
    position: absolute;
    z-index: 1000;
    /* display: inline-block; */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
}

.substitute-item {
    display: none
}

div[data-shape] {
    outline: 1px dotted #129900;
}

.unselectable {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    user-select: none
}

.selectable {
    -moz-user-select: text;
    /*-moz-all;*/
    -webkit-user-select: auto;
    -webkit-touch-callout: default;
    -ms-user-select: auto;
    user-select: auto;
    cursor: default
}

.clickable {
    cursor: pointer
}

:focus {
    outline: 0;
}

.sg {
    position: absolute;
    margin: 0;
    z-index: inherit;
}

.sg p {
    margin: 0 !important;
    line-height: 1.2;
    font-size: 12px;
}

.sg img {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    user-select: none
}

.sg-outer {
    position: absolute;
    top: 88px;
}

#sg-center-pane {
    font-size: 18px;
    background-color: #f7f7f8;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
}

#sg-workarea {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    /*overflow: -moz-scrollbars-none;*/
    /*-ms-overflow-style:none; 
	-ms-touch-action:none;*/
    color: black;
}

.sg-slide {
    position: absolute;
    top: 0px;
    left: 0px;
    color: black;
    background-color: white;
    box-shadow: 1px 1px 0 #ddd, -1px 1px 0 #ddd, 1px -1px 0 #ddd, -1px -1px 0 #ddd;
    width: 816px;
    height: 1056px;
    -webkit-transition: transform 0.2s ease, left 0.2s ease;
}

.navbar {
    background: white;
    color: #222222;
    height: 44px !important;
}

.toolbar-separator {
    background: #d8d8d8;
    width: 1px;
    height: 36px;
    margin-left: 15px;
}

.icon-svg {
    width: 35px;
    height: 35px !important;
    background-size: contain !important;
    vertical-align: middle;
}

.icon-svg-25 {
    width: 25px;
    height: 25px !important;
}

.icon-svg-undo {
    background-image: url(../img/editor/undo-icon-copy.svg);
}

.icon-svg-redo {
    background-image: url(../img/editor/redo-icon-copy.svg);
}

.icon-svg-upload {
    background-image: url(../img/editor/upload-icon.svg);
}

.icon-svg-shapes {
    background-image: url(../img/editor/shapes-icon.svg);
}

.icon-svg-textbox {
    background-image: url(../img/editor/textbox-icon.svg);
}

.icon-svg-arrange {
    background-image: url(../img/editor/arrange-icon.svg);
}

.icon-svg-lock {
    background-image: url(../img/editor/locking-icon.svg);
}

.icon-svg-add-substitution {
    background-image: url(../img/editor/add-substitution-icon.svg);
}

.icon-svg-show-substitution {
    background-image: url(../img/editor/show-substitution-icon.svg);
}

.icon-svg-bin {
    background-image: url(../img/editor/delete-shape-icon-copy.svg);
}

.icon-svg-page-size {
    background-image: url(../img/editor/page-size-icon.svg)
}

.icon-svg-background-color {
    background-image: url(../img/editor/background-colour-icon.svg)
}

.icon-svg-zoom-in {
    background-image: url(../img/editor/zoom-in-icon.svg)
}

.icon-svg-zoom-out {
    background-image: url(../img/editor/zoom-out-icon.svg)
}

.icon-svg-fit-width {
    background-image: url(../img/editor/fit-width-icon.svg)
}

.icon-svg-fit-page {
    background-image: url(../img/editor/fit-page-icon.svg)
}

.icon-svg-library {
    background-image: url(../img/editor/library-unselected-icon.svg);
    width: 25px;
}

.icon-svg-text-color {
    background-image: url(../img/editor/text-colour-icon-copy-2.svg)
}

.icon-svg-bold {
    background-image: url(../img/editor/bold-icon-copy-3.svg)
}

.icon-svg-italic {
    background-image: url(../img/editor/italic-icon-copy-3.svg)
}

.icon-svg-underline {
    background-image: url(../img/editor/underline-icon-copy-3.svg)
}

.icon-svg-align-left {
    background-image: url(../img/editor/align-text-icon-copy-6.svg)
}

.icon-svg-align-right {
    background-image: url(../img/editor/align-text-icon-copy-8.svg)
}

.icon-svg-align-center {
    background-image: url(../img/editor/align-text-icon-copy-7.svg)
}

.icon-svg-align-full {
    background-image: url(../img/editor/align-text-icon-copy-9.svg)
}

.icon-svg-editors {
    background-image: url(../img/editor/editor-icon.svg)
}

.icon-svg-approvers {
    background-image: url(../img/editor/approver-icon.svg)
}

.icon-svg-users {
    background-image: url(../img/editor/user-icon.svg)
}

.icon-svg-refresh {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik0yNS40NDQsNC4yOTFjMCwwLTEuMzI1LDEuMjkzLTIuMjQzLDIuMjAxQzE4LjUxNCwzLjA2OCwxMS45MDksMy40NTYsNy42NzYsNy42ODkgICBjLTIuNDcsMi40Ny0zLjYyMyw1Ljc0Ny0zLjQ4NCw4Ljk4M2g0QzguMDUxLDE0LjQ2LDguODEsMTIuMjA1LDEwLjUsMTAuNTE0YzIuNjYzLTIuNjYzLDYuNzM1LTMuMDQzLDkuODEyLTEuMTYyICAgYy0xLjA0MiwxLjAzMi0yLjI0NSwyLjIzOC0yLjI0NSwyLjIzOGMtMC44NDEsMS4wMDksMC4xMDQsMS41OTIsMC41ODQsMS41NzdsNS42MjQtMC4wMDFjMC4yOTcsMCwwLjUzOSwwLjAwMSwwLjUzOSwwLjAwMSAgIHMwLjI0NSwwLDAuNTQzLDBoMS4wOTJjMC4yOTgsMCwwLjU0LTAuMjQzLDAuNTQtMC41NDFWNC44OTVDMjcuMDIzLDQuMTg4LDI2LjI0NywzLjUwMiwyNS40NDQsNC4yOTF6IiBmaWxsPSIjNTE1MTUxIi8+PHBhdGggZD0iTTYuNTU1LDI3LjcwOWMwLDAsMS4zMjYtMS4yOTMsMi4yNDMtMi4yMDFjNC42ODgsMy40MjQsMTEuMjkyLDMuMDM2LDE1LjUyNi0xLjE5NyAgIGMyLjQ3LTIuNDcxLDMuNjIyLTUuNzQ3LDMuNDg0LTguOTgzaC00LjAwMWMwLjE0MiwyLjIxMS0wLjYxNyw0LjQ2Ny0yLjMwOCw2LjE1OWMtMi42NjMsMi42NjItNi43MzUsMy4wNDMtOS44MTIsMS4xNjEgICBjMS4wNDItMS4wMzIsMi4yNDUtMi4yMzgsMi4yNDUtMi4yMzhjMC44NDEtMS4wMS0wLjEwNC0xLjU5Mi0wLjU4NC0xLjU3N2wtNS42MjQsMC4wMDJjLTAuMjk3LDAtMC41NC0wLjAwMi0wLjU0LTAuMDAyICAgcy0wLjI0NSwwLTAuNTQzLDBINS41NTFjLTAuMjk4LDAtMC41NCwwLjI0Mi0wLjU0MSwwLjU0MXY3LjczMkM0Ljk3NywyNy44MTIsNS43NTMsMjguNDk4LDYuNTU1LDI3LjcwOXoiIGZpbGw9IiM1MTUxNTEiLz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    height: 25px !important;
}

.icon-svg-new-page {
    background-image: url(../img/shapes/plus-icon.svg);
    max-width: 25px;
}


/*.view[data-page='editor'] .navbar {
	border: none !important;
}

.view .navbar {
	border-bottom: 1px solid #b2b2b2;
}*/

.navbar:after {
    background: #f26724;
}

.navbar-editor-inner {
    background: #f26724;
    color: white;
    border: 1px solid #f26724;
    height: 44px;
}


/*.modal-overlay-visible {
	background: rgba(0,0,0,0.1)
}*/

.tabbar-row {
    flex-direction: row;
}

.tabbar-row a.link,
.tabbar-row a.tab-link {
    flex-direction: row;
    /* margin-right: 2px; */
    margin-left: 5px;
    /* min-width: 70px !important; */
}

.tabbar-row i.icon {
    height: 25px;
}

.toolbar-editor {
    top: 44px;
    position: relative;
    background: #f7f7f7;
    border: 2px solid #ddd;
    height:55px !important;
}

.toolbar-editor:before {
    background: transparent !important
}

.link-icon-only {
    min-width: 37px !important;
    /* margin-left: 0 !important; */
}

.link-icon-label {
    min-width: 70px !important;
    /* margin-left: 0 !important; */
}

.link-icon-label .icon {
    margin-left: 5px;
}

.link-menu {
    color: black !important;
    text-align: center;
    min-width: 0;
    /* width:  auto !important; */
    height: 40px !important;
    top: 0;
    vertial-align: middle;
}

.icon-red {
    color: red;
    font-size: 29px;
}

.icon-main {
    color: white !important;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
}

.link-menu-tab {
    font-family: SFUIText-Medium;
    font-size: 15px;
    height: 32px !important;
    top: 6px;
    webkit-transition: none;
    transition: none;
    color: white !important;
}

.link-menu-active {
    /* font-family: SFUIText-Medium; */
    /* font-size:  15px; */
    color: #f26724 !important;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.link-menu .link-label-side {
    font-size: 15px;
    color:#777777;
    font-family: 'OpenSans-Regular';
    white-space:nowrap;
}

.link-label-side {
    font-size: 13px;
    font-weight: 300;
    /* margin-right: 15px; 
    margin-left: 2px !important;*/
}

.variablebox {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 1px;
    cursor: crosshair
}

.variable {
    position: absolute
}

.sizinghand {
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 1px;
    cursor: pointer;
    /*background-image:url('sizinghandle.png');
 background-repeat:no-repeat;
 background-position:center center; */
}


/*.sizinghand:active {
background: #FF0000;
}*/


/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/

.hd-tl {
    top: -5px;
    left: -5px;
    cursor: nw-resize;
}

.hd-tm {
    top: -5px;
    left: 50%;
    margin-left: -10px;
    cursor: n-resize;
}

.hd-tr {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

.hd-ml {
    top: 50%;
    margin-top: -10px;
    left: -5px;
    cursor: w-resize;
}

.hd-mr {
    top: 50%;
    margin-top: -10px;
    right: -5px;
    cursor: e-resize;
}

.hd-bl {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

.hd-bm {
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    cursor: s-resize;
}

.hd-br {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

.spinhandle {
    position: absolute;
    /*background-image:url('rotatehandle.png');
	background-repeat:no-repeat;
	background-position:center center; */
    top: -30px;
    margin-left: -10px;
    left: 50%;
    width: 20px;
    height: 35px;
    cursor: se-resize/*: look different in linux*/
}

.spinhandle:after {
    content: '';
    width: 0;
    height: 22px;
    position: absolute;
    border: 1px dotted #60ab83;
    top: 20px;
    left: 9px;
}

.pointhandle {
    position: absolute;
    cursor: crosshair
}

.resizebox {
    position: absolute;
    /*cursor: move;*/
    /*background-color: red*/
}

.movewrapper {
    /*wrapper*/
    position: absolute;
}

.movehandle {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: move;
}

.sgButtonIcon {
    cursor: pointer;
    background: url(../theme/default/icons.png);
    width: 24px;
    height: 24px;
    position: relative;
    padding: 0;
    border: none;
    vertical-align: middle;
}

.autoshapeLeft {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
}

.highlight-color-table:before {
    content: '\e92a';
    font-family: 'icomoon';
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    text-align: center;
    color: #000;
    position: relative;
    left: calc(50% - 10px);
    top: calc(50% - 15px);
}

.icons-6sides_Icon {
    background-position: 0 0;
    width: 28px;
    height: 28px;
}

.icons-AColour_Icon {
    background-position: 0 -78px;
    width: 28px;
    height: 28px;
}

.icons-AddSign_Icon {
    background-position: 0 -156px;
    width: 24px;
    height: 24px;
}

.icons-AddSign_Icon_Bold {
    background-position: 0 -230px;
    width: 24px;
    height: 24px;
}

.icons-Arrow_Icon {
    background-position: 0 -304px;
    width: 28px;
    height: 28px;
}

.icons-B_Icon {
    background-position: 0 -382px;
    width: 28px;
    height: 28px;
}

.icons-Big_DownArrow {
    background-position: 0 -460px;
    width: 11px;
    height: 7px;
}

.icons-Bottom_Icon {
    background-position: 0 -517px;
    width: 28px;
    height: 28px;
}

.icons-Box_Icon {
    background-position: 0 -595px;
    width: 28px;
    height: 28px;
}

.icons-Bracket_Icon {
    background-position: 0 -673px;
    width: 28px;
    height: 28px;
}

.icons-Bullet_Icon {
    background-position: 0 -751px;
    width: 28px;
    height: 28px;
}

.icons-CenterAlign_Icon {
    background-position: 0 -829px;
    width: 28px;
    height: 28px;
}

.icons-Center_Icon {
    background-position: 0 -907px;
    width: 28px;
    height: 28px;
}

.icons-Chatbox_Icon {
    background-position: 0 -985px;
    width: 28px;
    height: 28px;
}

.icons-Cloud_Icon {
    background-position: 0 -1063px;
    width: 28px;
    height: 28px;
}

.icons-Container_Icon {
    background-position: 0 -1141px;
    width: 28px;
    height: 28px;
}

.icons-Cross_Icon {
    background-position: 0 -1219px;
    width: 28px;
    height: 28px;
}

.icons-CustomShape_Icon {
    background-position: 0 -1297px;
    width: 28px;
    height: 28px;
}

.icons-Document_Icon {
    background-position: 0 -1375px;
    width: 28px;
    height: 28px;
}

.icons-Donut_Icon {
    background-position: 0 -1453px;
    width: 28px;
    height: 28px;
}

.icons-Elipse_Icon {
    background-position: 0 -1531px;
    width: 28px;
    height: 28px;
}

.icons-FlipShape_Icon {
    background-position: 0 -1609px;
    width: 28px;
    height: 28px;
}

.icons-Frame_Icon {
    background-position: 0 -1687px;
    width: 28px;
    height: 24px;
}

.icons-FreeStyle_Icon {
    background-position: 0 -1761px;
    width: 28px;
    height: 28px;
}

.icons-Grey_Icon {
    background-position: 0 -1839px;
    width: 5px;
    height: 9px;
}

.icons-Heart_Icon {
    background-position: 0 -1898px;
    width: 28px;
    height: 28px;
}

.icons-Justify_Icon {
    background-position: -78px 0;
    width: 28px;
    height: 28px;
}

.icons-L_Icon {
    background-position: -78px -78px;
    width: 28px;
    height: 28px;
}

.icons-LeftAlign_Icon {
    background-position: -78px -156px;
    width: 28px;
    height: 28px;
}

.icons-LeftIndent_Icon {
    background-position: -78px -234px;
    width: 28px;
    height: 28px;
}

.icons-LeftLay_Icon {
    background-position: -78px -312px;
    width: 28px;
    height: 24px;
}

.icons-Line_Icon {
    background-position: -78px -386px;
    width: 28px;
    height: 28px;
}

.icons-Numbers_Icon {
    background-position: -78px -464px;
    width: 28px;
    height: 28px;
}

.icons-OldDocument_Icon {
    background-position: -78px -542px;
    width: 28px;
    height: 24px;
}

.icons-One-Column {
    background-position: -78px -616px;
    width: 28px;
    height: 24px;
}

.icons-Overlay_Icon {
    background-position: -78px -690px;
    width: 28px;
    height: 24px;
}

.icons-Pentagon_Icon {
    background-position: -78px -764px;
    width: 28px;
    height: 28px;
}

.icons-PlayIcon_Revised {
    background-position: -78px -842px;
    width: 24px;
    height: 24px;
}

.icons-RightAlign_Icon {
    background-position: -78px -916px;
    width: 28px;
    height: 28px;
}

.icons-RightIndent_Icon {
    background-position: -78px -994px;
    width: 28px;
    height: 28px;
}

.icons-RightLay_Icon {
    background-position: -78px -1072px;
    width: 28px;
    height: 24px;
}

.icons-RightTuned_Icon {
    background-position: -78px -1146px;
    width: 28px;
    height: 28px;
}

.icons-RotateBox_Icon {
    background-position: -78px -1224px;
    width: 28px;
    height: 28px;
}

.icons-RoundedBox {
    background-position: -78px -1302px;
    width: 28px;
    height: 28px;
}

.icons-SetTop_Icon {
    background-position: -78px -1380px;
    width: 28px;
    height: 28px;
}

.icons-Setting_Icon_Revised {
    background-position: -78px -1458px;
    width: 24px;
    height: 24px;
}

.icons-ShadowFont_Icon {
    background-position: -78px -1532px;
    width: 28px;
    height: 28px;
}

.icons-Sheet_Icon {
    background-position: -78px -1610px;
    width: 28px;
    height: 28px;
}

.icons-Small_Drop {
    background-position: -78px -1688px;
    width: 15px;
    height: 21px;
}

.icons-Small_SideArrow {
    background-position: -78px -1759px;
    width: 5px;
    height: 9px;
}

.icons-Star-4 {
    background-position: -78px -1818px;
    width: 28px;
    height: 28px;
}

.icons-Subscript_Icon {
    background-position: -78px -1896px;
    width: 28px;
    height: 28px;
}

.icons-Superscript_Icon {
    background-position: -156px 0;
    width: 28px;
    height: 28px;
}

.icons-Text_Icon {
    background-position: -156px -78px;
    width: 28px;
    height: 28px;
}

.icons-Three-Column {
    background-position: -156px -156px;
    width: 28px;
    height: 24px;
}

.icons-TopRight_Icon {
    background-position: -156px -230px;
    width: 28px;
    height: 28px;
}

.icons-Trapezium_Icon {
    background-position: -156px -308px;
    width: 28px;
    height: 28px;
}

.icons-Trapezium_Soft_Icon {
    background-position: -156px -386px;
    width: 28px;
    height: 28px;
}

.icons-Triangle_Icon {
    background-position: -156px -464px;
    width: 28px;
    height: 28px;
}

.icons-Two-Column {
    background-position: -156px -542px;
    width: 28px;
    height: 24px;
}

.icons-UPArrow_Icon {
    background-position: -156px -616px;
    width: 28px;
    height: 28px;
}

.icons-U_Icon {
    background-position: -156px -694px;
    width: 28px;
    height: 28px;
}

.icons-UpDown_Arrow {
    background-position: -156px -772px;
    width: 28px;
    height: 28px;
}

.icons-Visibility_Icon {
    background-position: -156px -850px;
    width: 20px;
    height: 20px;
}

.icons-appear {
    background-position: -156px -920px;
    width: 28px;
    height: 24px;
}

.icons-arrow_bottom {
    background-position: -156px -994px;
    width: 28px;
    height: 24px;
}

.icons-arrow_down {
    background-position: -156px -1068px;
    width: 28px;
    height: 24px;
}

.icons-arrow_godown {
    background-position: -156px -1142px;
    width: 28px;
    height: 24px;
}

.icons-arrow_goup {
    background-position: -156px -1216px;
    width: 28px;
    height: 24px;
}

.icons-arrow_left {
    background-position: -156px -1290px;
    width: 28px;
    height: 24px;
}

.icons-arrow_ne {
    background-position: -156px -1364px;
    width: 28px;
    height: 24px;
}

.icons-arrow_nw {
    background-position: -156px -1438px;
    width: 28px;
    height: 24px;
}

.icons-arrow_right {
    background-position: -156px -1512px;
    width: 28px;
    height: 24px;
}

.icons-arrow_se {
    background-position: -156px -1586px;
    width: 28px;
    height: 24px;
}

.icons-arrow_sw {
    background-position: -156px -1660px;
    width: 28px;
    height: 24px;
}

.icons-arrow_top {
    background-position: -156px -1734px;
    width: 28px;
    height: 24px;
}

.icons-arrow_up {
    background-position: -156px -1808px;
    width: 28px;
    height: 24px;
}

.icons-ascend_in {
    background-position: -156px -1882px;
    width: 28px;
    height: 24px;
}

.icons-ascend_out {
    background-position: -234px 0;
    width: 28px;
    height: 24px;
}

.icons-blank {
    background-position: -234px -74px;
    width: 0px;
    height: 24px;
}

.icons-bounce_in {
    background-position: -234px -148px;
    width: 28px;
    height: 24px;
}

.icons-bounce_out {
    background-position: -234px -222px;
    width: 28px;
    height: 24px;
}

.icons-box {
    background-position: -234px -296px;
    width: 28px;
    height: 24px;
}

.icons-box_out {
    background-position: -234px -370px;
    width: 28px;
    height: 24px;
}

.icons-chart_bar {
    background-position: -234px -444px;
    width: 28px;
    height: 28px;
}

.icons-clock {
    background-position: -234px -522px;
    width: 20px;
    height: 20px;
}

.icons-contract {
    background-position: -234px -592px;
    width: 28px;
    height: 24px;
}

.icons-control_pause_blue {
    background-position: -234px -666px;
    width: 28px;
    height: 24px;
}

.icons-control_play_blue {
    background-position: -234px -740px;
    width: 28px;
    height: 24px;
}

.icons-control_stop_blue {
    background-position: -234px -814px;
    width: 28px;
    height: 24px;
}

.icons-delete {
    background-position: -234px -888px;
    width: 20px;
    height: 20px;
}
.logo-zone{
    display:none!important;
}
.icons-dialog_balloon1 {
    background-position: -234px -958px;
    width: 28px;
    height: 28px;
}

.icons-dialog_balloon3 {
    background-position: -234px -1036px;
    width: 28px;
    height: 28px;
}

.icons-dialog_balloon4 {
    background-position: -234px -1114px;
    width: 28px;
    height: 28px;
}

.icons-disappear {
    background-position: -234px -1192px;
    width: 28px;
    height: 24px;
}

.icons-drawcylinder {
    background-position: -234px -1266px;
    width: 28px;
    height: 28px;
}

.icons-drawing_ellipse {
    background-position: -234px -1344px;
    width: 28px;
    height: 24px;
}

.icons-drawing_free {
    background-position: -234px -1418px;
    width: 28px;
    height: 24px;
}

.icons-drawing_line {
    background-position: -234px -1492px;
    width: 28px;
    height: 24px;
}

.icons-drawing_rect {
    background-position: -234px -1566px;
    width: 28px;
    height: 24px;
}

.icons-drawtab {
    background-position: -234px -1640px;
    width: 28px;
    height: 28px;
}

.icons-emphasis {
    background-position: -234px -1718px;
    width: 28px;
    height: 24px;
}

.icons-expand {
    background-position: -234px -1792px;
    width: 28px;
    height: 24px;
}

.icons-fade {
    background-position: -234px -1866px;
    width: 28px;
    height: 24px;
}

.icons-fade_out {
    background-position: -234px -1940px;
    width: 28px;
    height: 24px;
}

.icons-fading {
    background-position: -312px 0;
    width: 28px;
    height: 24px;
}

.icons-fly_in {
    background-position: -312px -74px;
    width: 28px;
    height: 24px;
}

.icons-fly_out {
    background-position: -312px -148px;
    width: 28px;
    height: 24px;
}

.icons-growshrink {
    background-position: -312px -222px;
    width: 28px;
    height: 24px;
}

.icons-i_Icon {
    background-position: -312px -296px;
    width: 28px;
    height: 28px;
}

.icons-link {
    background-position: -312px -374px;
    width: 28px;
    height: 24px;
}

.icons-lock {
    background-position: -312px -448px;
    width: 20px;
    height: 20px;
}

.icons-motion {
    background-position: -312px -518px;
    width: 28px;
    height: 24px;
}

.icons-mouse {
    background-position: -312px -592px;
    width: 20px;
    height: 20px;
}

.icons-painter_palette-256 {
    background-position: -312px -662px;
    width: 24px;
    height: 24px;
}

.icons-peek_in {
    background-position: -312px -736px;
    width: 28px;
    height: 24px;
}

.icons-peek_out {
    background-position: -312px -810px;
    width: 28px;
    height: 24px;
}

.icons-spin {
    background-position: -312px -884px;
    width: 28px;
    height: 24px;
}

.icons-spinner {
    background-position: -312px -958px;
    width: 28px;
    height: 24px;
}

.icons-spinner_out {
    background-position: -312px -1032px;
    width: 28px;
    height: 24px;
}

.icons-spinning {
    background-position: -312px -1106px;
    width: 28px;
    height: 24px;
}

.icons-split {
    background-position: -312px -1180px;
    width: 28px;
    height: 24px;
}

.icons-split_out {
    background-position: -312px -1254px;
    width: 28px;
    height: 24px;
}

.icons-swivel {
    background-position: -312px -1328px;
    width: 28px;
    height: 24px;
}

.icons-swivel_out {
    background-position: -312px -1402px;
    width: 28px;
    height: 24px;
}

.icons-vector {
    background-position: -312px -1476px;
    width: 24px;
    height: 24px;
}

.icons-vector_add {
    background-position: -312px -1550px;
    width: 24px;
    height: 24px;
}

.icons-vector_delete {
    background-position: -312px -1624px;
    width: 24px;
    height: 24px;
}

.icons-wipe {
    background-position: -312px -1698px;
    width: 28px;
    height: 24px;
}

.icons-wipe_out {
    background-position: -312px -1772px;
    width: 28px;
    height: 24px;
}

.icons-zoom {
    background-position: -312px -1846px;
    width: 28px;
    height: 24px;
}

.icons-zoom_out {
    background-position: -312px -1920px;
    width: 28px;
    height: 24px;
}

.arrows-Big_DownArrow {
    background-position: 0 0;
    width: 11px;
    height: 7px;
}

.arrows-Big_Drop {
    background-position: 0 -57px;
    width: 23px;
    height: 24px;
}

.arrows-Small_DownArrow {
    background-position: 0 -131px;
    width: 9px;
    height: 5px;
}

.arrows-Small_Drop {
    background-position: 0 -186px;
    width: 15px;
    height: 21px;
}

.arrows-Small_SideArrow {
    background-position: 0 -257px;
    width: 5px;
    height: 9px;
}

.star-six {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
    position: relative;
}

.star-six:after {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
    position: absolute;
    content: "";
    top: 30px;
    left: -50px;
}

.context-menu {
    width: 580px;
    background: #f7f7f7;
    border-top: none;
    border: 1px solid #dddddd;
    border-radius: 3px;
    z-index: 50000;
}

.context-menu:before {
    background-color: transparent !important;
}

.context-menu-point {
    width: 95px;
}

.toolbar-font {
    background: white;
    border: 1px solid #cccccc;
    height: 30px !important;
    font-size: 14px;
    color: #777777 !important;
    padding-left: 4px;
}

.toolbar-font-name {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 350px;
}

.toolbar-font-size {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 30px;
    text-align: center
}

.popover-text-color {
    /*width: 375px;*/
    width: 505px;
    height: 388px;
}

.apply-wysiwyg-font-color {
    float: left;
    width: 80px;
    height: 64px;
}

.autoshapeLeft {
    margin: 8px;
}

.autoshapeLeft img {
    width: 30px;
    height: 30px;
    margin: 7px;
}

.library-clip-text .tpl-thumbnail {
    overflow: scroll;
}

.popup-text-editor .canvas-container {
    /*height: 525px !important;*/
    height: 490px !important;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 620px !important;
}

.sg-sidebar {
    width: 130px;
    position: fixed;
    height: 100%;
    border-right: 1px solid #ccc;
    background: transparent;
    z-index: 10;
}

.sg-sidebar-scroll {
    height: 100%;
    overflow-y: scroll;
}

#sg-workarea {
    margin-left: 130px;
}

.slide {
    background: white;
    background-size: cover;
    border: 1px solid #d8d8d8;
    height: 114px;
    width: 88px;
    margin: 20px;
}
.slide-landscape {
    background: white;
    background-size: cover;
    border: 1px solid #d8d8d8;
    height: 70px;
    width: 100px;
    margin: 5px;
}

.slide.active {
    border: 1px solid #d8d8d8;
}

.slide:hover{
    cursor: pointer;
    border: 1px solid #ccc;
}
.slide-landscape:hover{
    cursor: pointer;
    border: 1px solid #ccc;
}

.slide-landscape:hover .slide-delete, 
.slide-landscape.hover .slide-delete { 
    display: block !important; 
}

.slide:hover .slide-delete, 
.slide.hover .slide-delete { 
    display: block !important; 
}


.slide-delete {
    content:"\00d7";
    color: #777777;
    padding: 0 5px;
    float: right;
    font-size: 18px;
    display: none;
}

.slide-number {
    background: rgba(0, 0, 0, .4);
    font-size: 10px;
    text-align: center;
    margin: 90px 20% 0 20%;
    color: white;
    border-radius: 10px;
    padding: 2px;
}
.slide-number-landscape {
    background: rgba(0, 0, 0, .4);
    font-size: 10px;
    text-align: center;
    margin: 45px 20% 0 20%;
    color: white;
    border-radius: 10px;
    padding: 2px;
}

.missing-input {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin: 2px;
}
.error-prompt {
    border-color:red!important;
    border-width:2px!important;
}