/*
Company:  Assessing Parenting App
File:   main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
  background-color: #83929a;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* @end */

.cf:after {
  content: "";
  display: table;
  clear: both;
}


.has-spinner {
  position: relative;
}
.has-spinner .fa-spin {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 25px;
}

/* .col-xs-9 {
  width: 72%;
}
.col-xs-3 {
  width: 28%;
} */

/* Emulate Bootstrap v4-alpha's ".hidden-md-down" */
@media (max-width:1199px) {
  .hidden-md {
    display:none !important
  }
}

.form-group {
  margin-bottom: 7px;
}
.form-section {
  background: #f5f4f4;
  font-size: 15px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 7px;
}
.form-group .form-section {
  padding-top: 7px;
  padding-bottom: 7px;
}
.form-section:hover {
  background: #eee;
}
.section {
  clear: both;
  padding-top: 15px;
  padding-bottom: 15px;
}

.alert {
  margin-top: 15px;
}

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
}

.table-middle > thead > tr > td,
.table-middle > thead > tr > th,
.table-middle > tbody > tr > td,
.table-middle > tbody > tr > th,
.table-middle > tfoot > tr > th,
.table-middle > tfoot > tr > td {
  vertical-align: middle;
}

@media (max-width: 1199px) {
  .table-condensed > thead > tr > th,
  .table-condensed > tbody > tr > th,
  .table-condensed > tfoot > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > td {
    padding: 2px;
  }
}

.table td {
  font-size: 100%;
}

.table.score-graph > thead > tr > th,
.table.score-graph > tbody > tr > th,
.table.score-graph > tfoot > tr > th,
.table.score-graph > thead > tr > td,
.table.score-graph > tbody > tr > td,
.table.score-graph > tfoot > tr > td {
  vertical-align: middle;
}

td.score {
  width: 48px;
}
th.score,
td.score:nth-of-type(3),
td.score:nth-of-type(7),
td.score:nth-of-type(10) {
  border-right: 1px solid #ddd;
}

td.score:nth-of-type(1),
td.score:nth-of-type(2),
td.score:nth-of-type(3) {
  background: #F2DEDE;
}
td.score:nth-of-type(4),
td.score:nth-of-type(5),
td.score:nth-of-type(6),
td.score:nth-of-type(7) {
  background: #FCF8E3;
}
td.score:nth-of-type(8),
td.score:nth-of-type(9),
td.score:nth-of-type(10) {
  background: #DFF0D8;
}

hr.whitespace {
  border: none;
  margin: 10px 0;
}

.error {
  padding: 15px;
}
.form-section div.error {
  padding: 7px 15px;
  margin: -7px 0;
}
.form-section label.error {
  font-weight: normal;
  padding: 5px 0 0;
}
.form-section div.col-xs-offset-4.error {
  margin-left: 33.33333333%;
}

.main {
  padding-bottom: 40px;
}
.main.guide h2 {
  margin-top: 60px;
}
.main.guide h2:first-child {
  margin-top: 20px;
}


.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

.btn-lg {
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.call-to-actions {
  border: 2px solid #eee;
  margin-bottom: 30px;
  padding: 0 30px 10px;
}

.form-horizontal .form-inline .form-group {
  margin-left: 0;
  margin-right: 0;
}

div#report-progress {
  display: none;
}
.progress {
  height: 34px;
  margin: 0;
}
.progress-bar {
  min-width: 10%;
}

#fulltext_search {
  position: absolute;
  bottom: 0;
  left: 0;
  text-indent: -9999em;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-bottom: 7px;
}
#assessment_form .radio-inline {
  display: block;
}

/*.row {
  margin-bottom: 15px;
}*/

/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 {
  font-size: 36px;
}
h2 {
  color: #4B4139;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
  padding: .3em 0;
}
h3 {
  color: #4B4139;
  font-size: 24px;
  font-weight: normal;
  margin: 1em 0 .5em 0;
}
h4, .h4 {
  font-size: 18px;
}
h5, .h5 {
  font-size: 14px;
}*/

.side-section h3 small,
.side-section h4 small,
.side-section h5 small {
  display: block;
}

br {
  display: block;
  clear: both;
}

legend {
  padding-top: 20px;
}
/*
legend#details {
  padding-bottom: .75em;
}*/

label {
  color: #4B4139;
}

label.basic, span.basic{
  float: left;
  width: 15em;
  margin-right: 1em;
  text-align: right;
}

form small {
	color: #666;
	font-size: 12px;
}
form small.text-danger {
  display: block;
}
form small.format {
	margin-left: 10px;
}
form small.help {
	position: relative;
	top: 5px;
}
form .error small {
	display: none;
}

div.full-width {
  float: left;
}

div.checklist {
  float: right;
  width: 30em;
  margin-right: 4.2em;
  clear: right;
}



label.narrow, span.narrow {
  float: left;
  width: 5em;
  margin-right: 1em;
  text-align: right;
}

/* @group Layout */
/* Head */
#hd {
  background-color: #4b4139;
  min-width: 960px;
}

/* Body */
#bd {
  background-color: #c3dae6;
  padding: 15px 0;
  min-width: 960px;
}

/* Footer */
#ft {
  background-color: #83929a;
  border-top: 4px solid #4b4139;
}
#ft div.copyright {
/*  width: 400px;*/
  color: #fff;
/*  float: left;*/
/*  display: inline;*/
}
#ft div.copyright p.date {
  font-size: 77%;
  font-family: Verdana, Arial, sans-serif;
  margin: 0;
  padding: 5px 0 0 25px;
}
#ft div.copyright p.ap {
  font-size: 277%;
  line-height: 90%;
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
  margin: 0 0 10px 0;
}

#ft div.ft-right {
/*  width: 250px;
  margin: 0 240px 0 0;*/
/*  text-align: right;*/
  color: #fff;
/*  font-size: 108%;
  padding: 5px 0 0 0;*/
/*  float: right;
  display: inline;*/
}

#ft a:link, #ft a:visited {
  color: #fff;
  text-decoration: none;
}
#ft a:hover {
  text-decoration: underline;
}

div.wrap {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
/* @end */

/* Login */
/*div.login {
  width: 250px;
  margin: 22px;
}*/

p#loginnav {
  color:#484139;
}

.login_field {
  display: block;
  border:2px solid #C6CAA8;
  color:#484139;
  font-size:167%;
  padding:0 5px 0 0;
  /* vertical-align:middle; */
}
div.message {
  margin: 1em;
  background-color: #E0E4BE;
  border: 2px solid #849148;

}
div#login label {
  font-size:140%;
  line-height: 150%;
  color: #666;
}
div.message {
  color:#484139;
  font-size: 110%;
  padding: .5em;
}

