/*
 * Start Bootstrap - Heroic Features (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
}

body,
html {
    width: 100%;
    height: 100%;
}


body {
  font-family: "Montserrat", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", Helvetica,Arial,sans-serif;
    font-weight: normal;
}
ol, ul {
	list-style: none;
}
.debug {color:#999}
.jumbotron {
	text-align: left;
	color: #fff;
	background-color: #cd0c0f;
}

.Page1 {
   background-color: #000000; 
   color: #ffffff;
   margin: 0 0 1em 0;
	 border-bottom: 3px solid #ccc;
   }
.homepanel {
  margin: 0em; 
  padding: 2em 0;
}


.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px; }

  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 732px; } }
  @media (min-width: 992px) {
    .container {
      width: 950px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1000px; } }


.homeheading {font-size: 2em; margin:0; padding:0 0 0.5em 0}
h1 {color: #24272a}
h2 {color: #24272a; margin-top: 0px}
h4 {font-size: 1.2em;}
h3.panel-title  {font-size: 1.2em; line-height: 130%;}
h3.q2  {font-size: 1.2em; padding:0.5em;  background-color:#e2e2e2; }
.panel-h3  {font-size: 1.2em; margin:0.5em 0; padding:0.5em;  background-color:#0a3c65; color:#fff}

.navbar {min-height: 0px; color: #fff; border: none; padding: 3px 0; border-radius: 0 !important;
 background-color: #555555;
}
.navbar p  {margin: 0px; padding: 5px 0px}

.progress {margin: 0; padding: 0px; background: #ccc;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;	

}
.progress-bar {background-color: #95c11f; line-height: 140%;
  -webkit-border-top-left-radius: 10px !important;
  -moz-border-top-left-radius: 10px !important;
  border-top-left-radius: 10px !important;	
	
  -webkit-border-bottom-top-left-radius: 10px !important;
  -moz-border-bottom-top-left-radius: 10px !important;
  border-bottom-top-left-radius: 10px !important;	


}

.progbarfooter {padding: 1em 3em;

	}
.progbarfooter .progress-bar {background-color: #999; line-height: 160%;
}

.well {margin: 1em 2%; background-color: #fff; box-shadow: 2px 2px 4px #999;}

.ShowMobile {display:block}

.responsive {
  width: 100%;
  max-width: 150px;
  height: auto;
}


.start {font-size: 1.1em}
.material-icons.md-18 { font-size: 18px; }

input[type=text], textarea {font-size: 1em; background-color:#fffde3; border: 1px solid #999; padding:3px;}
textarea {margin-bottom: 1em}
input[type=text] {}

input[type=text].form-control, textarea.form-control {text-transform:none; background-color:#fffde3;}
input[type=text].other {visibility:hidden;}

input[type=checkbox]:checked.other + input[type=text].other {
    visibility:visible;
}
textarea {width: 100%}

.well {  
	box-shadow: none !important;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  border-radius: 7px !important;	
	margin-top: 0; 
	border: 2px solid #eeeeee;
}

/* QUESTION STYLING */
.panel {
  /*box-shadow: 2px 2px 4px #999;*/
	border: 1px solid #2e2d2c;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  border-radius: 7px !important;	
  margin: 1em 2%;
	
}
.panel-body {
	padding: 0.5em; 
	
	/*
	border: 2px solid #95c11f;
	
  -webkit-border-bottom-left-radius: 7px !important;
  -moz-border-bottom-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;	

  -webkit-border-bottom-right-radius: 7px !important;
  -moz-border-bottom-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;	
	*/
	
	}

.panel .panel-heading {
  background-color: #2e2d2c;
  /* border-bottom: 4px solid #95c11f;*/
	
  -webkit-border-top-left-radius: 4px !important;
  -moz-border-top-left-radius: 4px !important;
  border-top-left-radius: 4px !important;	

  -webkit-border-top-right-radius: 4px !important;
  -moz-border-top-right-radius: 4px !important;
  border-top-right-radius: 4px !important;	

}
.instruction {margin-left:0.75em}
label {font-weight:500;display:inline;}
.blacktooltip + .tooltip > .tooltip-inner {padding: 0.5em}

.list-group {margin:0 0 0 0.5em; padding: 0em; }
li.list-group-item  {text-indent: -1.2em; margin: 0; padding: 0.3em 0 0.3em 1em; border:none; font-size: 1em;background-color: transparent !important;}

