/*
Theme Name: Bootstrap 3
Author: JAZ
Author URI: http://www.jaz.com.au
Description: Starter template for Bootstrap 3 Framework
Version: 1.0
*/

body {
	background-color: #68909D;
	font-family: 'Oxygen', sans-serif;
}

header,
.content {
	background-color: #E2EEF1;
}

header .container .row .col-xs-12 {
	padding: 0;
}

header #logo {
	padding: 15px 0;
}

header .menu {
	background-color: #fff;
	padding: 5px 10px;
}

footer {	
	padding-top: 15px;
}

footer,
footer a {
	color: #FFF;
}

footer a:hover {
	text-decoration: none;
}

.content .container {
	background: #FFF;
	min-height: 440px;
	padding-bottom: 15px;
}

.menu {
	margin: 0;
}

header .border {
	border-color: #FFF;
	border-style: solid;
	border-width: 4px 2px 0 2px;
	font-size: 0;
}

.title {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	padding: 0 5px;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 2px 0 2px;
	transition: background-color .2s ease-in-out;
}

.title:hover {
	background-color: #FFF;
}

.title a {
	color: #344A5F;
}

.title a:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #344A5F;
}

.notifications.bar {
	position: fixed;
	display: block;
	z-index: 2;
	width: 200px;
	padding: 5px 15px;
	left: calc(50% - 100px);
	color: #354b5f;
	font-size: 12px;
	font-weight: 600;
	background-color: #a2c7cc;
	/* box-shadow: 0 0 5px 0px #333; */
}

@media(max-width: 600px) {
	.notifications.bar {
		bottom: 0;
		left: calc(100% - 200px);
	}
}

tr.company.average {
	background-color: #E2EEF1;
}

tr.global.average {
	background-color: #A2C7CC;
}

.send-participant-form.button {
	cursor: pointer;
}

footer .copyright span {
	padding-bottom: 30px;
}

/* Login */

.login-form {
	max-width: 700px;
	margin: 0 auto;
}

.login-username input {
	background-image: url(img/username.svg) !important;
}

.login-password input {
	background-image: url(img/password.png) !important;
}

.login-username input,
.login-password input,
.login-submit input {
	height: 35px;
}

.login-username input,
.login-password input {
	width: 100%;
	padding-left: 30px;
	border: 1px solid #D1D2D3;
    background-position: 3px;
	background-size: 20px;
    background-repeat: no-repeat;
}

@media(max-width: 991px) {
	#loginform {
		width: 100%;
		margin: 0;
	}
}

/*
.login-username label,
.login-password label {
	display: none;
}
*/

.login-username,
.login-password {
}

.login-remember label {
	font-weight: 400;
}

.login-remember label input[type='checkbox'] {
	font-size: 24px;
}

.login-submit input[type='submit'] {
	color: #FFF;
	background-color: #344A5F;
	border: 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
}

.bold {
	font-weight: 600;
}

/* A, B, C & D: */

#survey_answer1:before { content: 'A.'; margin-right: 15px; }
#survey_answer2:before { content: 'B.'; margin-right: 15px; }
#survey_answer3:before { content: 'C.'; margin-right: 15px; }
#survey_answer4:before { content: 'D.'; margin-right: 15px; }

/* Buttons */

.main-button {
	border-bottom: 1px solid #344A5F;
	text-align: left;
	padding: 15px 0;
}

.main-button img {
	max-height: 115px;
	max-width: 115px;
	margin-right: 30px;
}

@media(max-width:768px) {

	.main-button br {
		display: none;
	}

	.main-button h2 {
		font-size: 20px;
	}
	
	.main-button h3 {
		font-size: 16px;
	}

	.main-button img {
		max-height: 80px;
		max-width: 80px;
		margin-right: 15px;
	}

}

.main-button h2 {
	margin-top: 5px;
}

.main-button h3 {
	margin-top: 10px;
}

.btn {
	border-radius: 0;
	transition: background-color .2s ease-in-out;
}

.btn-primary {
	background-color: #344A5F;
}

/* Framework */

.abs { position: absolute; }
.rel { position: relative; }
.left { left: 0; }
.right { right: 0; }
.top { top: 0; }
.bottom { bottom: 0; }
.no-pad { padding: 0; }
.margin-right { margin-right: 15px; }

img.icon {
	object-fit: none;
	width: 243px;
	height: 243px;
}
img.topleft { object-position: 0 0; }
img.topright { object-position: 0 -243px; }
img.bottomleft { object-position: -243px 0; }
img.bottomright { object-position: -243px -243px; }

/* Test's styles
 *
 * sorry about the overuse of !important, but the plugin writes
 * directly to the 'style' property of the HTML element
 */
