/** ------------------------------------------------------------------------------------------------------------------- *
	feedback.css: All layout and markup for the feedback site.
		Copyright (c) 2012-Present - agileKaizen, Ltd., all rights reserved. http://agileKaizen.com
 ** ------------------------------------------------------------------------------------------------------------------- */
html, body {height:100%; padding:0; margin:0; background:rgb(255,255,255); color:rgb(35,55,82);}
.footer 	 	{position:fixed; bottom:0px; left:0px; right:0px; background:#EEE; border:1px solid #CCC; border-bottom:none; padding:5px 10px; border-radius:5px 5px 0 0;}
.feedbackForm	{margin-bottom:40px;} /*border-radius:6px; box-shadow:0 3px 7px rgba(0, 0, 0, 0.3)*/
.logoArea {max-height:80px; margin-bottom:8px; text-align: center; overflow: hidden;}
.logo {position:relative; margin:auto; width:138px; height:35px; background:url(../../images/logo/talentScorecard_138x35.png) 0px 0px no-repeat; z-index:2}


/* ============================== navbar ============================== */
.navbar-default {padding:0px; padding-right:1rem; height:50px; left:0px;}
	.navbar-default .navbar-brand {min-width:220px; height:50px; padding:0; margin:0;}
	.navbar-default .nav-link {height:50px; font-size:16px; text-decoration:none; 
								padding-top:.8rem; padding-left:1rem !important; padding-right:1rem !important;}
	.navbar-default .nav-link > i {font-size:24px;}
	.navbar-default .nav-link:hover, .navbar-default .nav-link:focus {transition:all 0.2s ease-in;}
	.navbar-default .navbar-btn {margin-top:8px;}

.navbar-footer {min-height:28px; padding:0 10px;}
	.poweredBy {position:relative; right:10px;}

.background-purple {background: #553966; /* Old browsers */
	background: -moz-linear-gradient(left,  #553966 0%, #886c99 20%, #886c99 30%, #553966 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#553966), color-stop(20%,#886c99), color-stop(30%,#886c99), color-stop(100%,#553966)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #553966 0%,#886c99 20%,#886c99 30%,#553966 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #553966 0%,#886c99 20%,#886c99 30%,#553966 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #553966 0%,#886c99 20%,#886c99 30%,#553966 100%); /* IE10+ */
	background: linear-gradient(to right,  #553966 0%,#886c99 20%,#886c99 30%,#553966 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#553966', endColorstr='#553966',GradientType=1 ); /* IE6-9 */
	-webkit-box-shadow: 0px 3px 6px #886C99; -moz-box-shadow: 0px 3px 6px #886C99; box-shadow: 0px 3px 6px #886C99;}
	.title {color:#FFFFFF; font-size:70px; line-height:1em; font-weight:bold; display:block; 
			text-shadow:2px 2px 1px rgba(0, 0, 0, 0.6); font-variant:small-caps; width:100%; margin-bottom:15px;}
	.subTitle {font-size:26px; line-height:36px; font-weight:normal; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6); color:#FFFFFF;} /*DFC9F4*/
	.titleDescription {font-size:20px; line-height:24px; font-weight:normal; text-shadow:0 2px 0 rgba(0, 0, 0, 0.6); color:#DFC9F4;}

.centerPanel {position:relative; width:100%; margin-bottom:10px} .centerPanel.narrow {width:720px; margin-left:-360px;}

/* Pages */
.feedback-header .nav.nav-pills.float-end {margin-top:2px;}

.navbar-feedback {top:51px; background:#f1f7f9 url(../../images/background/mozSand.png); color:#666666; border-bottom:1px solid #DDDDDD; z-index:2;}
.navbar-feedback .container {margin-top:5px; margin-bottom:5px;}
.navbar-feedback li p {padding-top:9px; text-shadow:0 1px 0 #FFFFFF; color:#555555}

.navbar-fixed-top-margin {margin-top:55px}
.navbar-fixed-top-margin-75 {margin-top:75px}
.navbar-fixed-top-margin-125 {margin-top:125px}

.jumbotron {text-align:center; text-shadow:0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075); background:none;}
	.jumbotron h1 {font-size:60px; font-weight:bold; letter-spacing:-1px; line-height:1em; padding-top:40px}

.hints {position:absolute; width:550px; right:10px; bottom:80px; padding:0px 10px 3px 10px; border:1px solid #CCC; border-radius:6px; background:#EEE}
.hints ul {padding-left:30px}
.hints li {margin:6px 0px;}
.evalDescription {width:355px; min-height:170px; padding:0 10px; margin-top:20px; border:1px solid #CCC; border-radius:6px;}


/* ============================== Footer ============================== */
.footer a.parent {float:left; width:130px; margin:5px 30px; height:26px; background:url(../../images/corporate/logo/agileKaizen.png) 0px 0px no-repeat;}
.poweredBy {position:relative; right:10px; color:#666;}


/* ----- Javascript Classes ----- */
/* Loading Message */
.dwrLoadingDisableDiv {position:fixed; z-index:1000001; left:0; top:0; width:100%; height:100%;}
.dwrLoadingMsg {position:fixed; padding:4px 12px 4px 8px; top:10px; right:50%; margin-right:-45px; border:1px solid #CCC; border-radius:5px; z-index:1000000;
				background-color:#666666; border-color:#999999; color:#FFFFFF;}

/* Thumbnails */
.thumbnail {filter:alpha(opacity=50); opacity:.5; background:#FFFFFF;}
.thumbnail:hover {filter:alpha(opacity=100); opacity:1; border-color:#553966; box-shadow:0 2px 4px rgba(0, 105, 214, 0.25);}
.thumbnail:focus {filter:alpha(opacity=100); opacity:1; outline:thin dotted #333333; outline-offset:-2px}
.thumbnail.active {border:1px solid black; filter:alpha(opacity=100); opacity:1;}



/* ============================== bootstrap sub menus, from:
								  http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3
								  					  ============================== */
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }


/** ------------------------------------------------------------------------------------------------------------------- *
	Media Types: Fixes to accommodate every screen size - add new tags progressively
				 Matched to Bootstrap measures
 ** ------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
	body {padding-top:0px}
	.login body {background:#FFF}
	.loginPanel {width:100%;}
	.leftPanel {width:100%; text-align:left}
}

@media (max-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 979px) {
	body {padding-top:0px}
}

@media (min-width: 980px) {
}