/*	Переменные определены в файле potree.css:
	--color-0
	--bg-color-2
	--font-color
	--font-color-2
	--color-3
	--bg-hover-color
*/

.hm-sidebar-group-gui {
	font-family		: Arial,Helvetica,sans-serif;
	font-size		: 1.2em;
	font-weight		: bold;
	cursor			: pointer;
	border			: 1px solid gray;
	border-radius	: 5px;
	padding			: 2px 10px;
	background		: rgba(128, 128, 128, 0);
	transition		: border-radius 350ms, background 350ms;
}

.hm-sidebar-group-gui:hover {
	border-radius	: 20px;
	background		: rgba(128, 128, 128, 0.5);
}

.hm-start-screen {
	position		: absolute;
	width			: 100%;
	height			: 100%;
	left			: 0;
	top				: 0;
	z-index			: 1000000000;
	overflow		: hidden;
	background		: white;
}

.hm-start-logo-container {
	position		: absolute;
	width			: 100%;
	height			: 150px;
	left			: 0;
	top				: calc(50% - 75px);
	z-index			: 1000000000;
	background		: rgb(100, 100, 100);
	opacity			: 1;
	box-shadow		: 0 0px 5px 5px rgba(128, 128, 128, 0.5);

	display			: flex;
	flex-direction	: row;
	justify-content	: center;
	align-items		: center;
}


.hm-start-logo {
	color				: rgb(250, 250, 250);
	font-size			: 5em;
	font-style			: italic;
	font-variant-caps	: small-caps;
}

.hm-start-text-load {
	position			: absolute;
	width				: 100%;
	height				: 50px;
	left				: 0;
	top					: calc(50% + 75px);
	margin-top			: 15px;
	color				: rgb(100, 100, 100);
	font-size			: 2em;
	font-style			: italic;
	font-weight			: bold;
	font-variant-caps	: small-caps;
	background			: none;
	text-align			: center;
}


.connected-state-slides {
	list-style-type	: none;
	margin			: 2px 10px;
	padding			: 2px;
	width			: 90%;
	min-height		: 45px;
	border			: 1px solid rgba(128, 128, 128, 0.3);
	border-radius	: 5px;
}


.connected-state-slides > li {
	margin			: 2px 1px;
	height			: 40px;
	padding			: 2px;
	border-radius	: 5px;
}

.connected-state-slides-active > li {
	background	: rgba(128, 128, 128, 0.5);
	border		: 1px solid gray;
}

.connected-state-slides-inactive > li {
	background	: none;
	border		: 1px dotted gray;
}



	
.group-menu-object {
	background: rgb(220,220,220);
}

.vent-annotation-outer-container {
	position			: absolute;
	border				: 1px solid rgba(255,255,255,0.8);
	border-radius		: 5px;
	pointer-events		: none;
	background-color	: rgba(128,128,128,0.3);
	opacity				: 0.9;
	text-align			: left;
}
	
.vent-annotation-data {
	text-shadow		: 1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color			: white;
	font-size		: 0.8em;
	font-family		: Arial,Helvetica,sans-serif;
	margin			: 1px 2px;
	background		: none;
	filter			: brightness(125%);
	width			: 100%;
	height			: 17px;
}


.label-for-edit-link-target {
	position		: absolute;
	text-shadow		: 1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color			: var(--color-3);
	font-size		: 2em;
	font-family		: Arial,Helvetica,sans-serif;
	padding			: 1px;
	border			: 1px solid gray;
	border-radius	: 3px;
	/* text-align		: align; */
	background		: white;
	filter			: brightness(125%);
	pointer-events	: none;
}


.pointer-to-3d {
	cursor: pointer;
}
	
	
.sidebar-fieldset {
	border-radius	: 5px;
}


	
.sidebar-operation-interface {
	margin-top		: 15px;
	height			: 100%;
	width			: 100%;
	text-align		: center;
	color			: rgb(166, 169, 170);
}


