/* Enprep CSS styles */

/* ================== *\
** =>	Fonts
\* ================== */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(../fonts/Montserrat-Regular.otf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat-SemiBold'), url(../fonts/Montserrat-SemiBold.otf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(../fonts/Montserrat-Bold.otf);
}

nav *, footer * {
	font-family:Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ================== *\
** =>	General
\* ================== */

html, body {
	height:100%;
}

#wrap {
	min-height:100%;
	position:relative;
/*	padding-top:110px;*/
	padding-bottom:80px;
}

.backstretch {
	position:absolute;
	top:0px;
	bottom:0px;
	width:100%;
}

.response-backdrop {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:rgba(0,0,0,0.85);
	z-index:1000;
	font-size:45px;
	color:#FFF;
	text-align:center;
	display:none;
}
	.response-backdrop p {
		font-size:15px;
	}

.centerT {
	display:table;
	width:100%;
	height:100%;
}

.centerC {
	display:table-cell;
	vertical-align:middle;
}

.template {
	display:none;
}

/* ================== *\
** =>	Navbar
\* ================== */

.navbar-default {
	min-height:110px;
	background:none;
	border:none;
	width:100%;
	z-index:1000;
	background-color:#FFF;
	box-shadow:0px 0px 2px #CCC;
	border-radius:0px;
	border-bottom:#EEE 1px solid;
}
	.navbar-default form {
		margin-top:25px;
		margin-right:25px;
		max-width:430px;
		font-size:13px;
	}
		.navbar-default form input {
			margin-bottom:8px;
		}
		.navbar-default form input[type="checkbox"] {
			vertical-align:middle;
		}
		.navbar-default form input[type="email"], 
		.navbar-default form input[type="text"], 
		.navbar-default form input[type="password"] {
			font-size:12px;
			font-weight:300;
		}

.navbar-default.condensed {
	min-height:70px;
}
	.navbar-default.condensed .navbar-brand {
		height:90px;
		margin:-8px 0px -12px 0px;
	}
		.navbar-default.condensed .navbar-brand > img {
			max-width:150px;
		}
		.navbar-default.condensed .navbar-brand > div {
			position:absolute;
			right:5px;
			top:5px;
			font-size:13px;
		}

.navbar-admin {
	background:#333;
}
.navbar-admin .navbar-nav {
	padding:0px 12px;
}
.navbar-admin .navbar-right {
	float:right;
	margin:0px;
	padding:0px;
}
.navbar-admin .navbar-nav > li {
	float:left;
}
.navbar-admin .navbar-nav > li > a {
	color:#EEE;
	padding:5px 15px;
}
	.navbar-admin .navbar-nav > li > a:hover, 
	.navbar-admin .navbar-nav > li > a:focus, 
	.navbar-admin .navbar-nav > li.active > a:hover, 
	.navbar-admin .navbar-nav > li.active > a:focus, 
	.navbar-admin .navbar-nav > li.active > a {
		color:#FFF;
		background:#444;
	}

.navbar-brand {
	height:110px;
	padding:15px;
	position:relative;
}
	.navbar-brand > img {
		max-width:210px;
	}
	.navbar-brand > div {
		position:absolute;
		right:5px;
		top:10px;
		color:#999;
		font-size:16px;
		display:inline-block;
		padding:3px 6px;
		font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	}
		.navbar-brand:hover > div {
			color:#333;
		}
	/* BETA POST-IT
	.navbar-brand > div {
		position:absolute;
		right:4px;
		bottom:-5px;
		color:#FFF;
		font-weight:400;
		font-size:15px;
		display:inline-block;
		padding:3px 6px;
		background: #eae672;
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
		text-shadow:#CCC 1px 1px 0px;
	}
	*/

.navbar-toggle {
	border:none;
	border-radius:0;
	margin:25px 5px 0 -15px;
	font-size:15pt;
	padding:15px 18px;
}

.navbar-default.condensed .navbar-toggle {
	margin:5px 5px 0 -15px;
	font-size:14pt;
	padding:15px 18px;
}

