.notes,
body,
html {
    height: 100%
}
::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #bbb;
}
.notes {
    width: 100%;
    min-height: 100%;
    border: 1px solid #aaa
}

.notes-top-bar {
    padding: 0;
    margin: 0;
    min-height: 30px;
    -webkit-app-region: drag
}

.notes-top-bar .btn {
    -webkit-app-region: no-drag
}

.notes .container {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

.notes .notes-tab {
    padding: 30px 0 0
}

.notes .notes-tab .btn {
    border: 0 solid transparent
}

.notes .notes-tab-menu {
    position: absolute;
    display: none
}

@media print {
    .notes-print,
    .notes-print pre {
        display: block;
        white-space: pre-wrap;
        word-wrap: break-word
    }
    body,
    html {
        height: auto
    }
    .notes-print pre {
        border: none !important
    }
    a {
        text-decoration: underline
    }
}

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url(../img/bootstrap-colorpicker/saturation.png);
    cursor: crosshair;
    float: left
}

.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px
}

.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.colorpicker-alpha,
.colorpicker-hue {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px
}

.colorpicker-alpha i,
.colorpicker-hue i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px
}

.colorpicker-hue {
    background-image: url(../img/bootstrap-colorpicker/hue.png)
}

.colorpicker-alpha {
    background-image: url(../img/bootstrap-colorpicker/alpha.png);
    display: none
}

.colorpicker-alpha,
.colorpicker-hue,
.colorpicker-saturation {
    background-size: contain
}

.colorpicker {
    padding: 4px;
    min-width: 130px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2500
}

.colorpicker:after,
.colorpicker:before {
    display: table;
    content: "";
    line-height: 0
}

.colorpicker:after {
    clear: both
}

.colorpicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px
}

.colorpicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.colorpicker div {
    position: relative
}

.colorpicker.colorpicker-with-alpha {
    min-width: 140px
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url(../img/bootstrap-colorpicker/alpha.png);
    background-position: 0 100%
}

.colorpicker-color div {
    height: 10px
}

.colorpicker-selectors {
    display: none;
    height: 10px;
    margin-top: 5px;
    clear: both
}

.colorpicker-selectors i {
    cursor: pointer;
    float: left;
    height: 10px;
    width: 10px
}

.colorpicker-selectors i+i {
    margin-left: 3px
}

