@import url(https://fonts.googleapis.com/css?family=Domine:400,700);

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body{
  min-height: 100%;
}
.visualizations{
  margin-bottom: 85px;
}
h1, h2{
  font-family: 'Domine', Georgia, Times, serif;
}
#questionTitleTruncated {
  color: #545f64;
  font-size: 1.25em;
  margin-top: .5em;
}
h2{
  font-size: 28px;
  color: #545f64;
  line-height: 1.1em;
}
h3{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #545f64;
  font-size: 21px;
}
a{
  color: #4a77bb;
}
a:hover{
  color: #325486;
  text-decoration: none;
}
.modal-body a:visited{
  color: #4a77bb;
  text-decoration: none;
}
.modal-body a:hover{
  color: #d3dfbd;
  text-decoration: none;
}
.intro {
  font-size: 16px;
}
.red {
  color: #a94442;
}
.yellow{
  color: #e0dd03;
}
.green{
  color: #325486;
}
.strong{
  font-weight: bold;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover, .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
  background-color: #325486;
}
.bg-lt-gray{
  background-color: #f1f1f1;
  padding-top: .5em;
}
.bg-md-gray{
  background-color: #e8e8e8;
}
.display-nav {
  padding: 1em 0;
}
.display-nav .action-button {
  background-color: transparent;
  border: 0;
  color: #4a77bb;
  float: left;
}
.display-nav .action-button .fa {
  font-size: 1.35em;
  margin-right: 0;
  padding: .10em 0 0 0;
}
.display-nav h3{
  color: #545f64;
  font-size: 1.25em;
  margin-top: .5em;
}
.bg-dk-gray{
  background-color: #545f64;
}
.btn-info{
  background-color: #444a50;
  border-color: #444a50;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{
  background-color: #51839a;
  border-color: #51839a;
}
.btn-success{
  background-color: #4a77bb;
  border-color: #4a77bb;
}
.btn-success:hover, .btn-success:focus {
  background-color: #325486;
  border-color: #5a8031;
}
.row.navigation{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
@media (max-width: 768px){
 .row.navigation{
   display: block;
 }
}
.navbar {
  margin-bottom: 0;
}
.primary-nav{
  margin-right: 2em;
}
.question-header .col-sm-3{
  padding: 0;
}
#about-study-page, #help-page, #ask-e {
  margin-right: .5em;
}
#ask-e img {
  height: 15px;
  width: 15px;
}
.survey-topic-nav{
  padding: .5em 0;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 6px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  white-space: normal;
  width: 98%;
}
.survey-topic-nav img {
  width: 40px;
}
.question-header {
  background-color: #545f64;
}
.question-header .btn{
  font-size: 16px;
}
.question-header .btn:hover, .question-header .btn:focus{
  color: #f1f1f1;
}
.question-header a{
  color: #fff;
}
.question-header a:hover{
  color: #cccccc;
}
#logoutButton{
/*  margin-bottom: 1em;
  margin-top: .75em;*/
}
.dropdown-menu {
  min-width: 100%;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #444a50;
}
.demographic-nav{
  display: none;
}
#questionCategory{
  background-color: transparent;
  border: 2px solid #545f64;
  color: #545f64;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  padding: .5em;
  visibility: visible;
}
.loading #questionCategory {
  visibility: hidden;
  border: 0 none;
}
.spinner {
  background: transparent;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.loading .circle {
    /*background: red;
    height: 50%;
    width: 50%;
    display: block; */
    width: 50px;
	height: 50px;
	border-radius: 25px;
	border: 8px solid #444a50;
	opacity: .8;
}
.loading .mask {
	width: 26px;
	height: 26px;
	overflow: hidden;
}

.loading .spinner {
  position: absolute;
  margin-top: 25%;
  left: 60%;
  width: 50px;
	height: 50px;
	animation: spin 1s infinite linear;
}

#questionTitleTruncated{
  color: #545f64;
}
.white-bg {
  background-color: #fff;
}
.gray-bg {
  background-color: #e8e8e8;
}
.sidebar-container {
  padding-bottom: 1em;
  padding-top: .5em;
}
.textured-well {
  border: none;
  border-radius: 0px;
  padding-bottom: 1em;
}
.fa{
  margin-right: .5em;
}
#back-to-esource i{
  margin-right: 0;
}
.secondary-nav {
  padding: 1em;
}
.secondary-nav a{
  padding-right: 1.5em;
}
.filter-sidebar{
  padding-right: 0;
  padding-left: 0;
}
.filter-bar {
  margin-bottom: 0;
  margin-top: 0;
  min-height: 900px;
}
.sidebar-blocks{
  background-color: #fff;
  margin-top: 1em;
  padding: .75em;
}
.sidebar-block{
  background-color: #fff;
  margin: 1em 0;
}
.sidebar-block:before, .sidebar-block:after {
  display: table;
  content: " ";
}
.full-nav {
  opacity: .95;
  color: #545f64;
}
.full-nav.modal {
  padding-right: 0 !important;
}
.full-nav.modal .modal-dialog {
  margin: 0 auto;
}
.full-nav .modal-content {
  background-color: #444a50;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
  height: 100% !important;
}
.full-nav .action-button a:hover {
  color: #325486;
}
.full-nav h4 a:hover{
  color: #000;
}
.full-nav .panel {
  background-color: transparent;
  border: none;
}
.full-nav .panel-body {
  padding: 15px 0px 15px 0;
}
.full-nav h4 {
  border: none;
  margin: 0;
  padding: .5em;
}
.full-nav h5{
  margin: 0;
  border: none;
}
.full-nav .panel-default>.panel-heading {
  border: none;
  padding: 5px;
}
.full-nav .panel .panel-default>.panel-heading {
  background-color: #f5f5f5;
}
.full-nav .panel-body{
  margin-left: 1em;
}
.full-nav a, #full-nav a:hover{
  text-decoration: none;
}
.full-nav .panel-default>.panel-heading+.panel-collapse>.panel-body{
  border-top: none;
}
.current-question {
  color: #3b5223;
}
.full-nav .close {
  color: #fff;
  opacity: 1;
}
.full-nav .panel{
  box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: .5em;
}
.full-nav .panel-body .panel-heading a{
  color: #545f64;
  font-size: 1.2em;
  text-align: left;
}
.full-nav .panel-body .panel-heading a:hover, .full-nav .panel-body .panel-heading a:focus {
  color: #000;
}
.full-nav .panel-body .panel-body {
  padding-left: .5em;
}
.full-nav h4{
  color: #545f64;
}
.full-nav .panel-body .action-button:hover{
  color: #325486;
}
.full-nav .panel-heading {
  border-radius: 3px;
}
.full-nav .panel-group{
  margin-bottom: 6px;
}
#pdfExport, #excelExport {
  margin-bottom: 1em;
}

