body {
	background: #292d50;
	margin-bottom: 5rem;
}
 
@media (min-width: 768px) {
	body {
		background: #292d50 url(/inc/img/bg_blur_1.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
	}
}

* {
   	font-size: 12px;
    margin: 0;
}

/* !Interface */
#uiRequestIndicator {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	height: 5px;
	background: #ae1010;
	background-repeat: no-repeat;
	display: none;
	text-align: right;
}
#uiRequestIndicator img {
	position: absolute;
	top: 0;
	right: 0;
}

button:disabled {
	cursor: not-allowed;
}

label {
	cursor: pointer;
}

/* UI */
.ui_clickable {
	cursor: pointer;
}
.ui_dashed {
	border-bottom: 1px dashed;
}
.ui_muted {
	opacity: 0.2;
	transition: 0.25s;
}
.ui_muted:hover {
	opacity: 1.0;
	transition: 0.25s;
}
.ui_droppableUnderDraggable {
	background: #dbe0ce;
}
.ui_hidden {
	display: none;
}
.ui_truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.ui_full {
	width: 100%;
}
.tableContainer {
	width: 100%;
	overflow-x: auto;
}

/* UI STYLE */
.ui_text_dark, .ui_text_dark *:not(a):not(.ui_text_light):not(.btn-link) {
	color: #4b4b4b !important;
}
.ui_text_light, .ui_text_light *:not(a):not(.ui_text_dark):not(.btn-link) {
	color: #efefef !important;
}
.ui_gap_3  > *:not(:last-child) {
	margin-bottom: 1rem;
}
.ui_gap_3  > *:last-child {
	margin-bottom: 0;
}
.ui_card {
	background: rgba(255, 255, 255, 1);
	padding: 2rem;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
	transition: 0.25s;
	border-bottom: 1px solid #e0e0e0;
	overflow-x: hidden;
}
.ui_card:hover {
	box-shadow: 0px 5px 9px 0px rgba(0,  0,  0, 0.1);
}
.ui_card_header {
	background: url(/inc/img/bg_abstract_1.jpg);
	background-size: cover;
}
td.ui_card:hover {
	position: relative;
	z-index: 1000;
}

#moduleContent .ui_card:first-of-type {
	border-radius: 3px 3px 0px 0px;
}
#moduleContent .ui_card:last-of-type {
	border-radius: 0px 0px 3px 3px ;
}

/* !Notifications */
.noification_send_info{
	padding: 5px;
	border-radius: 2px;
	background: #efde45;
}
.notice-wrap {
	position: fixed;
	bottom: 2px;
	right: 2px;
	width: 300px;
	max-width: 300px;
	z-index: 99999;
}
* html .notice-wrap {
	position: absolute;		
}
.notice-item {
	padding: 0.5rem;
	font-size: small;
	border-radius: 2px;
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	color: #303030;
}
.notice-item td {
	padding: 0.5rem;
}
.notice-item.info {
	background-color: 		#8fb76c;
}
.notice-item.alert {
	background-color: 		#d4c051;
}
.notice-item.error {
	background-color: 		#d45d41;
	color: white;
}
.notice-item.load {
	background-color: 		#afa89a;
}



h1 {
	font-size: 130%;
	margin: 0;
}