/*				GENERAL				*/
/************************************/
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.modal[aria-hidden="true"] {
	display: none;
}

.required-indicator {
	color: red;
}

/*			ICON MODAL				*/
/************************************/
#IconModal .modal-body {
	overflow-y: auto;
}

	#IconModal .modal-body .fa {
		padding: 10px;
		border-radius: 5px;
	}

	#IconModal .modal-body .fa-hover.active,
	#IconModal .modal-body .fa-hover:hover {
		cursor: pointer;
		background-color: #0da4d6;
		color: #ffffff !important;
		text-decoration: none;
	}

		#IconModal .modal-body .fa-hover.active > a,
		#IconModal .modal-body .fa-hover:hover > a {
			cursor: pointer;
			color: #ffffff !important;
			text-decoration: none;
		}

	#IconModal .modal-body .span3,
	#IconModal .modal-body .col-sm-3 {
		margin-right: 0 !important;
		margin-bottom: 15px !important;
		margin-left: 0 !important;
	}

	#IconModal .modal-body .page-header {
		margin-top: 15px;
		margin-bottom: 5px;
	}

/*			CONTEXT MODAL			*/
/************************************/
#SourceModal .modal-body {
	overflow-y: auto;
}

	#SourceModal .modal-body #context-list_wrapper .row {
		margin-left: 0;
	}

/*				CREATE				*/
/************************************/
.navigation-hr {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	#navigation-form .navigation-form-body {
		margin: 0 10%;
	}
}

#navigation-form .navigation-form-body {
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 10px 10px 5px #888;
}

.step-description {
	padding: 15px;
	font-size: 12pt;
	text-align: center;
	font-weight: 400;
	margin: 10px 0 30px;
}

[data-navigation-step] {
	display: none;
	position: relative;
}

[data-navigation-step="source"] {
	display: block;
}

[data-navigation-step] .breadcrumb {
	background-color: #999999;
	color: #FFFFFF !important;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

	[data-navigation-step] .breadcrumb li {
		padding: 15px 25px;
		width: 20%;
		text-align: center;
	}

		[data-navigation-step] .breadcrumb li.active {
			background-color: #0da4d6;
			color: #fff;
		}

		[data-navigation-step] .breadcrumb li.complete {
			background-color: #0c8d32;
			color: #fff;
		}

[data-navigation-step] .step-body {
	padding: 25px;
}

[data-navigation-step] .navigation-step-footer {
	height: 35px;
	padding: 25px 25px 15px 25px;
	border-top: 1px solid #eeeeee;
}


/*			CONTEXT SELECT			*/
/************************************/
.context-option[data-value] {
	border: 1px solid #eeeeee;
	border-radius: 5px;
	display: inline-block;
	padding: 25px;
	margin: 0;
	margin-right: 15px;
	margin-left: 0 !important;
	margin-bottom: 15px;
}

.context-option:last-child {
	margin-right: 0 !important;
}

.context-option[data-value].active,
.context-option[data-value]:hover {
	cursor: pointer;
	background-color: #0da4d6;
	color: #ffffff;
}

.context-option .context-title {
	margin-top: 15px;
}


/*			DETAILS SETUP			*/
/************************************/
#create-error {
	padding: 15px 25px;
	color: #000;
	border: 1px solid red;
	border-radius: 3px;
	margin: 0 25px;
	background-color: #fb6868;
	display: none;
}

.details-container #icon-selector:hover,
.details-container #source-selector:hover {
	cursor: pointer;
	text-decoration: none;
}

.details-container .details-description {
	padding: 0 0 15px 0;
}

.details-container .details-source {
	font-size: 1.5em;
	font-weight: 500;
	text-decoration: underline;
}

.details-container input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 0;
}

.about-megamenu-modal-click {
	color: #08c;
}

	.about-megamenu-modal-click:hover {
		cursor: pointer;
	}

/*				VIEW ALL			*/
/************************************/
.page-body .row {
	margin-left: 0;
}

.details-header,
.details-item {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.details-header {
	font-weight: 700;
}

	.details-header > div,
	.details-item .row > div {
		border-right: 1px solid #eee;
		padding-bottom: 10px;
		height: 55px;
		padding-top: 17px;
	}

		.details-item .row > div:nth-child(4) {
			padding-top: 12px;
		}

		.details-header > div:first-child,
		.details-item .row > div:first-child {
			border-left: 1px solid #eee;
		}

		.details-header > div.clearfix,
		.details-item .div > div.clearfix {
			border: 0;
			padding: 0;
			height: 0;
		}

.sub-details {
	padding: 0;
	border: 0;
	background-color: #eee;
	display: none;
}

	.sub-details .details-item {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

		.sub-details .details-item .row > div {
			border-right: 1px solid #fff;
		}

			.sub-details .details-item .row > div:first-child {
				border-left: 1px solid #fff;
			}

.details-item [data-toggle-detail-item]:hover {
	cursor: pointer;
}

.sequence-handler {
	background-color: transparent;
	color: #ccc;
	border-radius: 4px !important;
	border-color: #ccc;
}

/*				WIDGET				*/
/************************************/
#navigation-widget {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

	#navigation-widget .widget-component {
		margin-top: 15px;
	}

		#navigation-widget .widget-component.hidden-widget-item {
			display: none;
		}

		#navigation-widget .widget-component input[type="checkbox"] {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: 0;
			margin-right: 5px;
		}