/*@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);*/

.x-viewport, .x-viewport > .x-body {
    position: fixed !important;/* 鎖定桌面避免window 影響*/
}
.x-btn-icon-el-default-toolbar-small {
    font-size: 16px;
    height: 16px;
    color: rgb(46, 130, 204);
    line-height: 16px;
}

.x-legend.x-horizontal {
	white-space: nowrap;
}

.x-legend.x-horizontal .x-legend-item {
	display: inline-block;
}

.x-chart-toolbar {
	position: absolute;
	z-index: 9;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	padding: 0.6em;
}

.x-chart-toolbar .x-button {
	margin: 0.2em;
}

.x-chart-toolbar[data-side=left],.x-chart-toolbar[data-side=right] {
	top: 0;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
}

.x-chart-toolbar[data-side=left] {
	left: 0;
}

.x-chart-toolbar[data-side=right] {
	right: 0;
}

.x-chart-toolbar[data-side=top],.x-chart-toolbar[data-side=bottom] {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	right: 0;
}

.x-chart-toolbar[data-side=top] {
	top: 0;
}

.x-chart-toolbar[data-side=bottom] {
	bottom: 0;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.x-fieldset-header {
	width: '0%';
    margin-bottom: 3px !important;	
    border-bottom: 0px;
}

.x-mask-msg-text {
    padding: 38px 38px 0 0 !important;
    background-image: url(images/loadmask/loading.gif);
    background-repeat: no-repeat;
    background-position: center 0;
}

/* grid action column icon padding */
.action-padding .x-action-col-icon:nth-child(n) {
	margin-right: 3px;
}
.action-padding .x-action-col-icon:nth-last-child(1) {
	margin-right: 0px;
}

#poweredby {
	position: absolute;
	bottom: 40px;
	right: 20px;
	z-index: 15000;
	filter: opacity=70;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#poweredby div {
	position: relative;
	width: 150px;
	height: 25px;
	background-image: url(images/powered-by-ext-js.png);
	background-repeat: no-repeat;
}

.x-ie6 #poweredby div,.x-ie7 #poweredby div,.x-ie8 #poweredby div {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/powered-by-ext-js.png', sizingMethod='scale');
}

.ux-start-button-icon {
	background-image: url(images/taskbar/manywain.png) !important;
	background-color: transparent;
}

.ux-start-button .x-btn-arrow {
	background-image: none;
}
.ux-timerClock {
	position:absolute;
	color:#FFFFFF;
	font-size:3em;
	font-weight: bold;
	padding:8px 20px 20px 38px;
	margin-bottom: 40px;
	bottom:0 !important;
	right:0 !important;
	top:'' !important;
	left:'' !important;
	opacity: 0.8;
	z-index:0;
	font-family: '微軟正黑體';
	text-shadow:0px 0px 8px rgba(100%,100%,100%,0.5);

}

.ux-sysLogo {
	background-image: url(images/logo-60.png);
	background-repeat:no-repeat;
	background-size: 34px;
	position:absolute;
	color:#FFFFFF;
	font-size:16pt;
	font-weight: bold;
	padding:8px 20px 20px 38px;
	bottom:0;
	right:0;
	opacity: 0.8;
	z-index:0;
	font-family: '微軟正黑體'
	text-shadow:1px 1px 10px rgba(100%,100%,100%,0.5);
}
.ux-taskbar {
	padding-left: 4px !important;
}
/* start window screen active and inactive css style */
/* .ux-desktop-active-win .x-window-header-default{
	background-color: #3594be;
	border-color: #3594be;
}
.ux-desktop-active-win .x-window-header-default .x-tool-img {
    background-color: #3594be;
} */
/*.x-window-header-default .x-tool-img {
    background-color: #8c8c8c;
}*/

/* 非最頂層視窗 inactive 顏色變更 */
.ux-desktop-inactive-win .x-window-header-default {
	background-color: #8c8c8c;
	border-color: #8c8c8c;
}
.ux-desktop-inactive-win .x-window-header-default .x-tool-img {
    background-color: #8c8c8c;
}
.ux-desktop-inactive-win .x-window-header-title-default {
    color: #a7a7a7;
}
.ux-desktop-inactive-win .x-window-header-title-default .x-title-icon-wrap-default .x-title-icon-default{
    color: #a7a7a7;
}
.ux-desktop-inactive-win .x-grid-body{
    background-color: #f0f0f0;
}
.ux-desktop-inactive-win.x-toolbar-default {
	background-color: #f0f0f0;
}
.ux-desktop-inactive-win div.x-border-layout-ct {
    background-color: #a5a5a5;
}
.ux-desktop-inactive-win .x-panel-header-default {
    background-color: #ababab;
}
.ux-desktop-inactive-win.x-panel-body-default {
    background-color: #FFFFFF;
}