.send-participant-form {
	background-color: #337AB7;
	color: #FFF;
	line-height: 3;
}

.send-participant-form:hover {
	cursor: pointer;
	color: #E2EEF1;
	text-decoration: none;
}

.survey_question {
	background-color: #FFF !important;
	border: none!important;
	padding: 0!important;
	margin: 0!important;
	color: #6D6E71!important;
	box-shadow: none!important;
}

.survey_question span {
	margin: 0!important;
	font-size: 18px;
	font-weight: 300;
}

.survey_question span.number,
.survey_answers span.letter {
	padding-left: 0!important;
	padding-right: 10px!important;
}

.survey-progress-bar .survey-progress-ln,
.survey-progress-bar .survey-progress-ln2 {
	background-color: #6D6E71 !important;
}

span.progress {
	background-color: #68909D!important;
}

.survey_answers {
	transition: box-shadow .3s cubic-bezier(.25,.8,.25,1)!important;
	transition: background-color .2s ease-in-out;
}

.survey_answers:not(.selected):hover {
	opacity: 1!important;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25),0 3px 3px rgba(0,0,0,0.22)!important;
}

.survey_answers.selected {
	color: #FFF!important;
	box-shadow: none!important;
}

.collapseomatic_content {
	margin: 16px;
}

.collapseomatic {
	background-image: url(img/banner/dn.png);
}

.colomat-close {
	background-image: url(img/banner/up.png);
}

.finance,
.operations,
.marketing,
.strategy,
.sales,
.change {
	margin-bottom: 15px;
}

.finance h3,
.operations h3,
.marketing h3,
.strategy h3,
.sales h3,
.change h3 {
	min-height: 52px;
	padding-top: 12px;
	color: #FFF;
	background-position: 100% 50%;
}

.finance h3 {
	background-color: #0096A0;
	background-image: url(img/banner/finance.png);
}

.operations h3 {
	background-color: #74A137;
	background-image: url(img/banner/operations.png);
}

.marketing h3 {
	background-color: #D26048;
	background-image: url(img/banner/marketing.png);
}

.strategy h3 {
	background-color: #F68A3D;
	background-image: url(img/banner/strategy.png);
}

.sales h3 {
	background-color: #F68A3D;
	background-image: url(img/banner/sales.png);
}

.change h3 {
	background-color: #F68A3D;
	background-image: url(img/banner/change.png);
}

.sales h3 {
	background-color: #752F8A;
}

.change h3 {
	background-color: #CC3524;
}

.finance .survey_answers:hover {
	background-color: #9DC9CF!important;
}

.finance .survey_answers.selected {
	background-color: #0096A0!important;
}

.operations .survey_answers:hover {
	background-color: #BFD1A2!important;
}

.operations .survey_answers.selected {
	background-color: #74A137!important;
}

.marketing .survey_answers:hover {
	background-color: #EAB8A5!important;
}

.marketing .survey_answers.selected {
	background-color: #CC3524!important;
}

.strategy .survey_answers:hover {
	background-color: #FDCCA7!important;
}

.strategy .survey_answers.selected {
	background-color: #F68A3D!important;
}

.sales .survey_answers:hover {
	background-color: #B99DC5!important;
}

.sales .survey_answers.selected {
	background-color: #752F8A!important;
}

.change .survey_answers:hover {
	background-color: #F6B2A1!important;
}

.change .survey_answers.selected {
	background-color: #CC3524!important;
}

#survey_preloader {
	display: none;
}

.results .finance table tr td { width: 25%; }
.results .operations table tr td { width: 25%; }
.results .marketing table tr td { width: 25%; }
.results .strategy table tr td { width: 25%; }
.results .sales table tr td { width: 25%; }
.results .change table tr td { width: 25%; }

@media(max-width: 768px) {

	.results .collapseomatic_content {
		overflow-x: scroll;
	}

}

@media(max-width:600px) {

	.company {
		overflow-x: scroll;
	}

}

/*
span.number {
	display: none!important;
}

.sq0>span:before,
.sq1>span:before,
.sq2>span:before,
.sq3>span:before,
.sq4>span:before,
.sq5>span:before,
.sq6>span:before,
.sq7>span:before,
.sq8>span:before,
.sq9>span:before {
	padding-right: 15px;
}

.sq0>span:before { content: '1.'; }
.sq1>span:before { content: '2.'; }
.sq2>span:before { content: '3.'; }
.sq3>span:before { content: '4.'; }
.sq4>span:before { content: '5.'; }
.sq5>span:before { content: '6.'; }
.sq6>span:before { content: '7.'; }
.sq7>span:before { content: '8.'; }
.sq8>span:before { content: '9.'; }
.sq9>span:before { content: '10.'; }
*/