/* FONTS  */
@font-face {
	font-family: 'ralewaybold';
	src: url('../fonts/ambnewcm.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ralewaysemibold';
	src: url('../fonts/ambnewcm.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ambnewutclassic-mediummedium';
	src: url('../fonts/ambnewcm.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ambnewutclassic-lightmedium';
	src: url('../fonts/ambnewcl.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ralewaylight';
	src: url('../fonts/ambnewcl.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ralewaymedium';
	src: url('../fonts/ambnewcl.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ralewayregular';
	src: url('../fonts/ambnewcl.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'ttnorms';
	src: url('../fonts/tt_norms_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* END FONTS  */
body {
	font-family: 'ttnorms', 'ambnewutclassic-mediummedium', Helvetica, Arial, sans-serif;
	background: #e6e6e6;
}

h1,h2,h3,h4,h5{
	font-family: 'ttnorms', 'ambnewutclassic-mediummedium', Helvetica, Arial, sans-serif;
}
.msg-inf{
	margin-top:20px;
	font-weight:bold;
}

.lt-ie10 .old-ie-only {
	position: static;
	overflow: visible;
}

/* ANIMATIONS */
.ng-enter,
.ng-leave {
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.ng-enter,
.ng-leave-active {
	opacity: 0;
}

.ng-enter-active,
.ng-leave {
	opacity: 1;
}

/* MESSAGES */
.message {
	padding: 0.75em;
	font-family: Helvetica, Arial, sans-serif;
}

/* BUTTONS */
.btn.btn-multiline {
	white-space: normal;
}

/* UTILITY */
.shadow-box {
	-webkit-box-shadow: 0 0 25px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 25px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 25px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 25px 5px rgba(0,0,0,0.1);
}

.top-shadow:before,
.top-shadow:after {
	display: block;
	position: absolute;
	top: 0;
	width: 16px;
	height: 469px;
	content: "";
	background-position: 0 0;
	background-repeat: no-repeat;
}

.top-shadow:before {
	background-image: url('../images/backgrounds/misc_main_shadow_l.png');
	left: -16px;
}

.top-shadow:after {
	background-image: url('../images/backgrounds/misc_main_shadow_r.png');
	right: -16px;
}

.margin-top {
	margin-top: 10px;
}

.margin-top-x2 {
	margin-top: 10px;
}

.rounded-bottom {
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.transparent-light {
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: all 1000ms;
	-o-transition: all 1000ms;
	transition: all 1000ms;
}

.transparent-light:hover {
	background-color: rgba(255,255,255,0.9);
}

.transparent-light hr {
	border-top: 1px solid #A6A6A6;
}

.transition-all {
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.bg-transparent {
	background: transparent;
}

.no-padding {
	padding: 0;
}

.no-v-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.no-h-padding {
    padding-left: 0;
    padding-right: 0;
}

.scrolleable {
	max-height: 250px;
	overflow-y: scroll;
}

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

/* CITE UI */
.cite-style .btn {
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right-width: 4px;
}

.cite-style .form-control {
	border-width: 2px;
	border-right-width: 6px;
	border-radius: 1px;
}

.col-gradient {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F2F2F2),
		color-stop(1, #FFFFFF)
	);
	background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 100%);
}

/* LAYOUT */
.container {
	width: 944px;
	padding: 0 0px;
	margin: 0 auto;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	position: relative;
}

.row.row-fit {
	margin: 0;
}

.site-content {
	height: 950px;
	width: 100%;
}

/* HEADER */
header.logged-in {
	height: 50px;
}

header {
	height: 528px;
}

.page-header.page-header-2.small-header {
	min-height: 200px;
	height: auto;
	margin: 0;
	border: none;
}

.page-header .logo-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 120;
	width: 100%;
	height: 0;
}

.page-header .container.logo-container {
	height: 0;
}

.page-header .logo-wrapper h1 {
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
	z-index: 1000;
	position: fixed;
}

.page-header .logo-wrapper h1 a {
	background-image: url(../images/logo.png);
	width: 286px;
	height: 86px;
	display: block;
	border: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	overflow: hidden;
	text-indent: -9999em;
	z-index: 1000;
}

.main-heading {
	margin-top: 60px;
	overflow: hidden;
	display: inline-block;
}

.main-heading > span {
	padding: 0.5em;
	display: inline-block;
	text-transform: capitalize;
	margin: 0;
	float: left;
}

.main-heading > span:nth-child(6n+0) { background-color: #F26F42; }
.main-heading > span:nth-child(6n+1) { background-color: #F29B42; }
.main-heading > span:nth-child(6n+2) { background-color: #F2B642; }
.main-heading > span:nth-child(6n+3) { background-color: #F2C242; }
.main-heading > span:nth-child(6n+4) { background-color: #F2D742; }
.main-heading > span:nth-child(6n+5) { background-color: #F2E842; }

.main-heading.left-indent {
	position: relative;
	left: -60px;
}

/* SLIDER */
#main-slider {
	position: absolute;
	top: 0;
	left: 0;
	height: 670px;
	width: 100%;
}

#main-slider .container {
	padding-top: 280px;
	color: #ffffff;
}

#main-slider h2 {
	width: auto;
	margin-left: 60px;
	margin-bottom: 15px;
	font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
	font-size: 40px;
	line-height: 38px;
	text-shadow: 1px 1px 1px #000;
}

.site-button,#main-slider .slider-content a {
	display: inline-block;
	width: 94px;
	margin-left: 60px;
	padding: 0 5px;
	line-height: 22px;
	font-size: 15px;
	font-family: 'ralewaylight', Helvetica, Arial, sans-serif;
	color: #ffffff;
	background: #f26f42;
	text-decoration: none;
	outline: 0;
}

.site-button:hover,#main-slider .slider-content a:hover {
	text-decoration: underline;
	color: white;
}

.site-button:before,#main-slider .slider-content a:before {
	content: ">";
	display: inline-block;
	margin-right: 5px;
}

#main-slider .bx-prev,#main-slider .bx-next {
	display: block;
	position: absolute;
	top: 312px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999em;
	background-color: #000000;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.25s 0s ease;
	-moz-transition: all 0.25s 0s ease;
	-ms-transition: all 0.25s 0s ease;
	-o-transition: all 0.25s 0s ease;
	transition: all 0.25s 0s ease;
}

#main-slider .bx-next {
	right: -20px;
}

#main-slider .bx-next:hover {
	background-position: 19px center;
}

#main-slider .bx-prev {
	left: -20px;
}

#main-slider .bx-prev:hover {
	background-position: 8px center;
}

#supersized {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}

#supersized a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

#supersized a img {
	width: auto;
	height: auto;
	position: relative;
	outline: none;
	border: none;
}

nav {
	position: relative;
	z-index: 100;
}

nav.navbar.navbar-default {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2a2a2a),
		color-stop(1, #121212));
	background: -ms-linear-gradient(bottom, #2a2a2a, #121212);
	background: -moz-linear-gradient(center bottom, #2a2a2a 0%, #121212 100%);
	background: -o-linear-gradient(#121212, #2a2a2a);
	progid: DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: 0;
	box-shadow: inset 0;
	border: none;
	border-radius: 0;
	padding: 0 20px;
	min-height: inherit;
	margin-bottom: 0;
	background-color: #2a2a2a;
}

nav.navbar.navbar-default.top-fixed {
	position: fixed;
	top: 0;
	width: 100%;
}

.navbar ul.navbar-nav li {
	float: left;
}

.navbar ul {
	list-style: none;
	list-style-image: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.navbar-default .navbar-nav li a {
	display: inline-block;
	padding: 0 15px;
	border-top: 3px solid #fff041;
	font-size: 15px;
	line-height: 34px;
	font-family: 'ambnewutclassic-lightmedium', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	text-shadow: none;
}

.navbar-nav li.n-amaranth a {
	border-color: #b81853;
}

.navbar-nav li.n-amaranth a:hover,.navbar-nav li.n-amaranth a.active {
	color: #b81853;
}

.navbar-nav li.n-yellow a {
	border-color: #fff041;
}

.navbar-nav li.n-yellow a:hover,.navbar-nav li.n-yellow a.active {
	color: #fff;
	border-color: #fff;
}

.navbar-nav li.n-orange a {
	border-color: #f26f42;
}

.navbar-nav li.n-orange a:hover,.navbar-nav li.n-orange a.active {
	color: #f26f42;
}

.navbar-nav li.n-olive a {
	border-color: #c29734;
}

.navbar-nav li.n-olive a:hover,.navbar-nav li.n-olive a.active {
	color: #c29734;
}

.navbar-nav li.n-green a {
	border-color: #b0c53a;
}

.navbar-nav li.n-green a:hover,.navbar-nav li.n-green a.active {
	color: #b0c53a;
}

.navbar ul.social-nav {

}

.social-nav li {
	display: inline-block;
}

.social-nav li a {
	width: 30px;
	height: 37px;
	display: block;
	border: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	overflow: hidden;
	text-indent: -9999em;
	display: inline-block;
	background-image: url(../images/sprite_social.png);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-nav li.n-fb a {
	background-position: 0 0;
}

.social-nav li.n-tw a {
	background-position: 0 -40px;
}

.social-nav li.n-gp a {
	background-position: 0 -80px;
}

.social-nav li.n-in a {
	background-position: 0 -120px;
}

.social-nav li.n-yt a {
	background-position: 0 -160px;
}

.social-nav li a:hover {
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity = 50);
}

ul.big-container {
	float: right;
	width: auto;
}

ul.big-container li {
	float: left;
	display: inline-block;
}

.navbar form {
	float: right;
	position: relative;
	margin-left: 33px;
	margin-right: -7px;
	min-width: 30px;
	height: 37px;
}

.navbar form input[type="text"] {
	float: right;
	width: 0;
	height: 20px;
	margin: 9px 7px 0 0;
	padding: 0;
	background: #ffffff;
	border: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.navbar form button {
	position: absolute;
	top: 0;
	right: 4px;
	width: 30px;
	height: 37px;
	display: block;
	border: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	overflow: hidden;
	text-indent: -9999em;
	background-image: url(../images/sprite_search.png);
	z-index: 2;
}

section {
	background-color: #fff;
	padding: 20px;
}

footer .container {
	overflow: hidden;
	background: #5f334e;
	padding: 20px 20px 10px 20px;
	width: 904px;
}

.container.logged-in {
	width: 100%;
}

.page-footer aside {
	float: left;
	width: 225px;
}

.page-footer aside a,.page-footer aside a:visited {
	display: block;
	margin-bottom: 10px;
	font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #ffffff;
}

.page-footer aside a:hover {
	color: #36838d;
}

.page-footer nav {
	float: left;
	width: 75%;
}

.page-footer nav ul.sub-menu {
	list-style: none;
	list-style-image: none;
	display: inline-block;
	padding-left: 0;
	width: 32%;
	float: left;
}

.page-footer nav ul.sub-menu li {
	margin-bottom: 6px;
}

footer nav ul.sub-menu li a {
	color: #c1c1c1;
	margin: 0;
	font-size: 13px;
	-webkit-transition: all 0.25s 0s ease;
	-moz-transition: all 0.25s 0s ease;
	-ms-transition: all 0.25s 0s ease;
	-o-transition: all 0.25s 0s ease;
	transition: all 0.25s 0s ease;
	font-family: 'ralewayregular', Helvetica, Arial, sans-serif;
}

footer nav ul.sub-menu li a:hover {
	text-decoration: none;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity = 50);
}

.modal-header {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2a2a2a),
		color-stop(1, #121212));
	background: -ms-linear-gradient(bottom, #2a2a2a, #121212);
	background: -moz-linear-gradient(center bottom, #2a2a2a 0%, #121212 100%);
	background: -o-linear-gradient(#121212, #2a2a2a);
	progid: DXImageTransform.Microsoft.gradient(enabled=false);
	color: white;
}

.university-admin {
	width: 100%;
	height: 950px;
	background-color: #444444;
}

.university-admin-content {
	background: none repeat scroll 0 0 #eeeeee;
	margin-left: 220px;
	margin-right: 0;
	padding-bottom: 25px;
	position: relative;
	height: 100%;
	width: auto;
	-webkit-background-clip: padding-box;
	overflow: hidden;
}

/* Sidebar Navigation */
#sidebar {
	display: block;
	float: left;
	position: relative;
	width: 220px;
	z-index: 16;
	padding-top: 35px;
}

#sidebar > ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	position: absolute;
	width: 220px;
}

#sidebar > ul > li {
	display: block;
	position: relative;
	cursor:pointer;
}

#sidebar > ul > li.active {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
}

#sidebar > ul > li>a {
	padding: 10px 0 10px 15px;
	display: block;
	color: white;
	text-decoration: none;
}

#sidebar > ul > li.active>a {
	background: url("resource://static.roomactually.com/images/menu-active.png")
		no-repeat scroll right center transparent !important;
}

#sidebar > ul > li>a>.label {
	margin: 0 20px 0 0;
	float: right;
	padding: 3px 5px 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0
		rgba(255, 255, 255, 0.2);
}

#sidebar > ul ul {
	display: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}

#sidebar > ul li.open ul {
	display: block;
}

#sidebar > ul ul li a {
	padding: 10px 0 10px 25px;
	display: block;
	color: #fafafa;
	text-decoration: none;
}

