html								{ font-size: 14px; }
body                    			{ background: black; color: #C0C0C0; }
#page-wrap							{ width: 1200px; margin: 0px auto; padding: 84px 48px 42px 48px; background: black; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

.glyphicon-tick						{ color: green; }
.glyphicon-cross					{ color: red; }

select, option.selected				{ width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* notification bar styling */
#notification_bars					{ width: 50%; height: auto; position: absolute; top: 0; right: 0; z-index: 1031; }
.alert-box							{ padding: 10px; margin: 10px; color: #303030; background: #fafafa; border: 1px solid #c0c0c0; position: relative; border-radius: 10px; }

.success							{ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; display: none; }
.failure							{ color: #a94442; background-color: #f2dede; border-color: #ebccd1; display: none; }
.warning							{ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; display: none; }


.table>tbody>tr>td.vertical-align	{ vertical-align: middle; }
.table>tbody>tr>td					{ vertical-align: middle !important; }
.table>tbody>tr>td>.progress		{ margin-bottom: 0px !important; }

.object_editor_map					{ width: 570px; height: 360px; }

.model_preview_viewer				{ width: 180px; height: 180px; }

.display-flex-center				{ display: flex; align-items: center; }


#title_container					{ display: table; width: 100%; }
#title_container > div				{ display: table-cell; height: 100px; vertical-align: middle; }

#title_left							{ width: 220px; }
#title_middle						{ line-height: 100px; padding-left: 25px; }
#title_right						{ text-align: center; }

#title_container > div > img		{ display: block; margin-left: auto; margin-right: auto; }
#title_container > div > span 		{ display: inline-block; vertical-align: middle; line-height: 18px; }

.library							{ display: none; }

.parameters_table					{ margin-left: auto; margin-right: auto; }
.parameters_table>tbody>tr>td		{ border: none; }
.parameters_table>tbody>tr>td.name	{ text-align: right; padding-right: 4px; }
.parameters_table>tbody>tr>td.value	{ text-align: left; padding-left: 4px; }

.row.object_select																		{ height: 100px; }
.row.object_select > .input-group														{ height: 100%; }
.row.object_select > .input-group > .bootstrap-select									{ height: 100%; background-color: #000000; }
.row.object_select > .input-group > .bootstrap-select .dropdown-menu					{ height: 300px; background-color: #000000; }
.row.object_select > .input-group > .bootstrap-select .dropdown-menu .btn				{ height: 100%; background-color: #000000; color: white; padding: 8px 8px; font-size: 16px; }
.row.object_select > .input-group > .bootstrap-select .dropdown-menu li					{ height: 100px; }
.row.object_select > .input-group > .bootstrap-select .dropdown-menu li a				{ height: 100px; }
.row.object_select > .input-group > .bootstrap-select .dropdown-menu .option_preview	{ width: 80px; height: 80px; margin: auto; }
.row.object_select > .input-group > .bootstrap-select .btn								{ height: 100%; background-color: #000000; color: white; padding: 8px 8px; font-size: 16px; }
.row.object_select > .input-group > .bootstrap-select .btn .option_preview				{ height: 80px; width: 80px; margin: auto; }

select::-ms-expand {
	/* for IE 11 */
	display: none;
}

object.table_preview				{ width: 100px; height: 100px; min-height: 100px; }

html.object_thumbnail				{ width: 100%; height: 100%; }
html.object_thumbnail body			{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; margin: 0px; }
html.object_thumbnail body img		{ width: 100%; height: 100%; display: block; }
html.object_thumbnail body div		{ width: 100%; height: 100%; display: block; }

div.preview_box
{
	width: 400px;
	height: 400px;
	background: #000;
	padding: 5px;
	border: #C00 solid 5px;
	text-align: center;
	position: fixed;
	margin-left: -200px;
	margin-top: -200px;
	left: 80%;
	top: 50%;
}

.media_preview {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 380px;
	height: 380px;
}

.media_preview img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* bootstrap form labels */
.col-form-label { text-align: right; }

/* bootstrap validator */
.help-block											{ width: 100%; color: red; }
.form-group.has-error.has-danger .col-form-label	{ color: red; }
.form-group.has-error.has-danger .form-control		{ border: 1px solid red; box-shadow: 0 0 0 0.2rem rgba(250, 16, 0, 0.18); }

.help-block											{ white-space: pre-wrap; }

.navbar.fixed-top		{ border-bottom: 3px solid #ff0000; }
.navbar.fixed-bottom	{ border-top: 3px solid #ff0000; }

table		{ border-radius: 16px; }


/*
thead, tfoot {
			display: none;
}

table {
			background: none !important;
			border: none !important;
}

tr {
			display: inline-block;
			padding: 1rem 0.5rem 1rem 0.5rem;
			margin: 1.5rem;
			border: 3px solid yellow;
			border-radius: 10px;
			box-shadow: 0 0 24px red;
}

td {
			display: block;
}

td.title {
			font-weight: bold;
			min-height: 3lh;
}
*/


.checkbox-small {
  transform: scale(0.9);
  -webkit-transform: scale(0.9); /* Safari/Chrome */
}

h2.heading.fixed-top		{ position: fixed; top: 52px; width: 100%; height: 32px; font-size: 22px; padding-left: 8px; background: #000000; z-index: 1000; }