@media (min-width:768px) {
.navbar-default .navbar-collapse .navbar-nav > li > a {
	font-size:20px;
	color:#999;
	height:110px;
	padding:45px 20px;
}
	.navbar-default .navbar-collapse .navbar-nav > li > a:hover, 
	.navbar-default .navbar-collapse .navbar-nav > li > a:focus, 
	.navbar-default .navbar-collapse .navbar-nav > li.active > a:hover, 
	.navbar-default .navbar-collapse .navbar-nav > li.active > a:focus, 
	.navbar-default .navbar-collapse .navbar-nav > li.active > a {
		background:none;
	}
	
	.navbar-default .navbar-collapse .navbar-nav > li.active > a {
		border-bottom:#999 2px solid;
	}

.navbar-default.condensed .navbar-collapse .navbar-nav > li > a {
	font-size:18px;
	color:#999;
	height:70px;
	padding:25px 20px;
	margin-bottom:-2px;
}
	.navbar-default.condensed .navbar-collapse .navbar-nav > li.active > a {
		border-bottom:#999 2px solid;
	}
	.navbar-default.condensed .navbar-brand {
		height:90px;
		margin:-10px -15px -12px -15px;
	}
}

/* ================== *\
** =>	Buttons
\* ================== */

.btn-lg {
	font-size:20px;
	padding:15px 20px;
	/*margin:5px;*/
}

#marketing-bg .btn-group {
	margin:0px;
}

@media (min-width:768px) {
	#marketing-bg .btn-group {
		box-shadow:#333 1px 1px 4px;
	}
	.btn-front:hover {
		transition: all .2s ease-in-out;
		transform: scale(1.05);
	}
	.btn-front {
		height:100px;
	}
}

@media (max-width:767px) {
	#marketing-bg .btn-group .btn-front {
		border-radius:5px;
		margin-bottom:5px;
	}
}

.btn-front {
	padding:10px 20px;
}
	.btn-front h2 {
		margin:5px 0px;
		font-weight:600;
		font-size:20px;
	}
	.btn-front p {
		margin:0 10px;
		font-size:14px;
		display:inline-block;
		text-wrap:normal;
		white-space:pre-line;
		color:#EEE;
	}
	.btn-front hr {
		margin:0px;
		border-color:#3983C3;
	}

.right-search {
	float:right;
	margin-top:25px;
	margin-bottom:0px;
}

/* ================== *\
** =>	Footer
\* ================== */

footer {
	position:relative;
	margin-top:-60px;
	height:60px;
	background-color:#FFF;
	padding-top:15px;
	color:#777;
	font-size:13px;
	border-top:#EEE 1px solid;
}
	footer > div {
		margin:0 0 2px 0;
	}
	footer .social {
		margin-top:-8px;
		margin-bottom:0px;
	}
	footer .pull-right a {
		margin:0 5px;
		color:#777;
	}
	footer a i {
		margin:1px 4px 1px 0;
		font-size:22px !important;
		opacity:0.8;
	}
	footer a:hover i {
		opacity:1;
	}

/* ================== *\
** =>	Login
\* ================== */

#login-view .checkbox {
	font-size:16px;
	position:relative;
	color:#999;
}
#login-view .checkbox input[type="checkbox"] {
	display:none;
}
#login-view .checkbox .checkbox-style {
	position:absolute;
	left:0px;
	top:0px;
	width:22px;
	height:22px;
	background-color:#ededed;
	border-radius: 5px;
	padding:0 2px;
	color:#ededed;
	line-height:22px;
}
#login-view .checkbox label {
	padding:0px;
	padding-left:35px;
}
#login-view .checkbox input[type=checkbox]:checked + .checkbox-style {
	color:#999;
}

.form-links {
	font-size:14px;
	color:#abaaab;
	margin-top:8px;
}
.form-links a {
	display:block;
}
.form-links .separator {
	margin-left:110px;
	margin-right:150px;
	text-align:center;
}

/* ================== *\
** =>	Calendar
\* ================== */