.ux-desktop-inactive-win.x-panel-header-default {
	background-color: #b9b9b9;
}

.ux-desktop-inactive-win .x-tab-default {
    border-color: #757575;
}
.ux-desktop-inactive-win .x-tab-bar-strip-default {
    border-style: solid;
    border-color: #ebebeb;
    background-color: #ebebeb;
}

.ux-desktop-inactive-win .x-tab-default-top {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 7px 12px 6px 12px;
    border-width: 1px;
    border-style: solid;
    background-color: #747474;
}
.ux-desktop-inactive-win .x-tab-default-top.x-tab-over {
	background-color: #a4a4a4;
}

.ux-desktop-inactive-win .x-tab-bar.x-tab-bar-default {
	border-color: #8c8c8c;
	background-color: #939393;
}
.ux-desktop-inactive-win .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #727272;
}
.ux-desktop-inactive-win .x-tab.x-tab-active.x-tab-default {
    border-color: #ebebeb;
    background-color: #ebebeb;
}
.ux-desktop-inactive-win .x-tab.x-tab-disabled.x-tab-default {
	border-color: #A5A5A5;
	background-color: #b9b9b9;
}

.ux-desktop-inactive-win.x-window-default {
	border-color: #8c8c8c;
	background-color: #efefef;
}


.x-toolbar-default {
	padding: 3px 0 3px 6px !important;
}
.x-toolbar-default .x-toolbar-separator-horizontal {
	background-image: url("./images/taskbar/taskbar_split.png");
	background-repeat: no-repeat;
	width: 2px;
	height: 24px !important;
	border-width:0px !important;
	/*top:2px !important;*/
}

.x-column-header-inner {
	padding: 5px 4px !important;
}

.file_items {
	border:0px solid #b1d4e4; 
	margin:5px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: flex-start;
	overflow: hidden;
	width: inherit;
}

.file_items .media_file {
	overflow:hidden;
	padding: 2px;
	/*	
		cursor: pointer;
		min-width:130px;
		max-height:130px;
		width:130px;
		height:130px;
	*/
}
.file_text {
	font-size: 8pt;
	overflow:hidden;
	cursor: pointer;
	padding: 2px;
	word-wrap: all;
	max-Width: 220px;
}


