/* all app scss styles here */
@charset "utf-8";
html, body {
	height: 100%;
}
.container {
	min-height: 100%;
	margin: 0 auto -65px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	height: 65px; /* '.push' must be the same height as 'footer' */
}
footer {
    background-color: #eee;
	position: relative;
	margin: 0 auto;
    padding: 15px;
}
footer p {
	text-align: center;
    font-size: 12px;
    margin: 0;
}
.hello {
/*    line-height: 45px;
    font-size: 1.0625rem;
    margin: 0;
    font-weight: normal;
    height: 45px;
    margin: 0;
    font-size: 16px;
*/    color: #fff;
}
.list-bar,
.list-bar .top-bar-section .has-form,
.list-bar.expanded .title-area {
    background-color: #ddd;
}
.list-bar .name h1 a {
    color: #000;
    font-weight: bold;
    font-size: 1.6rem;
}
.list-bar .toggle-topbar a {
    color: #333;
}
.list-bar.expanded .toggle-topbar a {
    color: #999;
}
table {
    table-layout: auto;
    border: 0;
}
th {
    white-space: nowrap;
}
table tr th, table tr td {
/*    padding: 0.1rem 0.625rem;*/
}
.sc-sort.sc-asc:before, .sc-sort.sc-desc:before {
    font-family: FontAwesome;
    font-size: .8rem;
    display: inline-block;
    margin-right: 2px;
}
.sc-sort.sc-asc:before {
    content: "\f176"; /*fa-sort-asc*/
}
.sc-sort.sc-desc:before {
    content: "\f175"; /*fa-sort-desc*/
}

a.sc-action.dropdown {
    display: inline-block;
    color: #555;
    width: 2.5rem;
    margin-left: 0px.3125rem;
}
a.sc-action.dropdown i.fa {
    font-size: 1.5rem;
}
/*.sc-action.dropdown:before {
    content: "\f013";
    vertical-align: -3px;
    font-family: FontAwesome;
    font-size: 1.1rem;
    margin-right: 0px;
}*/
a.sc-action.dropdown:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
    border-top-style: solid;
    vertical-align: -3px;
    margin-left: 2px;
}
ul.sc-action.f-dropdown {
    max-width: 20rem;
    margin-top: 10px;
    margin-left: -5px;
    outline: none;
            box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.2);
         -o-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.2);
       -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.2);
    filter: progid:DXImageTransform.Microsoft.Glow(color=#dddddd,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=150,strength=5);
}
.f-dropdown .divider {
    border-top: solid 1px #dcdcdc;
    clear: both;
    height: 1px;
    margin: 3px auto;
    width: 93%;
}
.inline-list {
    display: inline-block;
}
.list-bar select, .list-bar input {
    height: 1.8rem;
    font-size: 0.875rem;
    position: relative;
    top: 7px;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
.list-bar.expanded select, .list-bar.expanded input {
    top: 0;
}
.sticky.row.collapse {
    width: 70%;
}


.character-count {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: .1rem .6rem;
    color: #393;
    font-size: 0.875rem;
    color: #393;
}
.character-count.maxed-out {
    color: #a00;
    font-weight: bold;
}
#actions_div select {
/*    max-width: 20em;*/
}
#question_actions {
    margin-top: .25em;
    border: 1px solid #eee;
}
#question_actions th {
    color: #999;
    background-color: #eee;
}
#question_actions th:nth-child(1) {
    width: 25%;
}
#question_actions th:nth-child(2) {
    width: 25%;
}
#question_actions th:nth-child(3) {
    width: 50%;
}
#question_actions td, #question_actions th {
    padding: 0.3em 0.5em;
    width: 10%;
}
input, textarea {
    font-size: 1rem;
}
input[type="password"] {
    font-size: 1.7rem;
    line-height: 1;
    padding: 0 0 0 .5rem;
}
label {
    letter-spacing: .08rem;
    text-transform: uppercase;
}
.sc-nowrap { white-space: nowrap; }
/*.sc-dim {
    filter:alpha(opacity=33);
    -moz-opacity:.33;
    opacity:.33;
}
.sc-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} */
.sc-help {
    margin-top: -1rem;
    margin-bottom: 1rem;
    color: #999;
    font-size: 0.875rem;
    line-height: 1.2;
    padding: .3rem 0;
}
.sc-label-secondary {
    letter-spacing: 0;
    text-transform: none;
}
.error input, .error textarea, .error select {
    margin-bottom: 1rem;
}
.sortable tr.placeholder {
    display: table-row;
    position: absolute;
    left: 5px;
    margin: 0;
    padding: 0;
    border: none;
}
.sortable tr.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none;
}
.sortable .fa-sort {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    width: 100%;
    color: #555;
    margin-left: .5rem;
}
body.dragging, body.dragging * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}
.dragged {
    position: absolute;
    z-index: 2000;
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter:alpha(opacity=75);
}
.top-bar-section ul li {
    height: 45px;
}
.magellan-container.panel {
    padding: .25rem 1rem;
    line-height: 1;
}
.magellan-container.panel hr {
    margin: 0;
}
.magellan-container.panel .sub-nav {
    margin: 0;
}
.magellan-container.panel .inline-list {
    margin-bottom: 0;
}
.sub-nav dt, .sub-nav dd, .sub-nav li {
    margin: 0 1rem 0 0;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    text-decoration: none;
    padding: 0 1rem 0 0;
}
.magellan-container .inline-list li.survey_name {
    display: none;
}
.magellan-container.fixed .inline-list li.survey_name {
    display: inline-block;
}