.calendar td {
	position:relative;
	padding:0px;
}

.event {
	position:absolute;
	top:1px;
	left:0px;
	background-color:lightblue;
	font-size:12px;
	padding:6px;
	border:#224 1px solid;
	overflow:hidden;
}

.step-footer {
	margin-top:30px;
}
	.step-footer a {
		color:#CCC;
		cursor:default;
	}
	.step-footer a.complete {
		color:green;
	}
	.step-footer a:hover, .step-footer a:focus {
		text-decoration:none;
		color:#999;
	}
	.step-footer i.fa-circle {
		font-size:10px;
		margin:0 5px;
	}

/* ================== *\
** =>	Cards
\* ================== */

.card {
	padding:2px 10px;
	height:170px;
	margin:10px 0;
	box-shadow:#CCC 1px 1px 4px;
	display:block;
	color:#333;
	border:#EEE 1px solid;
	position:relative;
	overflow:hidden;
}
	.card:hover, .card:focus, .card:active {
		text-decoration:none;
		color:#333;
		box-shadow:#3F31C0 1px 1px 6px;
	}
	.card p {
		color:#777;
		margin:0 0 1px 0;
	}
		.card p small {
			font-size:10px;
			width:100%;
			display:block;
			text-align:right;
		}
	.card label.tags {
		/*border:#EEE 1px solid;*/
		display:inline-block;
		padding:2px;
		height:49px;
		margin-left:-10px;
		font-size:11px;
		width:80%;
		overflow-y:auto;
		overflow-x:hidden;
		cursor:text;
		font-weight:normal;
	}
		.card .tags span {
			display:inline-block;
			border:#EEE 1px solid;
			border-radius:5px;
			padding:2px 5px;
			margin-bottom:2px;
			margin-right:2px;
			background-color:#CBE6F9;
		}
	.card.new {
		padding:15px;
		text-align:center;
		font-size:60px;
		color:#EEE;
		line-height:140px;
		box-shadow:#FEFEFE 1px 1px 4px;
		border:#E2E2E2 1px dashed;
	}
	.card.new:hover, .card.new:focus, .card.new:active {
		border-color:#999;
		color:#CCC;
	}

.card .process {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:40px;
	background-color:#F9F9F9;
	padding:10px;
}

.card .tag-input-wc {
	padding:3px 5px;
	visibility:hidden;
}

.card input, .card textarea {
	border:none;
	background-color:transparent;
}
	.card input:focus, .card textarea:focus {
		outline:none;
	}
.card h4 input {
	border-bottom:#EEE 1px dashed;
	width:100%;
}
.card .tags input {
	padding:3px 5px;
	display:inline;
	width:50px;
	min-width:50px;
	max-width:100%;
}
.card textarea {
	resize:none;
	width:100%;
}

.card .btn {
	position:absolute;
	bottom:8px;
	right:8px;
}

.loading .card {
	text-align:center;
	font-size:60px;
	color:#CCC;
	line-height:170px;
	cursor:default;
}

.card > i[class*="fa-privacy-"] {
	position:absolute;
	top:10px;
	right:10px;
	color:#999;
}

/* ================== *\
** =>	People
\* ================== */

.people .card {
	height:120px;
	padding:10px;
}
	.people .card > img {
		float:left;
		width:70px;
		height:70px;
		background-color:#EEE;
		margin:15px 10px 10px 0px;
		border-radius:35px;
	}
	.people .card > h4 {
		margin-top:30px;
		margin-bottom:0px;
	}

/* ================== *\
** =>	Tabs
\* ================== */

.nav-tabs > li > a {
	border-radius:0;
	border:none;
	padding:12px 17px;
	color:#888;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
	background:none;
	border:none;
	outline:none;
	color:#333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border:none;
	border-bottom:#444 2px solid;
	margin-bottom:-1px;
	color:#000;
}

/* ================== *\
** =>	Project
\* ================== */

