body {background: #FFFFFF;margin: 0;}
.ape-scrn {min-width;800px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-sizing: border-box; font-family: Arial; font-size:14px}
.ape-scrn-top {height: 50px; position: absolute;top: 0;right: 0;bottom: auto;left: 0;box-sizing: border-box;display: block;background: blue}
.ape-scrn-left {width: 200px;position: absolute;top: 50px;right: auto;bottom: 0;left: 0;box-sizing: border-box;display: block;background: #768485}
.ape-scrn-right {position: absolute;top: 50px;right: 0;bottom: 0;left: 200px;box-sizing: border-box;display: block;background: white}
.icon1 {display: inline-block;width:20px;height:20px}
.icon2 {display: inline-block;width:25px;height:25px}
.icon-ape	{background: url('/icon/icon_ape.svg');background-repeat: no-repeat;background-size: contain}
.icon-ape1	{background: url('/icon/icon_ape1.svg');background-repeat: no-repeat;background-size: contain}
.icon-ape2	{background: url('/icon/icon_ape2.svg');background-repeat: no-repeat;background-size: contain}
.icon-ape3	{background: url('/icon/icon_ape3.svg');background-repeat: no-repeat;background-size: contain}
.icon-anchor	{background: url('/icon/icon_anchor.svg');background-repeat: no-repeat;background-size: contain}
.icon-menu	{background: url('/icon/icon_menu.svg');background-repeat: no-repeat;background-size: contain}
.icon-gear	{background: url('/icon/icon_gear.svg');background-repeat: no-repeat;background-size: contain}
.icon-question	{background: url('/icon/icon_question.svg');background-repeat: no-repeat;background-size: contain}
.icon-thumbtack	{background: url('/icon/icon_thumbtack.svg');background-repeat: no-repeat;background-size: contain}
.icon-caret-up	{background: url('/icon/icon_caret_up.svg');background-repeat: no-repeat;background-size: contain}
.icon-caret-down {background: url('/icon/icon_caret_down.svg');background-repeat: no-repeat;background-size: contain}
.icon-caret-left {background: url('/icon/icon_caret_left.svg');background-repeat: no-repeat;background-size: contain}
.icon-caret-right {background: url('/icon/icon_caret_right.svg');background-repeat: no-repeat;background-size: contain}
.icon-chevron-up {background: url('/icon/icon_chevron_up.svg');background-repeat: no-repeat;background-size: contain}
.icon-chevron-down {background: url('/icon/icon_chevron_down.svg');background-repeat: no-repeat;background-size: contain}
.icon-chevron-left {background: url('/icon/icon_chevron_left.svg');background-repeat: no-repeat;background-size: contain}
.icon-chevron-right {background: url('/icon/icon_chevron_right.svg');background-repeat: no-repeat;background-size: contain}
.icon-play-left {background: url('/icon/icon_play_left.svg');background-repeat: no-repeat;background-size: contain}
.icon-play-left-end {background: url('/icon/icon_play_left_end.svg');background-repeat: no-repeat;background-size: contain}
.icon-play-right {background: url('/icon/icon_play_right.svg');background-repeat: no-repeat;background-size: contain}
.icon-play-right-end {background: url('/icon/icon_play_right_end.svg');background-repeat: no-repeat;background-size: contain}
.icon-cancel	{background: url('/icon/icon_cancel.svg');background-repeat: no-repeat;background-size: contain}
.icon-filter	{background: url('/icon/icon_filter.svg');background-repeat: no-repeat;background-size: contain}
.icon-sort	{background: url('/icon/icon_sort.svg');background-repeat: no-repeat;background-size: contain}
.icon-file	{background: url('/icon/icon_file.svg');background-repeat: no-repeat;background-size: contain}
.icon-file-copy	{background: url('/icon/icon_file_copy.svg');background-repeat: no-repeat;background-size: contain}
.icon-file-edit	{background: url('/icon/icon_file_edit.svg');background-repeat: no-repeat;background-size: contain}
.icon-page	{background: url('/icon/icon_page.svg');background-repeat: no-repeat;background-size: contain}
.icon-page-copy	{background: url('/icon/icon_page_copy.svg');background-repeat: no-repeat;background-size: contain}
.icon-page-edit	{background: url('/icon/icon_page_edit.svg');background-repeat: no-repeat;background-size: contain}
.icon-form	{background: url('/icon/icon_form.svg');background-repeat: no-repeat;background-size: contain}
.icon-book	{background: url('/icon/icon_book.svg');background-repeat: no-repeat;background-size: contain}
.icon-link	{background: url('/icon/icon_link.svg');background-repeat: no-repeat;background-size: contain}
.icon-select	{background: url('/icon/icon_select.svg');background-repeat: no-repeat;background-size: contain}
.icon-refresh	{background: url('/icon/icon_refresh.svg');background-repeat: no-repeat;background-size: contain}
.icon-trash	{background: url('/icon/icon_trash.svg');background-repeat: no-repeat;background-size: contain}
.icon-untrash	{background: url('/icon/icon_untrash.svg');background-repeat: no-repeat;background-size: contain}
.icon-list	{background: url('/icon/icon_list.svg');background-repeat: no-repeat;background-size: contain}
.icon-column	{background: url('/icon/icon_column.svg');background-repeat: no-repeat;background-size: contain}
.icon-save	{background: url('/icon/icon_save.svg');background-repeat: no-repeat;background-size: contain}
.icon-math-equal {background: url('/icon/icon_math_equal.svg');background-repeat: no-repeat;background-size: contain}
.icon-math-times {background: url('/icon/icon_math_times.svg');background-repeat: no-repeat;background-size: contain}
.icon-circle {background: url('/icon/icon_circle.svg');background-repeat: no-repeat;background-size: contain}
.icon-circle-plus {background: url('/icon/icon_circle_plus.svg');background-repeat: no-repeat;background-size: contain}
.icon-circle-minus {background: url('/icon/icon_circle_minus.svg');background-repeat: no-repeat;background-size: contain}
.icon-circle-up {background: url('/icon/icon_circle_up.svg');background-repeat: no-repeat;background-size: contain}
.icon-circle-down {background: url('/icon/icon_circle_down.svg');background-repeat: no-repeat;background-size: contain}
.icon-square	{background: url('/icon/icon_square.svg');background-repeat: no-repeat;background-size: contain}
.icon-square-plus {background: url('/icon/icon_square_plus.svg');background-repeat: no-repeat;background-size: contain}
.icon-square-minus {background: url('/icon/icon_square_minus.svg');background-repeat: no-repeat;background-size: contain}
.icon-square-up	{background: url('/icon/icon_square_up.svg');background-repeat: no-repeat;background-size: contain}
.icon-square-down {background: url('/icon/icon_square_down.svg');background-repeat: no-repeat;background-size: contain}
.icon-undo	{background: url('/icon/icon_undo.svg');background-repeat: no-repeat;background-size: contain}
.icon-redo	{background: url('/icon/icon_redo.svg');background-repeat: no-repeat;background-size: contain}
.icon-flow	{background: url('/icon/icon_flow.svg');background-repeat: no-repeat;background-size: contain}
.icon-search	{background: url('/icon/icon_search.svg');background-repeat: no-repeat;background-size: contain}
.icon-cinnamon-bun {background: url('/icon/icon_cinnamon_bun.svg');background-repeat: no-repeat;background-size: contain}
.icon-printer	{background: url('/icon/icon_printer.svg');background-repeat: no-repeat;background-size: contain}
.icon-tag	{background: url('/icon/icon_tag.svg');background-repeat: no-repeat;background-size: contain}
.icon-clipboard {background: url('/icon/icon_clipboard.svg');background-repeat: no-repeat;background-size: contain}
.icon-pin {background: url('/icon/icon_pin.svg');background-repeat: no-repeat;background-size: contain}
.icon-pin1 {background: url('/icon/icon_pin1.svg');background-repeat: no-repeat;background-size: contain}
.icon-unpin {background: url('/icon/icon_unpin.svg');background-repeat: no-repeat;background-size: contain}
.icon-fix {background: url('/icon/icon_fix.svg');background-repeat: no-repeat;background-size: contain}
.icon-approve {background: url('/icon/icon_approve.svg');background-repeat: no-repeat;background-size: contain}
.icon-report {background: url('/icon/icon_report.svg');background-repeat: no-repeat;background-size: contain}
.icon-prop {background: url('/icon/icon_prop.svg');background-repeat: no-repeat;background-size: contain}
.icon-chart {background: url('/icon/icon_chart.svg');background-repeat: no-repeat;background-size: contain}
.icon-input-ref {background: url('/icon/icon_input_ref.svg');background-repeat: no-repeat;background-size: contain}
.icon-input-json {background: url('/icon/icon_input_json.svg');background-repeat: no-repeat;background-size: contain}
.icon-drag {background: url('/icon/icon_drag.svg');background-repeat: no-repeat;background-size: contain}