/*
* Base structure
*/
	/* Move down content because we have a fixed navbar that is 50px tall */

	body {
		font-family: 'Roboto', helvetica sans-serif;
		color: #2f353d;
	}

.full {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #5e6e77;
}
.full body {    background-color: transparent;
}
.full h1, .full h1.page-header  small {color:#fff;}

.full header .navbar-fixed-top { background-color: transparent;}
.full footer {
background-color: transparent;
    color: #b4bec3;
    width: 100%;}
.full footer p {color:#fff}

	p {
		font-weight: 300;
		color: #2f353d;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Roboto Slab', helvetica sans-serif;
		color: #5e6e77;
	}

h1.page-header {
	padding-bottom:10px;
	margin: 10px 0 0px;
	}

	h1.page-header,
	h1.page-header small {
		font-weight: 300;
		font-size: 32px;
	}

	h1.page-header small {
		color: #5e6e77;
		font-size: 16px;
	}

.inline-top {padding-right:10px;}

	h2.page-header {font-weight: 300;font-size:22px;margin-top:4px;display:inline-block;padding-bottom:5px;}
	h2.page-header small {text-transform: uppercase;font-family:'Roboto', sans-serif;color:#b6b8b8;letter-spacing:.05em;font-weight: 300;}
	h2.company-brand {
		letter-spacing: .03em;
		font-family: 'Roboto Slab', helvetica sans-serif;
		font-weight: 300;
		float: left;
		font-size: 12px;
		color: #fff;
		border-left: 1px solid #aeb6bb;
		margin: 10px 0 0 0px;
		padding-left: 10px;
	}

	h2.company-brand span {
		opacity: .5
	}

dt, dl {color:#555;}
	/*
* Global add-ons
*/
.panel-title span {font-weight:300;color:#888;}
	.sub-header {
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
	}
/* Top Header   */

	header .container-fluid {
		padding: 0px;
				background-color: #faab99;

	}
#header {
    display: block;
    height: 73px;
    margin: 0;
    padding: 0 0px 0 0;
    background-color: transparent;
}
.dark-theme {background-color:#dfe2e3;margin-bottom: 10px}


.top-box {
    z-index: 1;
    position: absolute;
    /* float: left; */
    padding: 0 10px 10px 250px;
    top: 0px;
    left: 0px;
    background-color: #5e6e77;
    width: 100%;
	}
.top-box a {
	display: inline-block;
	letter-spacing: .03em;
	font-family: 'Roboto', helvetica sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
}
.top-box a.logout, .top-box a.help {
	opacity: .8;
	font-size: 10px;
	line-height: 10px;
	border-left: 1px solid #aeb6bb;
	margin: 10px 0 0 0px;
	padding-left: 10px;
    padding-right: 10px;
}
.top-box a.help {
		padding-right: 10px;
}
.right-options {
	float:right;
	margin-right: 20px;
}


.top-box span {
	display: inline-block;
	letter-spacing: .03em;
	font-family: 'Roboto', helvetica sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
}
.top-box span.logout, .top-box span.help {
	opacity: .8;
	font-size: 10px;
	line-height: 10px;
	border-left: 1px solid #aeb6bb;
	margin: 10px 0 0 0px;
	padding-left: 10px;
    padding-right: 10px;
}

	/*
* Top navigation
* Hide default border to remove 1px line.
*/

	.navbar-default {
		background-color: transparent;
	}

	.navbar-collapse {
		/* Remove line */
		-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
		*/
	}

header .navbar-fixed-top {
		border: 0;
    background-color: #faab99;
	height:73px;
	}

.mm-opened header .navbar-fixed-top {
   /* position: fixed; IE BUG */ 
}
.navbar-fixed-top {position:absolute;}

	.navbar-inverse {
		background-color: #5e6e77;
		border-color: #080808;
		border: 0px solid #ddd;
	}

	.navbar {
		border: 0px solid transparent;
		min-height: 30px;
		margin-bottom: 0px;
		border-radius: 0px;
	}

	.navbar a {
		font-family: 'Roboto', helvetica sans-serif;
		font-weight: 300;
		font-size: 12px;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 8px;
	}

.navbar-brand {
	height: 73px;
	width: 250px;
	background-color: #5e6e77;
	padding-right: 0px;
	position: absolute;
	/*top: 0px;  Taking this out to stop mobile issue with it visible under auto hide nav
	left: 0px;*/
	z-index: 2;
}
	}

	.navbar-nav-top {
		position: absolute;
		left: 266px;
	}

	.navbar-brand a {
		background-image: url(../images/logos/perendie-logo.png);
		background-position: 50px 10px;
		background-size: 120px;
		background-repeat: no-repeat;
		color: #ccc;
		text-indent: -999px;
		width: 200px;
		display: block;
		height: 50px;
	}
/*
.sidebar-btn {
	background-color: transparent;
	padding:0px;
	text-align: center;
	z-index: 2;
	margin:0 0 20px 0;
}*/

#page-content-wrapper {
	padding: 10px;
	position: relative;
}



.sidebar-btn .btn-default {
	    background-color: #aaced7;
}

	#menu-toggle, #side-menu-toggle {
	/*padding: 0px 5px 0px 5px;
	border: 0px;
	background-color: transparent;
	margin:0px;
	color: #5e6e77;
	line-height: 10px;
	z-index: 1000;
		font-size: 10px;
	*/
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight:100;
}
	#menu-toggle.btn-default,
	#menu-toggle.btn-default:hover,
	#menu-toggle.btn-default:focus,
	#menu-toggle.btn-default:visited,
	#side-menu-toggle.btn-default, 
	#side-menu-toggle.btn-default:hover,
	#side-menu-toggle.btn-default:focus,
	#side-menu-toggle.btn-default:visited {
    color: #fff;
	    background-color: #aaced7;
    border-color: #fff;
}
#menu-toggle span,	#side-menu-toggle span  {padding:2px 0 0 0;display: block}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: #ac8c88;
		border: 0px;
	}

	.navbar-inverse .navbar-toggle {
		border-color: #fff;
	}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    		transition: all 0.3s ease 0s;

}
	.navbar-inverse .navbar-nav>.active>a,
	.navbar-inverse .navbar-nav>.active>a:focus,
	.navbar-inverse .navbar-nav>.active>a:hover {
		background-color: transparent;
		border-bottom: 0px solid #fff;
	}

	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {
		color: #fff;
		background-color: #ac8c88;
		border-bottom: 0px solid #5e6774;
	}
	.navbar-nav>li>a:hover {
		color: #fff!important;
		background-color: #ac8c88 !important;
}
	a {
		color: #899ebb;
	}