/* @group Modules */
/* Switch Box */
/*div#switch-box {
  padding: 10px 0 10px 0;
}*/
/*div#switch-box p.switchlink {
  font-size: 108%;
  margin: 0;
  padding: 0 0 0 10px;
}*/
/*div#switch-box p.switchlink a:link, div#switch-box p.switchlink a:visited {
  color: #c9bdaa;
  text-decoration: underline;
}
div#switch-box p.switchlink a:hover {
  text-decoration: none;
}*/
div#switch-box dd a:hover {
  background-color: #eee;
}

.switch-drop {
  position: absolute;
  z-index: 100;
  /* margin-left: -6px; */
  /* display: none; */
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}
.switch-drop p {
  margin: 10px 0 0;
}
/*div.switch-drop dl {
  margin: 0;
  padding: 10px 10px 0 9px;
  background: url(/images/agency/switch-box-bkg.png) repeat-y 0 0;
  overflow: hidden;
  width: 352px;
}*/
.switch-drop dl {
  display: block;
  padding-left: 0;
}
.switch-drop dl dt {
  display: block;
  margin: 0;
/*  padding: 3px 15px;*/
/*  font-size: 108%;*/
  color: #af663f;
}
.switch-drop dl dd {
  margin: 0 0 10px 0;
/*  padding: 3px 15px 3px 25px;*/
/*  font-size: 153.9%;*/
  font-weight: bold;
}
.switch-drop dl dd a {
  display: block;
  padding: 2px 20px;
}
.switch-drop dl dd a:link,
.switch-drop dl dd a:visited {
  color: #4b4139;
  text-decoration: none;
}
/*div.switch-drop-top {
  width: 371px;
  height: 13px;
  overflow: hidden;
  background: url(/images/agency/switch-box-top.png) no-repeat 0 0;
}
div.switch-drop-btm {
  width: 371px;
  height: 19px;
  overflow: hidden;
  background: url(/images/agency/switch-box-btm.png) no-repeat 0 0;
}*/
.toggle_agency_select:link,
.toggle_agency_select:visited {
  text-decoration: none;
}

/* Name */
/*div#name,
div#agency_name {
  padding: 10px 0 0 0;
}
div#agency_name {
  padding: 10px 0 30px;
}
div#name h1,
div#agency_name h1 {
  color: #fdfffb;
  font-size: 231%;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 10px;
}*/
#agency_name h1,
#util-nav {
  margin-top: 10px;
}

#agency_name a {
  color: #fff;
  text-decoration: none;
}
#agency_name small a {
  color: #c9bdaa;
  text-decoration: underline;
}
#agency_name small {
  display: block;
  font-size: 12px;
  padding-top: 5px;
}

/* Main */
div.main {
  background: #fff;
/*  display: inline;*/
/*  float: left;*/
/*  margin-bottom: 15px;*/
/*  width: 715px;*/

  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}
div.main-btm {
/*  width: 729px;*/
/*  overflow: hidden;*/
  background: url(/images/agency/main-btm.gif) no-repeat 0 100%;
/*  padding: 0 0 10px 0;*/
}
div.main-shadow {
  background: #fff;
/*  width: 100%;*/
}

div.side_info {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}
div.main-btm {
  background: transparent;
  padding: 0 0 15px 0;
  width: 100%;
}

div.bg h1 {
  font-size: 36px;
  line-height: 1.5;
  margin: 0;
}
div.bg h1 small {
  display: block;
  color: #ddd;
}
div.bg h2 {
  color: #fff !important;
  font-weight: normal;
}