.sidebar-subsection-title {
	font-weight		: bold;
	font-size		: 1.2em;
	margin-top		: 1px;
	margin-left		: 2.5%;
	width			: 95%;
	background		: rgba(128, 128, 128, 0.3);
}
	

.context-menu-caption {
	text-align		: center;
	font-weight		: bold;
	color			: var(--color-0);
	border			: 1px solid var(--color-0);
	border-radius	: 3px;
	opacity			: 1;
}


.dialog-container-inteligent {
	display			: block;
	padding			: 2px;
	border-radius	: 5px;
	background		: rgba(128, 128, 128, 0.3);
	overflow		: hidden;
	border			: 1px solid var(--color-0);
	box-shadow		: 5px 5px 5px rgba(0,0,0,0.3);
	z-index			: auto;
}

	
.sched-chart-container {
	display			: block;
	width			: 80%;
	height			: 200px;
	margin-left		: 10%;
	padding			: 2px;
	border-radius	: 5px;
	background		: rgba(128, 128, 128, 0.3);
	overflow		: hidden;
	border			: 1px solid var(--color-0);
	box-shadow		: 5px 5px 5px rgba(0,0,0,0.3);
}


.dialog-inteligent-titlebar {
	display			: flex;
	flex-direction	: row;
	flex-wrap		: nowrap;
	align-content	: center;
	justify-content	: space-evenly;
	align-items		: center;
	height			: 25px;
	margin			: 0 auto;
	background		: var(--color-0);
	opacity			: 0.9;
	border-radius	: 3px;
	overflow		: hidden;
	box-sizing		: border-box;
	color			: var(--font-color-2);
	text-shadow		: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size		: 1em;
	font-weight		: bold;
	
}


.dialog-inteligent-left-title {
	box-sizing: border-box;
	width: 33.2%;
	padding: 0 5px;
	text-align: left;
}


.dialog-inteligent-center-title {
	box-sizing	: border-box;
	width		: 33.2%;
	padding		: 0 5px;
	text-align	: center;
}


.dialog-inteligent-right-title {
	display			: flex;
	flex-direction	: row;
	align-items		: center;
	align-content	: flex-end;
	justify-content	: flex-end;
	box-sizing		: border-box;
	width			: 33.2%;
	padding			: 0 5px;
	text-align		: right;
}
	
	
.dialog-inteligent-button-close {
	height			: 20px;
	width			: 20px;
	pointer-events	: auto;
	cursor 			: pointer;
}

.dialog-inteligent-content-container {
	display			: block;
	background		: var(--color-0);
	opacity			: 0.9;
	border-radius	: 5px;
	pointer-events	: auto;
	z-index		: auto;
}


.sched-chart-switch-label-type {
	height				: 95%;
	width				: 50px;
	margin-right		: 10px;
	border				: 1px solid gray;
	border-radius		: 3px;
	font-size			: 0.8em;
	text-align			: center;
	pointer-events		: auto;
	cursor				: pointer;
	/* запретить выделение текста */
	-ms-user-select		: none;
	-moz-user-select	: none;
	-khtml-user-select	: none;
	-webkit-user-select	: none;
	user-select			: none;
}


.sched-chart-scroller {
	box-sizing		: border-box;
	margin			: 5px 10px;
	pointer-events	: auto;
	opacity			: 0.9;
}

	
.sched-bar-chart-canvas {
	height			: 152px;
	pointer-events	: auto;
}	

	
@keyframes smoothAppearance {
	from{ opacity: 0 } to { opacity: 1 }
}


::-webkit-scrollbar {
	width: 6px;
	background-color: rgba(255, 255, 255, 0.5);
}


::-webkit-scrollbar-thumb {
	border-radius: 3px;
}


.dialog_container {
	position:			absolute;
	box-sizing:			border-box;
	background-color:	var(--color-0);
	color:				var(--font-color);
	box-shadow:			1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-shadow:		1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			0.9em;
}


