/* Product Name: dhtmlxSuite Version: 5.2.0 Edition: Professional License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com Copyright UAB Dinamenta http://www.dhtmlx.com */ /* skin detected: dhx_terrace include extra file: skins/dhx_terrace.less */ .dhxsidebar_base_dhx_terrace { position: relative; cursor: default; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont { position: absolute; cursor: default; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side { position: absolute; left: 0px; top: 0px; background-color: #f5f5f5; border-style: solid; border-color: #cccccc; border-width: 1px 1px 0px 1px; overflow: hidden; z-index: 5; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items { position: absolute; width: 100%; overflow: hidden; box-sizing: border-box; -ms-touch-action: none; -webkit-transition: top 0.2s; -moz-transition: top 0.2s; -ms-transition: top 0.2s; -o-transition: top 0.2s; transition: top 0.2s; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item { position: relative; padding: 0px 10px; z-index: 1; cursor: default; margin: 1px 0px; background-color: #f5f5f5; overflow: hidden; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); font-family: Arial, Helvetica; font-size: 13px; color: #333333; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -ms-touch-action: none; -webkit-touch-callout: none; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_hidden { height: 0px !important; margin: 0px 0px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover { background-color: #f0f0f0; z-index: 2; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected { z-index: 3; background-color: #fff3a1; color: black; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { position: absolute; left: 9px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { position: absolute; left: 0px; top: 0px; height: inherit; line-height: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble { position: absolute; width: 15px; height: 15px; line-height: 14px; right: 5px; top: 5px; border-radius: 10px; background-color: #f5f5f5; border: 1px solid #333333; font-family: Tahoma; font-size: 10px; text-align: center; font-weight: normal; color: #333333; cursor: default; overflow: hidden; z-index: 1; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item:hover div.dhxsidebar_bubble { background-color: #f0f0f0; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected div.dhxsidebar_bubble { background-color: #fff3a1; color: black; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side div.dhxsidebar_side_items div.dhxsidebar_sep { position: relative; height: 1px; margin: 1px 0px; overflow: hidden; background-color: #e8e8e8; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item:hover { background-color: #f5f5f5; z-index: 1; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_touch div.dhxsidebar_side_items div.dhxsidebar_item.dhxsidebar_item_selected { z-index: 3; background-color: #fff3a1; color: black; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item { height: 27px; line-height: 27px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { top: 5px; width: 16px; height: 16px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { padding-left: 34px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item { height: 47px; line-height: 47px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { top: 7px; width: 32px; height: 32px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { padding-left: 50px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_tiles div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_bubble { top: 15px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item { height: 47px; line-height: 47px; text-align: center; padding-left: 4px; padding-right: 4px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { position: relative; display: inline; left: 0px; top: 7px; width: 32px; height: 32px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item { height: 66px; line-height: 1em; text-align: center; padding-left: 4px; padding-right: 4px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item img.dhxsidebar_item_icon { position: relative; display: inline; left: 0px; top: 4px; width: 32px; height: 32px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_icons_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { position: relative; display: block; height: 16px; margin-top: 10px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item { height: 27px; line-height: 27px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_text div.dhxsidebar_side_items div.dhxsidebar_item div.dhxsidebar_item_text { padding-left: 14px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar { position: absolute; background-color: #ffffff; margin: 0px; padding: 0px; overflow: hidden; cursor: default; z-index: 0; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar.dhx_cell_cont_no_top div.dhx_cell_cont_sidebar { border-top-color: #ffffff; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar { position: absolute; border-style: solid; border-color: #cccccc; border-width: 1px 1px 1px 0px; overflow: hidden; z-index: 0; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders { border-width: 0px; padding: 0px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_def { position: relative; overflow: hidden; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 8px 8px 0px 8px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_menu_no_borders { position: relative; overflow: hidden; padding-left: 8px; padding-bottom: 8px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhtmlxMenu_dhx_terrace_Middle { padding: 0px 2px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_def { position: relative; overflow: hidden; padding: 8px 8px 0px 8px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_toolbar_no_borders { padding-left: 8px; padding-bottom: 8px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def { position: relative; overflow: hidden; padding: 4px 4px 0px 4px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web { border-width: 0px; width: auto; margin: 4px 4px 0px 4px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar { border-width: 0px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders { position: relative; overflow: hidden; padding: 0; padding: 0px 0px 8px 8px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar { width: auto; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def { position: absolute; bottom: 0px; width: 100%; font-family: Arial, Helvetica; font-size: 13px; color: #333333; background-color: #f5f5f5; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text { position: relative; padding: 0px 4px; height: 24px; line-height: 24px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; white-space: nowrap; overflow: hidden; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_bar { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.75; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); z-index: 1; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_progress_img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url('../imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif'); background-position: center center; background-repeat: no-repeat; z-index: 2; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr { position: relative; background-color: #f5f5f5; height: 36px; line-height: 35px; font-weight: normal; overflow: hidden; cursor: default; z-index: 1; border: 1px solid #cccccc; font-family: Arial, Helvetica; font-size: 13px; color: #333333; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr.dhx_cell_sidebar_hdr_hidden { border-width: 1px 0px 0px 0px; height: 0px; line-height: 0px; overflow: hidden; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text { position: relative; margin: 0px 10px; overflow: hidden; white-space: nowrap; cursor: default; text-align: left; height: 100%; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_text.dhx_cell_sidebar_hdr_text_icon { margin-left: 34px !important; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhx_cell_sidebar div.dhx_cell_sidebar_hdr div.dhx_cell_sidebar_hdr_icon { position: absolute; top: 0px; left: 10px; width: 16px; height: 100%; background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_side_icon.gif"); background-position: center center; background-repeat: no-repeat; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar { border-left-width: 1px; border-top-width: 0px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_cont_sidebar.dhx_cell_cont_no_borders { border-left-width: 0px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_menu_def, .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_toolbar_def, .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhx_cell_sidebar div.dhx_cell_ribbon_def { border-top-width: 0px; border-left: 1px solid #cccccc; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide { overflow: hidden; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_side { -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -ms-transition: left 0.2s; -o-transition: left 0.2s; transition: left 0.2s; box-shadow: 0px 2px 8px rgba(127,127,127,0.4); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont.dhxsidebar_autohide div.dhxsidebar_arrows { -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -ms-transition: left 0.2s; -o-transition: left 0.2s; transition: left 0.2s; box-shadow: 0px 4px 6px rgba(127,127,127,0.4); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background-color: #fff; z-index: 3; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.0001; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_side_cover.dhxsidebar_side_cover_actv { opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows { position: absolute; left: 0px; bottom: 0px; height: 24px; border: 1px solid #cccccc; background-color: #f5f5f5; font-size: 1px; overflow: hidden; z-index: 6; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-touch-action: none; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows.dhxsidebar_arrows_hidden { height: 0px; border-width: 0px 1px 1px 1px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow { position: absolute; width: 50%; height: 100%; top: 0px; font-size: 1px; overflow: hidden; z-index: 1; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left { left: 0px; border-right: 1px solid #cccccc; z-index: 2; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_left div.dhxsidebar_arrow_image { background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_arrow_up.gif"); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right { right: 0px; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow.dhxsidebar_arrow_right div.dhxsidebar_arrow_image { background-image: url("../imgs/dhxsidebar_terrace/dhxsidebar_arrow_down.gif"); } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow div.dhxsidebar_arrow_image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; font-size: 1px; overflow: hidden; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:hover { background-color: #f0f0f0; } .dhxsidebar_base_dhx_terrace div.dhxsidebar_cont div.dhxsidebar_arrows div.dhxsidebar_arrow:active { background-color: #ebebeb; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_progress { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; z-index: 3; opacity: 0.55; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55); } .dhxsidebar_base_dhx_terrace div.dhxcelltop_progress_img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url('../imgs/dhxsidebar_terrace/dhxsidebar_cell_progress.gif'); background-position: center center; background-repeat: no-repeat; z-index: 4; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_hdr { position: relative; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_ftr { position: absolute; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_menu { position: relative; overflow: hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar { position: relative; padding-bottom: 10px; overflow: hidden; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace { padding-left: 0px; padding-right: 0px; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon { padding-bottom: 10px; position: relative; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar { width: auto; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar { position: absolute; background-color: #ffffff; overflow: hidden; } .dhxsidebar_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar { position: relative; margin-top: 10px; border: 1px solid #cccccc; background-color: #f5f5f5; font-family: Arial, Helvetica; font-size: 13px; color: #333333; padding: 3px 4px; } .dhxsidebar_skin_detect { position: absolute; left: 0px; top: -100px; margin: 0; padding: 0; border: 0px solid white; width: 30px; height: 10px; overflow: hidden; }