.bg-header-info {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #44606f 0, #2d3f49 100%);
  background-image: -o-linear-gradient(top, #44606f 0, #2d3f49 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #44606f), to(#2d3f49));
  background-image: linear-gradient(to bottom, #44606f 0, #2d3f49 100%);
  border-color: #293a43;
}
.bg-header {
  padding: 25px;
}
.bg-header p {
  color: #fff;
  margin: 0;
}
.bg-header a:link,
.bg-header a:visited {
  color: #fff;
  text-decoration: underline;
}
.bg-header-success {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #a2ab65 0, #80884a 100%);
  background-image: -o-linear-gradient(top, #a2ab65 0, #80884a 100%);
  background-image: linear-gradient(to bottom, #a2ab65 0, #80884a 100%);
  border-color: #7a8247;
}
.bg-header-warning {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #af8f68 0, #8e704b 100%);
  background-image: -o-linear-gradient(top, #af8f68 0, #8e704b 100%);
  background-image: linear-gradient(to bottom, #af8f68 0, #8e704b 100%);
  border-color: #886b48;
}
.bg-header-danger {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #6d4573 0, #492e4d 100%);
  background-image: -o-linear-gradient(top, #6d4573 0, #492e4d 100%);
  background-image: linear-gradient(to bottom, #6d4573 0, #492e4d 100%);
  border-color: #432a46;
}

.pager-success .current {
  background-color: #dff0d8;
}
.pager-info .current {
  background-color: #d9edf7;
}
.pager-warning .current {
  background-color: #fcf8e3;
}

button .fa {
  font-size: 20px;
}
.icon-info .fa,
.icon-info .glyphicon {
  color: #293a43;
}
.icon-success .fa,
.icon-success .glyphicon {
  color: #7a8247;
}
.icon-warning .fa,
.icon-warning .glyphicon {
  color: #886b48;
}

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  cursor: pointer;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}

.bs-callout-content {
  display: none;
  padding-top: 10px;
}


.bs-callout-default { border-left-color: #777; }
.bs-callout-default h4 { color: #777; }

.bs-callout-primary { border-left-color: #428bca; }
.bs-callout-primary h4 { color: #428bca; }

.bs-callout-success { border-left-color: #A2AB65; }
.bs-callout-success h4 { color: #A2AB65; }

.bs-callout-danger { border-left-color: #6D4573; }
.bs-callout-danger h4 { color: #6D4573; }

.bs-callout-warning { border-left-color: #AF8F68; }
.bs-callout-warning h4 { color: #AF8F68; }

.bs-callout-info { border-left-color: #44606F; }
.bs-callout-info h4 { color: #44606F; }

.bs-callout-error { border-left-color: #c00; }
.bs-callout-error h4 { color: #c00; }


.btn-aapi {
	background-image: -webkit-linear-gradient(top, #a2ab65 0, #80884a 100%);
	background-image: -o-linear-gradient(top, #a2ab65 0, #80884a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a2ab65), to(#80884a));
	background-image: linear-gradient(to bottom, #a2ab65 0, #80884a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa2ab65', endColorstr='#ff80884a', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #7a8247;
}
.btn-aapi:focus,
.btn-aapi:hover {
	color: #fff;
	background-color: #80884a;
	background-position: 0 -15px;
}
.btn-cpi {
  color: #fff;
  background: #6d4573;
  background: -moz-linear-gradient(top, #6d4573 0%, #492e4d 100%);
  background: -webkit-linear-gradient(top, #6d4573 0%,#492e4d 100%);
  background: linear-gradient(to bottom, #6d4573 0%,#492e4d 100%);
  border-color: #432a46;
}
.btn-cpi:focus,
.btn-cpi:hover {
	color: #fff;
	background: #492e4d;
}
.btn-nscs {
  color: #fff;
  background: #6d4573;
  background: -moz-linear-gradient(top, #44606f 0%, #2d3f49 100%);
  background: -webkit-linear-gradient(top, #44606f 0%,#2d3f49 100%);
  background: linear-gradient(to bottom, #44606f 0%,#2d3f49 100%);
  border-color: #2d3f49;
}
.btn-nscs:focus,
.btn-nscs:hover {
	color: #fff;
	background: #2d3f49;
}




div.search {
  width: 722px;
}

/* Side */
/*div.side {
  width: 220px;
  float: right;
  display: inline;
  margin: 0 10px 0 0;

}*/
div.side_info {
  padding-left: .5em;
  padding-right: .2em;
  padding-bottom: 3em;
  padding-top: 1em;
  background-color: #fff;
}
div.side_info a:hover{
  text-decoration: none;
}
div.side p {
  padding-top: .5em;
  color: #4B4139;
}

.side-wrapper {
  /* background: #fff; */
  background-clip: content-box;
}

.side-section {
  margin-bottom: 15px;
  padding: 15px;
}
.side-section.agency-profile {
  background-color: #fff;
  border-radius: 3px;
  padding-right: 10px;

  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}
.side-section.agency-profile h4 {
  font-size: 20px;
}
.side-section.agency-profile h4 small {
  font-size: 12px;
}
.side-section ul {
  padding: 0 0 0 15px;
}
.side-section li {
  list-style-type: none;
}
.side-section li:before {
  font-family: 'FontAwesome';
  content: '\f138';
  margin:0 5px 0 -15px;
  color: #777;
}
.side-section.faq li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.side-section.faq li:before {
  content: "\f059";
}
.side-section h3 {
  font-size: 24px;
}
.side-section h5 {
  font-size: 16px;
}
.side-section.faq a {
  text-decoration: none;
}
.side-section h2:first-child,
.side-section h3:first-child,
.side-section h4:first-child {
  margin-top: 0;
}

.side-section a:link,
.side-section a:visited {
  color: #578;
}
.side-section a:active,
.side-section a:focus,
.side-section a:hover {
  color: #484139;
  text-decoration: underline;
}

.side_info h3 {
  margin-top: 0;
}
div.label_select h3 {
  font-size: 16px;
  font-weight: bold;
}

.side button .glyphicon {
  font-size: 150%;
  vertical-align: middle;
}
.side .btn {
  font-size: 16px;
  text-align: left;
  padding: 6px 8px;
}
#download_blanks_show,
#download_fillable_show,
#add_assessment,
#add_program,
#print {
  text-decoration: none;
}

/* Developed */
div.developed {
  clear: both;
  display: none;
}
div.developed p {
  /* width: 220px; */
  margin: -10px 0 0 0;
  font-size: 77%;
  font-family: Verdana, Arial, sans-serif;
  /* float: right; */
  display: inline;
}
div.developed p a:link, div.developed p a:visited {
  color: #685c35;
  text-decoration: none;
}
div.developed p a:hover {
  text-decoration: underline;
}

/* Search */
div.search {
  width: 677px;
  background-color: #e0e4be;
  overflow: hidden;
  padding: 15px 20px 10px 25px;
  margin: 0 0 10px 0;
}
div.search a {
  color: rgb(191, 111, 84);
}

div.search h2 {
  font-size: 182%;
  margin: 0 0 10px 0;
  color: #4b4139;
  font-weight: bold;
}
div.search input.txt {
  font-size: 153.9%;
  width: 320px;
  padding: 6px;
  border: 2px solid #c6caa8;
  vertical-align: middle;
  margin: 0 10px 0 45px;
}
div.search input.btn {
  vertical-align: middle;
}
div.search p.searchby {
  margin: 0 0 0 45px;
  color: #bf6f54;
  padding: 5px 0;
  font-size: 93%;
}

div.search div#search_fields form#advanced_search_form label {
  color: #4b4139;
  font-size: 16px;
  float: left;
  width: 11em;
  margin-right: .5em;
  text-align: right;
  clear:both;
}

div.search div#search_fields form#advanced_search_form input#submit_advanced_search {
margin-left: 11.8em;
}

div.search div#search_fields form#advanced_search_form div {
  padding: 2px;
}

span.search_spinner img {
  width: 21px;
  height: 21px;
}

/* Show */
div.show {
  padding: 0 20px 10px 0;
}
div.show div.selector {
  /* width: 500px; */
  /* float: left; */
  display: inline;
}
div.show label {
  font-size: 167%;
  color: #484139;
  vertical-align: middle;
  padding: 0 5px 0 0;
}
div.show select {
  font-size: 138.5%;
  width: 250px;
  vertical-align: middle;
}
div.show p.table {
  /* width: 120px; */
  text-align: right;
  font-size: 93%;
  padding: 5px 10px 0 0;
  /* float: right; */
  display: inline;
}
div.show p.table a:link, div.show p.table a:visited {
  color: #af663f;
  text-decoration: underline;
}
div.show p.table a:hover {
  text-decoration: none;
}
table.inventories  {
  width: 100%;
  line-height: 1.5;
}

.averages-table {
  margin-bottom: 90px;
}
.averages-table table {
  margin-bottom: 0;
}
.standard-deviation-link {
  cursor: pointer;
  color: #578;
}

/* Submit */
div.button_right{
  float: right;
  margin: 1em 0;
/*  position: relative;
  width: 225px;
  height: 50px;*/
}
div.button_no_cancel{
  float:right;
  /* margin: 1em 0; */
  margin: 0;
}
div.button_right input{
  display: inline;
  margin: 10px 0;
}
div.button-cancel {
  display:inline;
  font-size: 120%;
  position: absolute;
  top: 25px;
  right: 0;
  bottom: 5px;
  left: 140px;
}
div.button-cancel a{
  color: #C06F54;
}
span.or_cancel {
  padding-left: 10px;
  font-size: 120%;
}
span.or_cancel a{
  color: #C06F54;
}

.download_assessment,
#assessment_submit {
  display: block;
  float: right;
  margin: 1em 0;

}

#participant_inventory_download {
  float: right;
  margin: 1em 0;

}



/* User Box */
div.user {
  /* width: 360px; */
  overflow: hidden;
  /*background: url(/images/agency/user-box-bkg.gif) repeat-y 0 0;*/
  margin: 0 0 10px 0;
  /* float: right; */
  display: inline;
  background-color: #ffffff;
  border-radius: 5px;
}
div.user-top {
  width: 316px;
  height: 6px;
  overflow: hidden;
  /*background: url(/images/agency/user-box-top.gif) no-repeat 0 0;*/
}
div.user-btm {
  width: 316px;
  height: 6px;
  overflow: hidden;
  /*background: url(/images/agency/user-box-btm.gif) no-repeat 0 0;*/
}
div.user p.name {
  padding: 5px 10px 0 10px;
  margin: 0;
  font-size: 138.5%;
  color: #685c53;
}
div.user p.name a {
  font-size: 67%;
}
div.user a:link, div.user a:visited {
  color: #bf6f54;
  text-decoration: underline;
}
div.user a:hover {
  text-decoration: none;
}
span.name {
  float:left;
}
span.my_account {
  float:right;
}
div.user p.purchase {
  clear:both;
  padding: 2px 0 5px 10px;
  margin: 0;
}
div.user p.purchase a.purchase-link {
  font-size: 93%;
  /*font-family: Verdana, Arial, sans-serif;*/
  padding: 0 5px 0 0;
}
div.user p.purchase span.remaining {
  color: #4b4139;
  font-size: 108%;
}
div.user p.purchase span.remaining-num {
  color: #bf6f54;
  font-size: 138.5%;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  letter-spacing: -1px;
  padding-right: .75em;
}

/* Content */
div.content {
  padding: 15px 25px 5px;
  width: 100%;
}

/* Show Table */
table.people {
  width: 100%;
}
table.people tr {
  height: 4em;
}
table.people tr.dashboard {
  height: 3.5em;
}
table.people tr.inventory_download {
  height: 3em;
}
table.people td {
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 120%;
  vertical-align: top;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 0;
  text-align: center;
  color: #666;
}
table.satellites td {
  padding-bottom: 10px;
}
table.people td#short {
  height: 3em;
}
div.content table.people p {
  margin: 0 0 6px 0;

}
div.content table.people p.program {
  /* width: 160px; */
  margin-left: 38px;
  /* float: left; */
  display: inline;
  color: #666;
}
div.content table.people td.participant_id {
  text-align: center;
  vertical-align: middle;
}
div.content table.people th {
  border: none;
  text-align: center;
}
div.content table.people td p {
  text-align: left;
  margin-left: 10px;
}
div.content table.people td p.name {
  font-size: 120%;
  font-weight: normal;
  margin: 0 0 2px 10px;
  text-align: left;
}

/** CPI Inventory Assessment Update */
.inventory-assessments {
  width: 100%;
  margin-bottom: 30px;
}

/* Headers */
.inventory-assessments th {
  padding: 0 0 7px 0;
  color: #666;
  text-align: center;
  vertical-align: bottom;
  line-height: 18px;
  font-size: 18px;
}
.inventory-assessments .inventory {
  width: 125px;
}
.inventory-assessments .date {
  width: 115px;
}
.inventory-assessments .version {
  width: 85px;
}
.inventory-assessments .part {
  width: 30px;
}
.inventory-assessments .sten,
.inventory-assessments .number {
  width: 32px;
}
.inventory-assessments.aapi2 .sten {
  width: 56px;
}
.inventory-assessments.nscs2 .sten {
  width: 47px;
}
.table.cpi .sten {
  font-size: 12px;
  color: #999;
}
.table.cpi .sten span {
  font-size: 18px;
  margin-right: 5px;
  display: inline-block;
}
.inventory-assessments .edit {
  width: 40px;
}

/* Content */
.inventory-assessments .inventory_download {
  height: 3em;
  border-bottom: 1px solid #ccc;
}
.inventory-assessments td {
  padding: 0;
  border: none;
  text-align: center;
  font-size: 16px;
}
.inventory-assessments.cpi .right {
  text-align: right;
  padding-right: 5px;
}
.inventory-assessments.cpi .border {
  border-left: 1px solid #ccc;
}
/** it is finished */

div.content table th h2 {
  font-weight: normal;
  font-size: 120%;
  padding: 0;
  margin: 0;
}

th h2 {
  font-weight: normal;
  font-size: 120%;
  padding: 0;
  margin: 0;
}

td h2 {
  font-weight: normal;
  font-size: 120%;
  padding: 0;
  margin: 0;
}

.content h2.dashboard-section {
  font-weight: normal;
}

.programs td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  text-align: center;
}

.programs td.program_name {
  text-align: left;
}

.programs th.program_name {
  text-align: left;
}

/* greenbox stuff */

.greenbox_left h2 {
  font-weight: bold;
}

.greenbox_left {
  float: left;
}

.greenbox_right {
  float:right;
  text-align: right;
}

span.greenbox_left {
padding-bottom: 10px;
}

span.greenbox_right a {
  padding: 3px;
  font-size: 16px;
  margin-left: 3px;
  /* background-color: #333; */
  /* border: thin dashed #C6CAA8; */
}

/*div.search span.greenbox_left h2 {
  margin: 0;
  padding: 0;
}*/

/* div.search span.greenbox_left h3 { */
/*   margin: 0; */
/*   padding: 0; */
/* } */

/*#assessment_new {
  padding: 2em 2em 0;
}*/

/*#participant {
  padding: 0 2em;
}*/

div.search {
  margin-bottom: 0;
}

div.main {
  padding-top: 0;
}

/* model info layout */

dl {
  display: table;
  width: 100%;
}
dd, dt {
  padding: 5px 0;
}
dt {
  color: #999;
  display: table-cell;
  font-weight: normal;
  padding-right: 5px;
  white-space: nowrap;
}
dd {
  display: table-cell;
  padding-left: 10px;
  width: 100%;
}

dd.line-break {
  display: table-row;
}

/*#allocate_assessments,
#allocate_report_credits {
  width: 100%;
}*/

/*div#allocate_assessments, div#allocate_report_credits {
  width: 677px;
  padding-top: 1em;
}
div#edit_allocate_assessments {
  padding-top: 5em;
}*/

/* @end */

/* response layout */
.response {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0.3em 0;
  text-align: left;
}

.response-label {
  color: #999;
}
.response-value {
  background-color: #eee;
  display: inline-block;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.response input[type="text"] {
  padding: 6px 9px;
}

.NSCSresponse {
  width: 55px
}

@media (min-width: 1200px) {
  .response {
    padding: 0.3em 7px;
  }
}
@media (max-width: 991px) {
  .hide-on-mobile {
    display: none;
  }
}

/* scores */

/*h2#scores {
  display: inline;
}*/

#score_info {
  padding-left: 3px;
  width: 16px;
  height: 16px;
}

/* table styles */



.even {
  background-color: #eee;
}

tr.raw_scores td {
  background-color: #eee;
}
td {
  font-size: 110%;
  text-align: left;
}

div#score_table table td {
  text-align: center;
}

/*td {
  border-left: thin solid #ddd;
  padding:0.5em 0.2em;
}*/

div#response_fields table td {
  border: none;
}

th {
/*  border-left: none;*/
  font-size: 120%;
  color: #999;
  font-weight: normal;
/*  text-align: left;*/
/*  padding-left: 0;*/
}

/* end */
/* @group Nav */
div#nav {
  margin-top: 20px;
  padding-left: 10px;
}
div#nav ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
}
div#nav ul li {
  list-style: none;
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
  /* display: inline; */
}
div#nav ul li a {
  display: block;
  font-size: 108%;
  font-weight: bold;
  background: url(/images/agency/tab-left.gif) no-repeat 0 0 #7a6a5d;
}
div#nav ul li a span {
  display: block;
  background: url(/images/agency/tab-right.gif) no-repeat 100% 0;
  padding: 0 10px;
  line-height: 30px;
}
div#nav ul li a:link, div#nav ul li a:visited {
  color: #f7f9f5;
  text-decoration: none;
}
div#nav ul li a:hover, div#nav ul li a.active {
  background-color: #c3dae6;
  background-position: 0 -40px;
  color: #4b4139!important;
}
div#nav ul li a:hover span, div#nav ul li a.active span {
  background-position: 100% -40px;
}

div#nav {
  padding: 0;
}

div#nav ul li a,
div#sub-nav ul li a,
div#nav ul li a span,
div#sub-nav ul li a span {
  background: transparent;
}
div#nav ul li a,
div#sub-nav ul li a {
  background: #7A6A5D;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div#sub-nav ul li a {
  background: #83929A;
}
div#nav ul li a,
div#sub-nav ul li a {
  -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.5);
  box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.5);
}
div#nav ul li a.active,
div#nav ul li a:hover,
div#sub-nav ul li a.active,
div#sub-nav ul li a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div#nav ul.program-links li a {
  background: #C07054;
}
div#nav ul li a:hover,
div#nav ul li a.active {
  background: #c3dae6;
}


div#search_text_box #or-advanced-search {
  margin-left: 45px;
}

/* Sub Nav */
#sub-nav {
  margin-top: 20px;
}
div#sub-nav ul {
  margin: 0;
  padding: 0 15px 0 0;
  float: right;
  /* display: inline; */
}
div#sub-nav ul li {
  list-style: none;
  margin: 0 0 0 4px;
  float: left;
  /* display: inline; */
}
div#sub-nav ul li a {
  display: block;
  font-size: 108%;
  font-weight: bold;
  background: url(/images/agency/sn-tab-left.gif) no-repeat 0 0 #83929a;
}
div#sub-nav ul li a span {
  display: block;
  background: url(/images/agency/sn-tab-right.gif) no-repeat 100% 0;
  padding: 0 10px;
  line-height: 30px;
}
div#sub-nav ul li a:link, div#sub-nav ul li a:visited {
  color: #f7f9f5;
  text-decoration: none;
}