/* end window screen active and inactive css style */
.media_items {
	border:8px solid #b1d4e4; 
	margin:5px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.media_items.noBorder {
	border:0px solid #b1d4e4; 
	margin:5px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.media_items div {
	object-fit: inherit;
}
.media_items.video{
	border:8px solid #c5c5c5; 
	width:180px;
	height:100px;
}
.media_items.directory{
	border:0px solid #c5c5c5; 
}


.media_items .media_image {
	overflow:hidden;
	min-width:180px;
	max-height:90px;
	width:180px;
	height:90px;
	background-size:auto 100%; 
	background-repeat:no-repeat;
	background-position: center center;
}
.media_items .square {
	overflow:hidden;
	min-width:180px;
	max-height:180px;
	width:180px;
	height:180px;
	background-size:auto 100%; 
	background-repeat:no-repeat;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-content: center;
}
.media_items .delete {
	
}
.media_text {
	padding:0 3px;
	position: relative;
	font-size:9pt;
	color:#000;
	/*width: 100%;*/
	/*height:30px;*/
	display:inline-block;
}
.media_text input {
	border: 1px;
	padding: 2px;
	width: inherit;

}
.media_text textarea {
	border: 1px solid #EFEFEF;
	overflow: hidden;
	height: inherit;
	padding: 2px;
}
.media_text textarea:focus {
	background-color: #ffbfdb;
}

.media_items.x-item-selected {
	border:8px solid #e84028;
}

.ux-desktop-black .ux-start-button {
	height: 28px;
	padding: 0px;
	display: block;
}

.ux-desktop-black .ux-start-button em {
	margin-top: 5px;
}

.ux-desktop-black .ux-start-button .x-btn-inner {
	color: black;
	font-size: 11px;
	font-weight: bold;
}

.ux-desktop-black .ux-start-button {
	background-image: -moz-linear-gradient(center top,#e4f3ff,#d9edff 48%,#c2d8f2 52%,#c6dcf6);
	border-radius: 8px 8px 8px 8px;
	border-color: #81a4d0;
}

.ux-start-menu-toolbar .x-btn-inner {
	text-align: left;
}

.ux-start-menu-toolbar {
	padding: 4px !important;
}

div.ux-taskbar div.x-toolbar {
	background: transparent none;
	border: 0 none;
	padding: 0;
}

.ux-desktop-windowbar .x-btn-inner,.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
	text-align: left !important;
}

.ux-desktop-black .ux-taskbar {
	background: transparent url('images/taskbar/black/taskbar-start-panel-bg.gif') repeat-x left top;
	border-color: transparent
}

.ux-desktop-black .ux-taskbar .x-splitter {
	background: transparent url(images/taskbar/black/taskbar-split-h.gif) no-repeat scroll 0 -2px;
}

.ux-desktop-black .ux-taskbar .x-toolbar-text {
	color: white !important;
}

.ux-desktop-black .ux-taskbar .x-btn-default-toolbar-small-over {
	background-color: yellow;
}

.ux-desktop-black .ux-taskbar .x-btn-inner {
	color: white;
}

.ux-desktop-black .ux-taskbar .x-btn-pressed .x-btn-inner,.ux-taskbar .x-btn-over .x-btn-inner {
	color: black;
}

.ux-desktop-trayclock {
	text-align: center;
	vertical-align: middle;
	padding-top: 0;
	padding-bottom: 0;
}

.ux-wallpaper {
	background-color: #3d71b8;
	justify-content: center;
}

.ux-wallpaper img {
	width: 100%;
}

.ux-wallpaper-tiled {
	background-repeat: repeat;
}
.x-fit-item {
}
.x-component {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: left;
    align-content: flex-start;
}

.ux-desktop-shortcut {
	position: relative;
	cursor: pointer;
	text-align: center;
	padding: 0px;
	margin: 7px;
	width: 90px;
	height: 90px;
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-content:flex-start;
	/* 禁止選取 */
	-webkit-user-select: none;
	-moz-user-select: none;
}
.x-component.ux-desktop-shortcut-horizontal{
    display: flex;
    flex-direction: row;
}
.ux-desktop-shortcut-icon {
	/*width: 40px;*/
	height: 40px;
	font-size: 30pt !important;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	text-shadow:1px 1px 5px #000000;
}

.ux-desktop-shortcut-text {
	font-family:  "微軟正黑體",tahoma, arial, verdana, sans-serif;
	font-size:15px;
	text-decoration: none;
	padding-top: 2px;
	margin-top: 10px;
	padding-left: 2px;
	color: white;
	text-shadow:1px 1px 5px #000000;
}
.ux-desktop-shortcut .ux-desktop-shortcut-alertCount {
	position: absolute;
    right: 0px;
    top: 30px;
    padding: 5px 7px 5px 7px;
    color: white;
    font-family: verdana;
    font-size: 10pt;
}
.ux-desktop-shortcut .ux-desktop-shortcut-stateLabel {
	position: absolute;
    left: 0px;
    top: 0px;
    padding: 5px 7px 5px 7px;
    color: white;
    font-family: verdana;
    font-size: 10pt;
    background-color: #f7a922;
    opacity: 0.7;
}

.x-view-over .ux-desktop-shortcut-icon ,.x-view-over .ux-desktop-shortcut-text {
	color: #ffcc00 !important;	
}

.ux-desktop-card {
	cursor: pointer;
	text-align: center;
	padding: 5px;
	margin: 5px;
	width: 180px;
	height: 120px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content:center;
	border:1px solid #6f6f6f;
	background-color: #3F3F3F;
	background-image: linear-gradient(to top, #3F3F3F, #6F6F6F);
	border-radius: 5px;
}
.ux-desktop-card:hover {
	cursor: pointer;
	text-align: center;
	padding: 5px;
	margin: 5px;
	width: 180px;
	height: 120px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content:center;
	border:1px solid #ffba00;
	background-color: #c98702;
	background-image: linear-gradient(to top, #c98702, #ffba00);
	border-radius: 5px;
}
.ux-desktop-card-icon {
	/*width: 40px;*/
	height: 40px;
	font-size: 30pt !important;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	text-shadow:1px 1px 5px #000000;
}

.ux-desktop-card-text {
	font-family:  "微軟正黑體",tahoma, arial, verdana, sans-serif;
	font-size:17px;
	text-decoration: none;
	padding-top: 2px;
	margin-top: 10px;
	padding-left: 2px;
	color: white;
	text-shadow:1px 1px 5px #000000;
}

legend {
    padding-bottom: 7px;
    width: auto !important;
}



/* ICON 特別註記狀態顏色 */
.fas.nopublish,.fa.nopublish {
	color: #878787;
}
.fas.submenu,.fa.submenu {
	color: #ed8728;
}



/* 桌面ICON START */
.accordion-shortcut {
	background-image: url(images/im48x48.png);
}

.cpu-shortcut {
	background-image: url(images/statusLarge.png);
}

.grid-shortcut {
	background-image: url(images/grid48x48.png);
}

.notepad-shortcut {
	background-image: url(images/notepadLarge.png);
	width: 46px;
	height: 46px;
}

.x-ie6 .accordion-shortcut {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');
}

.x-ie6 .cpu-shortcut {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/statusLarge.png', sizingMethod='scale');
}

.x-ie6 .grid-shortcut {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');
}

.x-ie6 .notepad-shortcut {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/notepadLarge.png', sizingMethod='scale');
}

.icon-white {
	color: #EFEFEF;
}
.hidden {
	display: none;
	visibility: hidden;
}

.task .x-grid-cell-inner {
    padding-left: 15px;
}
.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
}
.icon-grid {
    background: url(./icons/arrow_right.png) no-repeat 0 -1px;
}



/* Grid Row 背景顏色*/
.red-row .x-grid-cell { 
    background-color: #ffa8a8; 
    color: #000;
}
.x-grid-item-selected .red-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000;
}
/*
Grid numberer 顏色
 .red-row .x-grid-cell-row-numberer {
    background-color: #f5f5f5;
}*/

.red-heavy-row .x-grid-cell { 
    background-color: #e86963; 
    color: #000;
} 
.x-grid-item-selected .red-heavy-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000;
} 

.green-row .x-grid-cell { 
    background-color: #e2ffe2; 
    color: #000; 
}
.x-grid-item-selected .green-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}