.dialog_titlebar {
	display:			flex; 
	width:				100%;
	height:				30px;
	box-sizing:			border-box;
	background-color:	var(--bg-color-2);
	color:				var(--font-color-2);
	text-shadow:		1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size:			1em;
	font-weight:		bold;
	border-top:			1px solid black;
	border-left:		1px solid black;
	border-right:		1px solid black;	
}


.dialog_elements_caption{
	color:			var(--font-color-2);
	text-shadow:	1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size: 		1em;
	font-weight:	bold;
}


.dialog_title_left_label {
	position:		absolute;
	margin:			5px;
}


.dialog_title_center_label {
	flex-grow:		1;
	flex-direction:	row;
	text-align:		center;
	margin:			5px;
	width:			90%;
}


.dialog_button_close {
	width:			24px;
	height:			24px;
	margin:			4px;
}


.ui-state-highlight-sorted { 
	height: 			1.5em;
	line-height: 		1.2em;
	background-color:	rgba( 128, 128, 128, 0.3);
	border:				1px dashed gray;
}


.container_fieldset_precision {
	color:			var(--font-color);
	font-family:	Arial,Helvetica,sans-serif;
}


.fieldset {
	border-radius:	5px;
	border-color:	#555555;
}


.drop_down_list {
	background:		none;
	height:			30px;
	cursor:			pointer;
	border-color:	#555555;
	border-radius:	5px;
	margin:			0 auto;
	padding:		0 auto;
	color:			var(--font-color);
	box-shadow:		1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-shadow:	1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-family:	Arial,Helvetica,sans-serif;
	filter:			brightness(125%);
}


.drop_down_list_precision {
	font-size:		1em;
	width:			100px;
	margin-bottom:	5px;
}


.start_menu_button {
	display:		table-cell;
	width:			500px;
	height:			40px;
	background:		radial-gradient(white, rgba(255, 255, 255, 0.2));
	text-align:		center;
	vertical-align:	middle;
	text-shadow:	1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color:			var(--color-3);
	font-size:		1.3em;
	letter-spacing:	0.08em;
	font-family:	Arial,Helvetica,sans-serif;
	filter:			brightness(125%);
	border-radius:	10px;
	opacity:		0.9;
	cursor:			pointer;
}


.start_menu_button:hover {
	background-color:	rgba(255, 255, 255, 0.3);
}


.pack_controller_cover {
	position			: absolute;
	left				: 0;
	right				: 0;
	top					: 0;
	bottom				: 0;
	z-index				: 9999;
	background-color	: rgba(24, 31, 33, 0.66);
}


.v_mode_menu_container {
	
	display			: inline-block;
	position		: relative;
	top				: 0;
	margin-top		: 50px;
	padding			: 0;
	border-right	: 1px solid rgba(128, 128, 128, 0.3);
	border-top		: 1px solid rgba(128, 128, 128, 0.3);
	border-bottom	: 1px solid rgba(128, 128, 128, 0.3);
	box-sizing		: border-box;
}


.v_mode_menu_item_visible {
	display			: inline-block;
	pointer-events	: auto;
}


.v_mode_menu_item_hiden {
	display			: none;
}


.v_mode_btn {
	vertical-align	: top;
    background		: none;
    width			: 32px;
    height			: 32px;
    cursor			: pointer;
	margin			: 2px;
}


.v_mode_menu_container_hovered {
	vertical-align	: top;
	width			: 10px;
	height			: 36px;
	background		: rgba(128, 128, 128, 0.3);
    cursor			: pointer;
	pointer-events	: auto;
}


.v_mode_drop_down_list {
	vertical-align	: top;
	margin			: 2px;
	width			: 150px;
}


.btn-siwtch-slide {
    position		: absolute;
    background		: none;
    width			: 32px;
    height			: 50px;
    z-index			: 100;
    cursor			: pointer;
	top				: calc(50% - 16px);
	filter			: brightness(80%);
	pointer-events	: auto;
}


.left-btn-siwtch-slide-start {
	left: 		calc(50% + 32px);
	opacity:	0;
}


.left-btn-siwtch-slide-end {
	left:		0;
	opacity:	1;
}


