574 lines
		
	
	
		
			18 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			574 lines
		
	
	
		
			18 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| /*
 | |
| 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;
 | |
| }
 |