div#sub-nav ul li a:hover, div#sub-nav ul li a.active {
  background-color: #c3dae6;
  background-position: 0 -40px;
  color: #4b4139!important;
}
div#sub-nav ul li a:hover span, div#sub-nav ul li a.active span {
  background-position: 100% -40px;
}

/* Util Nav */
div#util-nav ul {
  margin: 0;
  padding: 5px 5px 5px 0;
  float: right;
  /* display: inline; */
}
div#util-nav ul li {
  list-style: none;
  padding: 0 0 0 15px;
  float: left;
  /* display: inline; */
}
div#util-nav ul li a {
  display: block;
  font-size: 85%;
  font-family: Verdana, Arial, sans-serif;
  padding-bottom: 3px;
}
div#util-nav ul li a:link, div#util-nav ul li a:visited {
  color: #f7f9f5;
  text-decoration: none;
  text-transform: uppercase;
}
/*div#util-nav ul li#un-logout a {
  font-size: 108%;
  line-height: 85%;
}*/
div#util-nav ul li#un-help {
  padding: 0;
}
div#util-nav ul li#un-help a {
  width: 45px;
  background: url(/images/agency/help-btn.gif) no-repeat 0 0;
  padding: 0;
  height: 18px;
  text-indent: -9000px;
}
div#util-nav ul li#un-help a:hover{
  background: url(/images/agency/help-btn-hover.gif) no-repeat 0 0;
}
div#util-nav ul li a:hover {
  text-decoration: underline;
}
div#util-nav ul li a.active {
  text-decoration: underline;
}
div#util-nav ul li#to_go_back{
  color: #c9bdaa;
}
div#util-nav ul li a#back {
  font-size:115%;
}
/* @end */