/* 
--
Bootstrap overrides 
---


.panel-group .panel-heading+.panel-collapse>.list-group, 
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 6px;
}
*/
/* 
--
END Bootstrap overrides 
---
*/



/*

Hamburger Menu 


.mm-menu.mm-offcanvas {
    z-index: 1;
}

*/

	#menu-outcomes:not( .mm-menu ) {
   display: none;
}
		#menu:not( .mm-menu ) {
   display: none;
}
	


/* Bug - Sort out z-index issue when sidemenu is toggled with Mobile menu */
.mm-opened #wrapper.toggled {
	padding-left:0px;

}

.mmenu-icon {
  display: inline-block;
	position: absolute;
	top:37px;
	right: 15px;
	z-index: 99999;
	background-color:transparent;
	border:0px;
	border-radius: 0px;
	font-family: 'Roboto', helvetica sans-serif;
	font-weight: 100;
	line-height: 20px;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
}
    .mmenu-icon i {
        border-color: #ac8c88;
        line-height: 16px;
        display: inline-block;
    }
.mm-menu {
    border-color: rgba(0,0,0,.1);
   color: #fff;
	font-weight: 100;
	font-family: 'Roboto', arial sans-serif;
	letter-spacing: .05em;
}
#menu.mm-menu {
    background: #faab99;
}
#menu-outcomes.mm-menu {
    background: #aaced7;
}
.btn-info:hover {
    color: #fff;
    background-color: #ac8c88;
    border-color:none;
}
.btn-info:visited, .btn-info:focus {
	    background-color: transparent;
}

.sidebar-btn {
    float: left;
	margin: 13px 28px 10px 0px;
    width: 100%;
}

	/*


	/* 
* Submenu  
*/

a#expand {color: #5e6e77;font-weight: 300;text-transform: uppercase;letter-spacing: 1px;}


/* Sidebar */

/* Typography */