#download-pdf{
  float: right;
}
.summary-cat-col{
  height: auto;
  min-height: 850px;
}
@media only screen and (min-width: 1450px){
  .summary-cat-col{
    height: auto;
    min-height: 625px;
  }
}
.pdf .summary-cat-col{
  height: auto;
  min-height: 540px !important;
}

/*Start Icon overlap fixer*/
.summary-cat-col .row{
  padding-left: 1.5em;
  margin-bottom: .25em;
}
.truncatedIcon-and-Question{
  list-style-type: none;
  list-style-position: inside;
  text-indent: -.75em;
  margin-left: 1em;
}
.truncatedQuestion{
  margin-left: .15em;
}
.truncatedIcon-and-Question .tooltip{
  position: absolute;
  margin-left: -0.45em;
  text-indent: 0;
}
/*End Icon overlap fixer*/

.summary-cat-col h3{
  margin-top: 5px;
  margin-bottom: 1em;
}
.cat-score-wrapper {
  border-radius: 5px;
  margin: 1em auto;
  padding: .25em;
  text-align: center;
}
.cat-score-wrapper h5{
  margin-top: .25em;
  margin-bottom: .25em;
}
.cat-score-wrapper h4{
  margin-bottom: .25em;
  margin-top: 0;
}
.selectize-dropdown {
  box-shadow: -1 6px 12px rgba(0, 0, 0, 0.175);
  border: none;
  width: 100%;
}
.nav-tabs .action-button {
  background-color: transparent;
  border: none;
}
#total_df_filters {
  padding-bottom: 0;
  padding-top: 0;
  line-height: 40px;
}