/* @group Common Text Styles */
div.content {
  color: #484139;
}
/* @end */

/* @group Default Lists */
/*ol {
  padding-left: 5px;
}
ul li{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:disc;
}
ul ol dl {
  margin-left: 2em;
}
blockquote, ul, ol, dl {
  margin: 1em;
}*/
/* @end */

/* @group Forms */

input#participant_submit {
  margin: 10px 0;
}



/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
  color: #484139;
  text-decoration: underline;
  border-style: none;
}
a, input {
  outline:none; /* FF1.5+ IE7+*/
  -moz-outline:none; /* FF<=1.5*/
}

a.btn {
  color: #fff;
  text-decoration: none;
  white-space: normal;
}
a.btn-default {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
}

a.btn-hollow {
  border: 2px solid #fff;
  display: inline-flex;
}
a.btn-hollow:active,
a.btn-hollow:focus,
a.btn-hollow:hover {
  background-color: #fff;
}
/* @end */

.btn-parti {
  background: #af8f68;
  background: -moz-linear-gradient(top, #af8f68 0%, #8e704b 100%);
  background: -webkit-linear-gradient(top, #af8f68 0%,#8e704b 100%);
  background: linear-gradient(to bottom, #af8f68 0%,#8e704b 100%);
  color: #fff
}
.btn-parti:hover {
  background: #8e704b;
  color: #fff;
}

.btn-nfq {
  background: #c07054;
  background: -moz-linear-gradient(top, #c07054 0%, #b5725c 100%);
  background: -webkit-linear-gradient(top, #c07054 0%,#b5725c 100%);
  background: linear-gradient(to bottom, #c07054 0%,#b5725c 100%);
  color: #fff;
}
.btn-nfq:hover {
  background: #b5725c;
  color: #fff;
}


.btn-icon {
  display: flex;
  align-items: center;
}
.main .btn-icon {
  display: inline-flex;
}
.btn-icon i {
  font-size: 26px;
  margin-right: 10px;
}
.btn-icon .btn-text {
  display: inline-block;
  vertical-align: middle;
}
.content-wrapper .btn-icon {
  display: inline-flex;
}


/* contact form */
div.contact-form textarea#question {
  width: 400px;
  height: 150px;
}

div.contact-form {
  padding: 5px;
}

div.contact-form label {
  display: block;
}

/* password */
/*div.submit_field {
  margin: 10px 0;
}

div.password_field {
  margin: 10px 0;
}*/

/*div#password_form label {
  color:#666666;
  font-size:140%;
  line-height:150%;
}*/
/*div#password_form p {
  font-size: 120%;
}*/

/* pagination */
.pagination {
  float: right;
  margin-top: 1em;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.pagination a {
  border: 1px solid #DDD;
  text-decoration: none;
  padding: 0 4px 0 4px;
}
.pagination a:hover{
  background: #DDD;
}

#inventories_table table {
  margin-bottom: 0;
}
#inventories_table .pagination {
  float: none;
  margin: 0 auto 30px;
}

.current {
  border: 1px solid #DDD;
  background: #e7ecf1;
  padding: 0 4px 0 4px;

}
.next_page {
  border: none;
}


span.page_title {
  color: #aaa;
}

/* @group Misc */
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Error Message */
span.big-page h3{
  padding-bottom: 300px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* @end */

.label_select {
  background-color: #eee;
  border: 1px solid #fff;
  font-size: 12px;
  margin: 0;
  padding: 10px;
}

.form_element_hover {
  background-color: #ddd;
}

.label_select span {
  font-size: 120%;
  color: #4b4139;
}

select.errorBackground, input.errorBackground {
  background-color: #c06f54;
}

.spinner {
  background:#FFFFFF url(../../../../images/ajax-loader-white.gif) no-repeat scroll center center;
  opacity:0.75;
  z-index:2000;
}

select, option {
  font-size: 110%;
}

div.label_select label.participant_type {
  color: #000;
  margin-left: 8px;
}

dt.demographic_name {
  color: #999;
  display: inline;
  font-size: 18px;
}

dd.demographic_value {
  color: #4b4139;
  display: inline;
  font-size: 18px;
  text-align: right;
}

/*div#responses {
  padding: 0 2em 2em 2em;
  margin: 0.8em;
}*/

/*div#response_fields {
  margin-left: 1em;
  margin-top: 2em;
}*/

p#no-assessments {
  font-size: 1.2em;
  color: #c06f54;
}

/*#flash_notice {
	background-color: #E0E4BE;
	border: 2px solid #4B4139;
  color: #4B4139;
}*/
.form_field_error, .errorExplanation {
  background: #F5D0A9;
  border: 2px solid #C06F54;
  color: #C06F54;
}

.success {
  margin: .7em;
  background: #E0E4BE;
  border: 2px solid #849148;
  color: #849148;
}

div#global, div.global, div.errorExplanation {
  font-size: 120%;
  padding: 1em;
  margin: 0 0 .5em 0;
  font-style: italic;
}

div#error_message span{
  color: #c06f54;
}

div.error {
  background: #f2dede;
  color: #a94442;
}

div.error, label.error {
  margin: 0;
  padding-left:10px;
  color: #a94442;
  font-style: italic;
}

ul li.radio_options {
  list-style-type: none;
  margin: 0;
}

ul.radio_options {
  margin: 0;
}

div.stacked_options {
  float: left;
  width: 100%;
}

div.stacked_options ul {
  float: left;
}

div#score_table_graph {
  float: left;
  width: 700px;

}

div#score_table {
  float: left;
  width: 270px;
}