.right-btn-siwtch-slide-start {
	left: 		50%;
	opacity:	0;
}


.right-btn-siwtch-slide-end {
	left:		calc(100% - 32px);
	opacity:	1;
}


/* DOM SLIDE */

.dom-slide-element {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: none;
}





/* CONTROLLER OVERLAY */

#hm_controller_overlay {
	position		: absolute;
	top				: 0;
	width			: 100%;
	height			: 100%;
	pointer-events	: none;
	z-index			: 1000000;
	/* этот слой должен быть выше всех */
}


#ctrl_ovr_viewer_mode {
	position		: absolute;
	top				: 0;
	width			: 100%;
	height			: 100%;
	pointer-events	: none;
}

#ctrl_ovr_dom_slide_layer {
	position		: absolute;
	top				: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	pointer-events	: none;
}

#ctrl_ovr_code_editors_panel {
	position		: absolute;
	width			: 100%;
	height			: 90%;
	bottom			: 0;
	pointer-events	: none;
}


#ctrl_ovr_caption {
	width			: 150%;
	color			: rgb(230, 230, 230);
	font-family		: Arial,Helvetica,sans-serif;
	overflow-y		: hidden;
	text-align		: center;
	font-size		: 1.3em;
	letter-spacing	: 0.1em;
	box-shadow		: 5px 5px 5px rgba(0,0,0,0.3);
}


#ctrl_ovr_comment {
	pointer-events	: auto;
	width			: 500px;
	max-height		: 30%;
	margin			: 25px 50px;
	border-radius	: 5px;
	color			: rgb( 230, 230, 230 );
	font-family		: Arial,Helvetica,sans-serif;
	overflow-y		: auto;
	text-align		: center;
	font-size		: 1em;
	letter-spacing	: 0.1em;
	box-shadow		: 5px 5px 5px rgba(0,0,0,0.3);
}


.overlay-comment-content {
	padding		: 2px;
	text-align	: center;
}


@keyframes overlay-comment-top-rect-move {
	0%, 35% {
		left: 0;
		opacity: 0;
	}
	50% {
		opacity: 0.3;
	}	
	65%, 100% {
		left: 100%;
		opacity: 0;
	}
}


@keyframes overlay-comment-bottom-rect-move {
	0%, 35% {
		left: 100%;
		opacity: 0;
	}
	50% {
		opacity: 0.3;
	}	
	65%, 100% {
		left: 0%;
		opacity: 0;
	}
}


.overlay-comment-top-rect, .overlay-comment-bottom-rect {
	position					: relative;
	width						: 15px;
	height						: 100%;
	background					: linear-gradient(90deg, rgba(128,128,128,0), rgba(128,128,128,1), rgba(128,128,128,0) );
	opacity						: 0;
	animation-duration			: 10s;
	animation-iteration-count	: infinite;
	animation-timing-function	: easing-in-out;
}


.overlay-comment-top-rect {
	animation-name	: overlay-comment-top-rect-move;	
}


.overlay-comment-bottom-rect {
	animation-name	: overlay-comment-bottom-rect-move;
	
}


#ctrl_ovr_header {
	display			: flex;
	flex-direction	: column;
	justify-content	: flex-end;
	align-items		: center;
	width			: 100%;
	height			: 50px;
	border			: 0px solid red
}


#ctrl_ovr_middle {
	position: relative;
	display:		flex;
	flex-direction:	column;
	align-items:	center;
	flex-wrap:		wrap;
	height:			calc(100% - 50px);
	border:			0px solid green;
}

#ctrl_ovr_footer {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
}

#ctrl_ovr_pointer_canvas {
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#ctrl_ovr_annotations {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}


.ovr-middle-comment-left-top {
	align-content:		flex-start;
	justify-content:	flex-start;
}


.ovr-middle-comment-left-middle {
	align-content:		flex-start;
	justify-content:	center;
}


.ovr-middle-comment-left-bottom {
	align-content:		flex-start;
	justify-content:	flex-end;
}