.modebar {
  display: none;
}
.d3-viz svg {
  transform: scale(1.0);
}
#amaPlot{
  height: 1px !important;
}
.main-svg{
  background-color: transparent !important;
  overflow: visible !important;
}
.svg-container {
  height: 100% !important;
}
.export-btns .btn {
  margin-right: 1em;
}
.legend rect{
  background-color: transparent !important;
}
.shapelayer path {
  fill: #fff !important;
  opacity: 0 !important;
}
.nums .line:nth-child(1), .nums .line:nth-child(2), .nums .line:nth-child(4), .nums .line:nth-child(5){
  display: none;
}
.subplot.xy svg {
  height: 100px !important;
}
.nav-tabs > li {
  float: none;
  display: inline-block;
}
.drag {
  cursor: default !important;
}
.infolayer .annotation:nth-child(5) .annotation-text-g g, .infolayer .annotation:nth-child(6) .annotation-text-g g{
  dominant-baseline: text-before-edge;
}
.infolayer .annotation:nth-child(5) .annotation-text-g g .annotation{
  alignment-baseline: -11px;
}
.infolayer .annotation:nth-child(6) .annotation-text-g g .annotation{
  alignment-baseline: 6px;
}
.infolayer .annotation:nth-child(4) .annotation-text-g g{
  dominant-baseline: text-before-edge;
}
.infolayer .annotation:nth-child(4) .annotation-text-g g .annotation{
  alignment-baseline: -10px;
}
.infolayer .annotation:nth-child(8) .annotation-text-g g{
  dominant-baseline: text-after-edge;
}
.infolayer .annotation:nth-child(8) .annotation-text-g g .annotation{
  alignment-baseline: 10px;
}
#statisticalSignificance .panel{
  border: 0;
  box-shadow: none;
}
#statisticalSignificance .panel-heading+.panel-collapse>.panel-body {
  border: 0;
}
#statisticalSignificance .panel-heading{
  padding: 0;
}
#statisticalSignificance .panel-default>.panel-heading{
  background-color: transparent;
}
#statSigPlot.shiny-plot-output{
  display: block;
  height: 100%;
}
#statSigWrapper{
  margin-left: 1.75em;
}
#statSigWrapper .panel-body {
  padding: 0;
}
#statSigPlot .table {
  width: 100% !important;
}
#statSigPlot table.dataTable.display tbody tr.odd {
  background-color: #d3debd;
}
#statSigPlot table.dataTable thead .sorting, #statSigPlot table.dataTable thead .sorting_disabled {
  background: #7aae42 !important;
  color: #fff;
}
#statSigPlot .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #7aae42;
  border: 1px solid  #7aae42;
}
#mainplot img {
  display: none !important;
}
.filter-group path.domain {
  stroke: transparent;
}
.filter-group .title, .xtab-group .title, .xtab-group .nps  {
  fill: transparent;
}
.filter-group-background {
  fill: rgb(245, 245, 245);
}
.x.axis{
  font-size: 12px;
}
.filter-group .title:first-of-type, .x-axis-title {
  fill: black;
  font-size: 14px;
}
#questionBaseText, #questionDetail, #questionNote, .source-year, #questionInfoText, #surveyYear, #shareLink, #questionTitle{
  margin-left: .25em;
  margin-bottom: .5em;
  font-weight: 400;
  font-size: 13px;
}
.xtab-group .title:first-child, .xtab-group .nps:first-of-type {
  font-size: 12px;
  text-anchor: start;
  fill: #000;
}
rect text {
  fill: white;
  font: 13px sans-serif;
  text-anchor: end;
}
.bar-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 10px;
    width: 220px;
    height: 100px;
    color: white;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    pointer-events: none;
}
.bar-tooltip ul {
  padding-left: 0;
}
.bar-tooltip li {
  list-style-type: none;
  padding-left: 0;
}
.shiny-output-error {
  line-height: 50px;
  height: 50px !important;
  background-color: #f2dede;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #a94442;
  margin: 0 auto;
}
.alert {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
}
@media (max-width: 767px) {
  .filter-bar {
    min-height: 600px;
  }
  #questionCategory {
    display: block;
    margin: 3em auto;
    text-align: center;
    width: 80%;
  }
}