div#score_graph {
  margin-left:1.5em;
  margin-top:1em;
}

div#score_graph table {
  font-family: Arial;
  border-spacing: 0;
}

div#score_graph table tr.odd {
  background-color: #eee;
}

div#score_graph table tr td {
  width: 32px;
  text-align: center;
  border: none;
  margin: 0;
  padding: .4em;
}

div#score_graph table#cpi tr td h2 {
  text-align: left;
  padding-left: 6px;
}

#cpi th {
  text-align: center;
}

div#score_graph table tr td.divider, div#score_graph table tr th.divider {
  border-right: thin solid #999;
  border-top: none;
  border-bottom: none;
  text-align: center;
}

div#score_graph table tr td.divider-thick {
  border-right: 2px solid #999;
}

.download-box {
  background-color: #fff;
  border-radius: 3px;
	display: none;
  margin-bottom: 10px;
  padding: 7px 5px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}
.download-box .error {
  color: #c00;
  padding: 15px 5px;
  text-align: center;
}
/* div#download_blanks select {
} */

div.sidebar_label {
  width: 100%;
  box-sizing: border-box;
}

div.sidebar_label label {
  margin-top: .15em;
  float: left;
}

select.download_select {
  float: right;
  width: 125px;
}

select#download_locale_select {
  margin-bottom: 0.5em;
}

div.sidebar_label {
  float: left;
  padding: 2px;
  padding-bottom: 5px;
}

form#download_form span {
  padding: 0 1.9em;
}

div#language_box {
  padding-bottom: 1.5em;
}

p#combined_description {
  display: none;
  background-color: #eee;
  width: 300px;
  padding: 10px;
}

#inventory_download_combined {
  display: none;
}

