        body{
            margin: 0;
            padding: 0;
            width:100%;
            font-family: serif;
            min-width: 1355px !important;
        }
        sidemenu{
            position: fixed;
            height: 100%;
            width: 35px;
            top: 0;
            right: 0;
            border-left:.5px solid grey;
            transition: width 1s ease-in-out;
            width:35px;
            z-index: 99;
            background-color: #EEEEEE;
            overflow:auto;
        }
        .menu_item_disabled{
            background-color: rgba(0,0,0,0.2) !important;
        }
        .menu_item{
            width: 100%;
            height: 35px;
            margin: 0 auto;
            cursor: pointer;
            overflow: hidden;
            border-bottom: .5px solid rgba(0,0,0,0.2);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }
        .menu_item_icon{
            float: left;
            font-size: 200%;
            color: rgba(0,0,0,.7);
        }
        .menu_item_label{
            float: left;
            line-height: 100%;
            font-size: 100%;
            display: none;
            font-size: 19px;
            margin-top: 4%;
            margin-left: 10px;
        }
        .open_menu{
            transition: width 1s ease-in-out;
            width:200px;
        }
        .open_menu_footer{
            transition: width 1s ease-in-out;
            width: calc(100% - 200px);
        }
        .open_menu_toptoolbar{
            transition: width 1s ease-in-out;
            width: calc(100% - 200px);
        }
        footermenu{
            transition: width 1s ease-in-out;
            position: fixed;
            top: 0;
            width: calc(100% - 35px);
            height: 35px;
            border-bottom:.5px solid rgba(0,0,0,0.2);
            left: 0;
            background-color: #EEEEEE;
            display: none;
        }
        .page_status_ico{
            font-size:35px;
            cursor: pointer;
        }
        #prev_page{
            position: absolute;
            right: 165px;
            cursor: pointer;
            z-index: 2;
        }
        #next_page{
            position: absolute;
            right: 0;
            cursor: pointer;
            z-index: 2;
        }
        #page_status{
            text-align: center;
            position: absolute;
            width: 200px;
            font-size: 15px;
            padding-top: 8px;
            font-weight: 700;
            right: 0;
        }
        pagepreview{
            width: calc(49% - 10px );
            height: calc(100% - 45px);
            /* height: 500px; */
            border: .5px solid rgba(0,0,0,0.2);
            left: 10px;
            top: 35px;
            position: absolute;
            overflow-y: scroll;
            overflow-x: scroll;
        }
        pagepreview img{
            width:100%;
        }
        pageparts{
            width: calc(49% - 10px );
            height: calc(100% - 45px);
            /* height: 500px; */
            border: .5px solid rgba(0,0,0,0.2);
            right: 35px;
            top: 35px;
            position: absolute;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        pageparts div {
            padding: 20px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }
        pagelist{
            height: calc(100% - 51px);
            position: absolute;
            left: 0;
            top: 35px;
            width: 200px;
            border-right: .5px solid rgba(0,0,0,0.2);
            overflow: auto;
        }
        pagelist img{
            float: left;
            width: 100%;
            border-bottom: 2px solid black;
        }
        #arround_page{
            float: left;
            position: relative;
        }
        .page_part{
            position: absolute;
            background-color: rgba(250,0,0,0.5);
        }
        sourcepage{
            z-index: 98;
            position: fixed;
            height: calc(100% - 36px);
            width: 48%;
            right: 37px;
            background: white;
            display: none;
            overflow: auto;
            top: 36px;
        }
        #canvas_preview{
            background-size: 100%;
            position: relative;
        }
        .point_div{
            position: absolute !important;
            height: 10px;
            width: 10px;
            background: grey;
            border-radius:100px;
            cursor: move;
            display: none;
        }









        .ui-dialog {
            padding: 0 !important;
        }
        .ui-widget-content {
            border: 0 !important;
        }
        .ui-widget-header {
            border: 0 !important;
            background: none !important
        }

        #dialog_remove_block_part_text{
            display: block;
            text-align: center;
        }
        .selected_span{
            border: 2px dashed black;
            margin:0 !important;
        }
        #dialog_change_block_type_text{
            float: left;
        }
        #dialog_change_block_type_select{
             float: left;
        }

        #hint_msg_box{
            width: 300px;
            background: khaki;
            height: 50px;
            position: absolute;
            top: calc(50% - 25px);
            z-index: 999;
            left: calc(50% - 150px);
            text-align: center;
            box-shadow: 0 0 20px black;
            display: none;
        }

        .active_prev_block{
            border-bottom:4px solid red;
        }

        .start_block, .end_block{
            padding: 2px;
            display: inline-block;
            background: red;
            text-align: center;
            color: white;
            border: 1px solid rgba(0,0,0,.4);
            text-shadow: 0 0 50px black;
            font-size: 14px;
        }
        .start_block{
            border-top-left-radius: 100px;
            border-bottom-left-radius: 100px;
        }

        .end_block{
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
        }

        .start_end_notvisible{
            visibility: hidden;
            height: 5px;
            display: block;
        }

        .block_view_layer{
            display: table !important;

        }
        .separ_block_view{
             display: inline-block !important;
             height: 5px;
        }






        .placeholder{
            width: 50px !important;
            height: 17px;
            padding: 5px;
            margin: .5px;
            background: red;
            display: inline-block;
        }



        zoommenu{
            position: fixed;
            z-index: 1;
            background-color: white;
            border: .5px solid rgba(0,0,0,0.2);
            border-top: 0;
            border-left: 0;
            left: 0;
        }

        zoommenuedit{
            position: absolute;
            z-index: 1;
            background-color: white;
            border: .5px solid rgba(0,0,0,0.2);
            border-top: 0;
            border-left: 0;
            left: 0;
        }
        zoommenuedit div{
            padding:0;
        }



        .zoom_menu_item{
            float: left;
        }
        .zoom_menu_item_icon{
            font-size: 25px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            cursor: pointer;
        }

        toptoolbar{
            width: 100%;
            height: 35px;
            position: absolute;
            top: 0;
            background-color: #EEEEEE;
            transition: width 1s ease-in-out;
        }
        toptoolbar select{
            -webkit-user-select: none;  /* Chrome all / Safari all */
            -moz-user-select: none;     /* Firefox all */
            -ms-user-select: none;      /* IE 10+ */
        }

        #font_change_toolbar{
            float: right;
            margin-right: 53px;
            height: 100%;
        }
        #font_change_toolbar select{
            height: 100%;
            min-width: 50px;
            border: 0;
            background-color: transparent;
            float: left;
        }

        #type_change_toolbar{
            float: left;
            height: 100%;
            margin-left:48px;
        }
        #type_change_toolbar select{
            height: 100%;
            min-width: 50px;
            border: 0;
            background-color: transparent;
        }
        #author_change_toolbar{
            float: left;
            height: 100%;
        }
        #author_change_toolbar select{
            height: 100%;
            min-width: 50px;
            border: 0;
            background-color: transparent;
        }

        #author_change_toolbar2{
            float: left;
            height: 100%;
        }
        #author_change_toolbar2 select{
            height: 100%;
            min-width: 50px;
            border: 0;
            background-color: transparent;
        }

        #dictionary_author_change_toolbar{
            float: left;
            height: 100%;
        }
        #dictionary_author_change_toolbar select{
            height: 100%;
            width: 200px;
            border: 0;
            background-color: transparent;
        }

        .toolbar_ico{
            float: left;
            margin-top: 5px;
            color: rgba(0,0,0,.7);
        }

        br[aip-class="NEWLINE"]{
           display: none;
        }

        #prev_line{
            position: absolute;
            background: red;
            width:5px;
        }

        .test_point{
            width: 5px;
            height: 5px;
            background: red;
            position: absolute;
        }



        .editor {
            background-color: lightblue;
        }

        .pageheader{
            position: absolute !important;
            top: 0 !important;
            z-index: 100;
            background: white;
        }

        .menu_button{
            transition: top 1s ease-in-out;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9;
            border: 0;
            background: transparent;
            background-color: #EEEEEE;
        }
        .menu_button i {
            font-size: 32px;
        }
        .menu_button_active_menu{
            transition: top 1s ;
            top: 80px;
        }

        .pagefooter{
            display: none;
        }

        .pagebody{
            padding: 0;
        }

        .ui-dialog .ui-dialog-titlebar-close span {
            /*margin:0 !important;*/
        }

        metadata{
            display:none;
        }

        #dialog_uni{
            text-align: center;
        }

        error[type="fatal"] h2{
            color: red !important;
        }
        error[type="warning"] h2{
            color: yellow !important;
        }


        .odsazene{
            border-left: 1px solid red;
            padding: 20px;
        }

        .odsazene span {
            font-size: 25px;
            padding: 0;
            font-family: CyrillicaBulgarian10U;
        }



        /********************/

        #block_index_icon {
            float: left;
            margin-top: 5px;
            color: rgba(0,0,0,.7);
            -ms-transform: rotate(7deg) scale(-1, 1);
            -webkit-transform: rotate(7deg) scale(-1, 1);
            transform: rotate(180deg) scale(-1, 1);
        }

        span[aip-index="horni"]{
            vertical-align: top;
            padding: 2px 5px;
            text-decoration: underline;
        }
        span[aip-index="dolni"]{
            vertical-align: text-top;
            padding: 2px 5px;
            text-decoration: overline;
        }
        /*******************/
        .ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;}



        @media (max-height: 685px) {
            sidemenu {
              width: 48px;
            }
            pageparts {
                width: calc(49% - 20px );
                right: 49px;
            }
        }

        #spec_type{
            height: 96px;
           float: right;
        }