.filter-sidebar .btn:active:focus, .filter-sidebar .btn:focus, .filter-sidebar .btn.active:focus, .filter-sidebar .btn.active.focus, .filter-sidebar .btn.active, .filter-sidebar .btn:hover, .filter-sidebar .btn-success.active:hover{
  outline: 0;
  background-color: #325486;
  color: #cbd5c1;
  border-color: #325486;
}
.filter-sidebar .btn-success.active, .filter-sidebar .btn-success.focus, .filter-sidebar .btn-success.focus.inactive {
  color: #fff;
}
.filter-sidebar .btn-success{
  transition: all 0.6s ease 0s;
}

#Display .radio label{
    outline: 0;
    background-color: #4a77bb;
    color: #fff;
    border-color: #325486;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    position: relative;
    max-width: 100%;
    border-collapse: separate;
    width: 50%;
}
#Display .radio:first-child label{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#Display .radio:last-child label{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#Display .radio.active label{
    background-color: #325486;
}
#Display .radio input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
    margin: 4px 0 0;
    line-height: normal;
}
.your-response-wrapper {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background-color: #f8f7f7;
    min-height: 85px;
}
.best-practice{
  /*border-left: 1px solid #dadada;*/
  height: auto;
}
.your-response{
  /*border-right: 1px solid #dadada;*/
  height: auto;
}
.your-response, .best-practice{
  color: #545f64;
}
.clear {
  clear:both;
}
.errorContainer{
  margin: 5em 1em 0 3em;
}
#errorSubtext{
  margin: 0;
  padding: 0;
}

.year-checkboxes .checkbox label, .year-checkboxes .radio label{
    outline: 0;
    background-color: #4a77bb;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #325486;
    position: relative;
    max-width: 100%;
    border-collapse: separate;
}

.year-checkboxes .checkbox:last-child label, .year-checkboxes .radio:last-child label, .year-checkboxes-non-multiple .radio:last-child label{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.year-checkboxes .checkbox:first-child label, .year-checkboxes .radio:first-child label, .year-checkboxes-non-multiple .radio:first-child label{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.year-checkboxes .checkbox.active label{
    background-color: #325486;
}
.year-checkboxes .checkbox input, .year-checkboxes .radio input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
    margin: 4px 0 0;
    line-height: normal;
}
.year-checkboxes .checkbox {
  display: inline-block;
  margin-top: 10px !important;
}
.year-checkboxes {
    font-size: 0;
}
.year-checkboxes .control-label {
  font-size: 14px;
}
.sidebar-blocks {
    padding: .75em;
    background-color: #fff;
    margin: 1em 0;
}

.success > th {
  text-align: center;
}
.success > th:first-child {
  text-align: left;
}
table > tbody > tr > td{
  text-align: center;
}
table > tbody > tr > td:first-child{
  text-align: left;
}

#statSigButton {
  display:none;
}
#statSigWrapper .form-group {
  margin-bottom: 0px;
  width:150px;
}
#statSigWrapper .checkbox {
  margin-bottom: 0px;
  margin-top:0px;
}
#statSigWrapper .checkbox label {
  padding:0px;
}
#statSig table {
  margin-top:20px;
}

#statSig table tbody tr td:nth-child(2) {
  text-align: left;
}

#statSig table tbody tr td:nth-child(3) {
  text-align: left;
}

.modal-body img {
  width:100%;
}

.btn.radiobtn.btn-default {
  background-color: #4a77bb !important;
  outline: 0;
  color: #fff;
  border-color: #325486;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn.radiobtn.btn-default.active {
  background-color: #325486 !important;
}

.btn.checkbtn.btn-default {
  background-color: #4a77bb !important;
  outline: 0;
  color: #fff;
  border-color: #325486;
  border: 1px solid #325486;
  border-radius: 4px;
}

.btn.checkbtn.btn-default.active {
  background-color: #325486 !important;
}

.crosshair { cursor: pointer; }