.online_field {
	clear: both;
	padding-top: 15px;
}
.online_field small {
	display: block;
	line-height: 1;
}
.online_field input {
	border: 1px solid;
	border-radius: 2px;
	width: 100%;
}
.online_copy {
	display: flex;
	align-items: center;
}
.online_copy input {
	background: #f0f0f0;
}
.online_copy .fa {
	cursor: pointer;
	margin: 0 5px 0 10px;
}
.online_copied {
	margin: 10px 0;
	opacity: 0;
	text-align: right;
	transition: 0.25s all ease;
}
.copied + .online_copied {
	opacity: 1;
	transition: none;
}

a.video {
  background: transparent url(/images/icon-video.png) no-repeat 0 0;
  padding: 5px 0 10px 30px;
  font-size: 90%;
  display: block;
  float: right;
}

/* programs export */

div.label_select h3 {
  margin-left: 10.9em;
  display: inline;
}

div.label_select span#scores_checkboxes {
  font-size: 12px;
  margin-left: 20.5em;
  display: block;
}

div.label_select span#response_checkbox {
  display: inline;
  font-size: 12px;
  margin-left: 1em;
}

/*div#response_fields input {
  width: 2em;
}*/

table.people tr td.left_column {
  text-align: left;
  padding-left: 1.5em;
}

/* div.assessment_header {
} */

div.assessment_header_info_left {
  float: left;
  width: 15em;
}

div.assessment_header_info_right {
  float: right;
  width: 21.2em;
}

form#advanced_search_form input {
  float: left;
}

span#advanced_search {
  padding-bottom: 5px;
}

span#advanced_search h2 {
  padding: 0;
  margin: 0;
}

input#submit_advanced_search {
  padding: .3em 0;
}

/* HELP Section */

.help_lists {
  padding-left: 2em;
}
/* ul.help_lists {
}
dd.help_lists {
}
dt.help_lists {
}
dl.help_lists {

} */
.benefits {
  padding-left: 2em;
}
dl div {
  padding: .5em 0;
}

div#full_address {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  text-align: left;
}

span#street_address {
  text-align: left;
}

span#city_state_zip {
  text-align: left;
  display: block;
}
div#beta_ribbon {
  background: url(/images/agency/beta_ribbon.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 142px;
  margin-left: -7px;
  margin-top: -7px;
  overflow: hidden;
  text-indent: -100000px;
  width: 142px;
  z-index: 100000;
}

.n_a {
  color: #bbb;
  font-size: .7em;
}

ul.export-options {
  margin: 0
}

div#ui-datepicker-div {
  display:none;
}

/** integritive */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}

#download_link {
  float: left;
  max-width: 400px;
  margin: 10px 0;
  padding: 10px 0 0;
  display: none;
}
/*.button_right.export_button {
  width: 130px;
}*/
.export_button #exportDataButton,
.export_button #report-submit {
  margin: 0;
}

.report-inventory {
  margin-left: 250px;
}

/*= Participant Notes
==============================================================================*/
#participant-notes .participant-note {
  font-size: 120%;
  padding: 7px;
}
#participant-notes .participant-note:hover {
  background: #eee;
}
#participant-notes .participant-note-date {
  color: #999;
}
/* #participant-notes .participant-note-comment {

} */
#participant-notes .participant-note-edit {
  float: right;
}
#participant-notes .participant-note-edit a,
#participant-note-form a {
  color: rgb(191, 111, 84);
}

#participant-note-form textarea {
  width: 100%;
  height: 250px;
}
.participant-note-form-delete,
.participant-note-form-actions {
  height: 41px;
  line-height: 41px;
  vertical-align: top;
}

/*= Program table sorting
==============================================================================*/
#programs_table th {
  cursor: pointer;
}
#programs_table th.sort-asc h2,
#programs_table th.sort-desc h2 {
  white-space: nowrap;
}

.sorting-arrow {
  width: 0;
  height: 0;
  display: inline-block;
  position: relative;
  top: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-left: 4px;
}
.sort-asc .sorting-arrow {
  border-bottom: 5px solid black;
}

.sort-desc .sorting-arrow {
  border-top: 5px solid black;
}

.videoWrapper {
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recent-messages {
  padding-top: 15px;
}
.recent-messages .bs-callout {
  margin: 0 0 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.recent-messages .bs-callout h4 {
  margin: 0;
}
.recent-messages .bs-callout small {
  float: right;
  line-height: 18px;
}



.help-links a {
  text-decoration: none;
}
.help-links a:active,
.help-links a:focus,
.help-links a:hover {
  text-decoration: underline;
}
.help-links li:before {
  font-family: 'FontAwesome';
  content: "\f059";
  margin:0 5px 0 -15px;
  color: #777;
}


/* USE THIS ORANGE FOR THE NEW BUTTON #C07054 */

@media (min-width: 992px) {
  .flex-row {
    display: flex;
    align-items: center;
  }
}

.page-content {
  padding: 30px;
}

.page-content hr {
  margin: 30px 0;
}

#bd {
	background-color: #f5f4f4;
}

.bg-header {
  background: #90847b;
  color: #fff;
}


div#nav ul.program-links li a,
div#sub-nav ul li a {
	background: #7a6a5d;
}


/* CHANGE THIS FOR EACH INVENTORY TO MATCH ITS COLOR */
#nav .inventory-links li a { background: #99a25d; }
#nav .inventory-links.cpi li a { background: #6d4573; }
#nav .inventory-links.nfq li a { background: #b5725c; }
#nav .inventory-links.nscs li a { background: #44606f; }
#nav .inventory-links.parti li a { background: #af8f68 }

#nav .inventory-links li a:active,
#nav .inventory-links li a:focus,
#nav .inventory-links li a:hover,
#nav .inventory-links li a.active {
  background: #f5f4f4
}

.btn-aapi { color: #fff; }


div#nav ul li a:hover,
div#nav ul li a.active,
div#sub-nav ul li a:hover,
div#sub-nav ul li a.active {
	background: #f5f4f4;
}

div#sub-nav ul li a span {
  background: transparent;
}

#agency_name small a {
  color: #c9bdaa;
  text-decoration: none;
  border: 1px solid #c9bdaa;
  padding: 5px 14px;
  line-height: 20px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 16px;
}
#agency_name small a:hover {
  color: #4b4139;
  background-color: #c9bdaa;
}
#agency_name .contract-number {
  display: block;
  font-size: 16px;
}

