/* Avatar Image Loader */
.userlist-avatar {
	background: #ebf3fc url('../../assets/images/loading.gif') 50% no-repeat;
	width: 30px;
  	height: 30px;
	border-radius: 5px;
}

.userdetail-avatar {
	background: #ebf3fc url('../../assets/images/loading.gif') 50% no-repeat;
	width: 80px;
  	height: 80px;
	border-radius: 5px;
}

/* Reset Bootstrap Style */
.label {
	text-transform: none !important;
}

.panel-desc {
	margin-bottom: 20px;
	background-color: #ecf9b1;
	border-left: 4px solid #a0ba2b;
	padding: 10px 8px;
}

.panel-desc-primary {
	margin-bottom: 20px;
	background-color: #dff1ff;
	border-left: 4px solid #2196F3;
	padding: 10px 8px;
}

.panel-desc-danger {
	margin-bottom: 20px;
	background-color: #ffe2de;
	border-left: 4px solid #ff5959;
	padding: 10px 8px;
}

.center-captcha {
	display: inline-block;
}

.pointing {
	cursor: pointer;
}

/* Fix Sweetalert 2 Popup size on Bootstrap 3 */
.swal2-popup {
  font-size: 1.6rem !important;
}

/* Fix Select2 Height */
.select2-container--bootstrap .select2-selection--single {
	height: auto !important;
}

/* Custom Dropdown Menu Items */
.dropdown-menu > li > span {
	display: block;
	padding: 8px 15px;
	outline: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.dropdown-menu > li > span:hover {
	text-decoration: none;
	color: #333;
	background-color: #f5f5f5;
}

.dropdown-menu > li > span > i {
	margin-right: 12px;
	float: left;
	margin-top: 2px;
}

/* Unselectable Object */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Bootstrap Modal Wide Screen */
.modal.modal-wide {
	padding: 0 !important;
}

.modal.modal-wide .modal-dialog {
	width: 90%;
	height: 90%;
	max-width: none;
	margin: auto;
}

/* Bootstrap Modal Fullscreen */
.modal-fullscreen {
	padding: 0 !important;
}

.modal.modal-fullscreen .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.modal.modal-fullscreen .modal-content {
	height: auto;
	min-height: 100%;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
}