.breadcrumb {
		float:left;
		padding: 5px 0px 0px 0px;
		list-style: none;
		background-color: transparent;
		border-radius: 0px;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
		font-weight: 100;
	}

	.page-header {
		clear:both;
		padding-bottom: 9px;
		margin: 10px 0 12px;
		border-bottom: 0px solid #eee;
	}
	/* Panels  */
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #aaced7;
    border-color: #fff;
	  -webkit-box-shadow:none;
    box-shadow:none;
}


	.panel {
		background-color: #fff;
		border: 1px solid transparent;
		border-radius: 4px;
		-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	}

.panel-title button,.panel-title .btn-group {margin-top:-5px}

	#sidebar-wrapper aside .panel {
		background-color: #49525f;
		border: 0px solid #2f353d;
	}

	#sidebar-wrapper aside {
		padding: 10px;
	}

	.panel-default {
		background-color: #eff0f1;
	}

	.panel-default.summary {
	min-height:490px;
}

	.panel-default.orange,
	.panel-default.orange .panel-heading {
		background-color: #feeeeb;
	}

	.panel-default>.panel-heading, label {
		font-weight: 700;
		color:#5e6e77;
	}
#audit .col-md-4 .form-control {margin-bottom:10px;}	

.orange .panel-heading {
	color:#faab99;
}
.panel-title {
	color:#5e6e77;
}
.checkbox-lg {
	height: 26px; width:26px; 
	margin-left:0px
}
.outcomes-details .row div {
    margin-top: 10px;
}
.panel-default>.panel-heading  {background-color: #d3e4e8;}

table th {
	text-transform: uppercase;
	letter-spacing:.08em;
	color: #5e6e77;
	font-size: 11px;
}
/*table th span {text-transform:lowercase}*/
table {
		color:#5e6e77
}

.dynamic .table>tbody>tr>td.txt-center, .dynamic .table>thead>tr>th.txt-center{
	text-align: center;
	width:140px;

}

.mm-listview .select-object {padding:20px 20px;}

	/* Hide for mobile, show later */

#sidebar-wrapper .well {
    background-color:#8ebdc8;
		margin-bottom: 0px;
}

#sidebar-wrapper .panel {
    margin-bottom: 20px;
    background-color: transparent;
     border: 1px solid transparent;
    border-radius: 4px;
		-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
		box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
#sidebar-wrapper .panel-default {
	  border-radius: 4px;
		border: 1px solid #fff;
		background-color:#aaced7;

}
#sidebar-wrapper .panel-default>.panel-heading {
					background-color:transparent;
}
.panel-title {
	font-size: 14px;
}
#sidebar-wrapper .panel-title {
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
}
#sidebar-wrapper .panel-title a {
    margin-top: 0;
    margin-bottom: 0;
    color: #5e6e77;
    font-family: 'Roboto', arial sans-serif;
	    transition: all 0.3s ease 0s;
	
	}
#sidebar-wrapper .panel-title a:hover, #sidebar-wrapper .panel-title a:focus {
		text-decoration: none!important; 
		color:#fff;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .btr {
    margin-right: 5px;
}	


	.list-group.panel > .list-group-item,
	.list-group-item,
	.list-group-item:first-child,
	.list-group-item:last-child {
		border-radius:4px;
		background-color: transparent;
	/*	border: 0px; */
		color: #fff;
		font-size: 12px;
		font-weight: 100;
		border-color: #fff;
	}
 a.list-group-item:last-child {
		margin:0px 0 0px!important;
	}
	
	.list-group-submenu {
		margin-left: 20px;
	}
.collapse .list-group-item{

}
	a.list-group-item:focus,
	a.list-group-item:hover,
	button.list-group-item:focus,
	button.list-group-item:hover {
		color: #555;
		text-decoration: none;
		background-color: #faab99;
	}

	a.list-group-item,
	button.list-group-item {
		color: #fff;
	}

.list-group-item-default .collapsed {
	background-color:#dd9900;
}
	#sidebar-wrapper .list-group.panel {
		/* min-width: 250px;
		stops it collaping 
		border-radius: 0px;*/
		margin-bottom: 0px;
		background-color: transparent;
		transition: all 0.3s ease 0s;
}

	#sidebar-wrapper aside {
		position: absolute;
		bottom: 30px;
		margin-top: 0px;
	}