.project-header .img-logo {
	position:relative;
	display:block;
	height:100px;
	width:120px;
	float:left;
	margin:20px 0;
	text-align:center;
	overflow:hidden;
}
.project-header .img-logo.sample {
	background-color:#EEE;
}
	.project-header .img-logo img {
		max-height:100%;
	}
	.project-header .img-logo a {
		position:absolute;
		display:none;
		bottom:0px;
		padding:4px 8px;
		font-size:12px;
		color:#FFF;
		left:0px;
		right:0px;
		background-color:rgba(0,0,0,0.3);
	}
		.project-header .img-logo a input {
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			filter:Alpha(opacity=0);
			opacity:0;
			cursor:pointer;
		}
	.project-header .img-logo:hover a {
		display:block;
		text-decoration:none;
	}
	.project-header .img-logo .fa-star {
		color:#CCC;
		font-size:45px;
		line-height:100px;
	}
.project-header .project-title {
}
.project-header h1 {
	margin-bottom:0px;
}
.project-header small {
	margin-bottom:10px;
}
.project-header .right-btns {
	float:right;
	margin-top:25px;
}
	.project-header .right-btns .btn {
		margin-bottom:5px;
	}

.project-development {
	border-left:#124194 3px solid;
	min-height:400px;
	position:relative;
}

	.project-development .nav-tabs > li {
	}

.development-steps {
    list-style: outside none none;
    padding-left: 0;
}
	.development-steps > li {
		width:100%;
		border-bottom:#FFF 2px solid;
		background-color:#F2F2F2;
		padding:10px 30px;
	}
	.development-steps > li > .head > i {
		margin-left:-20px;
		width:16px;
		display:none;
	}
		.development-steps > li.done > .head > i.fa-check, .development-steps > li.open > .head > i.fa-chevron-right {
			display:inline-block;
		}
		.development-steps > li.open > .head > i.fa-check {
			display:none;
		}
	.development-steps > li > .head > a {
		font-weight:bold;
		color:#333;
	}
	.development-steps > li > .body {
		display:none;
	}
	.development-steps > li > .summary {
		font-size:12px;
	}
        .development-steps > li > .summary p {
            margin:3px 0;
        }
	.development-steps > li.open > .body {
		display:block;
	}
	.development-steps > li.open > .summary {
		display:none;
	}

.bmc {
	height:500px;
	margin-top:20px;
}
	.bmc td {
		border-color:#999 !important;
	}
	.bmc .key-partners {
	}
	.bmc .key-activities {
	}
	.bmc .key-resources {
	}
	.bmc .value-proposition {
	}
	.bmc .customer-relationship {
	}
	.bmc .channels {
	}
	.bmc .customer-segment {
	}
	.bmc .cost-structure {
	}
	.bmc .revenue-streams {
	}

.fa-privacy-1::before {
    content: "";
}

.fa-privacy-2::before {
	content: "";
}

.fa-privacy-3::before {
	content: "";
}

/* ================== *\
** =>	Profile
\* ================== */

.profile-header .img-picture {
	position:relative;
	display:block;
	width:100px;
	height:100px;
	background-color:#EEE;
	float:left;
	margin:20px 0;
	text-align:center;
	border-radius:50px;
	overflow:hidden;
}
	.profile-header .img-picture a {
		position:absolute;
		display:none;
		bottom:0px;
		padding:4px 8px;
		font-size:12px;
		color:#FFF;
		left:0px;
		right:0px;
		background-color:rgba(0,0,0,0.3);
	}
		.profile-header .img-picture a input {
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			filter:Alpha(opacity=0);
			opacity:0;
			cursor:pointer;
		}
	.profile-header .img-picture:hover a {
		display:block;
		text-decoration:none;
	}
	.profile-header .img-picture .fa-user {
		color:#CCC;
		font-size:45px;
		line-height:100px;
	}
.profile-header .profile-name {
	margin-top:20px;
}
.profile-header h1 {
	margin-bottom:0px;
}
.profile-header small {
	margin-bottom:10px;
}
.profile-header .right-btns {
	float:right;
	margin-top:25px;
}
	.profile-header .right-btns .btn {
		margin-bottom:5px;
	}