.green-heavy-row .x-grid-cell { 
    background-color: #c8db84; 
    color: #000; 
}
.x-grid-item-selected .green-heavy-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}

.yellow-row .x-grid-cell { 
    background-color: #ffff6e; 
    color: #000; 
}
.x-grid-item-selected .yellow-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}

.orange-row .x-grid-cell { 
    background-color: #ffefe2; 
    color: #000; 
}
.x-grid-item-selected .orange-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}

.orange-heavy-row .x-grid-cell { 
    background-color: #fcba03; 
    color: #000; 
}
.x-grid-item-selected .orange-heavy-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}

.orange-light-row .x-grid-cell { 
    background-color: #fff1c5; 
    color: #000; 
}
.x-grid-item-selected .orange-light-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}

.purple-light-row .x-grid-cell { 
    background-color: #e382f1; 
    color: #000; 
}
.x-grid-item-selected .purple-light-row .x-grid-cell { 
    background-color: #cae3ee; 
    color: #000; 
}



.lv1-row .x-grid-cell { 
    background-color: #ededed; 
    color: #000; 
}
.lv2-row .x-grid-cell { 
    background-color: #e8e8e8; 
    color: #000; 
}
.lv3-row .x-grid-cell { 
    background-color: #d1d1d1; 
    color: #000; 
}
.lv4-row .x-grid-cell { 
    background-color: #bdbdbd; 
    color: #000; 
}
/* EBOM 屬性顏色 */
.compose-row .x-grid-cell { 
    /*background-color: #d889ad; */
    color: #000; 
}
.link-row .x-grid-cell { 
    /*background-color: #abc5dc; */
    color: #000; 
}
.make-row .x-grid-cell { 
    /*background-color: #9ba4b7; */
    color: #000; 
}

/* 桌面ICON END */

.disk {background-image:url(./icons/silkpng/disk.png) !important; }
.add {background-image:url(./icons/silkpng/add.png) !important; }
.remove {background-image:url(./icons/silkpng/delete.png) !important; }
.page_copy {background-image:url(./icons/silkpng/page_copy.png) !important; }
.accept {background-image:url(./icons/silkpng/accept.png) !important; }
.tick {background-image:url(./icons/silkpng/tick.png) !important; }

.photo_add {background-image:url(./icons/silkpng/photo_add.png) !important; }
.film_add {background-image:url(./icons/silkpng/film_add.png) !important; }