#sidebar > ul ul li:first-child a {
	border-top: 0;
}

#sidebar > ul ul li:last-child a {
	border-bottom: 0;
}

#sidebar > ul {
	border-top: 1px solid #393939;
	border-bottom: 1px solid #4E4E4E;
}

#sidebar > ul > li {
	border-top: 1px solid #4E4E4E;
	border-bottom: 1px solid #393939;
}

#sidebar > ul > li.active {
	background-color: #3a3a3a;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#333333),
		to(#3F3F3F));
	background-image: -webkit-linear-gradient(top, #333333 0%, #3F3F3F 100%);
	background-image: -moz-linear-gradient(top, #333333 0%, #3F3F3F 100%);
	background-image: -ms-linear-gradient(top, #333333 0%, #3F3F3F 100%);
	background-image: -o-linear-gradient(top, #333333 0%, #3F3F3F 100%);
	background-image: linear-gradient(top, #333333 0%, #3F3F3F 100%);
}

#sidebar > ul > li.open.submenu>a {
	border-bottom: 1px solid #393939;
}

#sidebar > ul > li.open.active.submenu>a {
	border-bottom: 1px solid #2A2A2A;
}

#sidebar > ul > li>a>.label {
	background-color: #333333;
}

#sidebar > ul > li>a:hover {
	background-color: #4A4A4A;
}

#sidebar > ul ul {
	border-top: 1px solid #4E4E4E;
	background-color: #2A2A2A;
}

