body{padding-top:50px}


body>.navbar{-webkit-transition:background-color 300ms ease-in;transition:background-color 300ms ease-in}@media (min-width:768px){body>.navbar-transparent{background-color:transparent}body>.navbar-transparent .navbar-nav>.open>a{background-color:transparent!important}}#home{padding-top:0}#home .navbar-brand{padding:13.5px 15px 12.5px}#home .navbar-brand>img{display:inline;margin:0 10px;height:100%}#banner{min-height:300px;border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:700}.nav-tabs{margin-bottom:15px}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:9em 0 2em;background-color:#141d27;background-image:url(../img/bg.jpg);background-size:cover;background-attachment:fixed;color:#fff;text-align:center}.splash .logo{width:160px}.splash h1{font-size:3em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,.05);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,.05);border-top:none;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor{text-align:center}.sponsor a:hover{text-decoration:none}@media (max-width:767px){.splash{padding-top:4em}.splash .logo{width:100px}.splash h1{font-size:2em}#banner{margin-bottom:2em;text-align:center}}

@media (max-width:1640px) and (min-width:1325px){
	.container {
	  margin-right: auto;
	  margin-left: 335px;
	  width: 970px;	 
	}

	.joesterMode .container
	{
		width: 1170px;
	}
}

@media (max-width:1200px) and (min-width:768px){
	.navbar-nav>li {
  		font-size: 12px;
	}
	.nav>li>a {
	  padding-left: 9px;
	  padding-right: 9px;
	}
}

.navbar-toggle .icon-bar-2 {
  display: inline-block;
  width: 2px;  
}

.dropdown-menu>li>p
{
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #7b8a8b;
  white-space: nowrap;
}

#tools,
#tools.collapse
{
	position: absolute;
	left:10px;
	top:70px;	  
	width: 377px;
  	display: block;
	background-color: #2c3e50;
	top: 60px;
	left: 0;
		padding-top: 10px;
		color:#fff;
		position: fixed;
	  height: calc(100% - 60px);
	  overflow: auto;
	  width: 381px;
}

	#tools div
	{
	  color: #2c3e50;
	}

html .joesterMode .page
{	
  margin: 1cm 0 1cm 50px;
}	

#tools.collapse.in
{
	display: block!important;
	z-index: 1000;		
}
  
@media screen and (max-width: 1300px){
.page {
  margin: 20px auto;
  zoom: 0.8;
}
}

@media (max-width:1325px){
	#tools, 
	#tools.collapse
	{
		display: none;
	}
	.container {
		margin-left:auto;
	}
	#toolsbar
	{
	  position: absolute;
	  left: 15px;
	  top: -5px;
	  display: block;
	}
	.navbar-brand
	{
		margin-left: 50px!important;
	}

}

.joesterMode #tools.collapse
{	
	display: none;
}

.joesterMode .container {
	margin-left:auto;
}
.joesterMode #toolsbar
{
  position: absolute;
  left: 15px;
  top: -5px;
  display: block;
}
.joesterMode .navbar-brand
{
	margin-left: 50px!important;
}

@media (max-width:768px){
	.page
	{
		-moz-transform: scale3d(.9, .9, 1) translate3D(0px, 0px, 0px);
  		-moz-transform-origin: 0 0;
  		zoom:.9;
	}

	.container .nomobile
	{
		margin:5px 0!important;
	}	
}

.commG>div {
  margin-left: 0cm!important;
}

.tools-div
{		
	margin:0 0 20px;
	padding:20px;
	border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
}	

@media print{

	.noprint
	{
		display: none!important;
	}
}