/* 
		FORM CSS
*/
.normal {}
/* For textarea autosizing */
.animated {
    			-webkit-transition: height 0.2s;
				-moz-transition: height 0.2s;
				transition: height 0.2s;
			}
.form-control {
    background-color: whitesmoke;
	border: 1px solid #d8dfe6;
}
form {    margin-bottom: 10px;}

/* Tooltip  */
.tooltip.right .tooltip-inner{
    background-color:#2a79a6;
   white-space:pre;
    max-width:none;
}
.tooltip.right .tooltip-arrow {
      border-right-color: #2a79a6;
}

form input[type=file] {
    display: inline-block;
	margin-left:5px;
}
.form-inline input[type=checkbox] {margin-left: 10px; margin-top: -2px;}

.form-top {padding:0px 0px 15px;margin:0px}
	/* Map work */
	/* --------

Strategy Map

--------- */

.row.no-margin, .row.no-margin.col-md-12 {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}

.map-wrapper, .map-wrapper iframe {
/*overflow-x:scroll;
overflow-y: scroll;*/
-webkit-overflow-scrolling:touch;
}

.map-display .page, .map-display #wrapper, .map-display .container-fluid, .map-display .container {padding:0px;}

#strategy-map .panel-body a  {color: #fff;    		}
#strategy-map .panel-body a:hover {text-decoration: none;opacity:0.6}

#strategy-map .panel.theme1,
#strategy-map .panel.theme2,
#strategy-map .panel.theme3, #strategy-map .panel.theme4 {transition: all 0.3s ease 0s;}

#strategy-map .panel.theme1:hover,
#strategy-map .panel.theme2:hover,
#strategy-map .panel.theme3:hover {opacity:0.8}

#strategy-map div.panel.panel-primary.left {background-color: transparent}

#strategy-map div.panel.panel-primary.left div.panel-body span.arrow {
		background-image: url(../images/arrow-left.png);
		font-size: 20px;
		color: #5e6774;
		position: absolute;
		display: block;
		height: 40px;
		width: 40px;
		background-color: #ddd;
		border-radius: 40px;
		text-align: center;
		line-height: 40px;
		z-index: 1000;
	background-position:50% 50%;
	background-size: 25px;
	background-repeat: no-repeat;
	content: " ";
	top:30%;
	left:40%;
}

#strategy-map .panel.link-up:before,
	#strategy-map .panel.link-right:after,
	#strategy-map .panel.link-left:before,
	#strategy-map .panel.link-down:before {
		font-size: 20px;
		color: #5e6774;
		position: absolute;
		display: block;
		height: 40px;
		width: 40px;
		background-color: #ddd;
		border-radius: 40px;
		text-align: center;
		line-height: 40px;
		z-index: 1000;
    background-position:50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
	  content: " ";
	}


	#strategy-map .panel.link-right:after {
		background-image: url(../images/arrow-right.png);
    top: 30%;
    right: -20px;


}

	#strategy-map .panel.link-left:before {
		background-image: url(../images/arrow-left.png);
		top: 30%;
		left: -20px;
	}

	#strategy-map .panel.link-down:before {
		background-image: url(../images/arrow-down.png);
		bottom: 0%;
		left: 40%;
	}

	#strategy-map .panel.link-up:before {
		background-image: url(../images/arrow-up.png);
		top: -30px;
		left: 40%;
	}

	#strategy-map .row.col-wrapper {
		margin-bottom: 15px;
		background-color: #eff0f1;
		border-radius: 6px;
	}

	#strategy-map .row.col-wrapper.dashed {
		border-bottom: 0px dashed #ccc;
	}

	#strategy-map .panel.theme2 {
		background-color: #569daf;
	}

	#strategy-map .panel.theme1 {
		background-color: #2a79a6;
	}

	#strategy-map .panel.theme3 {
		background-color: #1490af;
	}

	#strategy-map .panel.blank {
		display: none;
	}

	#strategy-map .panel.question {
		background-color: transparent;
		color: #5e6774;
		border: 0px;
	}

	#strategy-map .panel.question p {
		color: #5e6774;
		font-weight: 100;
		font-size: 16px;
	}

	#strategy-map .map-box-subhead {
		margin-top: 0px;
		padding: 0px;
		font-size: 12px;
	}

	#strategy-map .panel p {
		font-size: 14px;
		margin: 0px;
		color: #fff;
	}

	#strategy-map .panel, #map-key-group .panel {
		min-height: 100px;
		display: table;
		table-layout: fixed;
		border: 0px;
		min-width: 100%;
		max-width: 100%;
	}

	#strategy-map .panel-body, #map-key-group .panel-body {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	/*#strategy-map .panel .badge, #menu-outcomes .badge {
		position: absolute;
		left: 18px;
		top: 5px;
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 20px;
		border: 0px solid #fff;
	}*/

	#strategy-map .panel .badge.green, #menu-outcomes .badge.green, 	#map-key-group .badge.green {
		background-color: #60862a;
	}

	#strategy-map .panel .badge.yellow, #menu-outcomes .badge.yellow, 	#map-key-group .badge.yellow {
		background-color: #e7cf04;
		color: #5e6774;
	}

	#strategy-map .panel .badge.amber, #menu-outcomes .badge.amber, 	#map-key-group .badge.amber {
		background-color: #df8b23;
	}

	#strategy-map .panel .badge.red, #menu-outcomes .badge.red, 	#map-key-group .badge.red {
		background-color: #e81313;
	}

