/* .signin-image {
	background-image: url('/assets/img/logo.mako.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
} */

input[data-readonly] {
	pointer-events: none;
	background-color: #e9ecef; 
}

.gap {
	height: 2em;
}
	.gap-sm {
		height: 0.5em;
	}

.gui_faded_25 {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";

	/* IE 5-7 */
	filter: alpha(opacity=25);

	/* Netscape */
	-moz-opacity: 0.25;

	/* Safari 1.x */
	-khtml-opacity: 0.25;

	/* Good browsers */
	opacity: 0.25;

}

.gui_faded_50 {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;

}

hr.section {
	position: relative;
	top: 20px;
	border: none;
	height: 1px;
	background: #bebebe;
	margin-bottom: 20px;
}

div.devBar {
	font-size: .8em;
	background: #de1f1f;
	color: white;
}

div.liveBar {
	font-size: .8em;
	background: #1F85DE;
	color: white;
}

.has-clear {
	position: relative;
}

::-ms-clear {
	display: none;
}

.form-control-clear {
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
	right: 12px;
	bottom: 12px;
	position: absolute;
}

.table-xs th,td {
	font-size: 0.8rem;
}

.pop {
	cursor: default;
}

.pop:hover {
	background-color: #0062CC !important;
	color: #ffffff !important;
	transform: scale(1.0);
	z-index: 2;
}

.pop-sm:hover {
	background-color: #0062CC !important;
	color: #ffffff !important;
	transform: scale(1.0);
	z-index: 2;
}

.see-through {
	opacity: 0;
	width: 0px;
	height: 0px;
}
table.narrow-font {
	font-family: 'Arial Narrow', Arial, sans-serif;
}
.modal-body-max-height {
	max-height: calc(100vh - 200px);
}
.google-visualization-orgchart-table {
	border-collapse: separate !important;
}
.itemDragDiv {
	cursor: default;
}
.itemDragDiv .line1 {
	font-weight: bold;
}
.itemDragDiv .line2 {
	font-size: 0.75rem;
}
.itemDragDiv.ui-draggable-dragging {
	box-shadow: 5px 5px #888888;
}

.saveReturn {
	display: none;
}

ul.packageTree {
	list-style: none;
	padding: 0;
	padding-left: 0.3em;
	/* border-left: 1px solid #333; */
	cursor: default;
}

ul.packageTree li.expandable {
	padding-left: 1.3em;
}
	
ul.packageTree li.expandable:before {
	/* content: "\f054"; FontAwesome Unicode */
	content: "\f107"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}

	ul.packageTree li.expandable.collapsed {
		padding-left: 1.3em;
	}
		
	ul.packageTree li.expandable.collapsed:before {
		content: "\f054"; /* FontAwesome Unicode */
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em; /* same as padding-left set on li */
		width: 1.3em; /* same as padding-left set on li */
	}

ul.packageTree li.function {
	margin-left: 1.3em;
	/* list-style: square; */
}

	ul.packageTree li.function:before {
		content: "\f055"; /* FontAwesome Unicode */
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em; /* same as padding-left set on li */
		width: 1.3em; /* same as padding-left set on li */
	}

ul.packageTree ul {
	list-style: none;
	border-left: 1px solid #bebebe;
}

.mono {
	font-family: Consolas;
}

td.hover:hover {
	background-color: rgb(231, 241, 255);
}

.highlight {
	cursor: default;
}

.highlight:hover {
	background-color: #BAD8E6 !important;
	z-index: 2;
}

.check-cell {
	cursor: default;
}

.check-cell:hover {
	background-color: #BAD8E6 !important;
	z-index: 2;
}

.highlight-manual {
	background-color: #BAD8E6 !important;
}

.x1-5 {
	transform: scale(1.5);
}

.x2 {
	transform: scale(2.0);
}

.sidewidget {
	position: absolute;
	top: 0px;
	right: 0px;
	/* width: 100px;
	height: 100%; */
	/* background-color: red; */
	overflow: visible;
	/* text-align: left; */
	width: 80px;
}

.grow {
	/* transform: scale(1.5); */
	transition: all .2s; 
}

.grow:hover { 
	transform: scale(1.5);
	transform-origin: center;
}

select:invalid { color: gray; }