#sidebar > ul ul li a {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #202020;
}

#sidebar > ul ul li a:hover,#sidebar > ul ul li.active a {
	color: #CCCCCC;
	background-color: #272727;
}

@media ( max-width : 480px) {
	#sidebar > a {
		background-image: -moz-linear-gradient(top, #464646 0%, #404040 100%);
		border-bottom: 1px solid #6e6e6e;
	}
	#sidebar > ul {
		background-color: #444444;
	}
}

@media ( min-width : 481px) and (max-width: 767px) {
	#sidebar > ul ul:before {
		border-right: 7px solid rgba(0, 0, 0, 0.2);
	}
	#sidebar > ul ul:after {
		border-right: 6px solid #222222;
	}
}

.panel>.alert {
	border-right: none;
	border-left: none;
	margin: 0;
}

.alert.alert-icon {
	position: relative;
	margin-left: 16px;
	padding-left: 20px;
}

.panel>.alert {
	border-radius: 0;
	border-right: none;
	border-left: none;
}

.panel {
	position: relative;
	border-width: 1px 1px 2px;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 10px;
}

.panel table,
.panel td,
.panel th {
		font-size: 13px;
}

[data-toggle="panel-collapse"] {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-body {
	z-index: 1;
}

.panel-heading,.panel-footer {
	position: relative;
}

.panel.expand {
	margin: 0;
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 300px !important;
	width: auto;
	border: none;
	border-radius: 0;
	overflow: auto;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	z-index: 9998;
}

.content-lg .panel.expand {
	left: 0 !important;
}

.panel.expand>.panel-heading {
	position: relative;
	height: 60px;
	border-radius: 0;
	z-index: 3;
}

.panel.expand>.panel-heading .panel-title {
	line-height: 40px;
	font-size: 1.4em;
}

.panel.expand>.panel-body {
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0px;
	left: 0;
	margin-bottom: 40px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 1;
}

.panel.expand>.panel-body {
	padding: 15px;
}

.panel.expand>.panel-heading+.panel-body {
	margin-top: 60px;
}

.panel.expand.width-2x,.panel.expand.width-3x,.panel.expand.width-4x,.panel.expand.width-full
	{
	width: auto;
}

.panel.expand>.panel-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0;
	z-index: 2;
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive {
	border-top-color: #e5e5e5;
}

.panel-footer {
	background-color: #ffffff;
	border-top: 1px solid #e5e5e5;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
	border-top: 1px solid #e5e5e5;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom: 1px solid #e5e5e5;
}

/* panel default */
.panel-default {
	border-color: #e5e5e5;
}

.panel-default>.panel-heading {
	color: #34495e;
	background-color: #ffffff;
	border-color: #e5e5e5;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #e5e5e5;
}

.panel-default>.panel-heading>.dropdown .caret {
	border-color: #ecf0f1 transparent;
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #e5e5e5;
}

/* panel primary */
.panel-primary {
	border-color: #3498db;
}

.panel-primary>.panel-heading {
	color: #ecf0f1;
	background-color: #3498db;
	border-color: #3498db;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #3498db;
}

.panel-primary>.panel-heading>.dropdown .caret {
	border-color: #ecf0f1 transparent;
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #3498db;
}

/* panel success */
.panel-success {
	border-color: #27ae60;
}

.panel-success>.panel-heading {
	color: #468847;
	background-color: #2ecc71;
	border-color: #27ae60;
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #27ae60;
}

.panel-success>.panel-heading>.dropdown .caret {
	border-color: #468847 transparent;
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #27ae60;
}

/* panel waning */
.panel-warning {
	border-color: #e67e22;
}

.panel-warning>.panel-heading {
	color: #D35400;
	background-color: #f39c12;
	border-color: #e67e22;
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #e67e22;
}

.panel-warning>.panel-heading>.dropdown .caret {
	border-color: #D35400 transparent;
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #e67e22;
}

/* panel danger */
.panel-danger {
	border-color: #c0392b;
}

.panel-danger>.panel-heading {
	color: #F2DEDE;
	background-color: #e74c3c;
	border-color: #c0392b;
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #c0392b;
}

.panel-danger>.panel-heading>.dropdown .caret {
	border-color: #b94a48 transparent;
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #c0392b;
}

/* panel info */
.panel-info {
	border-color: #31B0D5;
}

.panel-info>.panel-heading {
	color: #3a87ad;
	background-color: #5bc0de;
	border-color: #31B0D5;
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #31B0D5;
}

.panel-info>.panel-heading>.dropdown .caret {
	border-color: #3a87ad transparent;
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
	border-bottom-color: #31B0D5;
}

.panel>.panel-heading>.nav-pills li a {
	background-color: transparent;
	color: #ecf0f1;
}

.panel>.panel-heading>.nav-pills li a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.panel>.panel-heading>.nav-pills li.active a:hover,.panel>.panel-heading>.nav-pills li.active a:hover,.panel>.panel-heading>.nav-pills li.active a
	{
	background-color: rgba(0, 0, 0, 0.2);
}

.panel.panel-default>.panel-heading>.nav-pills li a {
	color: #34495e;
}

.panel.panel-default>.panel-heading>.nav-pills li a:hover {
	background-color: #ecf0f1;
}

.panel.panel-default>.panel-heading>.nav-pills li.active a:hover,.panel.panel-default>.panel-heading>.nav-pills li.active a:hover,.panel.panel-default>.panel-heading>.nav-pills li.active a
	{
	background-color: #3498db;
	color: #ecf0f1;
}

.panel>.panel-heading>.nav-tabs {
	margin-top: -5px;
	margin-bottom: -10px;
	border-bottom: none;
}

.panel>.panel-heading>.nav-tabs li a {
	color: #ecf0f1;
}

.panel>.panel-heading>.nav-tabs li a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: transparent;
}