.emailunverified {
    padding: 0;
    margin: 29px 0 0 -50px;
    font-size: 1.5rem;
    color: #6B0001;
}
.emailverified {
    padding: 0;
    margin: 29px 0 0 -50px;
    font-size: 1.5rem;
    color: #0E6D0A;
}
.passwordmeter {
    padding: 0;
    margin: 24px 0 0 -50px;
    font-size: 2rem;
}
.passwordmeter.nil:after {
    content: "\f11a"; /* meh */
    color: #ddd;
}
.passwordmeter.sad:after {
    content: "\f119"; /* frown */
}
.passwordmeter.meh:after {
    content: "\f11a"; /* meh */
}
.passwordmeter.happy:after {
    content: "\f118"; /* smile */
}

main .tabs-content > fieldset.content {
    border: none;
}
.tabs {
    border-bottom: 2px solid #EFEFEF;
}
.tabs dd.active a, .tabs .tab-title.active a {
    background-color: #fafafa;
}
.sc-msg {
    line-height: 120%;
}
.sc-msg a {
    color: #fff;
    text-decoration: underline;
}
li.alert a {
    color: #a00;
}
li.alert a .fa {
    color: #000;
}
.alert-box .close {
    text-decoration: none;
}
#sc-msg .alert-box {
    margin: 0.625rem 0.9375rem;
    padding: 0.6rem 1.5rem 0.6rem 0.875rem;
}

/*header h1:first-child {
    margin-top: 2rem;
    margin-bottom: 1rem;
}*/


/* Dashboard */
.timeline {
    width: 100%;
    height: 200px;
}
.timeline#overall_chart {
    margin-bottom: 50px;
}
#survey-current h1 {
    font-size: 300%;
    color: #333;
    font-weight: 400;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.03em;
}
#survey-current h1 a {
    text-decoration: none;
}
#survey-upcoming h2 {
    font-size: 200%;
    color: #333;
    font-weight: 400;
    margin: 1em 0 0 0;
    line-height: 1.3;
}
h1 em, h2 em {
    color: #999;
    font-weight: 700;
}
h1 a, h2 a, h3 a {
    font-weight: 400;
    text-decoration: none;
}
.survey-stats, .survey-upcoming {
    margin: 0 .3em;
}
.survey-stats .commandtext {
    font-size: 130%;
    font-weight: 700;
    margin-right: 1rem;
}
.survey-stats {
    margin: -.3em 0 2em 0;
}
.survey-stats, .question-stats {
    color: #aaa;
}
#reports .commandtext {
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    margin-right: 1rem;
}
/* Reports */
p.response-text {
    font-size: 100%;
    font-family: 'Arvo', sans-serif;
    font-weight: 400;
    font-style: italic;
    padding: 0.1em 0.7em;
    margin-bottom: .25rem;
}
.response-text:before {
    content: '“';
}
.response-text:after {
    content: '”';
}
.response-count {
    display: block;
    float: right;
    font-style: italic;
    color: #999;
    font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    line-height: 1.4;
    display: block;
}