
.section-title { width: 100%; margin: 0; }
.section-title p { width: 100%; font-size: 1.5em; }
@media (max-width: 767px) {
	.section-title p { font-size: 1em; }
}

/**
* UPLOADER
*/
.uploader, .uploader * {
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}
.uploader {
	border: 1px solid #E4E4E4;
	overflow: hidden;
	position: relative;
}
.uploader:hover { border-color: #333; }
.uploader input[type="file"] {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid red;
	width: 100%;
	height: 100%;
	opacity: 0;
	outline: none;
}

/**
* SELECT 2 OVERRIDE
*/
.select2 { overflow: hidden; width: 100% !important; }
.select2-selection__choice { background-color: #43AD98 !important; }
.select2-selection__choice__remove{ color: white !important; }
.select2-selection.form-control {
	display: block;
	width: 100%;
	height: 100% !important;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select2-selection.form-control:focus { padding: 20px 12px !important; font-size: 1.25em !important; }

/**
* TASK LIST
*/
.task-list { overflow: hidden; }
.task-item { display: block; margin: 10px 0; }
.task-icon {
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #111;
	position: relative;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
}
.task-icon .fa,
.task-icon .glyph { font-size: 18px; }
.task-label { height: 18px; line-height: 18px; font-size: 18px; }
.task-action { color: #090; }
@media (max-width: 767px) {
}

/**
* PROJECT LIST
*/
.project-list { overflow: hidden; }
.project-item { display: block; height: 100%; margin-bottom: 20px; position: relative; }
.project-timeframe,
.project-select {
	display: block;
	min-width: 32px;
	height: 32px;
	position: absolute;
	top: -16px;
	border: 1px solid transparent;
	border-radius: 50%;
	color: #FFF !important;
	text-align: center;
	line-height: 32px;
	box-shadow: none;
	overflow: hidden;
}
.project-select { background-color: #f39c12; right: 8px; border-radius: 2px; }
.project-select:hover { background: #e08e0b; }
.project-select span { width: 100px; overflow: hidden; display: block; float: left; opacity: 1; transition: 250ms all; }
.project-item.current .project-select { background-color: #00a65a; }
.project-item.current .project-select:hover { background-color: #008d4c; }
.project-timeframe { background-color: #00c0ef; left: 8px; border-radius: 2px; }
.project-timeframe:hover { background: #00acd6; }
.project-timeframe span  { width: 100px; overflow: hidden; display: block; float: right; opacity: 1; transition: 250ms all; }
.project-timeframe.ended { background-color: #dd4b39; }
.project-timeframe.ended:hover { background: #d73925; }
.project-wrap {
	background: #FFF;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;
	box-shadow: 0 10px 10px -10px #000;
	cursor: pointer;
	text-decoration: none !important;
	color: #333;
	padding: 10px;
}
.project-item.current .project-wrap { border-color: #00a65a; }
.project-item a { text-decoration: none !important; color: #111; }
.project-title {
	line-height: 32px;
	font-size: 32px;
	font-weight: bold;
	padding: 12px;
	color: #333;
}
.project-title a { transition: all 250ms; }
.project-title a:hover { color: #666; }
.project-info { padding: 12px; }
.project-info-item { display: inline-block; height: 32px; }
.project-info-item:last-child { margin: 0; }
.project-info-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #337ab7;
	color: #fff !important;
	position: relative;
	text-align: center;
	display: inline-block;
}
.project-info-icon:hover { background: #285f8f; }
.project-info-icon.delete { background-color: #dd4b39; }
.project-info-icon.delete:hover { background-color: #d73925; }
.project-info-icon.disabled { opacity: 0.5; }
.project-info-icon .fa,
.project-info-icon .glyph { font-size: 16px; line-height: 32px; }
@media (max-width: 767px) {
	.project-title {
		height: 44px;
		line-height: 32px;
		font-size: 16px;
		font-weight: bold;
		padding: 2px 4px;
	}
	.project-info-icon { width: 24px; height: 24px; }
	.project-info-icon .fa,
	.project-info-icon .glyph { font-size: 12px; line-height: 24px; }
}
.legend .project-info-icon { width: 24px; height: 24px; }
.legend .project-info-icon .fa,
.legend .project-info-icon .glyph { font-size: 12px; line-height: 24px; }

/**
* IMPORT
*/
.import { background-color: #FFF; }
.import-step {  }
.import-step-item { position: relative; overflow: auto; }
.import-step-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	border-radius: 50%;
	background: #337ab7;
	color: #fff;
	position: relative;
	border-radius: 50%;
	background: #337ab7;
	text-align: center;
	float: left;
}
.import-step-text { padding-left: 40px; }
.import-step-text strong { font-size: 18px; }


.import .fm-dropper { margin-bottom: 10px; transition: none !important; }
.import .fm-dropper .dropper-zone { margin: 0; border: 1px solid #E4E4E4; min-height: 50px; }
.import .fm-dropper .dropper-menu { padding:0; overflow: hidden; }
.import .fm-dropper .dropper-msg { display: none; color: #F00; padding: 5px; }

/**
* LAUNCH
*/
.launch-progress { min-height: 20px; display: none; }
.launch-loader { border: 1px solid #285f8f; height: 20px; }
.launch-loader span {
	display: block;
	height: 100%;
	width: 0;
	background: #337ab7;
	transition: width 250ms;
}
.launch-logger { border: 1px solid #E4E4E4; margin-top: 10px; }

/**
* PRICING
*/
.pricing { width: 100%; background: #FFF; }
.pricing .container { overflow: auto; min-height: 100%; }
.pricing .pricing-row { overflow: hidden; }
.pricing .pricing-item {
	padding: 36px;
	height: 100%;
}
.pricing .pricing-item .pricing-item-wrap {
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 2px;
	background-color: #3c8dbc;
	color: #FFF;
}
.pricing .pricing-item.hilite { padding-top: 24px; padding-bottom: 24px; height: 300px; }
.pricing .pricing-item.hilite .pricing-item-wrap { background-color: #d33724 !important; box-shadow: 0 20px 20px -20px #111; }
.pricing .pricing-item .pricing-item-price { position: relative; width: 100%; }
.pricing .pricing-item .pricing-item-price .value { font-size: 3em !important; font-weight: bold; margin-left: 20px; }
.pricing .pricing-item .pricing-item-price .currency {
	font-size: 2em !important;
	position: absolute;
	top: 0;
	margin-left: -1.2em;
	width: 2em;
}
.pricing .pricing-item .pricing-item-price small { font-size: 1.5em !important; }
.pricing .pricing-item .pricing-item-feature { font-size: 1em; padding: 6px; margin: 0; text-align: center; list-style: none; }
.pricing .pricing-item .pricing-item-feature li { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.5); }
.pricing .pricing-item .pricing-item-button { margin: 20px 0 0 0; }
.pricing .pricing-item .pricing-item-button .btn { background-color: rgba(0,0,0,0.25); border: none; padding: 10px 20px; transition: all 250ms; }
.pricing .pricing-item .pricing-item-button .btn:hover { background-color: rgba(0,0,0,0.5); }
.pricing .calculate { background: #FFF; }
.pricing .calculate input { padding: 6px 12px; }
.pricing .calculate-result {  }
.pricing .calculate-result .calculate-result-item { background-color: #d33724; color: #FFF; position: relative; width: 100%; }
.pricing .calculate-result:not(:visible) .calculate-result-item { opacity: 0; }
.pricing .calculate-result:visible .calculate-result-item { opacity: 1; }
.pricing .calculate-result .calculate-result-item .value { font-size: 3em !important; font-weight: bold; margin-left: 20px; }
.pricing .calculate-result .calculate-result-item .currency {
	font-size: 2em !important;
	position: absolute;
	top: 0;
	margin-left: -1.2em;
	width: 2em;
}

@media (max-width: 767px) {
	.pricing .pricing-row { height: 100%; }
	.pricing .pricing-item { padding: 0 !important; box-shadow: none !important; }	
}

/**
* PROGRESS
*/
.progress-wrapper { min-height: 60px !important; border-bottom: 1px solid #E4E4E4; }
.progress {
	min-height: 50px !important;
	height: auto !important;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
.progress .progress-project { font-size: 14px; padding: 4px 12px; }
.progress .progress-list { overflow: auto; }
.progress-item { display: block; height: 50px; color: #FFF; padding: 0; border-bottom: 2px solid transparent; }
.progress-item.selected { border-color: #111; }
.progress-item:hover,
.progress-item:focus,
.progress-item:active { outline: none; color: #FFF; text-decoration: none; }
.progress-item:nth-child(1) { background-color: #dd4b39 !important; }
.progress-item:nth-child(2) { background-color: #0073b7 !important; }
.progress-item:nth-child(3) { background-color: #f39c12 !important; }
.progress-item:nth-child(4) { background-color: #00a65a !important; }
.progress-item:nth-child(5) { background-color: #f012be !important; }
.progress-item:nth-child(6) { background-color: #605ca8 !important; }
.progress-item:nth-child(1):hover { background-color: #d73925 !important; }
.progress-item:nth-child(2):hover { background-color: #367fa9 !important; }
.progress-item:nth-child(3):hover { background-color: #e08e0b !important; }
.progress-item:nth-child(4):hover { background-color: #008d4c !important; }
.progress-item:nth-child(5):hover { background-color: #d01b99 !important; }
.progress-item:nth-child(6):hover { background-color: #565298 !important; }
.progress-item-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0 15px 0 0;
	z-index: 1 !important;
}
.progress-count {
	float: right;
	width: 20%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 50px;
	background-color: rgba(0,0,0,0.1);
}
.progress-name {
	float: left;
	width: 80%;
	height: 100%;
	text-align: left;
	padding-left: 25px;
	font-size: 14px;
	line-height: 50px;
}
.progress-next {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
	padding: 4px 8px;
	border-radius: 50%;
	background: #FFF;
	color: #111;
	z-index: 2 !important;
}
.progress-item:last-child .progress-next { display: none; }




@media (max-width: 767px) {
	.progress { margin-left: 0 !important; }
	.progress-item { height: 20px; }
	.progress-name, .progress-count { line-height: 20px; font-size: 12px; }
	.progress-next {
		top: auto;
		bottom: 0 !important;
		left: 50%;
		right: auto;
		transform: translate(0, 50%) rotateZ(90deg);
		padding: 2px;
	}
}






