.clock_edit {background-image:url(./icons/silkpng/clock_edit.png) !important; }
.cart_go  {background-image:url(./icons/silkpng/cart_go.png) !important; }
.pencil {background-image:url(./icons/silkpng/pencil.png) !important; }
.pencil_go {background-image:url(./icons/silkpng/pencil_go.png) !important; }

.note_go {background-image:url(./icons/silkpng/note_go.png) !important; }
.page_white_paint {background-image:url(./icons/silkpng/page_white_paint.png) !important; }


.zoom {background-image:url(./icons/silkpng/zoom.png) !important; }
.chart_pie {background-image:url(./icons/silkpng/chart_pie.png) !important; }
.arrow_refresh {background-image:url(./icons/silkpng/arrow_refresh.png) !important; }
.arrow_out {background-image:url(./icons/silkpng/arrow_out.png) !important; }
.arrow_in {background-image:url(./icons/silkpng/arrow_in.png) !important; }
.book {background-image:url(./icons/silkpng/book.png) !important; }

.script_gear {background-image:url(./icons/silkpng/script_gear.png) !important; }

.coins {background-image:url(./icons/silkpng/coins.png) !important; }
.heart {background-image:url(./icons/silkpng/heart.png) !important; }
.chart_curve {background-image:url(./icons/silkpng/chart_curve.png) !important; }
.chart_bar {background-image:url(./icons/silkpng/chart_bar.png) !important; }

.application_view_list {background-image:url(./icons/silkpng/application_view_list.png) !important; }
.application_form_edit {background-image:url(./icons/silkpng/application_form_edit.png) !important; }
.application_form_edit {background-image:url(./icons/silkpng/application_form.png) !important; }

.text_list_numbers {background-image: url(./icons/silkpng/text_list_numbers.png) !important; }

.group_edit {background-image:url(./icons/silkpng/group_edit.png) !important; }

.bogus {background-image: url( ./icons/silkpng/bogus.png ) !important; }
.notepad {background-image: url( ./icons/silkpng/bogus.png ) !important; }
.logout {background-image: url( ./icons/silkpng/bullet_key.png ) !important; }
.settings {background-image: url( ./icons/silkpng/cog.png ) !important; }
.icon-grid {background-image: url( ./icons/silkpng/grid.png ) !important; }

.arrow_right {background-image: url(./icons/silkpng/arrow_right.png) !important; }
.arrow_left {background-image: url(./icons/silkpng/arrow_left.png) !important; }

.tick {background-image: url(./icons/silkpng/tick.png) !important; }
.table_link {background-image: url(./icons/silkpng/table_link.png) !important; }
/*.printer {background-image: url(./icons/silkpng/printer.png) !important; }*/

.monitor {background-image: url(./icons/silkpng/monitor.png) !important; }



.option {background-image: url(./icons/silkpng/plugin.gif) !important; }
.accordion {background-image: url(./icons/silkpng/accordian.gif) !important; }
.tabs {background-image: url(./icons/silkpng/tabs.gif) !important; }
.user {background-image: url( ./icons/silkpng/user.png) !important; }
.user-add {background-image: url(./icons/silkpng/user_add.gif) !important; }
.user-delete {background-image: url(./icons/silkpng/user_delete.gif) !important; }
.connect {background-image: url(./icons/silkpng/connect.gif) !important; }
.user-girl {background-image: url(./icons/silkpng/user_female.gif) !important; }
.user-kid {background-image: url(./icons/silkpng/user_green.gif) !important; }
.user-suit {background-image: url(./icons/silkpng/user_suit.gif) !important; }



.page-excel {background-image: url(./icons/page_excel.png) !important; }



.reload {background-image:url(./icons/reload.png) !important; }
.fishbone_diagram {background-image:url(./icons/fishbone_diagram.png) !important; }
.fishbone {background-image:url(./icons/fishbone.png) !important; }
.permit {background-image:url(./icons/permit.png) !important; }

.scrollbar {
	overflow-x:hidden;
	overflow-y:auto;

}

.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) ;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #0ae;
}