.panel>.panel-heading>.nav-tabs li.active a {
	color: #34495e;
}

.panel>.panel-heading>.nav-tabs li.active a:hover {
	background-color: white;
	border-color: #e5e5e5 #e5e5e5 transparent;
}

.panel.panel-default>.panel-heading>.nav-tabs li a {
	color: #3498db;
}

.panel.panel-default>.panel-heading>.nav-tabs li.active a {
	color: inherit;
}

.panel.panel-collapsed>.panel-heading>.nav-tabs {
	margin-bottom: -5px;
}

.panel > .nav-tabs.nav-justified {
	margin-top: 5px;
}

.panel > .nav-tabs.nav-justified li:first-child.active a,.panel > .nav-tabs.nav-justified li:first-child.active a:focus
	{
	border-left: none;
}

.panel > .nav-tabs.nav-justified li:last-child.active a,.panel > .nav-tabs.nav-justified li:last-child.active a:focus
	{
	border-right: none;
}

.panel>.panel-heading>.panel-icon {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	margin: -9px -3px -10px -15px;
	padding: 0 15px;
	height: 38px;
	font-size: 1.2em;
	line-height: 38px;
	vertical-align: middle;
	cursor: pointer;
}

.panel.expand>.panel-heading>.panel-icon {
	margin-top: 2px;
	font-size: 1.4em;
	line-height: 40px;
}

.panel>.panel-heading>.panel-actions {
	float: right;
	margin: -10px -5px -10px 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}

.panel.expand>.panel-heading>.panel-actions {
	line-height: 40px;
	margin-top: 0;
}

.panel>.panel-heading>.panel-actions .input-group {
	display: inline-block;
	vertical-align: middle;
}

.panel>.panel-heading>.panel-actions .input-group .form-control {
	margin-top: -4px;
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.05);
}

.panel>.panel-heading>.panel-actions  .input-group>[class*="switcher"] {
	margin: 8px 0 0;
}

.panel>.panel-heading>.panel-actions .text-label {
	position: relative;
	top: -6px;
	padding: 5px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	display: inline-block;
	color: rgba(0, 0, 0, 0.6);
}

.panel>.panel-heading>.panel-actions .input-group .text-label {
	top: -15px;
}

.panel>.panel-heading>.panel-actions .text-label:after {
	clear: both;
	display: table;
	content: '';
}

.panel>.panel-heading>.panel-actions .btn-icon {
	padding-top: 0;
	padding: 0 5px;
	font-size: 1.2em;
	margin-top: -2px;
	color: rgba(255, 255, 255, 0.8);
}

.panel>.panel-heading>.panel-actions .btn-icon:focus {
	color: rgba(255, 255, 255, 0.8);
}

.panel>.panel-heading>.panel-actions .btn-icon:hover,.panel>.panel-heading>.panel-actions .btn-icon:active,.panel>.panel-heading>.panel-actions .btn-icon.active,.panel>.panel-heading>.panel-actions .open .dropdown-toggle.btn-icon
	{
	color: rgba(255, 255, 255, 1);
}

.panel.panel-default>.panel-heading>.panel-actions .btn-icon {
	color: rgba(0, 0, 0, 0.4);
}

.panel.panel-default>.panel-heading>.panel-actions .btn-icon:focus {
	color: rgba(0, 0, 0, 0.4);
}

.panel.panel-default>.panel-heading>.panel-actions .btn-icon:hover,.panel.panel-default>.panel-heading>.panel-actions .btn-icon:active,.panel.panel-default>.panel-heading>.panel-actions .btn-icon.active,.panel.panel-default>.panel-heading>.panel-actions .open .dropdown-toggle.btn-icon
	{
	color: rgba(0, 0, 0, 0.6);
}

.panel.panel-collapsed>.panel-progress {
	display: none;
}

.panel>.panel-progress {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .25);

	/*z-index: 2000;*/
}

.panel>.panel-progress>.panel-spinner {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	border: solid 2px transparent;
	border-top-color: #2980b9;
	border-left-color: #2980b9;
	border-radius: 20px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: panel-spinner 400ms linear infinite;
	-moz-animation: panel-spinner 400ms linear infinite;
	-ms-animation: panel-spinner 400ms linear infinite;
	-o-animation: panel-spinner 400ms linear infinite;
	animation: panel-spinner 400ms linear infinite;
}

.panel-hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px;
	color: inherit;
	text-decoration: none;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.panel-hover p {
	font-size: .9em;
}