#strategy-map .panel .theme1,
#strategy-map .panel .theme2,
#strategy-map .panel .theme3,
#strategy-map .panel .theme4,
#map-key-group .panel .theme1, 
#map-key-group .panel .theme2, 
#map-key-group .panel .theme3, 
#map-key-group .panel .theme4,
#map-key-group .panel .primary-color-1,
#map-key-group .panel .primary-color-2 {
	background-color:#2a79a6;
	padding:20px 20px;
	height:auto;
	width:auto;
	color:#fff
}
#strategy-map .panel .theme2, #map-key-group .panel .theme2 {background-color:#569daf}
#strategy-map .panel .theme3, #map-key-group .panel .theme3 {background-color:#1490af}
#strategy-map .panel .theme4, #map-key-group .panel .theme4 {background-color:#30616d}
#strategy-map .panel .primary-color-1, #map-key-group .panel .primary-color-1 {background-color:#5e6e77}
#strategy-map .panel .primary-color-2, #map-key-group .panel .primary-color-2 {background-color:#faab99}
{
    position: relative; 
    float: right;  
    right: 57px !important;
    top:11px;
   	left: 0px; 
    width: 18px;
    height: 17px;
    line-height: 8px;
    border: 0px solid #fff;
    border-radius: 10px;
	font-size: 9px;
	padding:5px;
}



#menu-outcomes .badge {
	position: absolute;
/*    float: right;   */
    right: 57px !important;
    top:11px;
	left:auto;
    width: 18px;
    height: 17px;
    line-height: 8px;
    border: 0px solid #fff;
    border-radius: 10px;
	font-size: 9px;
	padding:5px;
}



	#strategy-map .row .col-md-3,
	#strategy-map .row .col-md-4,
	#strategy-map .row .col-md-12 {
		padding: 15px 30px 0px;
	}

	#strategy-map .row .col-md-12, #map-key-group .row .col-md-12 {
    min-height: inherit;
		padding: 15px 15px 0px;
	}

	div#map-key-group {
		font-family: 'Roboto', helvetica sans-serif;
		font-weight: 100;
		margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px;
	}
#map-key-group .panel-body {
text-align: left;
}

	#map-key-group .badge.green,
	#map-key-group .badge.yellow,
	#map-key-group .badge.amber,
	#map-key-group .badge.red,
	#map-key-group .badge.theme1,
	#map-key-group .badge.theme2,
	#map-key-group .badge.theme3 {
		position: relative;
		display: inline-block;
		top:0px;
		left:0px;
	
}
 #map-key-group .panel {
	min-height:inherit;
}
div#map-key-group {margin:30px 10px 0px 10px;}
#map-key-group .panel-group .panel {border-radius: 6px;}
	/* ---------

Sidebar navigation 

--------- */

	.nav-sidebar {
		margin-right: -21px;
		/* 20px padding + 1px border */
		margin-bottom: 20px;
		margin-left: -20px;
	}

	.nav-sidebar > li > a {
		padding-right: 20px;
		padding-left: 20px;
	}

	.nav-sidebar > .active > a,
	.nav-sidebar > .active > a:hover,
	.nav-sidebar > .active > a:focus {
		color: #222;
		background-color: #f1f1f1;
	}
	/* ---------

Main content

--------- */

	/* ---------

Placeholder dashboard ideas

--------- */

	.placeholders {
		margin-bottom: 30px;
	}

	.placeholders h4 {
		margin-bottom: 0;
	}

	.placeholder {
		margin-bottom: 20px;
		padding: 0px 15px;
	}

	.placeholder img {
		display: inline-block;
		border-radius: 50%;
	}

