/*
 * 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: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue", "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", 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: white; 
   margin: 0 0 1em 0;
	 padding: 0% 2%;
   }
.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.q2  {font-size: 1.2em; padding:0.5em;  background-color:#e2e2e2; }
.PrivacySection h4 {background-color: #f4f4f4; margin-top: 1.5em; padding: 0.5em; border-bottom: 1px solid #ccc}
.PrivacySection p {padding-left: 0.5em}

.privacy h3 {font-size: 1.3em; background-color: #f3f3f3; padding: 0.3em 0.2em}
.privacy p {margin-left: 0.5em}
.navbar {background-color: #ffffff; : 0px; border-bottom 1px #eee; padding: 3px 0; border-radius: 0 !important;}
.navbar p  {margin: 0px; padding: 5px 0px}

.progress {margin: 0; padding: 0px; background: #ccc;}
.progress-bar {background-color: #0d4f91}

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

.ShowMobile {display:block}

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

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}


.start {font-size: 1.1em}
.material-icons.md-18 { font-size: 18px; }
input[type=radio],input[type=checkbox] {transform:scale(1.2); border: 1px solid #888888; background-color:#f3f3f3;}
input[type=text], textarea {font-size: 1em; background-color:#fffde3; border: 1px solid #999; padding:4px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
	}

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

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

/* QUESTION STYLING */
.panel {
  /*border: 1px solid #e41f35;
  box-shadow: 2px 2px 4px #999;*/
  box-shadow: none !important;
  border: none !important;
  padding-bottom: 0.5em;
}
.panel-body {padding: 0.5em 1em;}
.panel .panel-heading {
  background-color: #c51717;
  border: none !important;
    -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}

h3.panel-title  {font-size: 1.15em; line-height: 130%; color: white}



.instruction {margin-left:0.75em}
label {font-weight:normal;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.1em 1.5em; 
		border:none; 
		font-size: 1em;
		background-color: transparent !important;
		}
.list-group li  label {padding-left: 0.4em}
.list-group li [type=checkbox],
.list-group li  [type=radio] {margin-left: -0.6em}
li.SubHead {background-color: #e41f35; color: white; margin: 1em 0 0.3em -0.5em; padding: 0.4em 0.8em; border-left: 2px solid #0d4f91}

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


.SubQuestion h3 {font-size: 1.2em; background-color: #eaeaea; padding: 0.5em; line-height:120%}

/* CCMC TABLE STYLING */

table {font-size: 1.1em; margin-top: 1em;margin-bottom: 1em;}
.tablesub {background-color: #fff; font-weight: bold; border-bottom: 1px solid #999; color: #cd0c0f}

th {background-color: #555555; color: #fff; text-align: center; font-weight:normal; border-bottom: 1px solid white}
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;} 
th.GridLabel {text-align:left; font-size: 0.7em !important}

.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}

.smalltable td {border: none !important}
.NAcol {background-color: #888888}

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

.responsiveTableLabel {width: 140px !important; padding-left: 5px !important; padding-right: 5px !important}

.ResponseSummTable {font-size: 1em}
.ResponseSummTable td {border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px dotted #ccc !important}
.ResponseSummTable td:nth-child(1) {padding: 5px; background-color: #eee;}
.ResponseSummTable td:nth-child(2) {padding: 5px;}

.SurveySummTable {font-size: 1em; width: 100%}
.SurveySummTable td {border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px dotted #ccc !important}
.SurveySummTable td:nth-child(1) {padding: 5px; background-color: #eee;}
.SurveySummTable td:nth-child(2) {padding: 5px;}

.ResponsePanel h2 {padding: 5px 10px; background-color: #555; color: white; font-size: 1.5em}
.ResponsePanel p {padding: 0 0 0 10px;}
.ResponsePanel h3 {margin: 10px 0 10px; padding: 10px 10px 5px 10px; font-size: 1.3em; background-color: #f7f7f7;  border-left: 3px solid #ccc}

.SmileyRow td {background-color: #f6f1ea !important;}


/* 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: #0d4f91 !important;
    border: 1px solid #fff;
		/*box-shadow: 2px 2px 4px #999;*/

}
.btn-primary:hover {
    background-color: #0d3864 !important;
    border: 1px solid #fff;
}

.btn-info, .btn-info:active, .btn-info:visited {
    background-color: #999 !important;
    border: 1px solid #666;
		/*box-shadow: 2px 2px 4px #666;*/
}
.btn-info:hover {
    background-color: #777 !important;
    border: 1px solid #666;
}
.btn-danger, .btn-danger:active, .btn-danger:visited {
    background-color: #000000 !important;
    border: 1px solid #666;
		/*box-shadow: 2px 2px 4px #666;*/
}
.btn-danger:hover {
    background-color: #333333 !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}

tr.SubTableLabel {display:none !important}
tr.SubTableNumber {display:table-row !important}

.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: 100% !important;}
.well h2 {font-size: 1.4em;}
.smalltable {width: 100%}


.rounded-corners {
     -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}
.rounded-left {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
img.smiley {width: 25px !important; height: 25px !important}
img.example-image {width: 70px !important; height: 70px !important}
.linkholder {text-align: left}
.langlinks {background-color:#444444; padding: 0.5em; border-left: 2px solid white; font-size: 12px}

}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
body {

}
.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}

tr.SubTableLabel {display:table-row}
tr.SubTableNumber {display:none}

img.smiley {width: 25px !important; height: 25px !important}
img.example-image {width: 70px !important; height: 70px !important}
.linkholder {text-align: right}
.langlinks {background-color:#444444; padding: 0.2em; border-left: 1px solid white; font-size: 12px}

}

/* 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}

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}

.smalltable {width: 80%}

.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.rounded-left {
    -moz-border-radius-topleft: 10px !important;
    -webkit-border-top-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
img.smiley {width: 35px !important; height: 35px !important}
img.example-image {width: 125px !important; height: 125px !important}
.linkholder {text-align: right}
.langlinks {background-color:#444444; padding: 0.5em; border-left: 2px solid white; font-size: 1em}

}