.sidebar-buttons {
  margin-bottom: 30px;
}
.sidebar-buttons .btn {
  font-size: 17px;
  text-align: left;
  margin-top: 10px;
  padding: 6px 8px;
  background: #82929a;
  background-image: -webkit-linear-gradient(top, #82929a 0, #44606f 100%);
  background-image: -o-linear-gradient(top, #82929a 0, #44606f 100%);
  background-image: linear-gradient(to bottom, #82929a 0, #44606f 100%);
  color: #fff;
  border-radius: 30px;
  border: 0px;
  padding: 10px 10px;
  text-shadow: none;
}
.sidebar-buttons .btn:hover {
  background: #5d6b73;
}
.sidebar-buttons .btn:first-child {
  margin-top: 0;
}

.sidebar-buttons .btn-stacked {
	line-height: 1;
	padding-top: 6px;
	padding-bottom: 6px;
}

.whats-this {
	color: #578;
	cursor: pointer;
	padding: 6px 0;
}
.whats-this:hover {
	color: #484139;
}

.scoring-instructions {
  font-size: 15px;
}
.scoring-instructions strong {
  display: block;
}
.scoring-instructions li {
  padding-bottom: 10px;
}






/*= Guide
==============================================================================*/
.demographics-data a:link, .demographics-data a:visited,
.content-wrapper a:link:not(.btn),
.content-wrapper a:visited:not(.btn) {
  color: #578;
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}
.content-wrapper a:active:not(.btn),
.content-wrapper a:focus:not(.btn),
.content-wrapper a:hover:not(.btn) {
  color: #44606f;
  border-bottom: 2px solid;
  padding-bottom: 1px;
}
.demographics-data a:link, .demographics-data a:visited {
  border: none;
  text-decoration: underline;
}

.content-wrapper li {
  padding-bottom: 10px;
}

.table a:link,
.table a:visited {
  color: #578;
}
.table a:active,
.table a:focus,
.table a:hover {
  color: #44606f;
}


.breadcrumb {
  background: #80884a;
  border-radius: 0;
  color: #fff;
  margin-bottom: 0;
}
.breadcrumb a {
  color: #fff;
}
.breadcrumb a:active,
.breadcrumb a:focus,
.breadcrumb a:hover {
  color: #333;
}

.bg-header-guide {
  background: #b2b783;
  color: #fff;
}
.guide .bg h1 small {
  /*color: #4b4139;*/
  display: block;
}

.content-wrapper {
  font-size: 16px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.guide-box {
  margin: 15px 0;
}
.guide-box h4 {
  background-color: #edefde;
  padding: 8px 16px;
}
.guide-box ul {
  padding-left: 20px;
}
.guide-box li {
  padding: 5px 0;
}

.guide-accordion {
  margin-bottom: 40px;
}
.guide-accordion .ui-accordion-header {
  border-bottom: 2px solid #80884a;
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  padding: 10px;
}
.guide-accordion .ui-accordion-header.ui-state-active {
  background-color: #edefde;
}
.guide-accordion .ui-icon {
  color: #80884a;
  float: right;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  -webkit-transition: transform 0.1s ease;
	transition: transform 0.1s ease;
}
.guide-accordion .ui-icon:before {
  content: "\f067";
}
.guide-accordion .ui-state-active .ui-icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guide-accordion .ui-state-focus:focus { outline: none; }

.guide-accordion .ui-accordion-content {
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  font-size: 16px;
  overflow: auto;
  padding: 20px 10px;
}
.guide-accordion .ui-accordion-content > *:first-child {
  margin-top: 0;
}
.guide-accordion .ui-accordion-content > *:last-child {
  margin-bottom: 0;
}


.read-more {
  font-size: 14px;
  text-align: right;
}
.read-more i {
  color: #578;
  font-size: 12px;
}
.read-more a {
  border: none !important;
}
.read-more a:active,
.read-more a:focus,
.read-more a:hover {
  text-decoration: underline !important;
}

.list-style-type-none {
	list-style-type: none;
}
.text-bold {
	font-weight: bold;
}

.instructions li {
	margin-bottom: 10px;
}

.fillable form {
	background: #f5f4f4;
	padding-top: 50px;
	padding-bottom: 50px;
}
.fillable .form-section {
	background: transparent;
}
.fillable .form-group {
	margin-bottom: 1em;
}
.fillable .control-label {
	margin: 0;
}
.fillable .control-label-inline {
	padding-right: 1em;
}
.fillable .checkbox,
.fillable .radio {
	margin: 0;
}

.fillable hr {
	clear: both;
	height: 0;
	border: 1px solid #000;
}

.fillable .response input[type="checkbox"],
.fillable .response input[type="radio"] {
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.aapi-response {
	border-top: 1px solid #ded9d9;
	display: flex;
	align-items: flex-start;
	padding-top: 5px;
	padding-bottom: 5px;
}
.aapi-response:hover {
	background: #edeaea;
}
.aapi-response:first-of-type {
	border: none;
}
.aapi-response.aapi-response-header {
	align-items: flex-end;
	font-weight: bold;
	border-bottom: 2px solid #000;
}
.aapi-response > * {
	flex: 0 0 auto;
	padding: 0.3em 7px;
}
.aapi-response .response-number {
	font-weight: bold;
	width: 25px;
}
.aapi-response .response-question {
	font-weight: bold;
	width: calc(50% - 25px);
}
.aapi-response .responses {
	display: flex;
	align-items: flex-end;
	width: 50%;
}
.aapi-response .response {
	flex: 0 0 auto;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 20%;
}
.aapi-response .response label {
	display: block;
	margin: 0;
	padding: 5px;
}

@media (min-width: 768px) {
	.d-flex {
		display: flex;
	}
	.align-items-center {
		align-items: center;
	}
	.d-flex > label {
		width: auto;
		white-space: nowrap;
	}
	.fillable .form-control + .control-label-inline {
		padding-left: 1em;
	}
	.fillable .middle-initial {
		width:75px;
	}
}

@media (max-width: 767px) {
	#hd.fillable,
	#bd.fillable {
		min-width: auto;
	}

	.response-wrapper {
		padding-right: 0;
		padding-left: 0;
	}

	.aapi-response {
		flex-wrap: wrap;
	}
	.aapi-response .response-question {
		width: calc(100% - 25px);
	}
	.aapi-response .responses {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
	}
}

#credit-usage {
	display: none;
}
#credit-usage.active {
	display: table;
}
.table-striped>tbody>tr.debit {
	background-color: #fff1f1;
}
.table-striped>tbody>tr.debit:nth-of-type(odd) {
	background-color: #ffe9e9;
}
.table-striped>tbody>tr.credit {
	background-color: #d1e7dd
}
.table-striped>tbody>tr.credit:nth-of-type(odd) {
	background-color: #d1e7dd
}