.panel:hover>.panel-hover {
	text-decoration: none;
	color: inherit;
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

.panel-body > .full-line {
	margin-right: -15px;
	margin-left: -15px;
	border-radius: 0 !important;
	border-right: none;
	border-left: none;
}

.panel-body > .full-line:first-child:not (.panel-body-heading ){
	margin-top: -15px;
	border-top: none;
}

.panel-body > .full-line:last-child {
	margin-bottom: -15px;
	border-bottom: none;
}

.panel-body-heading {
	position: relative;
	display: block;
	color: inherit;
	padding: 15px 15px 0 15px;
}

a.panel-body-heading:hover {
	color: inherit;
	text-decoration: none;
}

.panel-body > .panel-body-heading {
	padding: 0;
}

.panel-body-heading.bordered {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	margin-bottom: 10px;
}

.panel-body > .panel-body-heading.full-line {
	margin-right: -15px;
	margin-left: -15px;
	padding-right: 15px;
	padding-left: 15px;
}

.panel-body-heading:after {
	clear: both;
	display: table;
	content: '';
}

.panel-body-heading .pb-object {
	float: left;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 10px;
}

.panel-body-heading .pb-object.pb-object-circle img {
	border-radius: 23px;
}

.panel-body-heading .pb-object img {
	width: 46px;
	height: 46px;
}

.panel-body-heading .pb-object .pbo-icon {
	font-size: 46px;
	line-height: 46px;
}

.panel-body-heading .pb-object.pb-object-sm .pbo-icon {
	font-size: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin-top: -9px;
}

.panel-body-heading .pb-object.pb-object-sm img {
	margin-top: -6px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
}

.panel-body-heading .pb-title {
	position: relative;
	max-width: 80%;
	font-size: 20px;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	margin: 0 0 15px;
	padding: 0 0 2px;
}

.panel-body-heading .pb-title.pb-title-sm {
	font-weight: normal;
	font-size: 14px;
}

.panel-body-heading .pb-title>strong {
	font-weight: 400;
}

.panel-body-heading .pb-title>small {
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.panel-body-heading .pb-title.pb-title-sm>small {
	display: inline;
	padding-left: 5px;
	font-weight: normal;
	font-size: .8em;
}

.panel-body-heading .pb-watermark {
	position: absolute;
	right: 15px;
	bottom: -10px;
	font-size: 68px;
	color: rgba(0, 0, 0, .05);
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-body-heading .pb-watermark.pb-watermark-sm {
	font-size: 46px;
}

.panel-body-heading .pb-actions {
	position: absolute;
	right: 15px;
	top: 10px;
	visibility: hidden;
	opacity: 0;
	z-index: 4;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.panel-body > .panel-body-heading .pb-actions {
	right: 0;
	top: -5px;
}

.panel-body > .panel-body-heading.full-line .pb-actions {
	right: 15px;
}

/* Landscape tablet & small desktop */
@media ( max-width : 1024px) {
	.panel-body-heading .pb-actions {
		visibility: visible;
		opacity: 1;
	}
}

.panel:hover .panel-body-heading .pb-actions {
	visibility: visible;
	opacity: 1;
}

.panel-body-heading .pb-actions .btn.btn-icon {
	color: inherit;
	top: 6px;
	padding: 0 5px;
	line-height: 1 !important;
	font-size: 1.2em;
}

/* panel tags, only available on panel-body */
.panel-body > .panel-tags {
	position: absolute;
	top: 40px;
	right: -4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 99;
}

.panel:hover .panel-body > .panel-tags:hover {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
}

.panel-body > .panel-tags .panel-tag-item {
	position: relative;
	display: none;
	width: 120px;
	line-height: 26px;
	padding: 0 10px;
	color: inherit;
	text-decoration: none;
	text-align: right;
	font-size: .8em;
	background-color: #ecf0f1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.panel-body > .panel-tags:hover .panel-tag-item {
	background-color: #ffffff;
	display: block;
}

.panel:hover .panel-body > .panel-tags .panel-tag-item:hover {
	color: #3498db;
	background-color: #ecf0f1;
}

.panel-body > .panel-tags .panel-tag-item:first-child {
	display: block;
}

.panel:hover .panel-body > .panel-tags .panel-tag-item:first-child {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
}

.panel-body > .panel-tags:hover .panel-tag-item:first-child {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.panel-body > .panel-tags .panel-tag-item .pt-border {
	position: absolute;
	display: block;
	right: 0;
	width: 4px;
	background-color: #3498db;
	height: 26px;
}

.approved {
	background-color: #e5ecbd;
}

.rejected {
	background-color: #9a1445;
	color:white;
}

.popup-helper{
	width: 200px;
	position: fixed;
	top:120px;
	right: -240px;
	background-color: white;
	z-index:-10;
}

.popup-helper.gone{
	right:10px;
	opacity:0;
}

.popup-helper .row {
	margin-bottom: 5px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.pieContainer div {
    float: left;
}

.pieContainer ul {
    float: left;
    margin-top: 50px;
    margin-left: 5%;
    list-style: none;
}

.pieContainer ul li {
    margin-bottom: 20px;
}

.pieContainer .labelColor {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    vertical-align: 3px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
}

.pieContainer .labelTotal {
    display: inline-block;
    margin-right: 7px;
    font-size: 20px;
    font-weight: bold;
    color: #555555;
}

.pieContainer .labelName {
    color: #999999;
}


.nav-justified li {
	cursor:pointer;
}



/* MEDIA QUERIES */
@media (max-width: 979px) {

	.container,
	footer .container {
		width: auto;
	}

	.main-heading.left-indent {
		left: 0;
	}

	.main-heading {
		margin-top: auto;
	}

}


/* PAGE SPECIFIC */

/* Page > Questionnaire */
.page-questionnaire {
	background: url('../images/page/questionnaire/bg-new-top.jpg') no-repeat;
	background-size: 100%;
}

.page-questionnaire .questionnaire-wrapper {
	background: #FFFFFF;
	min-height: 400px
}

.page-questionnaire .main-header {
/* 	background-color: #191919;
	color: #FFFFFF;
	position: relative;
	height: auto; */
	background-color: #fff;
    color: #191919;
    position: relative;
    height: auto;
	/* border-bottom: 2px solid #191919; */	
}

.page-questionnaire .main-header-inner {
	position: relative;
	    height: 105px;
}

.page-questionnaire .main-header-inner h1 {
	font-size: 29px;
	font-weight: bold;
}

.page-questionnaire .main-header img{
	padding: 5px;
}

.page-questionnaire .qna-nav ul {
	list-style: none;
	padding: 0;
}

.page-questionnaire .qna-nav ul li {
	float: left;
	overflow: hidden;
}

.page-questionnaire .qna-nav ul li a {
	color: #FFFFFF;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	font-family: Arial;
	position: relative;
	bottom: 0;
	-webkit-transition: bottom 150ms, background-color 1s;
	-o-transition: bottom 150ms, background-color 1s;
	transition: bottom 150ms, background-color 1s;
	white-space: nowrap;
}

.page-questionnaire .qna-nav ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.page-questionnaire .qna-nav ul li a.less-padding {
	padding: 5px 15px;
}

.page-questionnaire .qna-nav ul li:not(.active){
}

.page-questionnaire .qna-nav ul li:not(.active) a {
	bottom: 0px;
	max-width: 65px;
}

.page-questionnaire .qna-nav ul li:hover:not(.active) a {
	bottom: 0;
}

.page-questionnaire .qna-nav ul li:not(.active) a:after {
	content: "";
	position: absolute;
	width: 100%;
	height:100%;
	left: 0;
	top: 0
}

.page-questionnaire .main-header .qna-nav {
	position: absolute;
	bottom: 0;
	left: 80px;
}

.page-questionnaire .main-header h1 {
	margin-top: 30px;
}

.page-questionnaire .main-header [rel=logo]{
	position: absolute;
	left: 0;
}

.page-questionnaire .answers {
	overflow: hidden;
	border-bottom: solid 12px #82922B;
	background: #FFFFFF;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 96%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(4%,rgba(0,0,0,0)), color-stop(96%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,0.1) 100%); /* W3C */
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

.page-questionnaire .answers .answers-list,
.page-questionnaire .answers .answers-list > li > .row {
	margin: 0 !important;
}

.page-questionnaire .answers .answers-list > li {
	padding: 5px 0 0 3px;
	border-bottom: dotted 1px #94a531;
	position: relative;
	-webkit-transition: opacity 300ms, background-color 300ms, border-color 1s;
	-o-transition: opacity 300ms, background-color 300ms, border-color 1s;
	transition: opacity 300ms, background-color 300ms,  border-color 1s;
}

.page-questionnaire .answers .answers-list > li:last-child {
	border: none;
}

.page-questionnaire .answers .answers-list > li.disabled {
	opacity: 0.4;
}

.page-questionnaire .answers .answers-list .question {
	color: #82922B;
	margin-bottom: 4px;
	margin-right: 33px
}

.page-questionnaire .answers .answers-list .answer {
	color: #676767;
	font-size: 16px;
	margin-right: 53px;
}

.page-questionnaire .answers .answers-list .edit {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	opacity: 1;
	font-family: 'ambnewutclassic-lightmedium', Helvetica, Arial, sans-serif;
	background: transparent;
	border: none;
	font-size: 24px;
	color: #676767;
	outline: none;
	-webkit-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

/* Section color transtiion */
.page-questionnaire .answers .answers-list .question {
	-webkit-transition: color 1s;
	-o-transition: color 1s;
	transition: color 1s;
}

/* Section 1 color */
.page-questionnaire.qna-section-1 .answers,
.page-questionnaire.qna-section-6 .answers,
.page-questionnaire.qna-section-1 .answers .answers-list > li,
.page-questionnaire.qna-section-6 .answers .answers-list > li {
	border-color: #82922B;
}

.page-questionnaire.qna-section-1 .answers .answers-list .question,
.page-questionnaire.qna-section-6 .answers .answers-list .question {
	color: #82922B;
}

.page-questionnaire .qna-nav .section-1 a,
.page-questionnaire .qna-nav .section-6 a {
	background-color: #82922B;
}

.page-questionnaire .qna-nav ul li.section-1:not(.active) a:after,
.page-questionnaire .qna-nav ul li.section-6:not(.active) a:after {
	background: -moz-linear-gradient(left,  rgba(130,146,43,0) 0%, rgba(130,146,43,0) 50%, rgba(130,146,43,1) 90%, rgba(130,146,43,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(130,146,43,0)), color-stop(50%,rgba(130,146,43,0)), color-stop(90%,rgba(130,146,43,1)), color-stop(100%,rgba(130,146,43,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(130,146,43,0) 0%,rgba(130,146,43,0) 50%,rgba(130,146,43,1) 90%,rgba(130,146,43,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(130,146,43,0) 0%,rgba(130,146,43,0) 50%,rgba(130,146,43,1) 90%,rgba(130,146,43,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(130,146,43,0) 0%,rgba(130,146,43,0) 50%,rgba(130,146,43,1) 90%,rgba(130,146,43,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(130,146,43,0) 0%,rgba(130,146,43,0) 50%,rgba(130,146,43,1) 90%,rgba(130,146,43,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082922B', endColorstr='#82922B',GradientType=1 ); /* IE6-9 */
}

/* Section 2 color */
.page-questionnaire.qna-section-2 .answers,
.page-questionnaire.qna-section-7 .answers,
.page-questionnaire.qna-section-2 .answers .answers-list > li,
.page-questionnaire.qna-section-7 .answers .answers-list > li {
	border-color: #BC2A34;
}

.page-questionnaire.qna-section-2 .answers .answers-list .question,
.page-questionnaire.qna-section-7 .answers .answers-list .question {
	color: #BC2A34;
}

.page-questionnaire .qna-nav .section-2 a,
.page-questionnaire .qna-nav .section-7 a {
	background-color: #BC2A34;
}

.page-questionnaire .qna-nav ul li.section-2:not(.active) a:after,
.page-questionnaire .qna-nav ul li.section-7:not(.active) a:after {
	background: -moz-linear-gradient(left,  rgba(188,42,52,0) 0%, rgba(188,42,52,0) 50%, rgba(188,42,52,1) 90%, rgba(188,42,52,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(188,42,52,0)), color-stop(50%,rgba(188,42,52,0)), color-stop(90%,rgba(188,42,52,1)), color-stop(100%,rgba(188,42,52,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(188,42,52,0) 0%,rgba(188,42,52,0) 50%,rgba(188,42,52,1) 90%,rgba(188,42,52,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(188,42,52,0) 0%,rgba(188,42,52,0) 50%,rgba(188,42,52,1) 90%,rgba(188,42,52,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(188,42,52,0) 0%,rgba(188,42,52,0) 50%,rgba(188,42,52,1) 90%,rgba(188,42,52,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(188,42,52,0) 0%,rgba(188,42,52,0) 50%,rgba(188,42,52,1) 90%,rgba(188,42,52,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BC2A34', endColorstr='#BC2A34',GradientType=1 ); /* IE6-9 */
}

/* Section 3 color */
.page-questionnaire.qna-section-3 .answers,
.page-questionnaire.qna-section-8 .answers,
.page-questionnaire.qna-section-3 .answers .answers-list > li,
.page-questionnaire.qna-section-8 .answers .answers-list > li {
	border-color: #EB6D07;
}

.page-questionnaire.qna-section-3 .answers .answers-list .question,
.page-questionnaire.qna-section-8 .answers .answers-list .question {
	color: #EB6D07;
}

.page-questionnaire .qna-nav .section-3 a,
.page-questionnaire .qna-nav .section-8 a {
	background-color: #EB6D07;
}

.page-questionnaire .qna-nav ul li.section-3:not(.active) a:after,
.page-questionnaire .qna-nav ul li.section-8:not(.active) a:after {
	background: -moz-linear-gradient(left,  rgba(235,109,7,0) 0%, rgba(235,109,7,0) 50%, rgba(235,109,7,1) 90%, rgba(235,109,7,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(235,109,7,0)), color-stop(50%,rgba(235,109,7,0)), color-stop(90%,rgba(235,109,7,1)), color-stop(100%,rgba(235,109,7,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(235,109,7,0) 0%,rgba(235,109,7,0) 50%,rgba(235,109,7,1) 90%,rgba(235,109,7,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(235,109,7,0) 0%,rgba(235,109,7,0) 50%,rgba(235,109,7,1) 90%,rgba(235,109,7,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(235,109,7,0) 0%,rgba(235,109,7,0) 50%,rgba(235,109,7,1) 90%,rgba(235,109,7,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(235,109,7,0) 0%,rgba(235,109,7,0) 50%,rgba(235,109,7,1) 90%,rgba(235,109,7,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00EB6D07', endColorstr='#EB6D07',GradientType=1 ); /* IE6-9 */
}

/* Section 4 color */
.page-questionnaire.qna-section-4 .answers,
.page-questionnaire.qna-section-9 .answers,
.page-questionnaire.qna-section-4 .answers .answers-list > li,
.page-questionnaire.qna-section-9 .answers .answers-list > li {
	border-bottom-color: #CBBF00;
}

.page-questionnaire.qna-section-4 .answers .answers-list .question,
.page-questionnaire.qna-section-9 .answers .answers-list .question {
	color: #CBBF00;
}

.page-questionnaire .qna-nav .section-4 a,
.page-questionnaire .qna-nav .section-9 a {
	background-color: #CBBF00;
}

.page-questionnaire .qna-nav ul li.section-4:not(.active) a:after,
.page-questionnaire .qna-nav ul li.section-9:not(.active) a:after {
	background: -moz-linear-gradient(left,  rgba(203,191,0,0) 0%, rgba(203,191,0,0) 50%, rgba(203,191,0,1) 90%, rgba(203,191,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(203,191,0,0)), color-stop(50%,rgba(203,191,0,0)), color-stop(90%,rgba(203,191,0,1)), color-stop(100%,rgba(203,191,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(203,191,0,0) 0%,rgba(203,191,0,0) 50%,rgba(203,191,0,1) 90%,rgba(203,191,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(203,191,0,0) 0%,rgba(203,191,0,0) 50%,rgba(203,191,0,1) 90%,rgba(203,191,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(203,191,0,0) 0%,rgba(203,191,0,0) 50%,rgba(203,191,0,1) 90%,rgba(203,191,0,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(203,191,0,0) 0%,rgba(203,191,0,0) 50%,rgba(203,191,0,1) 90%,rgba(203,191,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cbbf00', endColorstr='#cbbf00',GradientType=1 ); /* IE6-9 */
}

/* Section 5 color */
.page-questionnaire.qna-section-5 .answers,
.page-questionnaire.qna-section-10 .answers,
.page-questionnaire.qna-section-5 .answers .answers-list > li,
.page-questionnaire.qna-section-10 .answers .answers-list > li {
	border-bottom-color: #C6A001;
}

.page-questionnaire.qna-section-5 .answers .answers-list .question,
.page-questionnaire.qna-section-10 .answers .answers-list .question {
	color: #C6A001;
}

.page-questionnaire .qna-nav .section-5 a,
.page-questionnaire .qna-nav .section-10 a {
	background-color: #C6A001;
}

.page-questionnaire .qna-nav ul li.section-5:not(.active) a:after,
.page-questionnaire .qna-nav ul li.section-10:not(.active) a:after {
	background: -moz-linear-gradient(left,  rgba(198,160,1,0) 0%, rgba(198,160,1,0) 50%, rgba(198,160,1,1) 90%, rgba(198,160,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(198,160,1,0)), color-stop(50%,rgba(198,160,1,0)), color-stop(90%,rgba(198,160,1,1)), color-stop(100%,rgba(198,160,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(198,160,1,0) 0%,rgba(198,160,1,0) 50%,rgba(198,160,1,1) 90%,rgba(198,160,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(198,160,1,0) 0%,rgba(198,160,1,0) 50%,rgba(198,160,1,1) 90%,rgba(198,160,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(198,160,1,0) 0%,rgba(198,160,1,0) 50%,rgba(198,160,1,1) 90%,rgba(198,160,1,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(198,160,1,0) 0%,rgba(198,160,1,0) 50%,rgba(198,160,1,1) 90%,rgba(198,160,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00C6A001', endColorstr='#C6A001',GradientType=1 ); /* IE6-9 */
}

section.questionnaire, section.files-upload, section.questionnaire-review {
	padding: 50px 20px 60px 20px;
	position: relative;
	min-height: 320px;
}

section.questionnaire .qna-nav {
	position: absolute;
	top: 0;
	right: 0;
}

section.questionnaire .component {
	opacity: 0;
	left: -15px;
	position: relative;
	-webkit-transition: left 400ms, right 400ms, opacity linear 200ms;
	-o-transition: left 400ms, right 400ms, opacity linear 200ms;
	transition: left 400ms, right 400ms, opacity linear 200ms;
}

section.questionnaire .component.ready {
	opacity: 1;
	right: auto;
	left: 0;
}

.qna-page {
	margin: 0 auto 2em;
}

.qna-page .qna-item {
	margin-top: 20px
}

.qna-page .form-control,
.qna-page .chosen-container > *,
.qna-page .chosen-container-active.chosen-with-drop > a,
.qna-page .chosen-container-active.chosen-with-drop > ul {
	font-size: 18px;
	border-color: #A5A5A5;
	padding: 0 10px;
}

.qna-page .has-error .form-control {
    border-color: #CD0000 !important;
}

.qna-page textarea.form-control{
	padding-top: 10px;
}

.qna-page .chosen-container > .chosen-choices,
.qna-page .chosen-container > .chosen-drop {
	padding: 0 !important;
}

.qna-page textarea.form-control {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.qna-page label {
	font-weight: normal;
	width: auto;
}

.qna-page .btn,
.qna-page .form-control,
.qna-page .chosen-container > *,
.qna-page .chosen-container-active.chosen-with-drop > a,
.qna-page .chosen-container-active.chosen-with-drop > ul {
	border-width: 2px;
	border-right-width: 10px;
	box-shadow: none;
	border-radius: 0;
}

.qna-page .chosen-container.chosen-with-drop .chosen-drop {
	border-width: 2px;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	background-clip: padding-box;
}

.qna-page .chosen-container-multi .chosen-choices li.search-choice {
	border: none;
	background-color: #428bca;
	padding: 7px 23px 4px 5px;
	margin: 5px 0 0px 5px;
	font-size: 14px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	font-size: 14px;
	top: 7px;
}

.qna-page .btn,
.qna-page .form-control {
	padding: 15px 10px;
}

.qna-page .btn:focus {
	outline: none;
}

.qna-page .btn-sm {
	padding: 6px 20px 6px 20px;
	border-right-width: 5px;
	font-size: 14px;
}

.qna-page .qna-list li {
	font-size: 16px;
	margin-bottom: 10px;
}

.qna-page .qna-list li input {
	position: relative;
	bottom: -2px;
}

.qna-page .datepicker-group .btn {
	padding: 9px;
	font-size: 16px;
	border-width: 1px;
	box-shadow: none;
	margin: 0;
}

.qna-page .datepicker-group tbody .text-muted {
	color: #BBBBBB;
}

.qna-page .datepicker-group {
	display: block;
}

.qna-page .datepicker-group > .dropdown-menu {
	background-color: transparent;
	box-shadow: none;
	border: none;
}

.qna-page .datepicker tbody .btn {
	padding: 5px;
	margin: 0;
	font-size: 14px;
	border-radius: 0;
	border: solid 1px;
}

.qna-page .btn,
.qna-page .form-control,
.wizard-control * {
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

.qna-page .form-control {
	font-family: Helvetica, Arial, sans-serif;
	height: 38px;
	line-height: 34px;
	padding-top: 0;
	padding-bottom: 0;
}

.qna-page .chosen-container{
	font-family: Helvetica, Arial, sans-serif;
}

.qna-page textarea.form-control {
    height: auto;
}

.qna-page .btn {
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

.qna-page .btn-negation {
	background-color: #CD0000;
	border-color: #A70000;
	color: #FFF;
}

.qna-page .btn:not(.btn-danger):not(.btn-info):not(.btn-success):not(.btn-warning):not(.btn-negation):hover{
	background: #A5A5A5;
	color: #FFF;
	border-color: #888;
}

.qna-page .btn.btn-default:not(.active):not(:hover),
.qna-page .btn.btn-danger:not(.active):not(:hover),
.qna-page .btn.btn-success:not(.active):not(:hover),
.qna-page .btn.btn-info:not(.active):not(:hover),
.qna-page .btn.btn-warning:not(.active):not(:hover),
.qna-page .btn.btn-negation:not(.active):not(:hover) {
	background: #888;
	border-color: #676767;
	color: #FFFFFF;
}

.qna-page .btn:not(.active):focus,
.qna-page .form-control:focus,
.qna-page .chosen-container-active {
	-webkit-box-shadow: 0 0 30px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 30px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 30px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 30px 3px rgba(0,0,0,0.1);
	box-shadow: 0 0 30px 3px rgba(0,0,0,0.1);
	outline: none;
}

.qna-page .form-control:focus,
.qna-page .chosen-container-active > a,
.qna-page .chosen-container-active > ul {
	border-color: #676767;
}

.qna-page .btn .caret {
	border-width: 8px 8px 0;
	color: #BABABA;
}

.qna-page .btn-file {
	position: relative;
	display: inline-block;
}

.qna-page .btn-file input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	background-color: red;
}

.qna-page .form-inline > .form-group:first-child > input {
	min-width: 445px
}

.qna-page .form-control + .dropdown-menu,
.qna-page .btn + .dropdown-menu {
	width: 100%;
	margin: 0;
	top: 85%;
	border-width: 2px;
	padding: 0;
	left: 0 !important;
}

.calendar-popup .btn + .dropdown-menu {
	width: initial;	
}


.qna-page .form-control + .dropdown-menu > li > a,
.qna-page .btn + .dropdown-menu > li > a {
	font-size: 16px;
}

.dropdown-menu.multiline>li>a{
	white-space: normal;
}

.qna-page .form-control + .dropdown-menu > li > a:hover,
.qna-page .btn + .dropdown-menu > li > a:hover,
.qna-page .form-control + .dropdown-menu > li.active > a,
.qna-page .btn + .dropdown-menu > li.active > a,
.qna-page .chosen-container .chosen-results li.highlighted {
	background: #888;
	color: #FFF;
}

.qna-page .dropdown-toggle:after {
	content: ".";
	color: transparent;
}

.qna-page .chosen-container-single .chosen-search input[type="text"] {
	border-radius: 0;
	font-size: 16px;
}

.qna-page .chosen-container-single .chosen-single {
    height: 38px;
}

.qna-page .chosen-container-single .chosen-single span {
	height: 100%;
	line-height: 36px;
}

.qna-page .chosen-container .chosen-results li {
	font-size: 16px;
	padding: 7px 6px 6px;
}

.qna-page .chosen-container .chosen-results li em {
	text-decoration: none;
	border-bottom: solid 2px #888;
}

.qna-page .required-answer {
    position: relative;
}

.required-answer-daj {
	color: #CD0000;
	position: absolute;
	font-weight: bold;
}

.qna-page .required-answer:before {
	content: "";
	width: 5px;
	height: 38px;
	background: #CD0000;
	position: absolute;
	left: -10px;
	top: 0;
}

.qna-page .required-answer.filled:before {
    background: #ccc;
}

.qna-page .required-answer.required-answer-component:before {
    left: 5px;
    height: 53px;
}

.qna-page .required-answer-component.required-answer-with-labels:before {
    top: 25px;
}

.qna-page .required-answer-message {
    position: relative;
}

.qna-page .required-answer-message:before {
	content: "";
	width: 5px;
	height: 13px;
	background: #CD0000;
	position: absolute;
	left: -10px;
	top: 2px;
}

.qna-page .help-info {
    position: absolute;
    right: -15px;
    top: 13px;
    cursor:pointer;
    MARGIN-RIGHT: initial;
    margin-bottom: inherit;
}

.qna-page .help-info-2 {
    position: absolute;
    right: -40px;
    top: 13px;
    cursor:pointer;
}

.wizard-control {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
}

.wizard-control .btn {
	border: none;
	margin: 0 5px;
}

/* QUESTIONNAIRE MEDIA QUERIES */
@media (max-width: 767px) {

	.questionnaire-wrapper [class*=col-]{
		margin-top: 10px;
	}

	.questionnaire-wrapper .row.margin-top {
		margin-top: 0;
	}

}
/* Page > Login */
body.page-login {
	background: url('../images/page/login/bg.jpg');
	background-size: cover;
}

.page-login .main-content {
	margin-top: 3em;
}

.page-login .main-content .form-wrapper {
	padding-top: 3em;
	padding-bottom: 2em;
}


.qna-page .chosen-container .chosen-results li.group-result {
	font-size: 17px;
	font-weight: bold;
	color: black; 
	font-family: 'ambnewutclassic-mediummedium';
}

.qna-page .chosen-container .chosen-results li.group-option {
	padding-left: 20px;
}

.btn.text-small {
	font-size: 15px;
}

.qna-page .input-group-btn .btn {
    height: 38px;
    line-height: 10px;
}

.col-md-11-1{
	font-weight: bold;
}

.col-sm-6-1{
	margin-top:18px;
	margin-bottom:35px;
}
.col-md-16-1{
	margin-bottom:13px;
}
.choices__input{
	background:#ffffff !important;
}

/* Règles générales pour les autres tailles d'écran (avant 1400px) */
.container {
	width: 100%;
	margin: 0 auto;
}