.ovr-middle-comment-right-top {
	align-content:		flex-end;
	justify-content:	flex-start;
}


.ovr-middle-comment-right-middle {
	align-content:		flex-end;
	justify-content:	center;
}


.ovr-middle-comment-right-bottom {
	align-content:		flex-end;
	justify-content:	flex-end;
}



.select-for-import-window, .input-for-import-window {
	background:		radial-gradient(white, rgba(255, 255, 255, 0.2));
	border-radius:	5px;
	overflow-y:		auto;
	text-shadow:	1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color:			var(--color-3);
	font-size:		1em;
	letter-spacing:	0.08em;
	font-family:	Arial,Helvetica,sans-serif;
	filter:			brightness(125%);
}


.label-for-import-window, .label-for-edit-link-target {
	text-shadow:	1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color:			var(--color-3);
	font-size:		1.3em;
	letter-spacing:	0.08em;
	font-family:	Arial,Helvetica,sans-serif;
	filter:			brightness(125%);
}


.text-for-import-window {
	text-shadow:	1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color:			var(--color-3);
	font-size:		1em;
	letter-spacing:	0.08em;
	font-family:	Arial,Helvetica,sans-serif;
	filter:			brightness(125%);
}


.label-radio-button-import-window {
	text-shadow:	1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color:			var(--color-3);
	font-size:		1.1em;
	letter-spacing:	0.08em;
	font-family:	Arial,Helvetica,sans-serif;
	opacity:		0.8;
}



.dropzone-one-file {
	display:		table-cell;
	width:			180px;	
	height:			180px;
	padding:		0;
	vertical-align:	top;
}


.dropzone-free:hover, .dropzone-one-file:hover {
	background-color: rgba(255, 255, 255, 0.3);
}


.button-close-start-menu {
	background-color:	radial-gradient(white, rgba(255, 255, 255, 0.2));
}


#button_to_start_menu{
	float:		left;
	height:		36px;
	cursor:		pointer;
	margin:		0 auto;
	z-index:	10000;
}


#scheduler_control_panel {
	width:		80%;
	left:		10%;
	top:		calc(100% - 250px);
	z-index:	1000;
}


#edit_annotation_dialog, #contianer_dialog_pack_save {
	position:		absolute;
	width:			400px;
	left:			calc(50% - 150px);
	top:			calc(50% - 150px);
	border:			1px solid var(--bg-color-2);
}


#window_import_wireframe_csv {
	width:			400px;
	height:			400px;
	left:			calc(50% - 200px);
	top:			calc(50% - 200px);
	border:			1px solid var(--bg-color-2);
}


#window_import_wireframe_csv_content {
	width:			calc(100% - 10px);
	height:			360px;
	margin:			5px;
	border: 1px solid red;
}


#window_edit_pack {
	width:			600px;
	height:			600px;
	left:			calc(50% - 350px);
	top:			calc(50% - 35%);
	border:			1px solid var(--bg-color-2);
}


#window_edit_pack_content {
	height:			550px;
	overflow:		auto;
	padding:		7px;
}


#window_edit_pack input[type=text] {
	height:			24px;
	font-size:		1.1em;
}


#window_edit_pack legend {
	background-color:	var(--color-0);
	padding-left:		5px; 
	padding-right:		5px; 
}


#packs_order, #sched_chart_fields, #sched_parts_editors {
	list-style-type:		none;
	list-style-position:	inside;
	padding:				0;
	width:					100%;
}


#packs_order li {
	margin-bottom:	3px;
	padding:		0.4em;
	padding-left:	1.5em;
	font-size:		1.1em;
	text-shadow: 	0px 0px 0 #000;
	height:			16px;
	cursor:			move;
}


#packs_order li span {
	position: 		absolute;
}


#sched_chart_fields li, #sched_parts_editors li {
	margin-bottom:	3px;
	padding:		3px;
	font-size:		1.1em;
	text-shadow: 	0px 0px 0 #000;
}


#sched_chart_fields li {
	cursor: move;
}


