html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #e7f9ea;
    border-top: 1px solid #bdcfc0;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* Customizing */

.ccl-logo {
    max-height: 25px;
    display: inline-block !important;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.navbar-ccl {
    background-color: #00a14b;
    border-color: #73CD99;
}

.navbar-ccl .navbar-brand {
    color: #fff;
    opacity: 0.95;
}
.navbar-ccl .navbar-brand:hover,
.navbar-ccl .navbar-brand:focus {
    opacity: 1;
    background-color: transparent;
}

.navbar-ccl .navbar-toggle {
    display: none;
}

.tRow {display: table-row;}
.tCell {display: table-cell;}

.footer a {color: #00a14b;}
.footer a:hover {color: #2b542c;}

/* Index page */
.site-index h1 {margin-bottom: 55px;}


/* Policy page */
.mt-3 {margin-top: 30px;}
.mt-6 {margin-top: 60px;}
.strong{font-weight:bold;}
.underline{text-decoration: underline;}
.privacy-text {margin-top: 60px;}
.privacy-text ol {counter-reset: section; list-style-type: none;}
.privacy-text ol li h3, .privacy-text ol li h4, .privacy-text ol li h5 {margin-left: -40px;}
.privacy-text ol li h3:before, .privacy-text ol li h4:before, .privacy-text ol li h5:before {
    counter-increment: section;
    content: counters(section, '.') ". ";
}
.privacy-text ol li ol {margin: 10px 0;}
.privacy-text ol.decimal {list-style-type: decimal;}
.privacy-text ol.lower-latin {list-style-type: lower-latin; }
/*.privacy-text table { margin: 20px auto; }*/
/*.privacy-text th, .privacy-text td {padding: 8px 5px; border: 1px solid #000; text-align: center;}*/


/* Vote page */
.vote-top {
    margin-top: -20px;
    background-color: #e7f9ea;
    padding: 20px 0;
    margin-bottom: 25px;
}

.vote-form .form-actions {
    margin: 60px 0 30px 0;
}

.vote-form div[class*='field-reply'] {
    margin-bottom: 0;
    padding-top: 15px;
    padding-left: 10px;
}

.vote-deadline {
    color: #00a14b;
}

/* Star rating */
.rating-container .filled-stars {color: #00a14b !important;}
.poll-reply {margin-top: 30px;}
.poll-reply label {font-size: 18px; margin-bottom: 15px;}
.poll-reply div[class*="field"] {
    border-bottom: 1px solid #00a14b;
}

/* Business goal */

.field-reply-bg, .green-bg {
    background-color: #E7F9EA;
}

.poll-info-toggle, .goal-info-toggle {
    margin-left: 15px;
    font-size: 18px;
    display: inline-block;
}

.poll-info-toggle i, .goal-info-toggle i { color: #999; cursor: pointer; }
.poll-info-toggle i:hover, .goal-info-toggle i:hover {color: #666;}

.poll-info, .goal-info {
    margin-top: -10px;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: none;
}

/* TEA Survey */
.tea-answer {margin-bottom: 30px;}
.tea-answer .page-description {}
.tea-answer .page-help { margin-top: 20px; }
.tea-answer .page-questions > div.form-group {margin: 0;}
.tea-answer .page-questions > div.form-group:nth-of-type(1) {margin-top: 75px;}
.tea-answer div.row {
    border-top: 1px solid #00a14b;
    padding: 15px 0;
}
/*.tea-answer div.row.first {
    border-bottom: none;
}*/
.tea-answer label {font-size: 18px;}
.tea-answer .answer-column {text-align: center; font-size: 14px;}
.tea-answer .answer-column label {font-size: 14px;}
.tea-answer label.fixed-width-option {
    display: flex;
    align-items: center;
    max-width: 100px;
    min-height: 55px;
    white-space: normal;
}
.tea-answer label.control-label {top: 10px; position: relative;}

i.toggle-description {
    color: #999; cursor: pointer;
    margin-left: 15px;
    font-size: 18px;
    display: inline-block;
    top: 3px;
}
i.toggle-description:hover {color: #666;}
.question-description {
    /*margin-top: -10px;*/
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: none;
}

div[class^="field-reply-d"], div[class*="field-reply-d"] { background-color: #FFFDE7; }

/* Dashboard */

#dashboard-table {
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    #dashboard-table { border: none; }
}

#dashboard-table th {
    font-weight: bold;
    font-size: 59%;
    text-align: center;
    border-top: none;
}

#dashboard-table td {
    border-top: none !important;
    border-bottom: 1px solid #00a14b;
}

th.dashboard-title {
    min-width: 50%;
}

td.dashboard-title { font-weight: bold; vertical-align: middle !important; }
td.dashboard-title i { color: #999; margin-left: 10px;}
td.dashboard-title i:hover { color: #666; }

th.dashboard-ls, th.dashboard-as, th.dashboard-icon { width: 80px;}
td.dashboard-ls, td.dashboard-as, td.dashboard-icon {text-align: center; vertical-align: middle !important;}

tr.team-index, tr.goal, tr.optional-question {background-color: #E7F9EA;}
tr.dac-index {background-color: #FFFAC4;}

.dashboard-question-info, .dashboard-goal-info {
    font-size: 90%;
    font-weight: normal;
    color: #666;
    display: none;
}

.view-graph {
    font-size: 70%;
    font-weight: normal;
    color: #999;
    margin-top: 3px;
    cursor: pointer;
}

#dashboard-table .hv > .last-value:after {
    content: '*';
    position: absolute;
}

.response-low {color: #b92c28;}
.response-medium {color: #b98017;}
.response-high {color: #008d47;}
.hv {
    color: #000;
    font-size: 100%;
    vertical-align: text-top;
}

#dashboard-table .range {padding: 0;}
#dashboard-table .range div:first-child {position: relative; height: 55px;}
#dashboard-table .range div > .last-value {vertical-align: middle; line-height: 55px;}
#dashboard-table .range div > .last-range {
    font-size: 50%;
    cursor: default;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 19px;
}

.legend {margin-top: 60px; margin-bottom: 30px;}
.legend > .tRow > .tCell:first-child {padding-right: 15px;}

td.dashboard-icon > i.glyphicon-arrow-up {color: #4BBC80;}
td.dashboard-icon > i.glyphicon-arrow-down {color: #FD4C5E;}
td.dashboard-icon > i.glyphicon-resize-horizontal {color: #EBDE24;}

.green-circle {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #00a14b;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 20px auto auto;
}
.green-circle i {color: #fff;}
.green-circle:hover > i {font-size: 110%;}

#free-replies {margin-top: 40px;}
#free-replies ul {list-style-type: none;}
#free-replies ul > li > ul > li {margin-top: 5px;}
#free-replies ul > li > ul:first-child { border-top: 1px solid #00a14b;}
.free-replies-title {font-size: 129%; font-weight: bold;}
.free-replies-polls {padding-left: 0;}
.free-reply-poll {font-size: 114%; font-weight: normal; margin-top: 10px;}
.free-reply-title {font-weight: bold; font-style: italic; padding-top: 10px;}
a.free-reply-all {display: inline-block; font-size: 90%; color: #999; margin-top: 10px; cursor: pointer;}


@media print {
    .legend .label {border: #fff none;}
    .green-circle, .green-circle i {display: none;}
}