.table {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 5px;
}
.table.table-bordered.text12 {
    font-size:12pt !important;
}
.table.table-bordered {
    border: 1px solid #ddd;
    font-size:14pt;
}
.table.table-bordered td ,.table.table-bordered th {
	padding: 5px 2px;
	text-align: left;
	display: table-cell;
	font-family: "標楷體";
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.printview-title {
	font-family: "標楷體";
}

/* dhx css */
.dhx_cal_event_cont_selected{
	background-color: #9cc1db;
	color: white;
}
.dhx_scale_hour_main {
	float: left;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}
.dhx_scale_hour_minute_cont {
	float: left;
	position: relative;
	text-align: right;
}
.dhx_scale_hour_minute_top, .dhx_scale_hour_minute_bottom {
	font-size: 10px;
	padding-right: 5px;
}
.dhx_scale_hour_sep {
	position: absolute;
	height: 1px;
	background-color: #8C929A;
	right: 0;
	top: 20px;
	width: 20px;
}
.good_day .dhx_month_body{
	background-color: #ce5858;
}
.good_day .dhx_month_head{
	background-color: #ce5858;
}
.week_day .dhx_month_body{
	background-color: #ffeaea;
}
.week_day .dhx_month_head{
	background-color: #ffeaea;
}
.dhx_scale_holder_now.week_day, .dhx_scale_holder.week_day{
	background-color: #ffeaea;	
}

video {
	object-fit: inherit;
}

.startmenu-layer {
    max-width: 85%;
    max-height: 85%;
	position: absolute;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px;
	-moz-box-shadow:1px 1px 8px rgba(0%,0%,0%,0.8);
	-webkit-box-shadow:1px 1px 8px rgba(0%,0%,0%,0.8);
	box-shadow:1px 1px 8px rgba(0%,0%,0%,0.8);
	z-index: 60,
	border:0px;
	/*background-color: #333333;*/
	color: #FFFFFF;
	border-radius: 10px 10px;
}

.startmenu-layer .x-component {
	justify-content: center !important;
}

.startmenu-layer:after {
	background-image: url("../resources/images/wallpapers/desktop1920.jpg");
    background-color: #000000;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;/*-1 可以當背景*/
/*    -webkit-filter: blur(2px);
    filter: blur(2px);*/
    opacity: 0.8;
    border:1px solid #434343;
}

.startmenu-layer-mask {
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	z-index: 20001;
	position: absolute;
	top: 0;
	left: 0;
}

.alert-message-style {
	font-size:14pt;
	color:#FFFFFF;
	font-weight:bold;
	margin-right: 5pt;
	line-height: 15pt;
}

.success-message-style {
	font-size:14pt;
	color:#FFFFFF;
	font-weight:bold;
	margin-right: 5pt;
	line-height: 15pt;
}


.amber-clear {
	background-color: #757;
}


.tooltip , .tooltip.show{
	z-index: 20005;
}


.lobibox-notify {
	margin: 7px 5px !important;
	border-radius: 3px !important;
	box-shadow: 2px 2px 5px #343434 !important;
}

.lobibox-notify.lobibox-notify-info {
  border: 1px solid #32b2cf ;
}
.lobibox-notify.lobibox-notify-info .lobibox-header {
  color: #eeeeee;
  background-color: #32b2cf !important;
}
.lobibox-notify.lobibox-notify-info .lobibox-body .lobibox-icon {
  color: #32b2cf ;
}
.lobibox.lobibox-notify-info .lobibox-footer {
  background-color: #4593d0;
}


/* 修改原版的 CSS Z-index 沒用，選單依舊被蓋住問題 */
.tox.tox-tinymce-aux,
.tox-fullscreen .tox.tox-tinymce-aux {
  z-index: 25000;
}

.main_mark {
	display: flex; 
	flex-direction: column; 
	align-items: center;
}
.side_mark {
	display: flex; 
	flex-direction: column; 
	align-items: center;
}
.triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 65px 40px;
	border-color: transparent transparent #000000 transparent;
	display: flex;
	justify-content: center;
}
.triangle .labeltext {
	padding-top: 34px; 
	position:absolute; 
	font-size:20px;
	line-height: 22px;
	text-align: center;
}

.triangle:before {
	content: "";
    width: 0;
    height: 0;
    position: relative;
    /*top: 7px;
    left: 23px;*/
	top: 6px;
    left: 0px;
    border-width: 0 34px 56px;
    border-style: solid;
    border-color: transparent transparent white;
}

.triangle_content {
	padding: 5px;

}

.diamond {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 75px;
	font-size: 18px;
	padding: 10px 60px;
	/*overflow: hidden;*/
	resize: both;
	background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 246 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath vector-effect='non-scaling-stroke' d='M3.162 41L123 1.054 242.838 41 123 80.946 3.162 41z' fill='%23FFFFFF' fill-opacity='1' stroke='%23000000' stroke-width='4'/%3E%3C/svg%3E");
}


.page-break {
   page-break-after: always;
}
.container {
	padding: 5px 0px !important;
}