#sched_chart_fields fieldset, #sched_parts_editors fieldset {
	border:					1px solid gray;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
	padding:				5px;
}


#sched_chart_fields legend, #sched_parts_editors legend {
	border:					1px solid;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}


#selector_pack_sidebar {
	font-size:		1.2em;
}


#proc_window {
	position:		absolute;
	top:			0;
	bottom:			0;
	left:			0;
	right:			0;
	z-index:		9999;
}


#proc_top_cover, #proc_bottom_cover {
	position:		absolute;
	height:			40%;
	width:			100%;
	background:		rgba(255, 255, 255, 0.3);
}


#proc_top_cover {
	top:			0;
	border-bottom:	2px solid var(--color-3);
}


#proc_bottom_cover {
	bottom:			0;
	border-top:		2px solid var(--color-3);
}


#proc_caption {
	position:		absolute;
	top:			40%;
	height:			20%;
	width:			100%;
}


#proc_caption_outer {
	display:		table;
	height:			100%;
	width:			100%;
	text-align:		center;
}


@keyframes procCaptionAnimate {
	0% { opacity: 0.45; letter-spacing: 0.1em; }
	50% { opacity: 1; letter-spacing: 0.15em; }
	100% { opacity: 0.45; letter-spacing: 0.1em; }
}


#proc_caption_inner, #proc_caption_progress {
	display:					table-cell;
	width:						100%;
	height:						100%;
	vertical-align:				middle;
	text-align:					center;
	text-shadow:				1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 #000, 1px 1px 0 rgba(0, 0, 0, 0.3);
	color:						var(--color-3);
	font-size:					2.5em;
	letter-spacing:				0.08em;
	font-family:				Arial,Helvetica,sans-serif;
	filter:						brightness(125%);
	animation-name:				procCaptionAnimate;
	animation-duration:			3s;
	animation-iteration-count:	infinite;
}


#proc_caption_progress {
	display: block;
}


#container_open_json {
	animation-name:				smoothAppearance;
	animation-duration:			1s;
	animation-iteration-count:	1;
}


#container_open_json {
	position:		absolute;
	width:			500px;
	height:			500px;
	top:			calc(50% - 250px);
	left:			calc(50% - 250px);
}


#dropzone_json_projects_open {
	margin-bottom: 20px;
}


#window_start_menu {
	position:					absolute;
	width:						500px;
	height:						300px;
	left:						calc(50% - 250px);
	top:						calc(50% - 150px);
	animation-name:				smoothAppearance;
	animation-duration:			1s;
	animation-iteration-count:	1;
}


#contianer_dialog_sel_prod_field {
	position:					absolute;
	width:						400px;
	top:						calc(50% - (500px + 20px + 20px + 70px + 70px) / 2);
	left:						calc(50% - 200px);
	animation-name:				smoothAppearance;
	animation-duration:			1s;
	animation-iteration-count:	1;
}


#contianer_dialog_sel_pack_save {
	position:					absolute;
	width:						400px;
	top:						calc(50% - 180px);
	left:						calc(50% - 200px);
	animation-name:				smoothAppearance;
	animation-duration:			1s;
	animation-iteration-count:	1;
	border:						1px solid #555555;
	border-radius:				5px;
	padding:					5px;
}


#scheduler_panel_content {
	position:			absolute;
	top:				30px;
	width:				100%;
	box-sizing:			border-box;
	background-color:	var(--color-0);
	border-bottom:		1px solid var(--bg-color-2);
	border-left:		1px solid var(--bg-color-2);
	border-right:		1px solid var(--bg-color-2);
}


#scheduler_panel_time_scroller {
	width:			95%;
	margin-left:	2.5%;
	margin-top:		10px;
}


#scheduler_panel_bar_chart {
	border-top: 1px solid var(--bg-color-2);
}

.hm-annotation-plate  {
	position			: absolute;
	opacity				: 1;
	pointer-events		: auto;
	z-index				: -1;
}


.hm-annotation-plate-titlebar {
	width					: 100%;
	height					: 100%;
	text-align				: center;
}