.placeholder .chart-form {
	margin-top: -80px;

}
#achievementChart, #predictionChart {min-height: 300px}

	.bs-example,
	.map-box-subhead {
		display: block;
		font-size: 12px;
		font-weight: 700;
		color: #5e6774;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 5px 0px;
		padding: 5px 0px;
	}

	#sidebar-wrapper .bs-example {
		color: #e0e5ec;
	}

	.summary p {
		margin: 0px 0px 6px 10px;
	}

/* 
Footer
*/

footer {
		/*margin: 80px 0 20px 0;*/
		background-color:#eff0f1;
    padding: 50px 0 50px 50px;
	color:#5e6e77;
	font-size: 12px;
}
.footer-logo {
	display: block;
	height:22px;
}
footer a {text-decoration:none;color:inherit;}


/* FIREFOX Bugs */
@-moz-document url-prefix() { 
#menu-toggle span {
	padding-top:3px;
  }
.btr.pull-right {
	margin-left: -15px!important;	
	}
.mm-listview > li > a {
	padding-bottom: 10px;
	}
#menu-outcomes .badge {
    }
.btr.pull-right {
	margin-right: -0px;
}
#menu-toggle.btn {padding-left:0px;}   
    
}
.outcome-controller {padding-bottom:10px;float:right}
.spacer-top {margin-top:10px;}
/* ----------

Responsive details 

---------- */

/* Mobile screens only  */
	@media (max-width: 990px) {
		.indicators.list-inline>li {padding:10px 5px;}
		#wrapper {margin-top:10px;}
		
		.panel-title button {float:none !important;clear:left }		
.panel-title button {
    margin-top: 5px;
}		
		#map-key-group .panel .theme1, 
		#map-key-group .panel .theme2, 
		#map-key-group .panel .theme3, 
		#map-key-group .panel .theme4, 
		#map-key-group .panel .primary-color-1, 
		#map-key-group .panel .primary-color-2 {
    padding: 10px 10px;
    width: 100%;
		}
		h1.page-header {
    padding-bottom: 0px;
    margin: 0px 0 10px;
		}
		
		
/* Strategy Map  */
		#strategy-map .panel {
    	min-height: 70px;
		}
		#strategy-map .panel.question {
    	min-height: 30px;
			padding:0px;
			margin:0px;
		}
		/*
		#strategy-map .panel.link-right:after, 
		#strategy-map .panel.link-left:before,
		#strategy-map .panel.link-up:before,
		#strategy-map .panel.link-down:after {
			display: none;
		}	*/	
		/* Make map scrollable  
		#strategy-map {width: 600px;}*/
		.sidebar-btn {
    max-width: 100%;
			margin-top:0px;
}
}

@media (min-width: 0px) and (max-width:480px){

    .inline-top {
        margin-bottom: 4px;
    }
    .panel-title a {display: block;clear: both}

    .panel-title button, .panel-title .btn-group {
        margin: 5px 0;
        display: block;
    }

    #relationships .panel-title a {display:inline;margin-top:-15px;}
    #relationships .panel-title .btn-group  {margin:-4px 0;display: block;}
    .outcome-controller {float:left;margin-top:0px}
    h2.page-header {
        font-size: 20px;
        margin-top: 0px;
        line-height: 24px;
        padding-bottom: 0px;
    }
    .form-top {padding-bottom:14px;}

    .navbar-brand {
        width:200px;
    }
        .navbar-brand a {
            background-image: url(../images/logos/perendie-logo.png);
            background-position: 10px 10px;
        }

    .top-box {
        padding-left: 216px;
    }
    .mmenu-icon {
        position: absolute;
        top: 49px;
        right: 15px;
        /*left: 220px;*/
    }
	.breadcrumb {
	margin:0px 0 10px 0px;
		display: none;
	}
	#strategy-map .panel p{
    font-size: 10px;
	}
	#strategy-map .panel.question p {font-size: 12px;}
    #strategy-map {
        /*width:900px;*/
    }
	h1.page-header {font-size:24px;margin-top:0px;line-height: 28px}