.colorpicker-element .add-on i,
.colorpicker-element .input-group-addon i {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    vertical-align: text-top;
    width: 16px
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
    z-index: auto
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    min-width: 110px;
    height: auto
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
    margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
    width: 100px
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha,
.colorpicker.colorpicker-horizontal .colorpicker-hue {
    width: 100px;
    height: 15px;
    float: left;
    cursor: col-resize;
    margin-left: 0;
    margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha i,
.colorpicker.colorpicker-horizontal .colorpicker-hue i {
    display: block;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    border: none;
    margin-top: 0
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
    background-image: url(../img/bootstrap-colorpicker/hue-horizontal.png)
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    background-image: url(../img/bootstrap-colorpicker/alpha-horizontal.png)
}

.colorpicker.colorpicker-hidden {
    display: none
}

.colorpicker.colorpicker-visible {
    display: block
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block
}

.colorpicker-right:before {
    left: auto;
    right: 6px
}

.colorpicker-right:after {
    left: auto;
    right: 7px
}

.colorpicker-no-arrow:before {
    border-right: 0;
    border-left: 0
}

.colorpicker-no-arrow:after {
    border-right: 0;
    border-left: 0
}

/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */

.colorpickerplus {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    max-width: 185px;
    max-height: 300px;
    z-index: 2499
}

.colorpickerplus-dropdown .dropdown-menu {
    width: 185px
}

.colorpickerplus-container div {
    position: relative
}

.colorpickerplus-container {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: auto;
    padding: 10px
}

.colorpickerplus .colorpickerplus-custom-colors,
.colorpickerplus .colorpickerplus-primary-colors,
.colorpickerplus-container .colorpickerplus-colors-row {
    overflow: hidden;
    width: 100%
}

.colorpickerplus-container .colorpickerplus-custom-colors {
    margin-bottom: 10px
}

.colorpickerplus-container .colorcell,
.colorpickerplus-container .nonecell {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    float: left;
    border: 1px solid #eee
}

.colorpickerplus-container .colorpickerplus-custom-colors .colorcell {
    border: 1px solid #ddd
}

.colorpickerplus-container .colorcell:hover,
.colorpickerplus-container .colorpickerplus-custom-colors .selected,
.colorpickerplus-container .selected {
    border: 1px solid #000
}

.sfd-ic-gd-c,
.sfd-ic-gd-c-ld,
.sfd-ic-gd-c-ld-m,
.sfd-ic-gd-c-ld-m-r,
.sfd-ic-gd-c-ld-r,
.sfd-ic-gd-c-lu,
.sfd-ic-gd-c-lu-m,
.sfd-ic-gd-c-lu-m-r,
.sfd-ic-gd-c-lu-r,
.sfd-ic-gd-c-m,
.sfd-ic-gd-c-m-r,
.sfd-ic-gd-c-r,
.sfd-ic-gd-c-rd,
.sfd-ic-gd-c-rd-m,
.sfd-ic-gd-c-rd-m-r,
.sfd-ic-gd-c-rd-r,
.sfd-ic-gd-c-ru,
.sfd-ic-gd-c-ru-m,
.sfd-ic-gd-c-ru-m-r,
.sfd-ic-gd-c-ru-r,
.sfd-ic-gd-lu,
.sfd-ic-gd-lu-m,
.sfd-ic-gd-lu-m-r,
.sfd-ic-gd-lu-r,
.sfd-ic-gd-r,
.sfd-ic-gd-r-m,
.sfd-ic-gd-r-m-r,
.sfd-ic-gd-r-r,
.sfd-ic-gd-ru,
.sfd-ic-gd-ru-m,
.sfd-ic-gd-ru-m-r,
.sfd-ic-gd-ru-r,
.sfd-ic-gd-u,
.sfd-ic-gd-u-m,
.sfd-ic-gd-u-m-r,
.sfd-ic-gd-u-r,
.sfd-ic-l-line00,
.sfd-ic-l-line01,
.sfd-ic-l-line02,
.sfd-ic-l-line03,
.sfd-ic-l-line04,
.sfd-ic-l-line05,
.sfd-ic-l-line10,
.sfd-ic-l-line11,
.sfd-ic-l-line20,
.sfd-ic-l-line22,
.sfd-ic-l-line30,
.sfd-ic-l-line33,
.sfd-ic-l-line40,
.sfd-ic-l-line41,
.sfd-ic-l-line44,
.sfd-ic-l-line50,
.sfd-ic-l-line51,
.sfd-ic-l-line55,
.sfd-ic-s-arrow,
.sfd-ic-s-darrow,
.sfd-ic-s-doc,
.sfd-ic-s-docs,
.sfd-ic-s-larrow,
.sfd-ic-s-line,
.sfd-ic-s-linex,
.sfd-ic-s-linexx,
.sfd-ic-s-oval,
.sfd-ic-s-ovalcallout,
.sfd-ic-s-rarrow,
.sfd-ic-s-rect,
.sfd-ic-s-rectcallout,
.sfd-ic-s-rrect,
.sfd-ic-s-shadow,
.sfd-ic-s-triangle,
.sfd-ic-s-uarrow,
.sfd-ic-sd-c,
.sfd-ic-sd-d,
.sfd-ic-sd-l,
.sfd-ic-sd-ld,
.sfd-ic-sd-lu,
.sfd-ic-sd-r,
.sfd-ic-sd-rd,
.sfd-ic-sd-ru,
.sfd-ic-sd-u {
    display: inline-block;
    float: left;
    position: relative;
    background-image: url(../img/bootstrap-jh2d-editor/icons-ext.png);
    background-size: 583 194px;
    width: 48px;
    height: 48px;
    margin: 1px
}

.sfd-ic-s-arrow,
.sfd-ic-s-darrow,
.sfd-ic-s-doc,
.sfd-ic-s-docs,
.sfd-ic-s-larrow,
.sfd-ic-s-line,
.sfd-ic-s-linex,
.sfd-ic-s-linexx,
.sfd-ic-s-oval,
.sfd-ic-s-ovalcallout,
.sfd-ic-s-rarrow,
.sfd-ic-s-rect,
.sfd-ic-s-rectcallout,
.sfd-ic-s-rrect,
.sfd-ic-s-shadow,
.sfd-ic-s-triangle,
.sfd-ic-s-uarrow {
    width: 16px;
    height: 16px
}

.sfd-ic-l-line00,
.sfd-ic-l-line01,
.sfd-ic-l-line02,
.sfd-ic-l-line03,
.sfd-ic-l-line04,
.sfd-ic-l-line05,
.sfd-ic-l-line10,
.sfd-ic-l-line11,
.sfd-ic-l-line20,
.sfd-ic-l-line22,
.sfd-ic-l-line30,
.sfd-ic-l-line33,
.sfd-ic-l-line40,
.sfd-ic-l-line41,
.sfd-ic-l-line44,
.sfd-ic-l-line50,
.sfd-ic-l-line51,
.sfd-ic-l-line55 {
    width: 82px;
    height: 16px
}

.sfd-ic-gd-r {
    background-position: -1px -1px
}

.sfd-ic-gd-r-r {
    background-position: -49px -1px
}

.sfd-ic-gd-r-m {
    background-position: -97px -1px
}

.sfd-ic-gd-r-m-r {
    background-position: -145px -1px
}

.sfd-ic-gd-u {
    background-position: -193px -1px
}

.sfd-ic-gd-u-r {
    background-position: -241px -1px
}

.sfd-ic-gd-u-m {
    background-position: -289px -1px
}

.sfd-ic-gd-u-m-r {
    background-position: -337px -1px
}

.sfd-ic-gd-ru {
    background-position: -385px -1px
}

.sfd-ic-gd-ru-r {
    background-position: -433px -1px
}

.sfd-ic-gd-ru-m {
    background-position: -481px -1px
}

.sfd-ic-gd-ru-m-r {
    background-position: -529px -1px
}

.sfd-ic-gd-lu {
    background-position: -1px -49px
}

.sfd-ic-gd-lu-r {
    background-position: -49px -49px
}

.sfd-ic-gd-lu-m {
    background-position: -97px -49px
}

.sfd-ic-gd-lu-m-r {
    background-position: -145px -49px
}

.sfd-ic-gd-c {
    background-position: -193px -49px
}

.sfd-ic-gd-c-r {
    background-position: -241px -49px
}

.sfd-ic-gd-c-m {
    background-position: -289px -49px
}

.sfd-ic-gd-c-m-r {
    background-position: -337px -49px
}

.sfd-ic-gd-c-ru {
    background-position: -385px -49px
}

.sfd-ic-gd-c-lu {
    background-position: -433px -49px
}

.sfd-ic-gd-c-ld {
    background-position: -481px -49px
}

.sfd-ic-gd-c-rd {
    background-position: -529px -49px
}

.sfd-ic-gd-c-ru-r {
    background-position: -1px -97px
}

.sfd-ic-gd-c-lu-r {
    background-position: -49px -97px
}

.sfd-ic-gd-c-ld-r {
    background-position: -97px -97px
}

.sfd-ic-gd-c-rd-r {
    background-position: -145px -97px
}

.sfd-ic-gd-c-ru-m {
    background-position: -193px -97px
}

.sfd-ic-gd-c-lu-m {
    background-position: -241px -97px
}

.sfd-ic-gd-c-ld-m {
    background-position: -289px -97px
}

.sfd-ic-gd-c-rd-m {
    background-position: -337px -97px
}

.sfd-ic-gd-c-ru-m-r {
    background-position: -385px -97px
}

.sfd-ic-gd-c-lu-m-r {
    background-position: -433px -97px
}

.sfd-ic-gd-c-ld-m-r {
    background-position: -481px -97px
}

.sfd-ic-gd-c-rd-m-r {
    background-position: -529px -97px
}

.sfd-ic-sd-r {
    background-position: -1px -145px
}

.sfd-ic-sd-rd {
    background-position: -49px -145px
}

.sfd-ic-sd-d {
    background-position: -97px -145px
}

.sfd-ic-sd-ld {
    background-position: -145px -145px
}

.sfd-ic-sd-l {
    background-position: -193px -145px
}

.sfd-ic-sd-lu {
    background-position: -241px -145px
}

.sfd-ic-sd-u {
    background-position: -289px -145px
}

.sfd-ic-sd-ru {
    background-position: -337px -145px
}

.sfd-ic-sd-c {
    background-position: -385px -145px
}

.sfd-ic-s-line {
    background-position: -1px -193px
}

.sfd-ic-s-rect {
    background-position: -17px -193px
}

.sfd-ic-s-oval {
    background-position: -33px -193px
}

.sfd-ic-s-triangle {
    background-position: -49px -193px
}

.sfd-ic-s-arrow {
    background-position: -65px -193px
}

.sfd-ic-s-rarrow {
    background-position: -81px -193px
}

.sfd-ic-s-larrow {
    background-position: -97px -193px
}

.sfd-ic-s-uarrow {
    background-position: -113px -193px
}

.sfd-ic-s-darrow {
    background-position: -129px -193px
}

.sfd-ic-s-rectcallout {
    background-position: -145px -193px
}

.sfd-ic-s-ovalcallout {
    background-position: -161px -193px
}

.sfd-ic-s-rrect {
    background-position: -177px -193px
}

.sfd-ic-s-doc {
    background-position: -193px -193px
}

.sfd-ic-s-docs {
    background-position: -209px -193px
}

.sfd-ic-s-linex {
    background-position: -225px -193px
}

.sfd-ic-s-linexx {
    background-position: -241px -193px
}

.sfd-ic-s-shadow {
    background-position: -257px -193px
}

.sfd-ic-l-line00 {
    background-position: -1px -209px
}

.sfd-ic-l-line01 {
    background-position: -83px -209px
}

.sfd-ic-l-line10 {
    background-position: -165px -209px
}

.sfd-ic-l-line11 {
    background-position: -247px -209px
}

.sfd-ic-l-line02 {
    background-position: -329px -209px
}

.sfd-ic-l-line20 {
    background-position: -411px -209px
}

.sfd-ic-l-line22 {
    background-position: -493px -209px
}

.sfd-ic-l-line03 {
    background-position: -1px -225px
}

.sfd-ic-l-line30 {
    background-position: -83px -225px
}

.sfd-ic-l-line33 {
    background-position: -165px -225px
}

.sfd-ic-l-line04 {
    background-position: -247px -225px
}

.sfd-ic-l-line40 {
    background-position: -329px -225px
}

.sfd-ic-l-line44 {
    background-position: -411px -225px
}

.sfd-ic-l-line05 {
    background-position: -493px -225px
}

.sfd-ic-l-line50 {
    background-position: -1px -241px
}

.sfd-ic-l-line55 {
    background-position: -83px -241px
}

.sfd-ic-l-line41 {
    background-position: -165px -241px
}

.sfd-ic-l-line51 {
    background-position: -247px -241px
}

.sf-ic-altproc,
.sf-ic-arc,
.sf-ic-bentarrow,
.sf-ic-bentuparrow,
.sf-ic-blockarc,
.sf-ic-braces,
.sf-ic-brackets,
.sf-ic-can,
.sf-ic-card,
.sf-ic-chord,
.sf-ic-circulararrow,
.sf-ic-cloud,
.sf-ic-collate,
.sf-ic-connector,
.sf-ic-cross,
.sf-ic-crossarrow,
.sf-ic-cube,
.sf-ic-curve,
.sf-ic-curveddarraow,
.sf-ic-curveddribbon,
.sf-ic-curvedlarraow,
.sf-ic-curvedrarraow,
.sf-ic-curveduarraow,
.sf-ic-curveduribbon,
.sf-ic-darrow,
.sf-ic-darrowcallout,
.sf-ic-data,
.sf-ic-decision,
.sf-ic-delay,
.sf-ic-diagonalstripe,
.sf-ic-diamond,
.sf-ic-directstorage,
.sf-ic-display,
.sf-ic-division,
.sf-ic-doc,
.sf-ic-docs,
.sf-ic-donut,
.sf-ic-dribbon,
.sf-ic-drrect,
.sf-ic-dsrect,
.sf-ic-equal,
.sf-ic-explosion,
.sf-ic-extract,
.sf-ic-foldedcorner,
.sf-ic-forkedtail,
.sf-ic-forkedtailarrow,
.sf-ic-frame,
.sf-ic-freeform,
.sf-ic-halframe,
.sf-ic-heart,
.sf-ic-hscroll,
.sf-ic-interstorage,
.sf-ic-ladder,
.sf-ic-larrow,
.sf-ic-larrowcallout,
.sf-ic-lbrace,
.sf-ic-lbracket,
.sf-ic-li-arrow0,
.sf-ic-li-arrow1,
.sf-ic-li-arrow10,
.sf-ic-li-arrow11,
.sf-ic-li-arrow2,
.sf-ic-li-arrow20,
.sf-ic-li-arrow22,
.sf-ic-li-arrow41,
.sf-ic-li-arrow44,
.sf-ic-li-arrow51,
.sf-ic-li-arrow55,
.sf-ic-li-dashed0,
.sf-ic-li-dashed1,
.sf-ic-li-dashed2,
.sf-ic-lightning,
.sf-ic-line,
.sf-ic-linecallout1,
.sf-ic-linecallout10,
.sf-ic-linecallout11,
.sf-ic-linecallout12,
.sf-ic-linecallout2,
.sf-ic-linecallout3,
.sf-ic-linecallout4,
.sf-ic-linecallout5,
.sf-ic-linecallout6,
.sf-ic-linecallout7,
.sf-ic-linecallout8,
.sf-ic-linecallout9,
.sf-ic-liner0,
.sf-ic-liner1,
.sf-ic-liner10,
.sf-ic-liner2,
.sf-ic-liner20,
.sf-ic-liner3,
.sf-ic-liner30,
.sf-ic-liner4,
.sf-ic-liner40,
.sf-ic-liner5,
.sf-ic-liner50,
.sf-ic-linex,
.sf-ic-linexx,
.sf-ic-lrarrow,
.sf-ic-lrline,
.sf-ic-lrlinex,
.sf-ic-lrlinexx,
.sf-ic-lruarrow,
.sf-ic-lshape,
.sf-ic-luarrow,
.sf-ic-magstorage,
.sf-ic-manualinput,
.sf-ic-manualoper,
.sf-ic-merge,
.sf-ic-minus,
.sf-ic-missingcorner,
.sf-ic-moon,
.sf-ic-multiply,
.sf-ic-nosymbol,
.sf-ic-notequal,
.sf-ic-offpageconn,
.sf-ic-or,
.sf-ic-oval,
.sf-ic-ovalcallout,
.sf-ic-p-p20,
.sf-ic-p-p21,
.sf-ic-p-p22,
.sf-ic-p-p29,
.sf-ic-p-p30,
.sf-ic-p-p31,
.sf-ic-p-pl1,
.sf-ic-p-pl2,
.sf-ic-p-pl3,
.sf-ic-p-pl4,
.sf-ic-p-pl5,
.sf-ic-p-pl6,
.sf-ic-p-pl7,
.sf-ic-p-pl8,
.sf-ic-p-pl9,
.sf-ic-p-px1,
.sf-ic-p-px2,
.sf-ic-p-px3,
.sf-ic-p-px4,
.sf-ic-p-px5,
.sf-ic-p-px6,
.sf-ic-p-px7,
.sf-ic-p-px8,
.sf-ic-p-px9,
.sf-ic-parallelogram,
.sf-ic-pentagon,
.sf-ic-pie,
.sf-ic-plus,
.sf-ic-pollygon10,
.sf-ic-pollygon12,
.sf-ic-pollygon5,
.sf-ic-pollygon6,
.sf-ic-pollygon7,
.sf-ic-pollygon8,
.sf-ic-predefproc,
.sf-ic-preparation,
.sf-ic-process,
.sf-ic-punchedtape,
.sf-ic-rarrow,
.sf-ic-rarrowcallout,
.sf-ic-rbrace,
.sf-ic-rbracket,
.sf-ic-rect,
.sf-ic-rectcallout,
.sf-ic-rline,
.sf-ic-rlinex,
.sf-ic-rlinexx,
.sf-ic-rrect,
.sf-ic-rrectcallout,
.sf-ic-sasrrect,
.sf-ic-seqstorage,
.sf-ic-shadow,
.sf-ic-smileyface,
.sf-ic-sort,
.sf-ic-srrect,
.sf-ic-ssrect,
.sf-ic-ssrrect,
.sf-ic-sssrect,
.sf-ic-star10,
.sf-ic-star12,
.sf-ic-star16,
.sf-ic-star24,
.sf-ic-star32,
.sf-ic-star4,
.sf-ic-star5,
.sf-ic-star6,
.sf-ic-star7,
.sf-ic-star8,
.sf-ic-storeddata,
.sf-ic-stripedrarrow,
.sf-ic-summingjunction,
.sf-ic-sun,
.sf-ic-t-tt0,
.sf-ic-t-tt1,
.sf-ic-t-tt10,
.sf-ic-t-tt11,
.sf-ic-t-tt12,
.sf-ic-t-tt13,
.sf-ic-t-tt14,
.sf-ic-t-tt15,
.sf-ic-t-tt16,
.sf-ic-t-tt17,
.sf-ic-t-tt18,
.sf-ic-t-tt19,
.sf-ic-t-tt2,
.sf-ic-t-tt20,
.sf-ic-t-tt21,
.sf-ic-t-tt22,
.sf-ic-t-tt23,
.sf-ic-t-tt24,
.sf-ic-t-tt3,
.sf-ic-t-tt4,
.sf-ic-t-tt5,
.sf-ic-t-tt6,
.sf-ic-t-tt7,
.sf-ic-t-tt8,
.sf-ic-t-tt9,
.sf-ic-teardrop,
.sf-ic-terminator,
.sf-ic-triangle,
.sf-ic-uarrow,
.sf-ic-uarrowcallout,
.sf-ic-udarrow,
.sf-ic-uribbon,
.sf-ic-uturnarrow,
.sf-ic-vscroll,
.sf-ic-wave,
.sf-ic-wave2,
.sf-ic-x-altproc,
.sf-ic-x-arc,
.sf-ic-x-bentarrow,
.sf-ic-x-bentuparrow,
.sf-ic-x-blockarc,
.sf-ic-x-braces,
.sf-ic-x-brackets,
.sf-ic-x-can,
.sf-ic-x-card,
.sf-ic-x-chord,
.sf-ic-x-circulararrow,
.sf-ic-x-cloud,
.sf-ic-x-collate,
.sf-ic-x-connector,
.sf-ic-x-cross,
.sf-ic-x-crossarrow,
.sf-ic-x-cube,
.sf-ic-x-curve,
.sf-ic-x-curveddarraow,
.sf-ic-x-curveddribbon,
.sf-ic-x-curvedlarraow,
.sf-ic-x-curvedrarraow,
.sf-ic-x-curveduarraow,
.sf-ic-x-curveduribbon,
.sf-ic-x-darrow,
.sf-ic-x-darrowcallout,
.sf-ic-x-data,
.sf-ic-x-decision,
.sf-ic-x-delay,
.sf-ic-x-diagonalstripe,
.sf-ic-x-diamond,
.sf-ic-x-directstorage,
.sf-ic-x-display,
.sf-ic-x-division,
.sf-ic-x-doc,
.sf-ic-x-docs,
.sf-ic-x-donut,
.sf-ic-x-dribbon,
.sf-ic-x-drrect,
.sf-ic-x-dsrect,
.sf-ic-x-equal,
.sf-ic-x-explosion,
.sf-ic-x-extract,
.sf-ic-x-foldedcorner,
.sf-ic-x-forkedtail,
.sf-ic-x-forkedtailarrow,
.sf-ic-x-frame,
.sf-ic-x-freeform,
.sf-ic-x-halframe,
.sf-ic-x-heart,
.sf-ic-x-hscroll,
.sf-ic-x-interstorage,
.sf-ic-x-ladder,
.sf-ic-x-larrow,
.sf-ic-x-larrowcallout,
.sf-ic-x-lbrace,
.sf-ic-x-lbracket,
.sf-ic-x-lightning,
.sf-ic-x-line,
.sf-ic-x-linecallout1,
.sf-ic-x-linecallout10,
.sf-ic-x-linecallout11,
.sf-ic-x-linecallout12,
.sf-ic-x-linecallout2,
.sf-ic-x-linecallout3,
.sf-ic-x-linecallout4,
.sf-ic-x-linecallout5,
.sf-ic-x-linecallout6,
.sf-ic-x-linecallout7,
.sf-ic-x-linecallout8,
.sf-ic-x-linecallout9,
.sf-ic-x-linex,
.sf-ic-x-linexx,
.sf-ic-x-lline,
.sf-ic-x-llinex,
.sf-ic-x-llinexx,
.sf-ic-x-lrarrow,
.sf-ic-x-lrline,
.sf-ic-x-lrlinex,
.sf-ic-x-lrlinexx,
.sf-ic-x-lruarrow,
.sf-ic-x-lshape,
.sf-ic-x-luarrow,
.sf-ic-x-magstorage,
.sf-ic-x-manualinput,
.sf-ic-x-manualoper,
.sf-ic-x-merge,
.sf-ic-x-minus,
.sf-ic-x-missingcorner,
.sf-ic-x-moon,
.sf-ic-x-multiply,
.sf-ic-x-nosymbol,
.sf-ic-x-notequal,
.sf-ic-x-offpageconn,
.sf-ic-x-or,
.sf-ic-x-oval,
.sf-ic-x-ovalcallout,
.sf-ic-x-parallelogram,
.sf-ic-x-pentagon,
.sf-ic-x-pie,
.sf-ic-x-plus,
.sf-ic-x-pollygon10,
.sf-ic-x-pollygon12,
.sf-ic-x-pollygon5,
.sf-ic-x-pollygon6,
.sf-ic-x-pollygon7,
.sf-ic-x-pollygon8,
.sf-ic-x-predefproc,
.sf-ic-x-preparation,
.sf-ic-x-process,
.sf-ic-x-punchedtape,
.sf-ic-x-qs-fill-black,
.sf-ic-x-qs-fill-blue,
.sf-ic-x-qs-fill-green,
.sf-ic-x-qs-fill-light-blue,
.sf-ic-x-qs-fill-orange,
.sf-ic-x-qs-fill-red,
.sf-ic-x-qs-moderate-effect-black,
.sf-ic-x-qs-moderate-effect-blue,
.sf-ic-x-qs-moderate-effect-green,
.sf-ic-x-qs-moderate-effect-light-blue,
.sf-ic-x-qs-moderate-effect-orange,
.sf-ic-x-qs-moderate-effect-red,
.sf-ic-x-qs-outline-black,
.sf-ic-x-qs-outline-blue,
.sf-ic-x-qs-outline-fill-black,
.sf-ic-x-qs-outline-fill-blue,
.sf-ic-x-qs-outline-fill-green,
.sf-ic-x-qs-outline-fill-light-blue,
.sf-ic-x-qs-outline-fill-orange,
.sf-ic-x-qs-outline-fill-red,
.sf-ic-x-qs-outline-green,
.sf-ic-x-qs-outline-light-blue,
.sf-ic-x-qs-outline-orange,
.sf-ic-x-qs-outline-red,
.sf-ic-x-qs-subtle-effect-black,
.sf-ic-x-qs-subtle-effect-blue,
.sf-ic-x-qs-subtle-effect-green,
.sf-ic-x-qs-subtle-effect-light-blue,
.sf-ic-x-qs-subtle-effect-orange,
.sf-ic-x-qs-subtle-effect-red,
.sf-ic-x-rarrow,
.sf-ic-x-rarrowcallout,
.sf-ic-x-rbrace,
.sf-ic-x-rbracket,
.sf-ic-x-rect,
.sf-ic-x-rectcallout,
.sf-ic-x-rline,
.sf-ic-x-rlinex,
.sf-ic-x-rlinexx,
.sf-ic-x-rrect,
.sf-ic-x-rrectcallout,
.sf-ic-x-sasrrect,
.sf-ic-x-seqstorage,
.sf-ic-x-smileyface,
.sf-ic-x-sort,
.sf-ic-x-srrect,
.sf-ic-x-ssrect,
.sf-ic-x-ssrrect,
.sf-ic-x-sssrect,
.sf-ic-x-star10,
.sf-ic-x-star12,
.sf-ic-x-star16,
.sf-ic-x-star24,
.sf-ic-x-star32,
.sf-ic-x-star4,
.sf-ic-x-star5,
.sf-ic-x-star6,
.sf-ic-x-star7,
.sf-ic-x-star8,
.sf-ic-x-storeddata,
.sf-ic-x-stripedrarrow,
.sf-ic-x-summingjunction,
.sf-ic-x-sun,
.sf-ic-x-teardrop,
.sf-ic-x-terminator,
.sf-ic-x-triangle,
.sf-ic-x-uarrow,
.sf-ic-x-uarrowcallout,
.sf-ic-x-udarrow,
.sf-ic-x-uribbon,
.sf-ic-x-uturnarrow,
.sf-ic-x-vscroll,
.sf-ic-x-wave,
.sf-ic-x-wave2 {
    display: inline-block;
    float: left;
    position: relative;
    background-image: url(../img/bootstrap-jh2d-editor/icons.png);
    background-size: 535px 1176px;
    width: 48px;
    height: 48px;
    margin: 1px
}

.sf-ic-altproc,
.sf-ic-arc,
.sf-ic-bentarrow,
.sf-ic-bentuparrow,
.sf-ic-blockarc,
.sf-ic-braces,
.sf-ic-brackets,
.sf-ic-can,
.sf-ic-card,
.sf-ic-chord,
.sf-ic-circulararrow,
.sf-ic-cloud,
.sf-ic-collate,
.sf-ic-connector,
.sf-ic-cross,
.sf-ic-crossarrow,
.sf-ic-cube,
.sf-ic-curve,
.sf-ic-curveddarraow,
.sf-ic-curveddribbon,
.sf-ic-curvedlarraow,
.sf-ic-curvedrarraow,
.sf-ic-curveduarraow,
.sf-ic-curveduribbon,
.sf-ic-darrow,
.sf-ic-darrowcallout,
.sf-ic-data,
.sf-ic-decision,
.sf-ic-delay,
.sf-ic-diagonalstripe,
.sf-ic-diamond,
.sf-ic-directstorage,
.sf-ic-display,
.sf-ic-division,
.sf-ic-doc,
.sf-ic-docs,
.sf-ic-donut,
.sf-ic-dribbon,
.sf-ic-drrect,
.sf-ic-dsrect,
.sf-ic-equal,
.sf-ic-explosion,
.sf-ic-extract,
.sf-ic-foldedcorner,
.sf-ic-forkedtail,
.sf-ic-forkedtailarrow,
.sf-ic-frame,
.sf-ic-freeform,
.sf-ic-halframe,
.sf-ic-heart,
.sf-ic-hscroll,
.sf-ic-interstorage,
.sf-ic-ladder,
.sf-ic-larrow,
.sf-ic-larrowcallout,
.sf-ic-lbrace,
.sf-ic-lbracket,
.sf-ic-lightning,
.sf-ic-line,
.sf-ic-linecallout1,
.sf-ic-linecallout10,
.sf-ic-linecallout11,
.sf-ic-linecallout12,
.sf-ic-linecallout2,
.sf-ic-linecallout3,
.sf-ic-linecallout4,
.sf-ic-linecallout5,
.sf-ic-linecallout6,
.sf-ic-linecallout7,
.sf-ic-linecallout8,
.sf-ic-linecallout9,
.sf-ic-liner0,
.sf-ic-liner1,
.sf-ic-liner10,
.sf-ic-liner2,
.sf-ic-liner20,
.sf-ic-liner3,
.sf-ic-liner30,
.sf-ic-liner4,
.sf-ic-liner40,
.sf-ic-liner5,
.sf-ic-liner50,
.sf-ic-linex,
.sf-ic-linexx,
.sf-ic-lrarrow,
.sf-ic-lrline,
.sf-ic-lrlinex,
.sf-ic-lrlinexx,
.sf-ic-lruarrow,
.sf-ic-lshape,
.sf-ic-luarrow,
.sf-ic-magstorage,
.sf-ic-manualinput,
.sf-ic-manualoper,
.sf-ic-merge,
.sf-ic-minus,
.sf-ic-missingcorner,
.sf-ic-moon,
.sf-ic-multiply,
.sf-ic-nosymbol,
.sf-ic-notequal,
.sf-ic-offpageconn,
.sf-ic-or,
.sf-ic-oval,
.sf-ic-ovalcallout,
.sf-ic-parallelogram,
.sf-ic-pentagon,
.sf-ic-pie,
.sf-ic-plus,
.sf-ic-pollygon10,
.sf-ic-pollygon12,
.sf-ic-pollygon5,
.sf-ic-pollygon6,
.sf-ic-pollygon7,
.sf-ic-pollygon8,
.sf-ic-predefproc,
.sf-ic-preparation,
.sf-ic-process,
.sf-ic-punchedtape,
.sf-ic-rarrow,
.sf-ic-rarrowcallout,
.sf-ic-rbrace,
.sf-ic-rbracket,
.sf-ic-rect,
.sf-ic-rectcallout,
.sf-ic-rline,
.sf-ic-rlinex,
.sf-ic-rlinexx,
.sf-ic-rrect,
.sf-ic-rrectcallout,
.sf-ic-sasrrect,
.sf-ic-seqstorage,
.sf-ic-shadow,
.sf-ic-smileyface,
.sf-ic-sort,
.sf-ic-srrect,
.sf-ic-ssrect,
.sf-ic-ssrrect,
.sf-ic-sssrect,
.sf-ic-star10,
.sf-ic-star12,
.sf-ic-star16,
.sf-ic-star24,
.sf-ic-star32,
.sf-ic-star4,
.sf-ic-star5,
.sf-ic-star6,
.sf-ic-star7,
.sf-ic-star8,
.sf-ic-storeddata,
.sf-ic-stripedrarrow,
.sf-ic-summingjunction,
.sf-ic-sun,
.sf-ic-teardrop,
.sf-ic-terminator,
.sf-ic-triangle,
.sf-ic-uarrow,
.sf-ic-uarrowcallout,
.sf-ic-udarrow,
.sf-ic-uribbon,
.sf-ic-uturnarrow,
.sf-ic-vscroll,
.sf-ic-wave,
.sf-ic-wave2 {
    width: 16px;
    height: 16px
}

.sf-ic-li-arrow0,
.sf-ic-li-arrow1,
.sf-ic-li-arrow10,
.sf-ic-li-arrow11,
.sf-ic-li-arrow2,
.sf-ic-li-arrow20,
.sf-ic-li-arrow22,
.sf-ic-li-arrow41,
.sf-ic-li-arrow44,
.sf-ic-li-arrow51,
.sf-ic-li-arrow55,
.sf-ic-li-dashed0,
.sf-ic-li-dashed1,
.sf-ic-li-dashed2 {
    width: 64px;
    height: 14px
}

.sf-ic-p-p20,
.sf-ic-p-p21,
.sf-ic-p-p22,
.sf-ic-p-p29,
.sf-ic-p-p30,
.sf-ic-p-p31,
.sf-ic-p-pl1,
.sf-ic-p-pl2,
.sf-ic-p-pl3,
.sf-ic-p-pl4,
.sf-ic-p-pl5,
.sf-ic-p-pl6,
.sf-ic-p-pl7,
.sf-ic-p-pl8,
.sf-ic-p-pl9,
.sf-ic-p-px1,
.sf-ic-p-px2,
.sf-ic-p-px3,
.sf-ic-p-px4,
.sf-ic-p-px5,
.sf-ic-p-px6,
.sf-ic-p-px7,
.sf-ic-p-px8,
.sf-ic-p-px9 {
    width: 40px;
    height: 40px
}

.sf-ic-t-tt0,
.sf-ic-t-tt1,
.sf-ic-t-tt10,
.sf-ic-t-tt11,
.sf-ic-t-tt12,
.sf-ic-t-tt13,
.sf-ic-t-tt14,
.sf-ic-t-tt15,
.sf-ic-t-tt16,
.sf-ic-t-tt17,
.sf-ic-t-tt18,
.sf-ic-t-tt19,
.sf-ic-t-tt2,
.sf-ic-t-tt20,
.sf-ic-t-tt21,
.sf-ic-t-tt22,
.sf-ic-t-tt23,
.sf-ic-t-tt24,
.sf-ic-t-tt3,
.sf-ic-t-tt4,
.sf-ic-t-tt5,
.sf-ic-t-tt6,
.sf-ic-t-tt7,
.sf-ic-t-tt8,
.sf-ic-t-tt9 {
    width: 52px;
    height: 52px
}

.sf-ic-x-line {
    background-position: -2px -2px
}

.sf-ic-x-curve {
    background-position: -50px -2px
}

.sf-ic-x-freeform {
    background-position: -98px -2px
}

.sf-ic-x-linex {
    background-position: -146px -2px
}

.sf-ic-x-linexx {
    background-position: -194px -2px
}

.sf-ic-x-rect {
    background-position: -242px -2px
}

.sf-ic-x-rrect {
    background-position: -290px -2px
}

.sf-ic-x-ssrect {
    background-position: -338px -2px
}

.sf-ic-x-sssrect {
    background-position: -386px -2px
}

.sf-ic-x-dsrect {
    background-position: -434px -2px
}

.sf-ic-x-sasrrect {
    background-position: -482px -2px
}

.sf-ic-x-srrect {
    background-position: -2px -50px
}

.sf-ic-x-ssrrect {
    background-position: -50px -50px
}

.sf-ic-x-drrect {
    background-position: -98px -50px
}

.sf-ic-x-oval {
    background-position: -146px -50px
}

.sf-ic-x-triangle {
    background-position: -194px -50px
}

.sf-ic-x-parallelogram {
    background-position: -242px -50px
}

.sf-ic-x-ladder {
    background-position: -290px -50px
}

.sf-ic-x-diamond {
    background-position: -338px -50px
}

.sf-ic-x-pollygon5 {
    background-position: -386px -50px
}

.sf-ic-x-pollygon6 {
    background-position: -434px -50px
}

.sf-ic-x-pollygon7 {
    background-position: -482px -50px
}

.sf-ic-x-pollygon8 {
    background-position: -2px -98px
}

.sf-ic-x-pollygon10 {
    background-position: -50px -98px
}

.sf-ic-x-pollygon12 {
    background-position: -98px -98px
}

.sf-ic-x-pie {
    background-position: -146px -98px
}

.sf-ic-x-chord {
    background-position: -194px -98px
}

.sf-ic-x-teardrop {
    background-position: -242px -98px
}

.sf-ic-x-frame {
    background-position: -290px -98px
}

.sf-ic-x-halframe {
    background-position: -338px -98px
}

.sf-ic-x-lshape {
    background-position: -386px -98px
}

.sf-ic-x-diagonalstripe {
    background-position: -434px -98px
}

.sf-ic-x-cross {
    background-position: -482px -98px
}

.sf-ic-x-missingcorner {
    background-position: -2px -146px
}

.sf-ic-x-can {
    background-position: -50px -146px
}

.sf-ic-x-cube {
    background-position: -98px -146px
}

.sf-ic-x-donut {
    background-position: -146px -146px
}

.sf-ic-x-nosymbol {
    background-position: -194px -146px
}

.sf-ic-x-blockarc {
    background-position: -242px -146px
}

.sf-ic-x-foldedcorner {
    background-position: -290px -146px
}

.sf-ic-x-smileyface {
    background-position: -338px -146px
}

.sf-ic-x-heart {
    background-position: -386px -146px
}

.sf-ic-x-lightning {
    background-position: -434px -146px
}

.sf-ic-x-sun {
    background-position: -482px -146px
}

.sf-ic-x-moon {
    background-position: -2px -194px
}

.sf-ic-x-cloud {
    background-position: -50px -194px
}

.sf-ic-x-arc {
    background-position: -98px -194px
}

.sf-ic-x-brackets {
    background-position: -146px -194px
}

.sf-ic-x-lbracket {
    background-position: -194px -194px
}

.sf-ic-x-rbracket {
    background-position: -242px -194px
}

.sf-ic-x-braces {
    background-position: -290px -194px
}

.sf-ic-x-lbrace {
    background-position: -338px -194px
}

.sf-ic-x-rbrace {
    background-position: -386px -194px
}

.sf-ic-x-rarrow {
    background-position: -434px -194px
}

.sf-ic-x-larrow {
    background-position: -482px -194px
}

.sf-ic-x-uarrow {
    background-position: -2px -242px
}

.sf-ic-x-darrow {
    background-position: -50px -242px
}

.sf-ic-x-lrarrow {
    background-position: -98px -242px
}

.sf-ic-x-udarrow {
    background-position: -146px -242px
}

.sf-ic-x-crossarrow {
    background-position: -194px -242px
}

.sf-ic-x-lruarrow {
    background-position: -242px -242px
}

.sf-ic-x-bentarrow {
    background-position: -290px -242px
}

.sf-ic-x-uturnarrow {
    background-position: -338px -242px
}

.sf-ic-x-luarrow {
    background-position: -386px -242px
}

.sf-ic-x-bentuparrow {
    background-position: -434px -242px
}

.sf-ic-x-curvedlarraow {
    background-position: -482px -242px
}

.sf-ic-x-curvedrarraow {
    background-position: -2px -290px
}

.sf-ic-x-curveddarraow {
    background-position: -50px -290px
}

.sf-ic-x-curveduarraow {
    background-position: -98px -290px
}

.sf-ic-x-stripedrarrow {
    background-position: -146px -290px
}

.sf-ic-x-forkedtailarrow {
    background-position: -194px -290px
}

.sf-ic-x-pentagon {
    background-position: -242px -290px
}

.sf-ic-x-forkedtail {
    background-position: -290px -290px
}

.sf-ic-x-rarrowcallout {
    background-position: -338px -290px
}

.sf-ic-x-larrowcallout {
    background-position: -386px -290px
}

.sf-ic-x-darrowcallout {
    background-position: -434px -290px
}

.sf-ic-x-uarrowcallout {
    background-position: -482px -290px
}

.sf-ic-x-circulararrow {
    background-position: -2px -338px
}

.sf-ic-x-process {
    background-position: -50px -338px
}

.sf-ic-x-altproc {
    background-position: -98px -338px
}

.sf-ic-x-decision {
    background-position: -146px -338px
}

.sf-ic-x-data {
    background-position: -194px -338px
}

.sf-ic-x-predefproc {
    background-position: -242px -338px
}

.sf-ic-x-interstorage {
    background-position: -290px -338px
}

.sf-ic-x-doc {
    background-position: -338px -338px
}

.sf-ic-x-docs {
    background-position: -386px -338px
}

.sf-ic-x-terminator {
    background-position: -434px -338px
}

.sf-ic-x-preparation {
    background-position: -482px -338px
}

.sf-ic-x-manualinput {
    background-position: -2px -386px
}

.sf-ic-x-manualoper {
    background-position: -50px -386px
}

.sf-ic-x-connector {
    background-position: -98px -386px
}

.sf-ic-x-offpageconn {
    background-position: -146px -386px
}

.sf-ic-x-card {
    background-position: -194px -386px
}

.sf-ic-x-punchedtape {
    background-position: -242px -386px
}

.sf-ic-x-summingjunction {
    background-position: -290px -386px
}

.sf-ic-x-or {
    background-position: -338px -386px
}

.sf-ic-x-collate {
    background-position: -386px -386px
}

.sf-ic-x-sort {
    background-position: -434px -386px
}

.sf-ic-x-extract {
    background-position: -482px -386px
}

.sf-ic-x-merge {
    background-position: -2px -434px
}

.sf-ic-x-storeddata {
    background-position: -50px -434px
}

.sf-ic-x-delay {
    background-position: -98px -434px
}

.sf-ic-x-seqstorage {
    background-position: -146px -434px
}

.sf-ic-x-magstorage {
    background-position: -194px -434px
}

.sf-ic-x-directstorage {
    background-position: -242px -434px
}

.sf-ic-x-display {
    background-position: -290px -434px
}

.sf-ic-x-explosion {
    background-position: -338px -434px
}

.sf-ic-x-star4 {
    background-position: -386px -434px
}

.sf-ic-x-star5 {
    background-position: -434px -434px
}

.sf-ic-x-star6 {
    background-position: -482px -434px
}

.sf-ic-x-star7 {
    background-position: -2px -482px
}

.sf-ic-x-star8 {
    background-position: -50px -482px
}

.sf-ic-x-star10 {
    background-position: -98px -482px
}

.sf-ic-x-star12 {
    background-position: -146px -482px
}

.sf-ic-x-star16 {
    background-position: -194px -482px
}

.sf-ic-x-star24 {
    background-position: -242px -482px
}

.sf-ic-x-star32 {
    background-position: -290px -482px
}

.sf-ic-x-uribbon {
    background-position: -338px -482px
}

.sf-ic-x-dribbon {
    background-position: -386px -482px
}

.sf-ic-x-curveduribbon {
    background-position: -434px -482px
}

.sf-ic-x-curveddribbon {
    background-position: -482px -482px
}

.sf-ic-x-vscroll {
    background-position: -2px -530px
}

.sf-ic-x-hscroll {
    background-position: -50px -530px
}

.sf-ic-x-wave {
    background-position: -98px -530px
}

.sf-ic-x-wave2 {
    background-position: -146px -530px
}

.sf-ic-x-rectcallout {
    background-position: -194px -530px
}

.sf-ic-x-rrectcallout {
    background-position: -242px -530px
}

.sf-ic-x-ovalcallout {
    background-position: -290px -530px
}

.sf-ic-x-linecallout1 {
    background-position: -338px -530px
}

.sf-ic-x-linecallout2 {
    background-position: -386px -530px
}

.sf-ic-x-linecallout3 {
    background-position: -434px -530px
}

.sf-ic-x-linecallout4 {
    background-position: -482px -530px
}

.sf-ic-x-linecallout5 {
    background-position: -2px -578px
}

.sf-ic-x-linecallout6 {
    background-position: -50px -578px
}

.sf-ic-x-linecallout7 {
    background-position: -98px -578px
}

.sf-ic-x-linecallout8 {
    background-position: -146px -578px
}

.sf-ic-x-linecallout9 {
    background-position: -194px -578px
}

.sf-ic-x-linecallout10 {
    background-position: -242px -578px
}

.sf-ic-x-linecallout11 {
    background-position: -290px -578px
}

.sf-ic-x-linecallout12 {
    background-position: -338px -578px
}

.sf-ic-x-rline {
    background-position: -386px -578px
}

.sf-ic-x-lline {
    background-position: -434px -578px
}

.sf-ic-x-lrline {
    background-position: -482px -578px
}

.sf-ic-x-rlinex {
    background-position: -2px -626px
}

.sf-ic-x-llinex {
    background-position: -50px -626px
}

.sf-ic-x-lrlinex {
    background-position: -98px -626px
}

.sf-ic-x-rlinexx {
    background-position: -146px -626px
}

.sf-ic-x-llinexx {
    background-position: -194px -626px
}

.sf-ic-x-lrlinexx {
    background-position: -242px -626px
}

.sf-ic-x-plus {
    background-position: -290px -626px
}

.sf-ic-x-minus {
    background-position: -338px -626px
}

.sf-ic-x-multiply {
    background-position: -386px -626px
}

.sf-ic-x-division {
    background-position: -434px -626px
}

.sf-ic-x-equal {
    background-position: -482px -626px
}

.sf-ic-x-notequal {
    background-position: -2px -674px
}

.sf-ic-x-qs-outline-black {
    background-position: -50px -674px
}

.sf-ic-x-qs-outline-blue {
    background-position: -98px -674px
}

.sf-ic-x-qs-outline-green {
    background-position: -146px -674px
}

.sf-ic-x-qs-outline-light-blue {
    background-position: -194px -674px
}

.sf-ic-x-qs-outline-orange {
    background-position: -242px -674px
}

.sf-ic-x-qs-outline-red {
    background-position: -290px -674px
}

.sf-ic-x-qs-fill-black {
    background-position: -338px -674px
}

.sf-ic-x-qs-fill-blue {
    background-position: -386px -674px
}

.sf-ic-x-qs-fill-green {
    background-position: -434px -674px
}

.sf-ic-x-qs-fill-light-blue {
    background-position: -482px -674px
}

.sf-ic-x-qs-fill-orange {
    background-position: -2px -722px
}

.sf-ic-x-qs-fill-red {
    background-position: -50px -722px
}

.sf-ic-x-qs-outline-fill-black {
    background-position: -98px -722px
}

.sf-ic-x-qs-outline-fill-blue {
    background-position: -146px -722px
}

.sf-ic-x-qs-outline-fill-green {
    background-position: -194px -722px
}

.sf-ic-x-qs-outline-fill-light-blue {
    background-position: -242px -722px
}

.sf-ic-x-qs-outline-fill-orange {
    background-position: -290px -722px
}

.sf-ic-x-qs-outline-fill-red {
    background-position: -338px -722px
}

.sf-ic-x-qs-subtle-effect-black {
    background-position: -386px -722px
}

.sf-ic-x-qs-subtle-effect-blue {
    background-position: -434px -722px
}

.sf-ic-x-qs-subtle-effect-green {
    background-position: -482px -722px
}

.sf-ic-x-qs-subtle-effect-light-blue {
    background-position: -2px -770px
}

.sf-ic-x-qs-subtle-effect-orange {
    background-position: -50px -770px
}

.sf-ic-x-qs-subtle-effect-red {
    background-position: -98px -770px
}

.sf-ic-x-qs-moderate-effect-black {
    background-position: -146px -770px
}

.sf-ic-x-qs-moderate-effect-blue {
    background-position: -194px -770px
}

.sf-ic-x-qs-moderate-effect-green {
    background-position: -242px -770px
}

.sf-ic-x-qs-moderate-effect-light-blue {
    background-position: -290px -770px
}

.sf-ic-x-qs-moderate-effect-orange {
    background-position: -338px -770px
}

.sf-ic-x-qs-moderate-effect-red {
    background-position: -386px -770px
}

.sf-ic-line {
    background-position: -1px -819px
}

.sf-ic-rline {
    background-position: -17px -819px
}

.sf-ic-lrline {
    background-position: -33px -819px
}

.sf-ic-curve {
    background-position: -49px -819px
}

.sf-ic-freeform {
    background-position: -65px -819px
}

.sf-ic-rect {
    background-position: -81px -819px
}

.sf-ic-rrect {
    background-position: -97px -819px
}

.sf-ic-ssrect {
    background-position: -113px -819px
}

.sf-ic-sssrect {
    background-position: -129px -819px
}

.sf-ic-dsrect {
    background-position: -145px -819px
}

.sf-ic-sasrrect {
    background-position: -161px -819px
}

.sf-ic-srrect {
    background-position: -177px -819px
}

.sf-ic-ssrrect {
    background-position: -193px -819px
}

.sf-ic-drrect {
    background-position: -209px -819px
}

.sf-ic-oval {
    background-position: -225px -819px
}

.sf-ic-triangle {
    background-position: -241px -819px
}

.sf-ic-parallelogram {
    background-position: -257px -819px
}

.sf-ic-ladder {
    background-position: -273px -819px
}

.sf-ic-diamond {
    background-position: -289px -819px
}

.sf-ic-pollygon5 {
    background-position: -305px -819px
}

.sf-ic-pollygon6 {
    background-position: -321px -819px
}

.sf-ic-pollygon7 {
    background-position: -337px -819px
}

.sf-ic-pollygon8 {
    background-position: -353px -819px
}

.sf-ic-pollygon10 {
    background-position: -369px -819px
}

.sf-ic-pollygon12 {
    background-position: -385px -819px
}

.sf-ic-pie {
    background-position: -401px -819px
}

.sf-ic-chord {
    background-position: -417px -819px
}

.sf-ic-teardrop {
    background-position: -433px -819px
}

.sf-ic-frame {
    background-position: -449px -819px
}

.sf-ic-halframe {
    background-position: -465px -819px
}

.sf-ic-lshape {
    background-position: -481px -819px
}

.sf-ic-diagonalstripe {
    background-position: -497px -819px
}

.sf-ic-cross {
    background-position: -513px -819px
}

.sf-ic-missingcorner {
    background-position: -1px -835px
}

.sf-ic-can {
    background-position: -17px -835px
}

.sf-ic-cube {
    background-position: -33px -835px
}

.sf-ic-donut {
    background-position: -49px -835px
}

.sf-ic-nosymbol {
    background-position: -65px -835px
}

.sf-ic-blockarc {
    background-position: -81px -835px
}

.sf-ic-foldedcorner {
    background-position: -97px -835px
}

.sf-ic-smileyface {
    background-position: -113px -835px
}

.sf-ic-heart {
    background-position: -129px -835px
}

.sf-ic-lightning {
    background-position: -145px -835px
}

.sf-ic-sun {
    background-position: -161px -835px
}

.sf-ic-moon {
    background-position: -177px -835px
}

.sf-ic-cloud {
    background-position: -193px -835px
}

.sf-ic-arc {
    background-position: -209px -835px
}

.sf-ic-brackets {
    background-position: -225px -835px
}

.sf-ic-lbracket {
    background-position: -241px -835px
}

.sf-ic-rbracket {
    background-position: -257px -835px
}

.sf-ic-braces {
    background-position: -273px -835px
}

.sf-ic-lbrace {
    background-position: -289px -835px
}

.sf-ic-rbrace {
    background-position: -305px -835px
}

.sf-ic-rarrow {
    background-position: -321px -835px
}

.sf-ic-larrow {
    background-position: -337px -835px
}

.sf-ic-uarrow {
    background-position: -353px -835px
}

.sf-ic-darrow {
    background-position: -369px -835px
}

.sf-ic-lrarrow {
    background-position: -385px -835px
}

.sf-ic-udarrow {
    background-position: -401px -835px
}

.sf-ic-crossarrow {
    background-position: -417px -835px
}

.sf-ic-lruarrow {
    background-position: -433px -835px
}

.sf-ic-bentarrow {
    background-position: -449px -835px
}

.sf-ic-uturnarrow {
    background-position: -465px -835px
}

.sf-ic-luarrow {
    background-position: -481px -835px
}

.sf-ic-bentuparrow {
    background-position: -497px -835px
}

.sf-ic-curvedlarraow {
    background-position: -513px -835px
}

.sf-ic-curvedrarraow {
    background-position: -1px -851px
}

.sf-ic-curveddarraow {
    background-position: -17px -851px
}

.sf-ic-curveduarraow {
    background-position: -33px -851px
}

.sf-ic-stripedrarrow {
    background-position: -49px -851px
}

.sf-ic-forkedtailarrow {
    background-position: -65px -851px
}

.sf-ic-pentagon {
    background-position: -81px -851px
}

.sf-ic-forkedtail {
    background-position: -97px -851px
}

.sf-ic-rarrowcallout {
    background-position: -113px -851px
}

.sf-ic-larrowcallout {
    background-position: -129px -851px
}

.sf-ic-darrowcallout {
    background-position: -145px -851px
}

.sf-ic-uarrowcallout {
    background-position: -161px -851px
}

.sf-ic-circulararrow {
    background-position: -177px -851px
}

.sf-ic-process {
    background-position: -193px -851px
}

.sf-ic-altproc {
    background-position: -209px -851px
}

.sf-ic-decision {
    background-position: -225px -851px
}

.sf-ic-data {
    background-position: -241px -851px
}

.sf-ic-predefproc {
    background-position: -257px -851px
}

.sf-ic-interstorage {
    background-position: -273px -851px
}

.sf-ic-doc {
    background-position: -289px -851px
}

.sf-ic-docs {
    background-position: -305px -851px
}

.sf-ic-terminator {
    background-position: -321px -851px
}

.sf-ic-preparation {
    background-position: -337px -851px
}

.sf-ic-manualinput {
    background-position: -353px -851px
}

.sf-ic-manualoper {
    background-position: -369px -851px
}

.sf-ic-connector {
    background-position: -385px -851px
}

.sf-ic-offpageconn {
    background-position: -401px -851px
}

.sf-ic-card {
    background-position: -417px -851px
}

.sf-ic-punchedtape {
    background-position: -433px -851px
}

.sf-ic-summingjunction {
    background-position: -449px -851px
}

.sf-ic-or {
    background-position: -465px -851px
}

.sf-ic-collate {
    background-position: -481px -851px
}

.sf-ic-sort {
    background-position: -497px -851px
}

.sf-ic-extract {
    background-position: -513px -851px
}

.sf-ic-merge {
    background-position: -1px -867px
}

.sf-ic-storeddata {
    background-position: -17px -867px
}

.sf-ic-delay {
    background-position: -33px -867px
}

.sf-ic-seqstorage {
    background-position: -49px -867px
}

.sf-ic-magstorage {
    background-position: -65px -867px
}

.sf-ic-directstorage {
    background-position: -81px -867px
}

.sf-ic-display {
    background-position: -97px -867px
}

.sf-ic-explosion {
    background-position: -113px -867px
}

.sf-ic-star4 {
    background-position: -129px -867px
}

.sf-ic-star5 {
    background-position: -145px -867px
}

.sf-ic-star6 {
    background-position: -161px -867px
}

.sf-ic-star7 {
    background-position: -177px -867px
}

.sf-ic-star8 {
    background-position: -193px -867px
}

.sf-ic-star10 {
    background-position: -209px -867px
}

.sf-ic-star12 {
    background-position: -225px -867px
}

.sf-ic-star16 {
    background-position: -241px -867px
}

.sf-ic-star24 {
    background-position: -257px -867px
}

.sf-ic-star32 {
    background-position: -273px -867px
}

.sf-ic-uribbon {
    background-position: -289px -867px
}

.sf-ic-dribbon {
    background-position: -305px -867px
}

.sf-ic-curveduribbon {
    background-position: -321px -867px
}

.sf-ic-curveddribbon {
    background-position: -337px -867px
}

.sf-ic-vscroll {
    background-position: -353px -867px
}

.sf-ic-hscroll {
    background-position: -369px -867px
}

.sf-ic-wave {
    background-position: -385px -867px
}

.sf-ic-wave2 {
    background-position: -401px -867px
}

.sf-ic-rectcallout {
    background-position: -417px -867px
}

.sf-ic-rrectcallout {
    background-position: -433px -867px
}

.sf-ic-ovalcallout {
    background-position: -449px -867px
}

.sf-ic-linecallout1 {
    background-position: -465px -867px
}

.sf-ic-linecallout2 {
    background-position: -481px -867px
}

.sf-ic-linecallout3 {
    background-position: -497px -867px
}

.sf-ic-linecallout4 {
    background-position: -513px -867px
}

.sf-ic-linecallout5 {
    background-position: -1px -883px
}

.sf-ic-linecallout6 {
    background-position: -17px -883px
}

.sf-ic-linecallout7 {
    background-position: -33px -883px
}

.sf-ic-linecallout8 {
    background-position: -49px -883px
}

.sf-ic-linecallout9 {
    background-position: -65px -883px
}

.sf-ic-linecallout10 {
    background-position: -81px -883px
}

.sf-ic-linecallout11 {
    background-position: -97px -883px
}

.sf-ic-linecallout12 {
    background-position: -113px -883px
}

.sf-ic-linex {
    background-position: -129px -883px
}

.sf-ic-rlinex {
    background-position: -145px -883px
}

.sf-ic-lrlinex {
    background-position: -161px -883px
}

.sf-ic-linexx {
    background-position: -177px -883px
}

.sf-ic-rlinexx {
    background-position: -193px -883px
}

.sf-ic-lrlinexx {
    background-position: -209px -883px
}

.sf-ic-shadow {
    background-position: -225px -883px
}

.sf-ic-liner0 {
    background-position: -241px -883px
}

.sf-ic-liner1 {
    background-position: -257px -883px
}

.sf-ic-liner2 {
    background-position: -273px -883px
}

.sf-ic-liner3 {
    background-position: -289px -883px
}

.sf-ic-liner4 {
    background-position: -305px -883px
}

.sf-ic-liner5 {
    background-position: -321px -883px
}

.sf-ic-liner10 {
    background-position: -337px -883px
}

.sf-ic-liner20 {
    background-position: -353px -883px
}

.sf-ic-liner30 {
    background-position: -369px -883px
}

.sf-ic-liner40 {
    background-position: -385px -883px
}

.sf-ic-liner50 {
    background-position: -401px -883px
}

.sf-ic-plus {
    background-position: -417px -883px
}

.sf-ic-minus {
    background-position: -433px -883px
}

.sf-ic-multiply {
    background-position: -449px -883px
}

.sf-ic-division {
    background-position: -465px -883px
}

.sf-ic-equal {
    background-position: -481px -883px
}

.sf-ic-notequal {
    background-position: -497px -883px
}

.sf-ic-li-arrow0 {
    background-position: -1px -898px
}

.sf-ic-li-arrow1 {
    background-position: -67px -898px
}

.sf-ic-li-arrow10 {
    background-position: -133px -898px
}

.sf-ic-li-arrow11 {
    background-position: -199px -898px
}

.sf-ic-li-arrow2 {
    background-position: -265px -898px
}

.sf-ic-li-arrow20 {
    background-position: -331px -898px
}

.sf-ic-li-arrow22 {
    background-position: -397px -898px
}

.sf-ic-li-arrow41 {
    background-position: -463px -898px
}

.sf-ic-li-arrow51 {
    background-position: -1px -914px
}

.sf-ic-li-arrow44 {
    background-position: -67px -914px
}

.sf-ic-li-arrow55 {
    background-position: -133px -914px
}

.sf-ic-li-dashed0 {
    background-position: -199px -914px
}

.sf-ic-li-dashed1 {
    background-position: -265px -914px
}

.sf-ic-li-dashed2 {
    background-position: -331px -914px
}

.sf-ic-p-px1 {
    background-position: -1px -930px
}

.sf-ic-p-px2 {
    background-position: -43px -930px
}

.sf-ic-p-px3 {
    background-position: -85px -930px
}

.sf-ic-p-px4 {
    background-position: -127px -930px
}

.sf-ic-p-px5 {
    background-position: -169px -930px
}

.sf-ic-p-px6 {
    background-position: -211px -930px
}

.sf-ic-p-px7 {
    background-position: -253px -930px
}

.sf-ic-p-px8 {
    background-position: -295px -930px
}

.sf-ic-p-px9 {
    background-position: -337px -930px
}

.sf-ic-p-pl1 {
    background-position: -379px -930px
}

.sf-ic-p-pl2 {
    background-position: -421px -930px
}

.sf-ic-p-pl3 {
    background-position: -463px -930px
}

.sf-ic-p-pl4 {
    background-position: -1px -972px
}

.sf-ic-p-pl5 {
    background-position: -43px -972px
}

.sf-ic-p-pl6 {
    background-position: -85px -972px
}

.sf-ic-p-pl7 {
    background-position: -127px -972px
}

.sf-ic-p-pl8 {
    background-position: -169px -972px
}

.sf-ic-p-pl9 {
    background-position: -211px -972px
}

.sf-ic-p-p20 {
    background-position: -253px -972px
}

.sf-ic-p-p21 {
    background-position: -295px -972px
}

.sf-ic-p-p22 {
    background-position: -337px -972px
}

.sf-ic-p-p29 {
    background-position: -379px -972px
}

.sf-ic-p-p30 {
    background-position: -421px -972px
}

.sf-ic-p-p31 {
    background-position: -463px -972px
}

.sf-ic-t-tt0 {
    background-position: -1px -1014px
}

.sf-ic-t-tt1 {
    background-position: -55px -1014px
}

.sf-ic-t-tt2 {
    background-position: -109px -1014px
}

.sf-ic-t-tt3 {
    background-position: -163px -1014px
}

.sf-ic-t-tt4 {
    background-position: -217px -1014px
}

.sf-ic-t-tt5 {
    background-position: -271px -1014px
}

.sf-ic-t-tt6 {
    background-position: -325px -1014px
}

.sf-ic-t-tt7 {
    background-position: -379px -1014px
}

.sf-ic-t-tt8 {
    background-position: -433px -1014px
}

.sf-ic-t-tt9 {
    background-position: -1px -1068px
}

.sf-ic-t-tt10 {
    background-position: -55px -1068px
}

.sf-ic-t-tt11 {
    background-position: -109px -1068px
}

.sf-ic-t-tt12 {
    background-position: -163px -1068px
}

.sf-ic-t-tt13 {
    background-position: -217px -1068px
}

.sf-ic-t-tt14 {
    background-position: -271px -1068px
}

.sf-ic-t-tt15 {
    background-position: -325px -1068px
}

.sf-ic-t-tt16 {
    background-position: -379px -1068px
}

.sf-ic-t-tt17 {
    background-position: -433px -1068px
}

.sf-ic-t-tt18 {
    background-position: -1px -1122px
}

.sf-ic-t-tt19 {
    background-position: -55px -1122px
}

.sf-ic-t-tt20 {
    background-position: -109px -1122px
}

.sf-ic-t-tt21 {
    background-position: -163px -1122px
}

.sf-ic-t-tt22 {
    background-position: -217px -1122px
}

.sf-ic-t-tt23 {
    background-position: -271px -1122px
}

.sf-ic-t-tt24 {
    background-position: -325px -1122px
}

.jh2d-editor {
    margin: 0;
    padding: 0;
    width: 100%
}

.jh2d-editor-toolbar {
    margin: 0;
    min-height: 30px
}

.jh2d-editor .jh2d-canvas {
    overflow: auto;
    position: relative
}

.jh2d-editor canvas {
    position: relative
}

.jh2d-text-box {
    position: absolute;
    display: none;
    min-width: 20px;
    min-height: 12px;
    resize: both
}

.jh2d-editor .quick-style-menu {
    width: 400px;
    min-width: 250px;
    max-height: 400px;
    overflow: auto
}

.jh2d-editor .ctx-menu {
    position: absolute;
    display: none;
    z-index: 1000
}

.jh2d-editor .style-toolbar {
    position: absolute;
    display: none;
    z-index: 1001
}

.jh2d-editor .shapes-dropdown {
    width: 300px;
    overflow: auto
}

.jh2d-editor .shadow-dropdown {
    min-width: 200px
}

.style-toolbar .gradient-style {
    min-width: 270px
}

.style-toolbar .texture-style {
    min-width: 350px
}

.style-toolbar .pattern-style {
    min-width: 400px
}

.list-inline li:hover {
    background-color: #eee
}

.list-inline {
    padding-left: 15px
}

.stroke-size-1px,
.stroke-size-2px,
.stroke-size-3px,
.stroke-size-4px,
.stroke-size-5px,
.stroke-size-6px,
.stroke-size-7px {
    display: inline-block;
    width: 53px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #000
}

.stroke-size-1px {
    height: 1px
}

.stroke-size-2px {
    height: 2px
}

.stroke-size-3px {
    height: 3px
}

.stroke-size-4px {
    height: 4px
}

.stroke-size-5px {
    height: 5px
}

.stroke-size-6px {
    height: 6px
}

.stroke-size-7px {
    height: 7px
}

@media print {
    .jh2d-editor canvas {
        width: 100%
    }
}