EQ2EMU-Labs/css/eq2emu.css

/* Custom Elements */
.console {
	padding:5px;
	border-radius:3px;
	display:block;
	width:100%;
	min-height:300px;
	background-color:rgba(0,0,0,0.75);
	color:#FFF;	
}

.hidden { display:none; }

/* Inline Vertical Middle Alignment */
.vm {
	display:inline-block;
}
.m,.vm {
	vertical-align:middle;
}

/* Font Weight Bold */
.strong, .bold {
	font-weight:bold;
}

/* Icon Picker Elements */
.ico-picker-list {
	max-height:400px;
	overflow-y:auto;
}

.ico-picker-cat-ctn {
	background-color:rgba(0,0,0,0.25);
	-webkit-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
	-moz-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
	box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
}

.ico-picker-cat {
	background-color:rgba(0,0,0,0.25);
	-webkit-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
	-moz-box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
	box-shadow: inset -4px 0px 5px 0px rgba(94,94,94,1);
	display:block;
	max-height:400px;
	min-height:400px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.item-editor-info {
	padding-top:100px;
	padding-bottom:100px;
	font-size:20pt;
}
.item-editor-info i {
	font-size:50pt;
}

.ico-picker-i {
	transition: all ease 500ms;
	display:inline-block;
	max-width:48px;
	max-height:48px;
	min-width:42px;
	min-height:42px;
	padding:2px;
	border-radius:5px;
	margin:2px;
	border:1px solid #CCC;
	line-height:42px;
	vertical-align:top;
	text-align:center;
}

.item-edit-changed {
	transition:all ease 700ms;
	border-color: rgb(96, 153, 81);
}

.item-edit-changed-label {
	transition:all ease 700ms;
	border-right:6px solid;
	border-color: rgb(96, 153, 81);
	background-color: rgb(222, 255, 209);
}
.item-edit-changed-label-switch {
	transition:all ease 700ms;
	font-weight:bold;
	color:rgb(96, 153, 81);
}

.ico-picker-i:hover {
	transition:all ease 600ms;
	cursor:pointer;
	background-color:rgba(255,0,0,0.15);
	
}


.ico-picker-loader {
	display:inline-block;
	font-size:42px;
	line-height:42px;
	text-align:center;
	width:42px;
	height:42px;
	min-width:42px;
	min-height:42px;
	max-width:42px;
	max-height:42px;
	overflow:hidden;
}

.ico-picker-pagination {
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.ico-picker-ellipsis {
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	color:rgba(0,0,0,0.15);
}


/* Item Editor Header Title Bar (Current Item) */
#item-editor-header-label {
	margin-left:10px;
	
}

/* Edit Item View Icon */
.edit-item-ico {
	text-align:center;
	display:inline-block;
	max-width:42px;
	max-height:42px;
	min-width:42px;
	min-height:42px;
}


/* Quick Search Item Icon */
.quick-search-item-ico {
	display:inline-block;
	max-width:42px;
	max-height:42px;
	width:100%;
	height:auto;
	min-width:32px;
	min-height:32px;
}

/* Quick Search Item Row */
.quick-item-search-row {
	transition: all ease 500ms;
	padding-top:3px;
	padding-bottom:3px;
	background-color:rgb(212, 196, 237, 0.01);
	border-radius:10px;
}

.quick-item-search-row:hover {
	transition: all ease 750ms;
	cursor:pointer;
	background-color:rgba(212, 196, 237, .99)
	
}

/* Quick Item Search List Container */
#quick-item-list {
	padding-top:4px;
}

/* Theme Adjustments */

.subheader {
	margin-bottom:10px!important;
}

.fast-spin {
  -webkit-animation: fa-spin 800ms infinite linear!important;
  animation: fa-spin 800ms infinite linear!important;
}

.inline { display:inline-block!important; vertical-align:middle!important; }
.info-card {
	height:11.50rem!important;
}

.va {
	vertical-align:middle!important;
}
.n-b-t {
	border-top:none!important;
}
.n-b-l {
	border-left:none!important;
}
.n-b-r {
	border-right:none!important;
}
.n-b-b {
	border-bottom:none!important;
}
.n-b-lr {
	border-left:none!important;
	border-right:none!important;
}
.n-b-tb {
	border-top:none!important;
	border-bottom:none!important;
}

.n-p-t {
	padding-top:0px!important;
}
.n-p-l {
	padding-left:0px!important;
}
.n-p-r {
	padding-right:0px!important;
}
.n-p-b {
	padding-bottom:0px!important;
}
.n-p-lr {
	padding-left:0px!important;
	padding-right:0px!important;
}
.n-p-tb {
	padding-top:0px!important;
	padding-bottom:0px!important;
}


.n-m-t {
	margin-top:0px!important;
}
.n-m-l {
	margin-left:0px!important;
}
.n-m-r {
	margin-right:0px!important;
}
.n-m-b {
	margin-bottom:0px!important;
}
.n-m-lr {
	margin-left:0px!important;
	margin-right:0px!important;
}
.n-m-tb {
	margin-top:0px!important;
	margin-bottom:0px!important;
}

/* Text Alignments */
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}


/* Custom Framework Containers */
.flex-box {
	display:inline-block;
}