:root {
  --bs-body-font-size: 14px;
}

body {font-family: "omnes-pro"; background:#1A2426; overflow-x:hidden;}

.subscribe, .subscribe:hover {
    background-color:#008080;
    color:white;
    border:none;
}

a { color: #2e6ca2; text-decoration: none; }

p {font-size:1.5em; line-height: 1.7em; letter-spacing: .25px; }
h1 {color:white;}
ul, ol {font-size:1.5em; line-height: 2em; letter-spacing: .25px; }
ul > li > ul {font-size:1em;}
ol > li > p {font-size:1em;}
li > ul {font-size: 1em;}
a:hover {text-decoration:none; border-bottom-style:solid}
#footer {color:white; min-height:300px; padding-bottom:25px; font-size:1.25em;}

a {cursor:pointer;}
.yes_hover, .no_hover,.unsure_hover   {fill:#C5E946 !important;}


.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  background-color: #347AB7;
  color: white;
}

.footerheader {
  font-size: 1.1em;
}

.btn-success { background-color: #3a853a;}


/*
* LOGOS
*/

#siteTitle {
    color: #FFFFFF;
    font-family: 'Univers LT W01_75 Black1475980';
/*    font-family: 'omnes-pro'; */
    font-size: 30px;
    line-height: 34px;
}

#tm {
    color: #FFFFFF;
    font-family: 'Univers LT W01_47 Light1475998';
    font-size: 20px;
    vertical-align: top;
}

#siteTitleSlogan {
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Univers LT W01_47 Light1475998';
/*    font-family: 'omnes-pro'; */
    text-align: left;
    margin-top: 6px;
}

a#title_link {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 0px;
}

.cornell {
    margin-top:10px;
}

#cornellLogo {
    width:12%;
}

#cornellLogoTop {
    padding-right: 10px;
}

#ytiLogo {
    width: 50%;
    margin: 0px 45px;
}

#cornell_top_image_link {
    margin-right: 30px;
}

#cornell_image_link,
#cornell_top_image_link,
#yti_image_link,
#sg_image_link,
#sg_top_image_link  {
    border-bottom-style: none;
}


/*
* Hyperlinks on black background
 */
.white_hyperlink {
    color: #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
}

.white_hyperlink:hover, .white_hyperlink:focus {
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    text-decoration: none;
}


/* NAVIGATION */
#navRow, #navRowHome {background:url(../images/grain-black.png); min-height:162px; border-bottom: #00B8B8 solid 10px; margin-right:0px !important;}
#navRowHome {border-bottom: #00B8B8 solid 10px !important;}