#strategy-map .panel-body {
	padding-left: 25px;padding-right: 25px;
}

    .badge, #menu-outcomes .badge {
        position: absolute;
        left: 18px;
        top: 17px;
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 10px;
        border: 0px solid #fff;
    }

}


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

.navbar-brand a {
  	background-position: 10px 10px;
	}
h1, h1.page-header {
    font-size: 24px;
		line-height: 30px;
}
	.placeholder {
    padding: 15px;
}
	.mmenu-icon {
}
#strategy-map .panel p {
    font-size: 12px ;
}
#strategy-map .panel.question p {
	font-size: 16px;
}
    #strategy-map {
        /*width:900px;*/
    }
	.breadcrumb {margin-left: 0px;margin-bottom: 10px}

    #strategy-map .panel .badge, #menu-outcomes .badge {
        position: absolute;
        left: 18px;
        top: 5px;
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 20px;
        border: 0px solid #fff;
    }

}

@media (min-width: 768px) {

		.outcome-controller {padding-top:13px;padding-bottom:0px;float:right}

	.dl-horizontal dt {text-align:left}
		.mmenu-icon {
			display: none;
		}
		.navbar-left {
			margin: 33px 0 0 255px;
		}
		.nav>li.active {
			background-color: #ddd
		}
		.navbar-nav.top {
			position: absolute;
			left: 266px;
		}
		.sidebar {
			position: fixed;
			top: 50px;
			bottom: 0;
			left: 0;
			z-index: 1000;
			display: block;
			padding: 50px 20px 20px;
			overflow-x: hidden;
			overflow-y: hidden;
			/* Scrollable contents if viewport is shorter than content. */
			background-color: #f5f5f5;
			border-right: 1px solid #eee;
		}
		#submenu {
			display: block
		}
		#strategy-map .panel {
			min-width: 100%;
			max-width: 100%;
		}
	.breadcrumb {margin-left: 0px;}
.map-wrapper {
	overflow:hidden;-webkit-overflow-scrolling:touch
}

    #strategy-map .panel .badge, #menu-outcomes .badge {
        position: absolute;
        left: 18px;
        top: 5px;
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 20px;
        border: 0px solid #fff;
    }
	}
@media (min-width: 769px) and (max-width: 1023px) {
	.outcome-controller {padding-top:0px;}
	.navbar-brand a {
  	background-position: 10px 10px;
	}
	#strategy-map .panel p {
    font-size: 12px ;
	}
	#strategy-map .panel.question p {
	font-size: 16px;
	}		
	#strategy-map {
		width:900px;
	}
	h2.company-brand { margin-top:34px;}
	}

@media (min-width: 1024px) {
	.sidebar-btn {width: 220px;margin-bottom:0px;}
	.breadcrumb {
	margin:17px 0 10px 0px;
	}
	#iframeid {height:640px;}
	
	
}

	@media (max-width: 1060px) {
	.navbar-left {display: none;}
	.mmenu-icon {display: inline-block;}
	header .navbar-fixed-top {background-color: #5e6e77;}
	}

   /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1100px) {
  .sidebar-btn {
    width: 220px;

}

	header .navbar-fixed-top {
    top: 0px !important;
		}
		.map-wrapper, .map-wrapper iframe {
			overflow:hidden;
			-webkit-overflow-scrolling:none;
		}
 }

@media only screen and (min-width:1560px) {

    .OutcomeChart {
        margin-bottom: 16%;
    }
}


@media only screen and (max-width: 1000px) and (min-width:400px) {

    .OutcomeChart {
        margin-bottom: 16%;
    }
}



.bmsGridTrSelected [readonly].form-control {
    background-color: #D7AE38;
    background: #D7AE38;
    font-weight: bold;
    /*opacity: 1; background-color: rgb(238, 238, 238);*/
}

.highlightSingleSelecteTr [readonly].form-control {
    border: 0px;
}

.bmsGridTrMouseOver [readonly].form-control {
    background-color: #E5C775;
    background: #E5C775;
    /*font-weight: bold;*/
    /*opacity: 1; background-color: rgb(238, 238, 238);*/
}

.bmsGridTrMouseOver [readonly].form-control {
    border: 0px;
}