li.SubLi {font-weight: bold; background-color: #eee; padding: 5px; margin-left: -0.3em}

.SubQuestion h3 {font-size: 1.2em; background-color: #dddddd; padding: 0.5em; line-height:120%; font-weight: 500; margin-top: 0.5em !important}
.SubQuestion2 h3 {font-size: 1.2em; background-color: #eaeaea; padding: 0.5em; line-height:120%; font-weight: 500; margin-top: 0.5em !important;}


/* CCMC TABLE STYLING */

table {font-size: 1.1em;}
.tablesub {background-color: #fff; font-weight: bold; border-bottom: 1px solid #999; color: #cd0c0f}
/*th {background-color: rgb(51,63,72); color: #fff; text-align: center;; font-weight:normal}*/
th {background-color: #888888; color: #fff; text-align: center;; font-weight:normal;}
td {text-align: left}

.table > tbody > tr > td {vertical-align:middle; padding: 2px 0; font-size: 0.8em}
.table > tbody > tr > th {vertical-align:bottom; padding: 2px; font-size: 0.8em}

th {padding: 2px; font-size: 0.7em}
td {padding: 2px 0; font-size: 0.8em;;  border: none !important} 

.table-striped>tbody>tr:nth-of-type(even)>td {background-color: #f3f6ec;}
.table-striped>tbody>tr:nth-of-type(odd)>td {background-color: white}
.table-hover tbody tr:hover td {background:#e2e2e2;}

.NPStable td {background-color: #f3f6ec !important;}

.tablesub {background-color: rgb(255,130,0);text-align: left; font-weight:bold; padding-top: 1em; color: #fff; border-bottom: 1px solid #999}
.RG {text-align: center;  border-left: #999 1px dotted}
.RGans {text-align: center;  border-left: #999 1px dotted}
.smalltable .RGans  {text-align: center;  border: none !important}

.responsiveSmiley {
  width: 100%;
  max-width: 30px;
  height: auto;
	padding: 2px;
}

/* BUTTONS */
.buttons {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 1.1em;
}
.custombuttonhome {
    width: 100% !important;
}

.custombutton {
    width: 300px !important;
}
.btn-primary, .btn-primary:active, .btn-primary:visited {
    background-color: #95c11f !important;
		/*box-shadow: 2px 2px 4px #999;*/
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;			
		color: white; font-weight: 700;

}
.btn-primary:hover {
    background-color: #2e2d2c !important;
    border: 1px solid #95c11f !important;
}

.btn-info, .btn-info:active, .btn-info:visited {
    background-color: #999 !important;
    border: 1px solid #666;
		/*box-shadow: 2px 2px 4px #666;*/
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;			
		
}
.btn-info:hover {
    background-color: #777 !important;
    border: 1px solid #666;
}
.btn-danger, .btn-danger:active, .btn-danger:visited {
    background-color: #777777 !important;
    border: 1px solid #666;
		/*box-shadow: 2px 2px 4px #666;*/
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;		
		color: white; font-weight: 700;
		
		
}
.btn-danger:hover {
    background-color: #000 !important;
    border: 1px solid #666;
}


/* FOOTER STYLING */
footer .row {
    padding: 5px 0;
    border-top: 5px solid #fff;
}

p.copyright {
    margin: 5px 0 0;
}

.intro-message {
		padding-bottom: 15%;
}

.intro-message > h1 {
		font-size: 3em;
}

ul.intro-social-buttons > li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
}

ul.intro-social-buttons > li:last-child {
		margin-bottom: 0;
}

.intro-divider {
		width: 100%;
}




@media (max-width: 700px) {
  body {
  	background-image: none;
  }
  .jumbotron {
  	height: 100%;
  	background-color:#cd0c0f;
  	background-image: none;
  }

  .progbarheader, .headerlogo {display:none}
  .progbarfooter {display:block}

  .homeheading {font-size: 1.5em; text-align:center; margin:0; padding:0 0 0.5em 0}
  .jumbotron h3 {font-size: 1.2em}
  .custombuttonhome, input[type=text].homeinput {font-size: 0.7em}
  .custombutton {font-size: 1em; border: 1px solid #fff; width: 90% !important;}
  .well h2 {font-size: 1.4em;}
  .smalltable {width: 100%}

}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
  body {
  	background-image: url(../images/background-crosshatch.png);
  }
  .jumbotron {
  	height: 100%;
  	background-color: #cd0c0f;
  }

  .progbarheader {display:none}
  .progbarfooter, .headerlogo {display:block}

  .homeheading {font-size: 1.5em; text-align:center; margin:0; padding:0 0 0.5em 0}
  .jumbotron h3 {font-size: 1.6em}
  .custombutton {font-size: 1.1em; border: 1px solid #fff}
  .ShowMobile {display:none}
  .custombuttonhome, input[type=text].homeinput {font-size: 1em}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {

  .progbarheader {display:block}
  .progbarfooter {display:none}

  .panel-body {padding: 1em 1.5em !important}

  th {padding: 2px; font-size: 0.9em}
  td {padding: 4px 2px; font-size: 0.9em} 

  li.list-group-item  {}
  .smalltable {width: 80%}

  th {padding: 2px; font-size: 0.9em}
  td {padding: 4px 2px; font-size: 0.9em} 
  th.GridLabel {text-align:left; font-size: 1.1em !important}

}