.hm-annotation-plate-label {
	
	height				: 100%;
	user-select			: none;
	-moz-user-select	: none;
	line-height			: 1.5em;

	white-space			: nowrap;
	box-sizing			: border-box;

	background-color    : rgba(0, 0, 0, 0.5);
    opacity			    : 1;
    padding			    : 1px 6px;
    
    color               : white;
    font-family			: Arial;
	font-weight			: bold;
    font-size			: 1em;
    text-align		    : center;

    border-radius		: 4px;
    border-width		: 1px;
    border-style		: solid;
    border-color		: rgba(255, 255, 255, 0.5);

    cursor				: pointer;

}


.hm-annotation-dimensions {
	position		: absolute;
	left			: 0;
	top				: 0;
	width			: 100%;
	height			: 100%;
	background		: none;
	pointer-events	: none;
	z-index			: -1;
}

.hm-annotation-line {
	position		: absolute;
	left			: 0;
	top				: 0;
	width			: 100%;
	height			: 100%;
	pointer-events	: none;
}

.hm-annotation-node {
	position			: absolute;
	opacity				: 1;
	pointer-events		: auto;
	cursor				: pointer;
	z-index				: -1;
	margin				: 0;
	padding				: 0;
	box-sizing			: border-box;
 	width				: auto;
	height				: auto;
}

.hm-annotation-node-outer {
	background-color	: rgba(0, 0, 0, 0.5);
	width				: 10px;
	height				: 10px;
	border-radius		: 100%;
	border-width		: 1px;
	border-style		: solid;
	border-color		: rgba(255, 255, 255, 0.7);
	opacity				: 1;
}

.hm-annotation-node-inner {
	width				: 60%;
	height				: 60%;
	margin				: 20%;
	border-radius		: 100%;
	padding				: 0;
	background-color	: white;
	border-width		: 0;
	opacity				: 1;
}

.hm-annotation-plate-titlebar_theme-default {
}

.hm-annotation-plate-label_theme-default {
}

.hm-annotation-node-outer_theme-default {

}

.hm-annotation-node-inner_theme-default {
}

:root {
	--theme-orange-saphire-color-orange: rgb(255, 166, 0);
	--theme-orange-saphire-color-saphire: rgb(30, 30, 50);
	--theme-orange-saphire-color-white: rgb(190, 190, 190);
	--theme-orange-saphire-transform-duration: 0.35s;
	--theme-orange-saphire-transform-scale: 1.2;
}

.hm-annotation-plate-titlebar_theme-orange-sapphire {
	transform	: scale(1) skewX(-10deg);
	transition	: transform var(--theme-orange-saphire-transform-duration);
}

.hm-annotation-plate-titlebar_theme-orange-sapphire:hover {
	transform: scale(var(--theme-orange-saphire-transform-scale)) skewX(-10deg);
}

.hm-annotation-plate-label_theme-orange-sapphire {
	opacity				: 1;
	border-radius		: 2px;
	border-top-width	: 0;
	border-bottom-width	: 0;
	border-left-width	: 3px;
	border-right-width	: 3px;
	border-color		: var(--theme-orange-saphire-color-orange);
	background			: var(--theme-orange-saphire-color-saphire);
	color				: var(--theme-orange-saphire-color-white);
}


.hm-annotation-node-outer_theme-orange-sapphire {
	border-color	: var(--theme-orange-saphire-color-white);
	background		: var(--theme-orange-saphire-color-saphire);
	transform		: scale(1);
	transition		: transform var(--theme-orange-saphire-transform-duration);
}

.hm-annotation-node-outer_theme-orange-sapphire:hover {
	transform: scale(var(--theme-orange-saphire-transform-scale));
}

.hm-annotation-node-inner_theme-orange-sapphire {
	width		: 60%;
	height		: 60%;
	margin		: 20%;
	border		: 1px solid var(--theme-orange-saphire-color-saphire);
	box-sizing	: border-box;
	background	: var(--theme-orange-saphire-color-orange);
}