#navRowDashboard {background:url(../images/grain-black.png); height:175px; border-bottom: #00B8B8 solid 10px;}
.shareReport {margin-top:90px;}
a > .nav {list-style:none; position: relative; float:left; margin-top:10px !important;}
.nav {position: relative; /*float:right;*/ margin:10px 15px 5px; z-index:2;}
a > .nav {font-size:24px; color:white; }
.nav > li > a {font-size: 24px; color: white; padding:15px;}
.navbar-inverse .navbar-nav>.open>a:hover {background-color:transparent;}
.nav > li > a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>li:hover{background: #00B8B8; border-radius:5px; color:#FFF; border-style: none !important;}
.nav > li {position:relative; float:left; margin:0px 15px;}
.dropdown-menu {width:100% !important; margin: 0px 14px; top:99%; width:auto; z-index:1; -webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; color:#fff; font-size:18px;}

.navbar-inverse .navbar-nav>li>a {color:white;}
.navbar-inverse {background:none; border:0px;}
.anchor:before {
  content:"";
display:block;
height:90px; /* fixed header height*/
margin-top:-90px; /* negative fixed header height */
visibility:hidden;
}
ul.dropdown-menu {margin-left:0px; top:90%; border:none;}
ul.dropdown-menu > li > a:hover {background:#e9e9e9; font-weight:500; border-style: none !important;}
.navInfo {height:100px;}
/* .nav:hover, .nav:active {background:#00B8B8; border-radius:5px; color:#fff;} */
.dropdown.open > a > .nav{background:#00B8B8; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; color:#fff;}
.mainNavRow {position:relative; float:right;}
#utility > a {color:#00B8B8; font-size:18px; margin:0px 5px; }

/* REPORT STICKY NAV */
#reportNav {z-index:1000; width:100%;}
.reportNavLinks {
    margin:0;
    padding: 10px 15px 5px;
}
.reportNavLinks > li > a {color:black; font-size:1em; padding:5px 8px; border-bottom-style: none;}

.reportNavLinks > li > a:hover {padding:5px 9px; }

.percentDone {width:100px; height:100px; border-radius:50px; background:blue; color:white; font-size:3em; padding:25px;}

.saveButton {position:relative; float:right; margin-top:15px;}

#prev, #next, #save, .save_btn {padding:5px 10px; background:white; border:1px solid white; font-size:1.15em; color:white; border-radius:3px;}
.pagination > p {font-size:2em; color:#FFFFFF;}
.pagination > h1 {margin:5px 0px;}
.pagination {margin: 10px 0px;}
.lockup {position:relative; background:#FFFFFF;}
.category {color:white; font-weight:200; letter-spacing:3px; padding:5px 10px; margin:0px; background:#FF4200;}
.subCategory {margin:0px; font-size:2.5em; font-weight:300; color:white;}

#surveys {background: url(../images/carat.png) no-repeat center right; padding-right:35px;}
#surveyform {background:white;}
.fixer {position:fixed; top:0px; z-index:1000; width:100%; } /* padding-left:15px; */
.lock {position:fixed; top:0px; z-index:1000; width:100%;}

/* HERO */
#hero {height:350px; background-size: cover;}
#heroMobile {
    background-size:contain;
    background-repeat:no-repeat;
    background:url(/images/groupWorkers_mobile.jpg);
}


.actionText {font-size:2.5em; line-height: 1.75em; margin:150px 0px 0px 0px; letter-spacing: 1px; color:white; text-shadow: rgb(0, 0, 0) 2px 2px 2px;}
.signUpButton {
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b8b8 0%, #009b9b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b8b8), color-stop(100%,#009b9b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b8b8 0%,#009b9b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b8b8 0%,#009b9b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b8b8 0%,#009b9b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b8b8 0%,#009b9b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#009b9b',GradientType=0 ); /* IE6-9 */
	color: #fff;
    padding:20px 30px; 
    font-size:2em; 
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 3px 5px 0px rgba(54,54,54,0.35);
-moz-box-shadow: 2px 3px 5px 0px rgba(54,54,54,0.35);
box-shadow: 2px 3px 5px 0px rgba(54,54,54,0.35); position: relative; top:25px; 
text-decoration: none;}
.signUpButton > a {font-weight: 300;}
.signUpButton:hover {
    background: #008d8d; 
    text-decoration: none; 
    -webkit-box-shadow: 0px 0px 0px 0px rgba(54,54,54,0.35);
    -moz-box-shadow: 0px 0px 0px 0px rgba(54,54,54,0.35);
    box-shadow: 0px 0px 0px 0px rgba(54,54,54,0.35);
    border: 0px;
    color: #FFF;
}
#reportRow {background: #232323; padding:0px 0px 0px 0px; color:white; min-height:400px;}

#shareRow {
    padding: 25px 0px 0px;
    color: #000 !important;
    background-color:white;
    min-height:400px;
}

#signUpRow {background: url(../images/grain.png); min-height:200px; padding-top:25px; }
#signUp {color:white; text-shadow: rgb(0, 84, 84) 4px 4px 4px;}

#infoRow {
    padding:50px 0px;
    /* background: url(../images/walltexture.png) repeat; */
    background-color: #FCFCFC;
    min-height:400px;
    padding-top:25px;
}

.signUpForm {padding:0px 25px; color:white; font-size:1.5em;}

.sectionList {
    list-style:none;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    height: 100%;
}

.sectionList h3 {
    font-size: 1.75em;
}

.sectionList li {
  vertical-align:middle;
}

@media (min-width:992px) {
    .sectionList li {
      height:100px;
    }
}


#signUpRow input[type="text"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#signUpRow input[type="submit"] {margin-left:20px; background:#E7131A; padding:5px 25px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; border:none; font-size:1.5em; color:white; box-shadow: rgb(0, 84, 84) 4px 4px 4px;}
.exampleCircle {border-radius: 125px;  margin-top:0px;}
.exampleCircle > p {color:white;}
.subHeader {font-size:4em; font-weight:300; margin-top:0px; margin-bottom:20px;}
/* SURVEY PAGES */

/*.question {background:#e7e7e7; -webkit-box-shadow: 0px 7px 0px 0px rgba(200, 200, 200, 0.75);
-moz-box-shadow:    0px 7px 0px 0px rgba(200, 200, 200, 0.75);
box-shadow:         0px 7px 0px 0px rgba(200, 200, 200, 0.75); border-top:1px solid #cbcbcb; height:150px;}*/
.surveyQuestion > p {text-align:left; margin-left:50px; font-size:2.2em; font-weight:300; line-height:1.5em;}
.surveyQuestion {text-align: center; margin:15px 0px;}

#save:hover, .save_btn:hover {background:white;}

/*
input[type="radio"]:checked + div > p {
	font-size:1.4em; line-height:1.5em; top:25%;
}

input[type="radio"]:hover + div > p {
	font-size:1.4em; line-height:1.5em; top:25%;
}*/
label {font-weight:300;}
.questionRank {background:white;}
.questionNumber {color:#B82C00; font-size:2em; font-weight:500; position: relative; top:10px; padding-right:10px;}
.registerForm > input[type="text"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px; height:35px; width:300px;}
.control-group > label, .group_label {font-weight:300 !important; font-size:1.5em; margin-bottom:15px;}
/* select {width:300px; height:35px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px;} */

legend > h2 {color:black; font-weight:300; font-size:2em; display:inline;}


/**** DASHBOARD *****/

.categoryDashboard {color:#D12D80; font-weight: 300; font-size:2.5em;}
.progressCircle {width:200px; height:200px; background:green; border-radius:125px; position: relative; float:left;}
.categoryOptions {position: relative; float:left; margin-left:25px; width:59%;}
#dashboard {margin-top:25px;}
.circleData {text-shadow: rgb(0, 0, 0) 1px 1px 0px; position:absolute; padding-top:20px; text-align:center; color:white; width:140px; height:140px; border-radius:70px; margin-left:30px; margin-top:30px;}
.circleDataSurvey {font-size:12px; text-shadow: rgb(0, 0, 0) 1px 1px 0px; position:absolute; padding-top:15px; text-align:center; color:white; width:125px; height:125px; border-radius:100px; margin-left:20px; margin-top:0px;}


.circleText {font-weight:200; font-size:1.75em;}
.reportOptions, .reportOptions > li > a {color:white; font-size:1.3em; list-style:none; border-bottom: 1px transparent solid;}
.reportOptions > li > a:hover {border-bottom: 1px white solid;}
.reportOptions {margin:0px; padding:0px;}
.reportOptions > li {padding:5px 0px;}
.reportOptions > li > a > img {padding-right:10px;}
.categoryMenu {padding:30px 0px 25px 10px;}

/*.factoid {margin:0px auto; padding:0px 25px 25px; height:155px; z-index:10; padding-left:75px; text-align:left; color:white;
	-webkit-transform: translate(0px, 0);
    -webkit-transition: -webkit-transform 0.8s ease;
    -moz-transform: translate(0px, 0);
    -moz-transition: -webkit-transform 0.8s ease;
    transform: translate(0px, 0);
    transition: -webkit-transform 0.8s ease;}
.factoid > p {font-size:1.20em; line-height:1.35em; position:absolute; margin-top:25px; margin-right:25px;}

.hideFact {-webkit-transform: translate(2000px, 0);
    -webkit-transition: -webkit-transform 0.8s ease;
    -moz-transform: translate(2000px, 0);
    -moz-transition: -webkit-transform 0.8s ease;
    transform: translate(2000px, 0);
    transition: -webkit-transform 0.8s ease;}
*/
    .close {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}

.hiddenFact {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


.instructions {font-size:1.75em;}

.hidden {display:none;}

.noShow {visibility:hidden !important;}

input[type="radio"]:checked + section > .labelQuestion {
    background:#B82C00;
    color:white !important;

}

/* .circleContainer {perspective: 1000;  transform-style: preserve-3d;} */
.circleContainer {perspective: 1000px;  transform-style: preserve-3d;}

input[type="radio"]:checked + section > .flipper {transform: rotateY(180deg);}
input[type="radio"]:checked + section > .flipper > .back {z-index:3; backface-visibility: visible;}

.circleContainer, .front, .back {
  width:90px;
  height:90px;
  border-radius:45px;
}

.flipper {transition: .6s; transform-style: preserve-3d; position:relative;}


.front, .back {

  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
    transform-style: preserve-3d;

}

.front {z-index:2;   background:#e0e0e0;

transform: rotateY(0deg); transform: rotateY(0deg);
 }

.front > p {width:100%; font-size:1.65em; text-align:center; margin-top:20px;}

.back {transform: rotateY(-180deg);}


/*.labelQuestion {
  background:#d8d8d8;
  height:110px;
  width:110px;
  -webkit-border-radius: 55px;
  -moz-border-radius: 55px;
  border-radius: 55px;
  color: #717171;
}*/

.labelQuestion > p, .labelQuestion:hover > p {text-align:center; font-size:1.25em; line-height:1.3em;   font-weight:500; position: relative; top:30%;
}

.labelQuestion:hover {
    color:white !important;
}

/*
#Yes_back {background:#99dd05;}
#No_back {background:#c90000;}
#Unsure_back {background:#ababab;}
*/
.answerSection {position:relative; float:left; margin:0px 25px;}
.commentButton {background: url(../images/comment.svg); border:none; width:50px; height:50px;}
#navLock {height:30px;}
.navLockNav {list-style:none; position: relative; float:right; margin-top:-5px !important;}
.navLockNav > li {position: relative; float:left; margin:0px 15px;}
.navLockNav > li > a {font-size:14px; color:white; padding-top:0px !important;}
.nav > a:hover {background:#00B8B8; border-radius:5px; color:#fff;}
.hasComment {background: url(../images/hascomment.svg) no-repeat scroll 0 0 transparent; }
.noComment {background: url(../images/comment.svg) no-repeat scroll 0 0 transparent;}
.comment {width:50px; height:50px; border:none;}
.commentSection {position:relative; float:left; margin-left:40px; margin-top:25px;}
.commentList > li {position:relative; float:left; display: inline-block; height:50px;}
.commentList {list-style:none; display: table-cell; vertical-align: middle;}
.modalButton {background: #00b8b8; /* Old browsers */
  background: -moz-linear-gradient(top,  #00b8b8 0%, #009b9b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b8b8), color-stop(100%,#009b9b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #00b8b8 0%,#009b9b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #00b8b8 0%,#009b9b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #00b8b8 0%,#009b9b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #00b8b8 0%,#009b9b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#009b9b',GradientType=0 ); /* IE6-9 */
  color:white; }
  .modalButton:hover{color:white; background: #008d8d; text-decoration: none; -webkit-box-shadow: 0px 0px 0px 0px rgba(54,54,54,0.35);
-moz-box-shadow: 0px 0px 0px 0px rgba(54,54,54,0.35);
box-shadow: 0px 0px 0px 0px rgba(54,54,54,0.35);}


.alert {
    margin-bottom: 0px;
    font-size:1.5em;
}


/***
Popup CSS
***/
a.infotxt, a.infotxt:focus {
    border-bottom-style: none;
    border-bottom: 1px dotted #2A6496;
    text-decoration: none;
}

.popover-content ul {
    font-size: 1em !important;
    line-height: 1.4em !important;
}




/*
.alert {
    position:fixed !important;
    z-index:100001;
    bottom:0;
    margin-bottom:50px;
    right:0;
    width:300px;
    height:100px;
    font-size:1.5em;
    margin-right:50px;
}
*/

h1.report {color:#00B8B8; font-size:3em;}
.questionDescriptionList > li > p {background:#A0A0A0; font-weight:400;}
.questionDescriptionList { margin-left:0px; padding-left:0px;}
.surveyUserList {list-style:none; }
.surveyUserList {position:relative; float:left;}
.reasonDescription > p:nth-child(2) {padding-top:15px;}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    left: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 50px; /* height of link element */
    right: 50px; /* padding from the left side of the window */
}

.accessHeader {position:relative; margin-top:25px; margin-bottom:0px;}
.accessHeader > div > a {position:relative; float:left; font-size: 1.25em; height:100%; background: #d4d4d4; margin:0px 10px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; color:#4c4c4c;}
.accessHeader > div .active {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b8b8+0,00aaaa+100 */
background: rgb(0,184,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,184,184,1) 0%, rgba(0,170,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#00aaaa',GradientType=0 ); /* IE6-9 */
 height:100%; color:white; box-shadow:none; }


 .accessHeader > div > a:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b8b8+0,00aaaa+100 */
background: rgb(0,184,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,184,184,1) 0%, rgba(0,170,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#00aaaa',GradientType=0 ); /* IE6-9 */
color:white;
}
.faqSection {
    background:white;
    padding-bottom: 50px;

}



#btnShareSurvey {height:44px; width:150px;}
.printHeader {display:none;}
.bootstrap-switch .bootstrap-switch-label {margin-bottom:-5px !important;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b8b8+0,00aaaa+100 */
background: #5cb85c !important;
color:white; position:relative; top:-1px;}

 .glyphicon-remove {color:#585858 !important;}
 .deleteIcon {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
background: rgb(204,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
 color:#FFF !important; width:20px; height:20px; border-radius:10px; line-height:20px; font-size:1em;}
.requestAccess {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,fcfcfc+53,ffffff+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(252,252,252,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(252,252,252,1) 53%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(252,252,252,1) 53%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

padding:10px 25px 50px;}
.okIcon {background:#5cb85c; color:#FFF !important; width:20px; height:20px; border-radius:10px; line-height:20px; font-size:1em;}
.categoryTitleAccess {margin-top: 5px; padding:5px 10px !important; color:white !important; border-radius: 5px; position:relative; float:left; margin-right:15px;}
#btnAcceptAccess, #btnDeclineAccess {padding-left:4px; padding-right:4px; position:relative; float:left;}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {height:32px;}
.bootstrap-switch .bootstrap-switch-handle-on {line-height:0px !important;}
.percentText, .percentTextDark {font-size:1.25em; font-weight:500; }
.percentText {fill: rgba(255,255,255, 1);}
.percentTextDark {fill: rgba(0,0,0,.5);}


#utility > div > a {color:white; border-bottom: 1px solid transparent;}
#utility > div > a:hover {border-bottom: 1px dotted white;}

@media print {
    #navRowHome, #cornell, #notice, #footer
   {
      display:none !important;
    }

    p {font-size: 1.15em !important;}
    body {
      margin: 15mm 15mm 15mm 15mm;
    }
    .reportComments, #reportNavRow {display:none;}
.printHeader {display:block; width:50%; padding:0px; margin:0px;}
  #reportBody {padding-top:0px !important;}

}

@media (min-width:1024px) {
	.chartFixed {
		/* position:fixed;  */
		top:25px;
	}

}
@media (max-width:1023px) {
	.chartFixed {
		position:relative;
		top:25px;
	}
}

.chart-legend li span{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 3px;
}

.doughnut-legend {list-style:none; text-align:right;}

.doughnut-legend > li {postion:relative; padding:0px 15px;}
.userLegend {margin-left:50px; margin-top:25px;}

.reportButton {margin:auto; height:75px; width:250px; font-size:1.5em;}
.TAButton {margin:auto; height:44px; font-size:1em;}

.switchPages {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	text-align:right;
}

.reportNames {text-align:center;}

tr > td {padding-bottom:25px; vertical-align:top;}
.reportNumbers {padding-top:5px !important;}



/*** REPORT GENERATOR ***/
input[type="radio"] { opacity:0; position:absolute;}

.name_checkbox > input[type="checkbox"] {position:absolute; opacity: 0;}
.name_checkbox {
  position:relative;
  float:left;
  padding:0px 5px;
  font-size: 1.5em;
}
.name_checkbox > input[type="checkbox"]:checked + label {background: rgb(0,184,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,184,184,1) 0%, rgba(0,170,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#00aaaa',GradientType=0 ); /* IE6-9 */
 height:100%; color:white !important; box-shadow:none; -webkit-box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2);
-moz-box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2);
box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2);
cursor: pointer;
}

.name_checkbox > label {z-index: 2; cursor: pointer;}
.choiceWrap > label {
    background:#ececec;
    position:relative;
    float:left;
    /*width:150px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height:50px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    padding:15px;
    font-family: "omnes-pro";
    margin:10px;
    font-weight:300;
    color:#888888;
    height:100%;
}


.choiceWrap > label:hover, .chosenItem {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b8b8+0,00aaaa+100 */
background: rgb(0,184,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,184,184,1) 0%, rgba(0,170,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#00aaaa',GradientType=0 ); /* IE6-9 */
 height:100%; color:white !important; box-shadow:none; -webkit-box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2);
-moz-box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2);
box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2);
}
section > .glyphicon {padding-right:5px;}

.choiceWrap:hover > label > section > .reportIcon, .choiceWrap:hover > label > section {color:#FFF !important; border-color:white !important; cursor: pointer;}

.choiceWrap > label:hover {cursor: pointer;}
.reportIcon {color:#bababa !important; font-size:1.25em !important; padding-right:5px;}

.selectedReport  {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b8b8+0,00aaaa+100 */
background: rgb(0,184,184) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,184,184,1) 0%, rgba(0,170,170,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,184,184,1) 0%,rgba(0,170,170,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b8', endColorstr='#00aaaa',GradientType=0 ) !important; /* IE6-9 */
 height:100% !important; color:white !important; box-shadow:none !important; -webkit-box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2) !important;
-moz-box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2) !important;
box-shadow: inset 1px -1px 5px 2px rgba(87,87,87,0.2) !important;}


.selectedReport > section > span, .selectedReport > section {border-color:white !important; color:white !important;}
.choiceWrap > label > section {text-align:center; border-radius: 2px;font-size:1.25em; width:100%; }

.unavailable:hover > label {background: #f3f3f3 !important; border:1px dotted #f3f3f3; -webkit-box-shadow: none;
-moz-box-shadow: none; box-shadow: none; color:#bababa !important; cursor: not-allowed;}
.unavailable:hover > label:hover {color: #bababa !important; border: 2px dotted #b5b5b5;}
.unavailable:hover > label > section > span {color: #888888 !important;}
.unavailable > label {background: #f3f3f3 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 2px dotted #b5b5b5;}

.unavailable:hover, .unavailable:hover > label > section {cursor: not-allowed; }

.unavailable {background: #969696; position:relative; z-index:10;}

.choiceWrap:focus {border: 1px solid red;}

.name_checkbox > label {background: #eaeaea; padding:5px 10px; border-radius:5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;}

.glyphicon-info-sign {color: #3344dd !important;}

.yesAnswer { /* font-weight:bold;
                width:30px;
                height:30px;
                position:relative;
                top:-3px;   */
                padding:5px;
                background:#D12D80;
                color:white;
                border-radius:50%;
            }

.comprehensiveNav {list-style:none; padding-left:0px; }
.comprehensiveNav > li {position:relative; float:left; display:inline-block; font-size:1em; text-align:center; padding:10px; margin:10px; border-radius:5px; background:#d1d1d1; font-size:.8em; width:30%; word-wrap: break-word;
}
.comprehensiveNav {position:relative; float:left;}



/***
**  Smartphones (portrait and landscape)
***/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    h1 { font-size:1.5em; text-align:center; }
    #dashboard {margin-top:0px !important;}
    .actionText {margin-top:0px; font-size:1.75em;}
    .nav {padding-left:0px !important; margin-left:0px !important; margin-right:0px !important; margin-top:0px !important; width:100% !important;}
    .nav > li {width:100%; position:relative; float:left; padding:5px 0px; color:black; border-bottom:1px dotted darkgray; margin-left:0px;}
    .nav > li:last-child {border-bottom:0px;}
    .navbar-inverse .navbar-nav>li>a {color:black;}
    #myNavbar, #myNavbarUser, #myNavbarHelp {float:left; top:0px !important;background:#FFFFFF; z-index:1000; position:absolute; top:78px !important; text-align:center; padding:0px; width:100%;}
    .nav>li>a {padding-left:0px; }

    .siteTitle {
        margin-top:15px;
        position: relative;
        float:left;
        font-size:1.25em;
        margin-left:15px;
    }

    .subHeader {font-size:2.5em; margin:0px 15px;}
    #trackEffort, #shareRow {padding-left:0px !important; text-align:center; padding-bottom:15px;}

    .sectionList {
        text-align:left;
    }

    .sectionList h3 {
        font-size: 1em;
    }

    .sectionList li {
        height: auto;
    }

    #loginRow {padding-top:15px !important;}
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background:transparent;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color:black; text-align:center;}
    .navbar-inverse .navbar-nav>.open>a {color:black;}
    .navbar-inverse .navbar-nav>li:hover {border-radius:0px;}

    p {margin:0px 15px;}

    .shareReport {margin-top:0px;}
    .shareReport > img {margin-top:10px; position:relative; top:15px;}
    #signUp {margin-top:0px;}
    #GetStartedSubmit {width:100px; margin-top:15px;}
    .signUpForm, #GetStartedSubmit {display:block; clear:both; text-align:left; margin-left:25px;}
    #GetStartedForm > input[type='text'] {position:relative; float:left; left:50px; width:300px;}

    #signUpRow input[type="submit"] {position:relative; margin-top:50px; text-align:center; margin-bottom:20px;}

    #ytiLogo {width:100% !important;}
    #cornellLogo {width:42% !important;}

    .footerText {font-size:1em !important;}
    #eSubscribe {margin:0px 15px; border-top:1px dotted white; margin-top:15px; padding-top:15px;}
    #utility {margin-right:0px !important;}
    #loginRow {min-height:200px !important; padding-top:0px !important; margin:0px !important;}
    #loginRow > .container, .loginBox {padding-left:0px; padding-right:0px;}
    .loginBox > div {background:white !important;}

    .navbar-toggle {margin-right:10px;}
    .navbar-inverse .navbar-collapse {border:none;}
    .navbar-inverse .navbar-toggle:focus {background:#00B8B8 !important;}
    .navbar-inverse .navbar-toggle:hover {background: transparent;}

    #navRowHome, #navRow {min-height:125px;}
    #navRowHome > .container, #navRow > .container {padding-right:0px;}
    h2.categoryDashboard {min-height:0px !important; font-size:2.25em;}
    .categoryOptions {margin-left:5px; width:100%; padding-right:50px;}


    .fixer {padding-left:0px; }
    #saveButtonRow {padding-bottom:15px; margin-top:0px;margin-left:0px !important; padding-left:0px  !important; padding-top:15px;}
    .saveButton {float:left; margin-left:15px; margin-top:0px;}
    /*.page {position:fixed !important; bottom:0px; z-index:100; height:75px; width:100%;}*/
    /*.saveButton { height:100px; position:relative; margin-top:0px !important; width:47%; color:white; font-size:2em; margin-right:0px !important;}*/
    /*#save {width:100%; height:100px; width:100%; border-radius:0px;}*/
    .row > .page {padding-left:0px; margin-left:0px;}
    .organizationPrompt {font-size:1.6em !important;}
    /*.fixer {top:20px;}*/
    .surveyQuestion > p {font-size:1.5em; margin-top:0px; margin-bottom:0px;}
    .circleRow {margin-left:10px !important;}
    .answerSection {margin:0px 5px;}
    .flipper  > div > p {margin-left:0px !important;}
    .commentList {padding-left:0px;}

    .fixer > .page > #savebuttonRow {margin-top:25px;}
    .taForm, .somethingElse {margin-left:25px;}
    .somethingElse {padding-right:65px;}
    .faqSection > .container > h2 {margin-top:0px; color: #008080 !important;}
    .choiceWrap {width:100%; clear:both;}
    .choiceWrap > label {width:85%;}
    .reportSteps {padding:0px 30px;}
    .name_checkbox {width:100%; clear:both; }
    .name_checkbox > label {width:85%; margin:10px; min-height:44px; text-align:center; -webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    box-shadow: 2px 2px 5px 0px rgba(204,204,204,1); padding:15px;}
    #requestUser {font-size:1.25em; font-style:italic;}
    #btnSummaryReport, #btnComprehensiveReport {width:85%; min-height:44px; padding:15px; margin:10px; font-size:2em;}
    .table {background:white;}

} /* end smart phone media */





#pencil {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
    position:relative;
    padding-right:10px;
    left: -5px;
    top:-2px;
}

#slider {
    position:absolute;
    top:300px;
    width:500px;
}

#header {
  position:absolute;
  right:41px;
  border:1px solid #d8d8d8;
  padding:20px 40px;
  border-radius:3px;
  box-shadow:0 0 8px gray;
  padding:10px 10px 5px;
  height:450px;
  width:300px;
  min-height:300px;
  background: white;

}

#sidebar {
   -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
  background: #00B8B8 !important;
  position:absolute;
  right:281px;
  top:180px;
  box-shadow:0 0 8px gray;
  color:white;
  font-weight:500;
  font-size:1.3em;
  padding:5px 20px 5px;
  cursor:pointer;
  border:none !important;
}


#sidebar1 {
   -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
  background: #00B8B8 !important;
  position:absolute;
  right:281px;
  top:180px;
  box-shadow:0 0 8px gray;
  color:white;
  font-weight:500;
  font-size:1.3em;
  padding:5px 20px 5px;
  cursor:pointer;  border:none !important;

}

#slider > #header > h2 {font-size:2.5em; text-align:center; color: #00b8b8;}
#formFeedbackText {width:100%; margin:25px;}
#formFeedbackText > label {width:35%; position:relative; float:left; text-align:center; font-size:1.25em; padding-bottom:25px;}
#txtFeedback {width:80% !important; padding:5px; margin-top:25px; font-size:1.25em;}

 #feedbackText > input[type="submit"] {
    position:relative;
    float:left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height:50px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    padding:15px;
    font-family: "omnes-pro";
    margin:25px;
    font-weight:300;
    font-size:1.25em;
    width:200px;
    margin-left:50px;
    background: #5cb85c;
    border-color:#4cae4c;
    color:white;
}


#feedbackSuccess {
  background: #00b8b8;
  color:white;
  position:absolute;
  right:42px;
  border:1px solid #00b8b8;
  padding:20px 40px;
  border-radius:3px;
  padding:10px 10px 5px;
  height:439px;
  width:300px;
  z-index:1000;
}

#formFeedbackText > label > .glyphicon {
    left:-5px; top:3px;
}

.faqSection h2 {
    color:#008080;
}

#know > p > a{
    color: #347AB7;
    border-bottom: 1px dotted;
}

#know
a:hover {
    color: #0000cc;
}

#overview > p > a{
    color: #347AB7;
    border-bottom: 1px dotted;
}

#overview
a:hover {
    color: #0000cc;
}

#yourorg > p > a{
    color: #347AB7;
    border-bottom: 1px dotted;
}

#yourorg
a:hover {
    color: #0000cc;
}

#myNavbar {
    display: block;
    flex-basis: auto;
    flex-grow: 0;
}

#myNavbar > .nav {
    flex-direction: row;
}

#myNavbar a {
    text-decoration: none;
}

#faqHeader {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

#faqHeader:hover {
    border-bottom: 1px solid #00B8B8;
}

#bench_logo {
    text-decoration: none;
}

a.skip-main {
    text-decoration: none;
}

a.site-title, a.site-title:hover {
    text-decoration: none;
    border-bottom-style: none;
}

.modal-header {
    justify-content: space-between;
}

.modal-header .btn-close {
  margin: 0;
  align-self: flex-start;
}

select.form-control {
    appearance: auto;
}