[gmain] {
	text-align: center;
}

[gmain] * {
    user-select: none;
    -webkit-user-drag: none;
}

[gmain] table {
    margin: auto;
}

[cell] {
    background: white;
    width: 60px;
    height: 60px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

[gmain] table,
[cell] {
    border: 1px solid #000000;
}


[cell-char] {
    font-size: 36px;
    line-height: 60px;
    font-weight: bold;
    color: #000000;
	font-family: HeliodorFEF;
}

@-moz-document url-prefix() {
    [cell-char] {
        font-family: 'Roboto';
    }
}

[write-path-cell] {
    background: #ffe4b5 !important;
}

[selected][write-path-cell] {
    background: #349fc1 !important;
}

[tba="add-text"] [cell][write-cell] {
    cursor: text;
}

[ctype="def-cell"] {
    background: black !important;
}

[ctype="def-raster-cell"] {
    background: #E31E24;
	border-color: #E31f25;
}

[ctype="empty-cell"] {
    border: 1px solid #197542;
    background: #009442;
}

[cell][ctype="raster-cell"] {
    background: #DFF1FD;
}








[def] {
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
}


[dir-icon-right] {
    width: 15px;
    height: 10px;
    top: 23px;
    right: -15px;
    background: url(arrows/right.png);
}

[dir-icon-down] {
    width: 10px;
    height: 15px;
    bottom: -15px;
    left: 23px;
    background: url(arrows/down.png);
    background-size: auto 100% !important;
}

[dir-icon-up-right] {
    width: 17px;
    height: 10px;
    top: -10px;
    right: 15px;
    background: url(arrows/up-right.png);
}

[dir-icon-down-right] {
    width: 15px;
    height: 12px;
    left: 38px;
    bottom: -12px;
    background: url(arrows/down-right.png);
}

[dir-icon-left-down] {
    width: 12px;
    height: 15px;
    top: 23px;
    left: -12px;
    background: url(arrows/left-down.png);
}

[dir-icon-right-down] {
    width: 12px;
    height: 15px;
    top: 36px;
    right: -12px;
    background: url(arrows/right-down.png);
}

[dir-icon] {
    display: block;
    position: absolute;
    z-index: 1;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}


[arrow-error] {
    background: url('images/warning.png');
    margin: auto;
    background-size: 35px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffe9bc;
}

#svg { display: none; }


[gmain] table {
    box-shadow: 0 0 10px 1px black;
}

[active-tbl-action="add-write"] [cell].ui-selecting {
    background: #FFF !important;
    border-color: #f3f3f3 !important;
    color: #FFF !important;
}

[active-tbl-action="add-write"] [cell].ui-selecting [cell-arrow]{
    display: none;
}


[active-tbl-action="add-write"] [cell].ui-selecting * {
    color: #FFF !important;
}

[active-tbl-action="add-empty"].ctrlKey [cell][ctype="empty-cell"].ui-selecting {
    background: #FFFFFF !important;
    border-color: #000000 !important;
}





[active-tbl-action="add-empty"] [cell].ui-selecting * {
    color: #009442 !important;
}

[active-tbl-action="add-raster"] [cell][ctype="write-cell"].ui-selecting,
[active-tbl-action="add-raster"] [cell][ctype="raster-cell"].ui-selecting {
    background: #DFF1FD !important;
}

[active-tbl-action="add-raster"].ctrlKey [cell][ctype="write-cell"].ui-selecting,
[active-tbl-action="add-raster"].ctrlKey [cell][ctype="raster-cell"].ui-selecting {
    background: #FFFFFF !important;
}


.write-cell-settings [char-input] input[type="text"] {
    width: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    height: 38px;
    text-transform: uppercase;
}

[writeCellWithRasterColor] {
    color: #DFF1FD;
    text-shadow: 0 0 2px black;
    font-size: 30px !important;
    margin: 0 !important;
    line-height: 30px;
    float: right;
    margin-top: 4px !important;
}

.btn-cell-sep {
    width: 40px;
    height: 40px;
    background: #f3f3f3;
    border: 1px solid #1d1d1d;
    opacity: .2;
    position: relative;
    margin: 5px;
    cursor: pointer;
}

.btn-cell-sep:before {
    content: '';
    position: absolute;
    width: 4px;
    background: #de2119;
    height: 34px;
    left: -3px;
    top: 2px;
}

.btn-cell-sep[type="top-space"]:before,
.btn-cell-sep[type="top-dash"]:before {
    height: 4px;
    width: 32px;
    top: -2px;
    left: 3px;
}

.btn-cell-sep[type="left-dash"]:after,
.btn-cell-sep[type="top-dash"]:after {
    content: '';
    position: absolute;
    width: 10px;
    background: #1f1f1f;
    height: 4px;
    left: -6px;
    top: calc(50% - 2px);
}

.btn-cell-sep[type="top-dash"]:after {
    width: 12px;
    height: 7px;
    left: calc(50% - 6px);
    top: -3px;
}

.btn-cell-sep-cnt {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.btn-cell-sep.active {
    opacity: 1;
}

input[name="celltype"] + label > .stop.icon {
    font-size: 28px;
    margin: 0;
    width: 26px;
    height: 26px;
    text-align: center;
    box-shadow: 0 0px 0px 2px #292929;
    line-height: 26px;
}

input[name="celltype"] + label {
    padding-left: 20px !important;
}

[celltype-fields] .field {
    padding-right: 5px !important;
}

[celltype-fields] [name="celltype"][value="write-cell"] + label > .stop.icon {
    color: #ffffff;
}

[celltype-fields] [name="celltype"][value="def-cell"] + label > .stop.icon {
    color: #303030;
}

[celltype-fields] [name="celltype"][value="def-raster-cell"] + label > .stop.icon {
    color: #cd3e3e;
}

[celltype-fields] [name="celltype"][value="empty-cell"] + label > .stop.icon {
    color: #189d53;
}


[celltype-fields] [name="celltype"] + label:before {
    top: 5px !important;
}

[celltype-fields] [name="celltype"] + label:after {
    top: 5px !important;
}

.def-text-input-list .ui.input {
    margin-bottom: 2px;
}

.def-text-input-list .ui.input input[type="text"] {
    padding: 2px;
    max-width: 120px;
    border-top-left-radius: .28571429rem !important;
    border-bottom-left-radius: .28571429rem !important;
	text-transform: uppercase;
}

.def-text-input-list .ui.input .ui.basic.label {
    cursor: pointer;
    border-radius: 4px !important;
    padding: 0;
    width: 15px;
    height: 15px;
    margin-top: 4px;
    margin-right: 4px;
}

.def-text-input-list {
    max-width: 150px;
}

.def-square-cnt {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 160px;
    overflow: visible;
}

.def-cell-settings {
    position: relative;
    min-height: 160px;
}

.def-square,
.cell-def-square {
    width: 100%;
    height: 100%;
    position: relative;
}

.def-square-cnt .def-square {
    background: #000000;
}

.def-cell-settings .label.active {
    background: black !important;
}

.ui.modal>.actions {
    background: #efefef !important;
    border-radius: 0 !important;
}

.ui.modal>.content {
    background: #b5b5b5 !important;
    border-radius: 0 !important;
}

.def-square-def-line,
.cell-def-square-def-line {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    font-family: HeliodorFEF;
    font-size: 28px;
    line-height: 30px;
	text-transform: uppercase;
	/*width: calc(100% - 30px);*/
    /*margin-left: 15px;*/
}

@-moz-document url-prefix() {
    .def-square-def-line,
    .cell-def-square-def-line {
        font-family: 'Roboto';
    }
}

.def-square-def,
.cell-def-square-def {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
    position: relative;
}

.def-square-def {
    padding-left: 5px;
    padding-right: 5px;
}

.def-square-def:before,
.cell-def-square-def:before {
    content: '';
    width: 100%;
    height: 4px;
    background: #FFF;
    position: absolute;
    top: -2px;
    left: 0;
}

.def-square-def.first-def:before,
.cell-def-square-def.first-def:before {
    display: none;
}

.ui.checkbox.def-arrow-cb div {
    width: 20px;
    height: 20px;
    background: url('arrows/ur.png');
    background-size: 20px auto;
    background-repeat: no-repeat;
    filter: grayscale(100%);
}

.def-arrows-cb {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid #8e8e8e;
    max-width: 140px;
}

.def-arrows-cb .ui.checkbox input:checked~label:after {
    background: black;
    border-radius: 4px;
    content: '';
}

.ui.checkbox.def-arrow-cb {
    margin-right: 5px;
}

.ui.checkbox.def-arrow-cb[arrow-dir="r"] div {
	background: url('arrows/r.png') no-repeat;
	background-size: 20px auto;
	background-position-y: 3px;
}

.ui.checkbox.def-arrow-cb[arrow-dir="dr"] div {
	background: url('arrows/dr.png') no-repeat;
	background-size: 20px auto;
	background-position-y: 2px;
}

.ui.checkbox.def-arrow-cb[arrow-dir="rd"] div {
	background: url('arrows/rd.png') no-repeat;
	background-size: 16px auto;
}

.ui.checkbox.def-arrow-cb[arrow-dir="d"] div {
	background: url('arrows/d.png') no-repeat;
	background-size: auto 20px;
}

.ui.checkbox.def-arrow-cb[arrow-dir="ld"] div {
	background: url('arrows/ld.png') no-repeat;
	background-size: auto 20px;
}

.ui.input.dacb-pos {
    display: inline-block;
    width: 30px;
    height: 20px;
    padding: 0;
    vertical-align: top;
}

.ui.input.dacb-pos input {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

.rasterCellColors {
    text-align: right;
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ui.divider {
    clear: both;
}

.rasterCellColors .sp-replacer {
    margin-bottom: 5px;
    margin-left: 5px;
}

[cell-sep="top-dash"],
[cell-sep="top-space"],
[cell-sep="left-dash"],
[cell-sep="left-space"] {
    position: absolute;
    top: -5px;
    left: 0px;
    background: #de2119;
    height: 8px;
    width: 100%;
    pointer-events: none;
}

[cell-sep="top-dash"]:before,
[cell-sep="left-dash"]:before {
    content: '';
    position: absolute;
    top: -3px;
    left: calc(50% - 11px);
    height: 13px;
    width: 22px;
    background: #000;
}

[cell-sep="left-dash"],
[cell-sep="left-space"] {
    top: 0px;
    left: -5px;
    height: 100%;
    width: 8px;
}

[cell-sep="left-dash"]:before {
    top: calc(50% - 9px);
    left: -1px;
    height: 18px;
    width: 6px;
    background: #000;
}

[write-path-cell] [cell-char] {
    color: #000000 !important;
}

.extendRaster label {
    padding-left: 20px !important;
}

.cell-def-square-def-line {
    font-size: 10px;
    line-height: 10px;
    /*margin-left: 5px;*/
    /*width: calc(100% - 10px);*/
}

.cell-def-square-def:before {
    height: 1px;
    top: -1px;
    width: calc(100% + 4px);
    margin-left: -2px;
    z-index: 2;
}

[cell-arrow] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 16px;
    pointer-events: none;
}

[cell-arrow][cell-arrow-ur] {
    top: -14px;
    left: 6px;
}

[cell-arrow][cell-arrow-d] {
    width: auto;
    height: 14px;
    top: initial;
    bottom: -16px;
    left: calc(50% - 4.5px);
}

 [cell-arrow][cell-arrow-dr] {
    top: initial;
    bottom: -14px;
    left: 16px;
}

[cell-arrow][cell-arrow-dr] +
 [cell-arrow][cell-arrow-d] {
    left: 4px;
}

[cell-arrow][cell-arrow-ld] {
    height: 16px;
    width: auto;
    left: -14px;
    top: 6px;
}

[cell-arrow][cell-arrow-rd] {
    width: auto;
    height: 15px;
    top: 6px;
    left: initial;
    right: -14px;
}

[cell-arrow][cell-arrow-r] {
    top: 3px;
    top: calc(50% - 4.5px);
    left: initial;
    width: 14px;
    right: -16px;
}

@font-face {
    font-family: 'HeliodorFEF';
    src: local('Heliodor FEF'),
         url('fonts/HEFEF__.woff2') format('woff2'),
         url('fonts/HEFEF__.woff') format('woff'),
         url('fonts/HEFEF__.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HeliodorFEF';
    src: local('Heliodor FEF'),
         url('fonts/HEFEFB_.woff2') format('woff2'),
         url('fonts/HEFEFB_.woff') format('woff'),
         url('fonts/HEFEFB_.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HeliodorFEF';
    src: local('Heliodor FEF'),
         url('fonts/HEFEFO_.woff2') format('woff2'),
         url('fonts/HEFEFO_.woff') format('woff'),
         url('fonts/HEFEFO_.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'HeliodorFEF';
    src: local('Heliodor FEF'),
         url('fonts/HEFEFBO.woff2') format('woff2'),
         url('fonts/HEFEFBO.woff') format('woff'),
         url('fonts/HEFEFBO.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    url('fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    url('fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    url('fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

.top-menu {
    background: #CCCCCC !important;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 !important;
    border-bottom: 1px solid #b9b9b9 !important;
    min-height: 30px !important;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.top-menu .item {
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 10px !important;
    background: transparent !important;
}

.toolbar-top {
    background: #f4f4f4 !important;
    margin: 0 !important;
    border-bottom: 1px solid #b5b5b5 !important;
    box-shadow: 0 2px 2px -2px #656565 !important;
    padding: 0 10px !important;
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 0;
}

.toolbar-top > .item .icon {
    margin: 0 !important;
    font-size: 20px !important;
}

.toolbar-top > .item {
    background: #eeeeee !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 4px !important;
    margin: 0 !important;
    margin-right: 5px !important;
    padding: 5px 5px !important;
}

.toolbar-top > .item:hover {
    background: #eff7ff !important;
}

.toolbar-top > .item .folder.icon {
    color: #e2811a;
}

.toolbar-top > .item .save.icon {
    color: #1d1861;
}

.toolbar-top > .item .print.icon {
    color: #5a3333;
}

.toolbar-top > .item .file.icon {
    color: #979a00;
}

.toolbar-top > .item:hover .icon {
    color: #244592;
}

.toolbar-top > .item.disabled .icon {
    color: #a5a5a5 !important;
}

.toolbar-top > .item.disabled {
    border-color: #e4e4e4 !important;
}

.toolbar-top .divider {
    display: inline-block;
    height: 20px;
    background: #e2e2e2;
    width: 2px;
    align-self: center;
    margin-right: 10px;
    margin-left: 5px;
}

.toolbar-left,
.toolbar-right {
    border-bottom: 1px solid #b5b5b5 !important;
    box-shadow: 2px 0px 2px -2px #656565 !important;
    padding: 10px 0 !important;
    z-index: 0;
    background: #f4f4f4 !important;
    position: fixed;
    top: 71px;
    left: 0;
    margin: 0 !important;
    height: 100%;
    height: calc(100% - 95px);
    width: 41px !important;
}

.toolbar-right {
    box-shadow: -2px 0px 2px -2px #656565 !important;
    left: initial;
    right: 0;
    width: 200px !important;
    padding: 0 !important;
}

.toolbar-left > .item {
    background: #eeeeee !important;
    border: 1px solid #bdbdbd !important;
    margin: 5px !important;
    padding: 5px 5px !important;
    width: 30px;
    height: 28px;
}

.toolbar-left.ui.secondary.vertical.menu > .item {
    border-radius: 4px !important;
}

.toolbar-left > .item .icon {
    font-size: 16px !important;
    margin: 0 !important;
}

.toolbar-left > .item:hover {
    background: #eff7ff !important;
}

.toolbar-left .divider {
    display: block;
    height: 2px;
    background: #e2e2e2;
    width: 20px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    margin-left: auto;
    margin-right: auto;
}

.toolbar-left > .item i.stop.icon {
    color: #000000;
    text-shadow: 0px 0px 1px #ffffff;
    font-size: 20px !important;
    margin-top: -1px !important;
    box-shadow: 0 0 0px 1px #000000;
    padding: 0 !important;
    width: 19px !important;
    height: 19px;
}

.toolbar-left .active.item {
    background: #cecece !important;
    border-color: black !important;
}

.toolbar-left.ui.secondary.vertical.menu > a.item.icon-btn.active {
    border-radius: 0 !important;
}

.toolbar-left > .item[tbl-action="add-write"] .icon {
    color: #fff !important;
}

.toolbar-left > .item[tbl-action="add-def"] .icon {
    color: #1b1b1b !important;
}

.toolbar-left > .item[tbl-action="add-def-raster"] .icon {
    color: #c92a2a !important;
}

.toolbar-left > .item[tbl-action="add-empty"] .icon {
    color: #009442 !important;
}

.toolbar-left > .item[tbl-action="add-raster"] .icon {
    color: #DFF1FD !important;
}

[active-tbl-action="add-write"] [main-section] {
    cursor: url('cursors/add-write.cur'), auto;
}

[active-tbl-action="add-def"] [main-section] {
    cursor: url('cursors/add-def.cur'), auto;
}

[active-tbl-action="add-def-raster"] [main-section] {
    cursor: url('cursors/add-def-raster.cur'), auto;
}

[active-tbl-action="add-def-raster"][tbl-def-color="#009846"] [main-section] {
    cursor: url('cursors/add-def-raster-009846.cur'), auto;
}

[active-tbl-action="add-def-raster"][tbl-def-color="#E5097F"] [main-section] {
    cursor: url('cursors/add-def-raster-E5097F.cur'), auto;
}

[active-tbl-action="add-def-raster"][tbl-def-color="#00A0E3"] [main-section] {
    cursor: url('cursors/add-def-raster-00A0E3.cur'), auto;
}



[active-tbl-action="add-empty"] [main-section] {
    cursor: url('cursors/add-empty-v2.cur'), auto;
}

[active-tbl-action="add-raster"] [main-section] {
    cursor: url('cursors/add-raster.cur?v2'), auto;
}

[active-tbl-action="add-raster"][tbl-raster-def-color="#DDDAED"] [main-section] {
    cursor: url('cursors/add-raster-DDDAED.cur'), auto;
}

[active-tbl-action="add-raster"][tbl-raster-def-color="#E8E000"] [main-section] {
    cursor: url('cursors/add-raster-E8E000.cur'), auto;
}

[active-tbl-action="add-raster"][tbl-raster-def-color="#FBE5F0"] [main-section] {
    cursor: url('cursors/add-raster-FBE5F0.cur'), auto;
}

[active-tbl-action="add-raster"][tbl-raster-def-color="#FCD5A6"] [main-section] {
    cursor: url('cursors/add-raster-FCD5A6.cur'), auto;
}

[active-tbl-action="add-raster"][tbl-raster-def-color="#FFED00"] [main-section] {
    cursor: url('cursors/add-raster-FFED00.cur'), auto;
}



[active-tbl-action="add-left-space"] [main-section] {
    cursor: url('cursors/left-space.cur'), auto;
}

[active-tbl-action="add-left-dash"] [main-section] {
    cursor: url('cursors/left-dash.cur'), auto;
}

[active-tbl-action="add-top-space"] [main-section] {
    cursor: url('cursors/top-space.cur'), auto;
}

[active-tbl-action="add-top-dash"] [main-section] {
    cursor: url('cursors/top-dash.cur'), auto;
}

.ui.modal > .header:not(.ui) {
    background: #efefef !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    user-select: none;
    margin-right: 45px;
}

.ui.modal {
    border: 1px solid #b5b5b5 !important;
    border-radius: 0 !important;
}

.ui.modal > i.close.icon {
    color: #9c9c9c;
    float: right;
    height: 35px;
    width: 45px;
    font-size: 16px;
    line-height: 34px;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    background: #e8e8e8 !important;
    border-bottom: 1px solid #d0d0d1;
}

.ui.modal > i.close.icon:hover {
    background: #ff3e3e !important;
    color: #FFF;
}

.ui.modal .ui.button {
    background: #c1c1c1;
    margin: 0;
    padding: 6px 15px;
    border-radius: 2px;
    border: 1px solid #8e8e8e;
    color: #1d1d1d;
    text-shadow: none !important;
    font-size: 12px !important;
    line-height: 12px;
}

.ui.modal .actions {
    padding: 8px 10px !important;
}

.ui.modal .ui.button:hover {
    background: #dedede;
    color: #1d1d1d;
}

.ui.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0) !important;
}

@keyframes modalHeaderFlash {  
  0% {
      background: #6b6b6b;
      background: -webkit-linear-gradient(left, #6b6b6b , #ededed);
      background: -o-linear-gradient(right, #6b6b6b, #ededed);
      background: -moz-linear-gradient(right, #6b6b6b, #ededed);
      background: linear-gradient(to right, #6b6b6b , #ededed);
  }
}
@-webkit-keyframes modalHeaderFlash {
  0% {
      background: #6b6b6b;
      background: -webkit-linear-gradient(left, #6b6b6b , #ededed);
      background: -o-linear-gradient(right, #6b6b6b, #ededed);
      background: -moz-linear-gradient(right, #6b6b6b, #ededed);
      background: linear-gradient(to right, #6b6b6b , #ededed);
  }
}

.ui.modal > .header:not(.ui).modal-header-flash {
    -webkit-animation: modalHeaderFlash .2s linear infinite;
    -moz-animation: modalHeaderFlash .2s linear infinite;
    animation: modalHeaderFlash .2s linear infinite;
}

.tbr-1,
.tbr-2 {
    background: transparent !important;
    height: 50%;
    border-radius: 0 !important;
    margin: 0 !important;
}

table.words-list {
    width: 100% !important;
    border-radius: 0 !important;
}

table.words-list td {
    word-break: break-word;
    padding: 2px 5px !important;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
}

.tbr-2 {
    padding: 0 !important;
}

.tbr2-search-area {
    position: absolute;
    top: initial;
    left: 0;
    z-index: 1;
    bottom: 0;
    background: #FFF;
    width: 100%;
    border-top: 1px solid #bdbdbf;
    height: 65px;
}

.tbr2-search-area .ui.input {
    width: 100%;
    margin-bottom: 5px;
}

.tbr2-search-area .ui.input input[type="text"] {
    border-radius: 0;
    padding: 4px 4px;
    font-size: 12px;
    line-height: 14px;
}

.tbr2-buttons {
    width: 100%;
    padding: 0 4px 0 4px;
}

.tbr2-buttons
 button {
    width: 100%;
    margin: 0 !important;
    text-align: left !important;
}

.word-list-cnt {
    height: calc(100% - 65px);
    overflow-y: auto;
}

.raster-settings .def-square-cnt .def-square {
    background: #E31f25;
}

.raster-settings.def-cell-settings .label.active {
    background: #E31f25 !important;
}

.raster-settings .def-arrows-cb .ui.checkbox input:checked~label:after {
    background: #E31f25;
}

[tbl-action="add-left-space"] i.icon {
    background: url('icons/left-space.png');
    background-size: 100% auto;
    color: transparent;
}

[tbl-action="add-left-dash"] i.icon {
    background: url('icons/left-dash.png');
    background-size: 100% auto;
    color: transparent;
}

[tbl-action="add-top-space"] i.icon {
    background: url('icons/top-space.png');
    background-size: 100% auto;
    color: transparent;
}

[tbl-action="add-top-dash"] i.icon {
    background: url('icons/top-dash.png');
    background-size: 100% auto;
    color: transparent;
}


[active-tbl-action="add-left-space"] [cell][ctype="write-cell"]:hover:after,
[active-tbl-action="add-left-dash"] [cell][ctype="write-cell"]:hover:after,
[active-tbl-action="add-top-space"] [cell][ctype="write-cell"]:hover:after,
[active-tbl-action="add-top-dash"] [cell][ctype="write-cell"]:hover:after,

[active-tbl-action="add-left-space"] [cell][ctype="raster-cell"]:hover:after,
[active-tbl-action="add-left-dash"] [cell][ctype="raster-cell"]:hover:after,
[active-tbl-action="add-top-space"] [cell][ctype="raster-cell"]:hover:after,
[active-tbl-action="add-top-dash"] [cell][ctype="raster-cell"]:hover:after {
    content: '';
    position: absolute;
    top: -3px;
    left: 0px;
    background: #de2119;
    height: 4px;
    width: 100%;
    pointer-events: none;
}


[active-tbl-action="add-left-space"] [cell][ctype="write-cell"]:hover:after,
[active-tbl-action="add-left-dash"] [cell][ctype="write-cell"]:hover:after,

[active-tbl-action="add-left-space"] [cell][ctype="raster-cell"]:hover:after,
[active-tbl-action="add-left-dash"] [cell][ctype="raster-cell"]:hover:after {
    top: 0px;
    left: -3px;
    height: 100%;
    width: 4px;
}


[active-tbl-action="add-left-dash"] [cell][ctype="write-cell"]:hover:before,
[active-tbl-action="add-top-dash"] [cell][ctype="write-cell"]:hover:before,

[active-tbl-action="add-left-dash"] [cell][ctype="raster-cell"]:hover:before,
[active-tbl-action="add-top-dash"] [cell][ctype="raster-cell"]:hover:before {
    content: '';
    position: absolute;
    top: -4px;
    left: calc(50% - 9px);
    height: 6px;
    width: 18px;
    background: #000;
    z-index: 1;
}

[active-tbl-action="add-left-dash"] [cell][ctype="write-cell"]:hover:before,
[active-tbl-action="add-left-dash"] [cell][ctype="raster-cell"]:hover:before {
    top: calc(50% - 9px);
    left: -4px;
    height: 18px;
    width: 6px;
    background: #000;
    z-index: 1;
}

/*#svg { display: block !important; }*/

 .word-list-cnt.searchEmptyResults:before,
.word-list-cnt.searchLoading:before {
    content: 'Niciun rezultat';
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #c1c1c1;
}

.word-list-cnt.searchLoading:before { content: 'Cautare...'; }

i.cx-search-right-icon {
    line-height: inherit !important;
    position: initial !important;
    width: initial !important;
}

.contextMenu a {
    position: relative;
}

.contextMenu i.icon {
    z-index: 1;
}

.tbr-1 {
    padding: 0 !important;
}

.tbr2-dic-edit-area {
    position: absolute;
    bottom: 0;
}

.tbr2-dic-edit-area .ui.dropdown {
    font-size: 12px;
    line-height: 14px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: auto !important;
    border-radius: 0 !important;
    width: 100%;
}

.tbr2-dic-edit-area .ui.dropdown i.dropdown.icon {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tbr2-dic-edit-area input[type="text"] {
    border-radius: 0 !important;
    padding: 4px 4px !important;
    font-size: 12px;
    line-height: 14px !important;
    width: 100%;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

.tbr-1.ui.stacked.segment .ui.input {
    width: 100%;
}

.tbr2-dic-edit-area .ui.dropdown .menu>.item {
    font-size: 12px;
    line-height: 14px;
    padding: 5px !important;
}

.tbr2-dic-edit-area .menu {
    border-radius: 0 !important;
}

.tbr-1 .ui.form {
    padding: 10px;
    overflow-y: auto;
    height: calc(100% - 121px);
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.tbr-1.ui.stacked.segment > label {
    margin-left: 35px;
    margin-top: 6px;
    display: block;
    position: absolute;
    font-weight: bold;
}

span.dic-actions {
    position: absolute;
    top: 0;
    right: 0;
}

.tbr-1 .ui.checkbox {
    width: 100%;
}

.tbr-1 .grouped.fields {
    margin-right: -10px;
}

.tbr2-dic-edit-area {
    margin-bottom: 8px;
}

#error-dialog.ui.modal>.content {
    background: #b70000 !important;
    color: #FFF;
}

[addnewdic] {
    position: absolute;
    top: 6px;
    left: 10px;
    color: green;
}

.tbr-1 label.private {
    color: #820000 !important;
}

[dictbtrigger] {
    position: absolute;
    top: 5px;
    left: 178px;
}

html.tbrClosed {
    padding-right: 0;
}

.tbrClosed .toolbar-right {
    display: none;
}

.toolbar-top > .item .book.icon {
    color: #9b2ab5;
}

.word-list-cnt tr td i {
    float: right;
    color: red;
    margin: 0;
    margin-left: 10px;
}

.tbr-1 .field {
    position: relative;
    padding-right: 25px;
}

.actions .left.floated {
    float: left;
}

.tbr2-dic-edit-area {
    width: 100%;
}

.toolbar-bottom {
    background: #f4f4f4;
    width: 100%;
    height: 24px;
    position: fixed;
    left: 0;
    bottom: 0px;
    box-shadow: -2px 0px 0 1px #a7a7a7;
}

.top-menu .dropdown.item > .menu {
    border-radius: 0 !important;
    margin: 0 !important;
    margin-top: 10px !important;
    border: 1px solid #9e9e9e;
    background: #cccccc !important;
}

.top-menu .item.active {
    color: #cd4140 !important;
}

.top-menu .item .item {
    margin-right: 0 !important;
}

[noresize] {
	resize: none !important;
}

.ui.file.input > input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.ui.file.input > input[type="text"] {
    pointer-events: none;
}

.ui.button[hidden],
[hidden] {
	display: none;
}

[forceDisplay] {
    display: block !important;
}

.tbr-1 .ui.checkbox {
    padding-right: 25px;
}

.ui.modal > .header.no-close:not(.ui) {
    margin-right: 0;
}

[cwd-change-size-toolbar] {
    margin: 10px;
    vertical-align: middle;
    display: inline-block;
}

[cwd-change-size-toolbar][ccst-left],
[cwd-change-size-toolbar][ccst-top],
[cwd-change-size-toolbar][ccst-bottom] {
    margin-right: 20px;
}

[cwd-change-size-toolbar][ccst-right],
[cwd-change-size-toolbar][ccst-top],
[cwd-change-size-toolbar][ccst-bottom] {
    margin-left: 20px;
}


[cwd-change-size-toolbar][ccst-left] i,
[cwd-change-size-toolbar][ccst-right] i {
    display: block;
}

[cwd-change-size-toolbar] i {
    margin: 0 !important;
    opacity: .2 !important;
}

[gmain] table {
    display: inline-block;
    vertical-align: middle;
}

[active-tbl-action="select"] [cwd-change-size-toolbar] {
    visibility: visible;
}

[cwd-change-size-toolbar] {
    visibility: hidden;
}

[flist] {
    height: 370px;
    overflow: auto;
    padding: 15px !important;
    margin: 0 !important;
}

[fsegment]{
	padding: 0 !important;
}

[flist] .item {
    cursor: pointer;
    width: 50%;
    display: inline-block !important;
    padding-right: 10px !important;
	padding-left: 5px !important;
	user-select: none;
}

.raster-cell-text-color-cnt {
    display: none !important;
}

.defCellColors {
    position: absolute;
    top: 160px;
    right: 0;
    width: 160px;
    text-align: right;
    margin-top: 5px;
}

.defCellColors > div {
    display: inline-block;
}

[mainLoadingScreen] {
    display: none;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    margin: 0 !important;
    background: #ffffff00 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    user-select: none !important;
    pointer-events: all !important;
}

[force-hidden] { display: none !important; }

.toolbar-left.edit-disabled .item {
    pointer-events: none;
    opacity: .2;
}

[main-cnt] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: min-content;
}

[gmain] {
    transform-origin: 0 0;
    position: relative;
}

.toolbar-bottom {
    padding: 0 10px;
}

[cmnt-btn] {
    cursor: pointer;
    user-select: none;
}

[cwd-comments-feed] {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #FFF;
    max-height: 400px;
}

[cwd-comments-feed] > .event > .label img {
    border: 1px solid #d4d4d4;
    padding: 5px;
    border-radius: 13px;
}

[cwd-comments-feed] .event[removed] .content .summary {
    color: #dc0101 !important;
}

[cwd-comments-feed] .event[removed] .content .summary,
[cwd-comments-feed] .event[removed] .content .summary .user,
[cwd-comments-feed] .event[removed] .content .extra.text {
    text-decoration: line-through;
}

canvas#canvas {
    display: none;
}

.toolbar-bottom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

[autosave-info],
[cmnt-btn] {
    line-height: 24px;
}

#admin-users [html] {
    background: #FFF;
    height: 300px;
    margin-left: -21px;
    margin-right: -21px;
    margin-top: -21px;
    margin-bottom: -21px;
    padding: 20px;
    overflow-y: scroll;
}

[cell].hasPropertiesOpened:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 3px solid #FFEB3B;
    z-index: 1;
    border-radius: 4px;
    margin-left: -5px;
    margin-top: -5px;
    box-shadow: 0 0 10px 2px #FFEB3B;
}

#gstatistics {
    line-height: 24px;
}

#gstatistics [gs-row] {
    border-right: 1px solid #a7a7a7;
    display: inline-block;
    min-width: 80px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -4px;
}

#gstatistics [gs-row]:first-child {
    border-left: 1px solid #a7a7a7;
}

#gstatistics [gs-row] [gs-title] {
    font-weight: bold;
}

[gs-data="pp"] {
    background: #a0cdaa;
}

[gs-data="albe"],
[gs-data="ppa"] {
    background: #FFF;
}

[gs-data="negre"],
[gs-data="ppn"] {
    background: #737373;
    color: #FFF;
}

[autosave-info] {
    min-width: 280px;
    display: inline-block;
}

.predefsizes {
    float: right;
    width: 120px !important;
    min-width: initial !important;
}

.field.gensizedef {
    margin-top: 20px !important;
    padding-left: 70px !important;
    padding-right: 50px !important;
}

.field.gensizedef .ui.label {
    min-width: 110px !important;
    text-align: right;
    background: transparent;
}

.field.gensizedef input[type="text"] {
    width: 20px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.field.gensizedef .ui.input {
    margin-bottom: 5px;
}

[cwdtype="rebus"] [gmain] table tr:first-child td:before,
[cwdtype="rebus"] [gmain] table tr td:first-child:after {
    content: '0';
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 26px;
    z-index: 1;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #00AFEF;
}

[gmain] table tr td {
    position: relative;
}

[cwdtype="rebus"]
 [gmain] table tr td:first-child:after {
    top: 50%;
    top: calc(50% - 13px);
    left: -100%;
    color: #ED3237;
}

[cwdtype="rebus"] [main-cnt] {
    margin-top: 55px;
    margin-left: 55px;
}

[main-cnt] {
    margin-top: 30px;
    margin-bottom: 10px;
}

[gmain] table {
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

[cwdtype="rebus"] [cwd-change-size-toolbar][ccst-left] {
    margin-right: 45px;
}

[main-section] {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

[cwdtype="rebus"] .def-text-input-list,
[cwdtype="rebus"] .def-arrows-cb,
[cwdtype="rebus"] .def-square-cnt,
[cwdtype="rebus"] .def-cell-text-color-cnt {
    display: none !important;
}

[cwdtype="rebus"] .def-cell-settings {
    min-height: initial;
}

[cwdtype="rebus"] .defCellColors {
    position: initial;
    margin-right: 0;
    margin-left: auto;
}

[cwdtype="rebus"] [cwd-change-size-toolbar][ccst-top],
[cwdtype="rebus"] [cwd-change-size-toolbar][ccst-bottom] {
    margin-left: 45px;
}

[active-tbl-action="select"] [cell].ui-selected, [active-tbl-action="select"] [cell].ui-selecting {
    border: 2px solid #3F51B5 !important;
}

[active-tbl-action="add-text"] [main-section] [cell][ctype="write-cell"],
[active-tbl-action="add-text"] [main-section] [cell][ctype="raster-cell"] {
    cursor: url(cursors/add-text.cur), auto;
}

[active-tbl-action="remove-text"] [main-section] {
    cursor: url(cursors/remove-text.cur), auto;
}

[active-tbl-action="remove-text"] [cell].ui-selecting [cell-char] {
    display: none;
}











[def-square-ns="3"] .cell-def-square-def-line {
    line-height: 14px;
}

[def-square-ns="3"] .def-square-def-line {
    line-height: 40px;
}

[def-square-ns="4"] .def-square-def-line {
    line-height: 36px;
}

[def-square-ns="4"] .cell-def-square-def-line {
    line-height: 13px;
}

[def-square-ns="2-2"] .def-square-def-line {
    line-height: 32px;
}

[def-square-ns="2-1"] .def-square-def-line,
[def-square-ns="1-2"] .def-square-def-line {
    line-height: 36px;
}

[def-square-ns="2-2"] .cell-def-square-def-line {
    line-height: 12px;
}

[def-square-ns="2-1"] .cell-def-square-def-line,
[def-square-ns="1-2"] .cell-def-square-def-line {
    line-height: 14px;
}

[def-square-ns="3-1"] .cell-def-square-def-line, [def-square-ns="1-3"] .cell-def-square-def-line {
    line-height: 12px;
}

[def-square-ns="3-1"] .def-square-def-line, [def-square-ns="1-3"] .def-square-def-line {
    line-height: 34px;
}

.eroareVerificare {
    background: #ff7479 !important;
}

.eroareVerificare [cell-char] {
    color: #ffffff !important;
}

.def-text-input-list {
    max-width: 220px !important;
}

.def-text-input-list .ui.input input[type="text"] {
    width: 100%;
    max-width: 100% !important;
}

.def-square-cnt {
    right: 110px !important;
}


.icon.formatareSpeciala {
    float: left;
    font-size: 20px;
    margin-top: 4px;
    cursor: pointer;
    opacity: .6;
    color: black;
    display: none;
}

.specialFormat.specialFormatNumber .def-square-def-line {
    font-size: 60px;
    line-height: 0;
    margin-top: -10px;
}

.specialFormat.specialFormatTreeDots .def-square-def-line {
    font-size: 124px;
    line-height: 0;
    margin-top: -62px;
    font-family: Times New Roman;
}

.specialFormat.specialFormatNumber .cell-def-square-def-line {
    font-size: 24px;
    line-height: 0;
    margin-top: -3px;
}

.specialFormat.specialFormatTreeDots .cell-def-square-def-line {
    font-family: Times New Roman;
    line-height: 0;
    font-size: 56px;
    margin-top: -28px;
}

i.paint.brush.icon.prop-icon {
    display: none;
}

.raster-settings i.paint.brush.icon.prop-icon {
    display: inline-block;
}


.icon.prop-icon.active {
    box-shadow: inset 0 0 2px 1px black;
}

.def-square-def-line.fpItalic {
    font-style: italic;
}

i.font.icon.prop-icon, i.paint.brush.icon.prop-icon {
    display: none !important;
}

.fpItalic.cell-def-square-def-line {
    font-style: italic;
}


[ctype="def-raster-cell"] [cell-arrow]{
    background-size: cover;
    width: 0;
    height: 0;
}

[ctype="def-raster-cell"] [cell-arrow][cell-arrow-rd] {
    background-image: url(arrows/black/rd.png);
    padding-left: 11.453px;
    padding-top: 15px;
}

[ctype="def-raster-cell"] [cell-arrow][cell-arrow-d] {
    background-image: url(arrows/black/d.png);
    padding-left: 8.766px;
    padding-top: 14px;
}

[ctype="def-raster-cell"] [cell-arrow][cell-arrow-ur] {
    background-image: url(arrows/black/ur.png);
    padding-left: 16px;
    padding-top: 12.188px;
}

[ctype="def-raster-cell"] [cell-arrow][cell-arrow-r] {
    background-image: url(arrows/black/r.png);
    padding-left: 14px;
    padding-top: 8.766px;
}

[ctype="def-raster-cell"] [cell-arrow][cell-arrow-dr] {
    background-image: url(arrows/black/dr.png);
    padding-left: 16px;
    padding-top: 12.219px;
}

[ctype="def-raster-cell"] [cell-arrow][cell-arrow-ld] {
    background-image: url(arrows/black/ld.png);
    padding-left: 12.219px;
    padding-top: 16px;
}

[cell-sep="left-dash"]:before {
    top: calc(50% - 6px) !important;
    left: calc(50% - 9px) !important;
    height: 12px !important;
    width: 18px !important;
}

.ui-selectable-helper {
    z-index: 1001 !important;
}

.cwd-print-header {
    margin-bottom: 10px;
    display: none;
}

.cwd-print-header > div {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    text-align: left;
}


[ctype="empty-cell"] {
    background: #e8e8e8 !important;
}

[ctype="empty-cell"],
[active-tbl-action="add-empty"]:not(.ctrlKey) [cell].ui-selecting {
    background-size: 281px auto !important;
    border-color: transparent !important;
    color: transparent !important;
    opacity: .5;
}

[active-tbl-action="add-empty"]:not(.ctrlKey) [cell].ui-selecting * {
    display: none !important;
}

.toolbar-left > .item[tbl-action="add-empty"] .icon:before { display: none; }
.toolbar-left > .item[tbl-action="add-empty"] .icon {
    background-size: 88px auto !important;
}

[cell-char] {
    font-weight: normal !important;
}

.tbr-1 {
    height: 230px;
}

.tbr-2 {
    height: calc(100% - 230px);
}

#cell-settings.hideUntilAnimate {
    visibility: hidden !important;
}

.dwsvg-btn.processed {
    color: #2196F3 !important;
}

.flist-header {
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    background: #efefef;
    border-top: 1px solid #b5b5b5;
}

.flist-header > div {
    display: inline-block;
    padding: 10px 10px;
    border-right: 1px solid #b5b5b5;
    width: 25%;
    box-sizing: border-box;
    margin-left: -4px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.flist-header > div:last-child {
    border: none;
}

.flist-header > div:first-child {
    text-align: left;
}

.flist-header-ftype {
    width: 15% !important;
}

.flist-header-fdate {
    width: 12% !important;
}

.flist-header-fauthor {
    width: 12% !important;
}

.flist-header-fname {
    width: 61% !important;
}

.flist-header-fname {
    padding-left: 44px !important;
}

.fdetails-fauthor {
    width: 100%;
}

[flist].viewmode-list .item > .content > .header {
    width: 59%;
}

[flist].viewmode-list .item > .content > .description {
    width: 39%;
    margin: 0;
}

[flist].viewmode-list .item > .content > .description div.fdetails-ftype {
    width: 35%;
    margin: 0;
    text-align: right;
}

[flist].viewmode-list .item > .content > .description div.fdetails-fauthor {
    text-align: right;
    width: 27%;
}

[flist].viewmode-list .item > .content > .description div.fdetails-fdate {
    text-align: right;
    width: 30%;
}

.flist-header > div:last-child {
    padding-right: 20px;
}

.fm-sort-btn {
    cursor: pointer;
}

.fm-sort-btn.active-sort:after {
    content: "\f0d8";
    font-family: Icons;
    margin-left: 5px;
}

.fm-sort-btn.active-sort[active-sort-dir="DESC"]:after {
    content: "\f0d7";
}

.rebus-defs {
    box-shadow: -2px 0px 2px -2px #656565 !important;
    padding: 0 !important;
    background: #f4f4f4 !important;
    position: fixed;
    top: 71px;
    right: 200px;
    margin: 0 !important;
    height: 100%;
    height: calc(100% - 95px);
    width: 40% !important;
}

html.rebusDefsOpened {
    padding-right: calc(200px + 40%);
}

.tbrClosed .rebus-defs {
    right: 0;
}

html.rebusDefsOpened.tbrClosed {
    padding-right: 40%;
}

.rebus-defs-header {
    padding: 5px 10px;
    background: #cccccc;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
}

.rebus-defs-header .close.icon {
    float: right;
}

.rebus-defs .rebus-defs-verticala,
.rebus-defs .rebus-defs-orizontala {
    margin: 0 !important;
    border-radius: 0 !important;
    height: calc(50% - 15px);
    background: #f4f4f4 !important;
    padding: 0 !important;
}

.rebus-defs textarea {
    resize: none;
    border: 1px solid #cccccc;
    width: 100%;
    height: calc(100% - 32px);
    box-shadow: none !important;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.rebus-defs h4.ui.header {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
}

.ui.feed[cwd-comments-feed] > .event > .content .meta {
    margin-right: 10px;
}

[cwd-comments-feed] textarea {
    width: 100%;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    height: 100px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
    max-height: 450px;
}

[ctype="empty-cell"].cwd-sep-cell {
    background: #868686 !important;
    opacity: 1 !important;
}

.write-cell-settings [char-input] input[type="text"] {
    text-transform: initial !important;
    padding: 0 !important;
}

[rebus-defs-btn] {
    display: none;
    cursor: pointer;
    opacity: .8;
}

[rebus-defs-btn]:hover {
    opacity: 1;
}

[cwdtype="rebus"] [rebus-defs-btn] {
    display: inline-block;
}

.def-text-input-list .ui.input input[type="text"],
.def-square-def-line,
.cell-def-square-def-line {
    text-transform: initial !important;
}

.modal-solution-data {
    background: #FFF;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.msd-header {
    font-weight: bold;
    margin-bottom: 10px;
}

.comment-value {
    outline: none;
    position: fixed;
    left: -20000px;
}

.ui.input.dacb-pos.error input::-moz-selection {
    color: #FFF;
    background: #9e1b1b;
}

.ui.input.dacb-pos.error input::selection {
    color: #FFF;
    background: #9e1b1b;
}

.ui.input.dacb-pos.error input {
    background: #c71010;
    color: #FFF;
}

[fsearchcnt] > .input input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 300px;
    max-width: 100%;
}

[fsearchcnt] .action.input {
    margin-left: 15px !important;
}

table[variantSolver][backupRequest]:not(.partialSolved) {
    border-color: #03A9F4;
}

table[variantSolver][backupRequest]:not(.partialSolved):hover,
table[variantSolver][backupRequest].active:not(.partialSolved) {
    background: #d5edff;
}

#cell-settings [celltype-fields] {
    display: none !important;
}

#cell-settings .description > .ui.divider {
    display: none;
}

#cell-settings .defs-props {
    width: 62px;
}

#cell-settings .def-square-cnt {
    right: 60px !important;
}

#cell-settings {
    width: 480px;
}

table[variantSolver] td[selectedcell]:not([blackcell]):not([emptycell]) {
    background: #2152cc73;
}


[dialogtitle] {
    pointer-events: none;
}

.select-sep-zone-top, .select-sep-zone-bottom {
    cursor: pointer;
    background: white;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 4px;
    line-height: 24px;
    color: #8c8484;
    border: 2px solid #736f6f;
    font-size: 20px;
    font-weight: bold;
    padding: 40px 20px;
}

div#select-sep-zone {
    max-width: 300px;
}

.select-sep-zone-top:hover, .select-sep-zone-bottom:hover {
    background: #868686;
    color: #FFF;
}

[arrow135] {
    position: absolute;
    bottom: -2px;
    left: -20px;
    width: 20px;
    height: 15px;
    background-image: url(arrows/arrow135.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    cursor: pointer;
    z-index: 2;
    opacity: .3;
}

[arrow135]:hover,
[arrow135].active-arrow {
    opacity: 1;
}

[arrow135="rb"] {
    left: initial;
    right: -20px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

[arrow135="rt"] {
    left: initial;
    right: -20px;
    bottom: initial;
    top: -3px;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

[arrow135="lt"] {
    bottom: initial;
    top: -3px;
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

[arrow135="tl"],
[arrow135="tr"],
[arrow135="bl"],
[arrow135="br"] {
    display: none;
}

[arrow135][arrow135-in-grid]{
    width: 14px;
    filter: none;
    opacity: 1;
    left: -15px;
    bottom: -6px;
    height: 10px;
    pointer-events: none;
}

[arrow135="rb"][arrow135-in-grid] {
    left: initial;
    right: -16px;
    bottom: -6px;
}

[arrow135="rt"][arrow135-in-grid] {
    left: initial;
    right: -16px;
    top: -6px;
}

[arrow135="lt"][arrow135-in-grid] {
    bottom: initial;
    top: -6px;
}


[cell][ctype="def-raster-cell"] [arrow135] {
    background-image: url(arrows/arrow135-black.png);
}

.cw-img {
    position: absolute;
    margin-left: 37px;
    margin-top: 1px;
}

.control-group-col-1-1 {
    width: 50%;
    padding: 10px;
}

.control-group-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -10px;
}

.cw-control input, .cw-control select, .cw-control textarea {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px;
    box-sizing: border-box;
    min-height: 28px;
    border: 2px solid #838383;
    border-radius: 4px;
    resize: none;
}

label.cw-control-label {
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0;
    font-weight: bold;
}

label.cw-control-label:after {
    content: ':';
}

p.cw-control-note {
    margin-top: -5px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #03545d;
}

.cw-control input[type="file"] {
    border: none;
}

button.btn.btn-add-edit {
    background: #4CAF50;
    border-color: #3a983e;
    color: #FFF;
    float: right;
}

button.btn.btn-add-edit:hover {
    background: #328a35 !important;
}

.cwp-main-crossword.inactive .cell-def-square-def:before {
    display: none;
}

.edit-cw-btn {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #0000009c; */
}

.cwc-img {
    position: relative;
}

.edit-cw-btn-content {
    display: inline-block;
    background: #00000099;
    color: #FFF;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 3px 0px black;
}

.edit-cw-btn:hover .edit-cw-btn-content {
    display: block;
}

.edit-cw-btn-content {
    display: none;
}

.ms-filter-separator {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.cw-completed-cnt {
    font-size: 12px;
    line-height: 14px;
    color: black;
    font-weight: bold;
}

.cwp-main-crossword.completed-cw [gmain] {
    pointer-events: none;
}

body:not([cwdtype="rebus"]) [cell][ctype="def-cell"]:not(.write-path-applied):hover,
body:not([cwdtype="rebus"]) [cell][ctype="def-raster-cell"]:not(.write-path-applied):hover {
    transform: scale(1.7);
    z-index: 5;
    border-color: white !important;
}

body:not([cwdtype="rebus"]) [cell]:not(.write-path-applied) .cell-def-square-def {
    cursor: pointer;
}

body:not([cwdtype="rebus"]) [cell]:not(.write-path-applied) .cell-def-square-def:hover {
    background: #323988;
}

.defsel-cnt {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ffee00;
    border: 2px solid #000000;
    border-radius: 4px;
    padding: 20px 30px;
    color: #000;
    max-width: 35%;
}

.defsel-title {
    background: #233746;
    margin-left: -20px;
    margin-top: -10px;
    margin-right: -20px;
    padding: 10px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

.defsel-content {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

/* [gmain][cwd-width="26"] {
    transform-origin: top left;
    transform: scale(0.61);
    margin-left: 30px;
    margin-bottom: -600px;
} */




















@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
    
    .top-menu, .toolbar-top, .toolbar-left, .toolbar-right, .toolbar-bottom, [cwd-change-size-toolbar] {
        display: none !important;
    }
    
    html, body, [main-section], [main-cnt] {
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }
    
    [ctype="empty-cell"] {
        background: #FFF !important;
        border-color: #FFF !important;
    }
    
    [gmain] table > tr > td {
        border-color: #FFF !important;
    }
    
    [gmain] table {
        box-shadow: none !important;
        border: 3px solid black !important;
    }
    
    [gmain] {
        transform-origin: top left !important;
        transform: scale(0.75) !important;
    }
    
    body {
        background: #FFF !important;
    }
    
    .cwd-print-header {
        display: block !important;
    }
    
    [cwdtype="rebus"] [main-cnt] {
        margin-left: 60px !important;
        margin-top: 60px !important;
    }
    
    
    [cwdtype="rebus"] [main-section] {
        height: initial !important;
        min-height: initial !important;
        align-items: initial !important;
        justify-content: initial !important;
    }
    
    [cwdtype="rebus"] .rebus-defs {
        display: none !important;
    }

    [cwdtype="rebus"] .rebus-defs-helper {
        display: block !important;
        transform-origin: top left !important;
        transform: scale(1.25) !important;
        text-align: left !important;
        margin-top: 20px;
    }
    
    [cwdtype="rebus"] .rdh-cnt {
        border: 1px solid #d4d4d4;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 10px;
    }
    
    [cwdtype="rebus"] .rdh-header {
        font-weight: bold;
        margin-bottom: 10px;
    }
    
}

.cw-rebus-def-enable label,
.cw-rebus-def-enable input {
    width: auto !important;
    min-width: initial !important;
    display: inline-block !important;
    vertical-align: top;
}

.cw-rebus-def-enable {
    margin-top: 8px;
}