.vertical-guideline{
	border-left: 2px solid #4affff;
	height: 85%;
	opacity: 1;
}
.horizontal-guideline{
	border-top: 2px solid #4affff;
	width: 85%;
	opacity: 1;
}
.layered-img-container{
	position: relative;
	margin: auto;
	/*width: 50%;*/
	max-width: 752px;
	max-height: 850px;
	overflow: hidden;
	width: 548px;
	height: 824px;
}
.layered-img-container img{
	/*zoom: 33%;*/
	/*-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;*/
	
	-webkit-transform: scale(0.333333);
	-moz-transform: scale(0.333333);
	-ms-transform: scale(0.333333);
	-o-transform: scale(0.333333);
	transform: scale(1/3);
	transform-origin: -25% -25%;

	/*transform-origin: -24.9996% -24.9996%;*/
	/*transform-origin: -24.626866% -24.626866%;*/
}
.layered-bgcolor{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	/*background-color: #e65251;*/
}
.layered-img-base{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.layered-img-overlay{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*opacity: 1;*/
}
.outside-white{
	box-shadow: 0 0 0 3840px rgba(255, 255, 255, 1);
}
.outside-black{
	box-shadow: 0 0 0 3840px rgb(0, 0, 0, 1);
}
.layered-img-text{
	position: absolute;
	top: 15px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

#drop-area{
	border: 2px dashed #ccc;
	border-radius: 20px;
	font-family: sans-serif;
	padding: 50px 10px 50px 10px;
}
#drop-area.highlight{
	border-color: purple;
}

.form-control-scale{
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
}

.slidecontainer {
	width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
	-webkit-appearance: none;
	width: 100%;
	margin: 1rem 0rem 0rem 0rem;
	height: 5px;
	border-radius: 5px;  
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%; 
	background: #569FF6;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #569FF6;
	cursor: pointer;
}

.ctr-container {
	float: left;
	margin: 0 auto;
	position: relative;
	display:flex;
	align-items:center;
	justify-content:center;
	max-width: 100%;
}

.loading-overlay{
	pointer-events: none;
	background: #ffffff;
	position: fixed;
	display: block;
	overflow: visible;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	z-index: 1;
}
.footer{
	position: inherit;
	bottom: 0.4rem;
	width: 100%;
	height: 10px;
	font-size: 0.72em;
}
.img-popup{
	width: auto;
	max-width: 100%;
	height: 800px;
	float: left;
	clear: both;
}
.menuselected{font-weight: 900;}
.color-red{color: #e65251;}
.color-green{color: green;}
.color-blue{color: #5a8fdc;}
.display-none{display: none;}
.display-block{display: block;}
.cursor-pointer{cursor: pointer;}
tr.group, tr.group:hover {background-color: #ddd !important;}
.appstatus{
	font-size: .8rem;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	padding: .2rem .3rem;
	margin-bottom: 2px;
}
.status0{color: #ffffff; background-color: #5b5b5b; }
.status1{color: #ffffff; background-color: #732db4; }
.status2{color: #ffffff; background-color: #0b2b85; }
.status3{color: #ffffff; background-color: #348fdd; }
.status4{color: #ffffff; background-color: #348fdd; }
.status5{color: #ffffff; background-color: #17ce6c; }
.status-1{color: #ffffff; background-color: #348fdd; }
.holdorder1{margin-left: 2px; color: #ffffff; background-color: #ffc600;}
.holdorder2{margin-left: 2px; color: #ffffff; background-color: #ff0000;}

.nowrap{white-space: nowrap;}
.normalwrap{white-space: normal;}

.hr{
	height: 1px;
	background-color: #ffaf00;
	border: none;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}