/**
 * fqf application custom CSS file.
 *
 * COPYRIGHT AND OTHER INTELLECTUAL PROPERTY LAWS PROTECT THESE MATERIALS.
 *
 * REPRODUCTION OR TRANSMISSION IN WHOLE OR PART, IN ANY FORM OR BY ANY MEANS,
 * ELECTRONIC, MECHANICAL OR OTHERWISE, WITHOUT THE PRIOR WRITTEN CONSENT OF THE
 * COPYRIGHT OWNER IS PROHIBITED AND IS A VIOLATION OF COPYRIGHT LAW.
 *
 * ALL RIGHTS ARE RESERVED.
 *
 * @package     fqf\assets
 * @author      Jon Spain <jon@learningmediaservices.com>
 * @copyright   2016 Learning Media Services Ltd. <www.learningmediaservices.com>
 * @license     < link??? > < Name??? >
 * @link        http://www.learningmediaservices.com/
 */

@media print {
    #update-button {
        display: none;
    }
    a.btn-success {
        display: none;
    }
 }

/*
.guest-logo {
    background-color: black;
    margin: 0 auto;
    height: 162px;
    background-position: -22px -28px;
    background-repeat: no-repeat;
    background-image: url('images/demo-logo.png');
}


#topbar-logo {
    width: 106px;
    height: 60px;
    background-image: url('images/demo-nav-logo.png');
    margin-left: -100px;
    margin-top: -23px;
}

a.navbar-brand {
    padding-left: 100px;
    padding-top: 18px;
    font-size: 19px;
}
*/

/*
.guest-header {
    height: 170px;
}

.guest-logo {
    margin: 0 auto;
    height: 180px;
    background-image: url('images/logo.png');
    background-position: 0px 15px;
    background-repeat: no-repeat;
}

#topbar-logo {
    width: 59px;
    height: 36px;
    position: absolute;
    margin-left: -60px;
    z-index: 2;
    background-image: url('images/logo-nav.png');
    margin-top: -7px;
}

a.navbar-brand {
    padding-left: 80x;
    font-size: 19px;
}
*/

.guest-2nd-logo {
    display: none;
}

span.score-1,
span.score-2,
span.score-3,
span.score-4,
span.score-5 {
    _color: #337ab7;
}

span.wellbeing_answer.score-1 { color: red; }
span.wellbeing_answer.score-2 { color: orange; }
span.wellbeing_answer.score-3 { color: royalblue; }
span.wellbeing_answer.score-4 { color: darkolivegreen; }
span.wellbeing_answer.score-5 { color: olivedrab; }

.rating-container.emotion .filled-stars span.star:nth-child(1) { color: red; }
.rating-container.emotion .filled-stars span.star:nth-child(2) { color: orange; }
.rating-container.emotion .filled-stars span.star:nth-child(3) { color: royalblue; }
.rating-container.emotion .filled-stars span.star:nth-child(4) { color: darkolivegreen; }
.rating-container.emotion .filled-stars span.star:nth-child(5) { color: olivedrab; }

body.module-app-instance,
body.module-app-instance .page-wrap {
    background-color: #262626;
}

body.module-app-instance .page-wrap > .container {
}

.submission-select {
    display: inline-block;
    text-align: left;
}

.btn-user {
    margin-left: 10px;
    margin-top: -18px;
}

.submission-buttons button.btn-user {
    width: 50px;
}

.submission-buttons button#submission-restart {
    width: 180px;
}

#manager-select, #dreport-select, #peer-select, #colleague-select, #colleague-auto {
    color: black;
    font-size: 130%;
    width: 250px;
}

.schema-question label {
    font-weight: normal;
}

.schema-question label ul {
    margin-top: 15px;
}

.rating-feedabck {
    color: black;
}

.submission-feedback label {
    font-weight: normal;
    margin-bottom: 15px;
}

.submission-feedback textarea {
    width: 100%;
    height: 250px;
    color: black;
    font-size: 16px;
}

.submission-thanks {
    font-size: 150%;
    font-weight: bold;
    /*color: #c15316;*/
    margin-top: 60px;
    margin-bottom: 60px;
}

.schema-question-title, .schema-question-title-alt {
    font-weight: normal;
}

.schema-question-title ul, .schema-question-title-alt ul {
    margin-top: 15px;
    margin-bottom: 0px;
}

.chart-feedback-title {
    color: black;
    text-align: center;
}

.chart-feedback-subtitle {
    color: black;
    text-align: center;
    font-style: italic;
    font-size: 80%;
}

.chart-feedback-legend {
    color: black;
    text-align: center;
}

.pre-table-row {
    margin-bottom: 15px;
}

.search-form {
    text-align: right;
}

.search-form input {
    color: black;
}

.chart-feedback-title {
    font-weight: bold;
}

.chart-feedback-legend {
    text-align: center;
    margin-top: 15px;
}

.chart-feedback-legend-inner {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.chart-feedback-legend .legend-wrap {
    white-space: nowrap;
    float: left;
}

.chart-feedback-legend div.legend-block {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 15px;
    margin-top: 3px;
}

.chart-feedback-legend div.legend-item {
    display: inline-block;
    text-align: left;
    margin: 0 15px 0 15px;
    padding-left: 25px;
}

.post-tale-text {
    color: black;
    margin-top: -10px;
    margin-bottom: 10px;
}

input#st {
    color: black;
    font-size: 18px;
}

#search-form {
    margin-top: -4px;
}

.submission-chart .chart-feedback-title {
    color: #c15316;
}

.submission-chart .chart-feedback-subtitle {
    color: #c15316;
}

.submission-chart .legend-item {
    color: white;
}

#submission-chart-period {
    font-style: italic;
    margin-top: 15px;
}

.table > thead > tr > th {
    vertical-align: middle;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/* Sidebar (collapsed). */
@media(max-width: 992px) {
    #sidebar {
        margin-left: -15px;
        margin-right: -15px;
        background-color: #222;
    }
    #sidebar > .nav-sidebar a {
        color: #9d9d9d;
    }
    #sidebar > .nav-sidebar a:hover,
    #sidebar > .nav-sidebar a:focus {
        color: #fff;
        background-color: transparent;
    }
    #admin-content-wrapper {
        margin-left: 0px;
    }
}

/* Sidebar (displayed on screen). */
@media(min-width: 768px) {
    #sidebar {
        position: static;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

/* Sidebar (displayed on screen). */
@media(min-width: 992px) {
    #sidebar {
        margin-left: 0;
        margin-right: 0;
        position: fixed;
        z-index: 1;
        left: 0px;
        top: 51px;
        bottom: 0;
        width: 250px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #F5f5f5;
    }
    #sidebar > .nav-sidebar a {
        color: #337ab7;
    }
    #admin-content-wrapper {
        margin-left: 250px;
    }
}

/* Sidebar (displayed on screen). */
@media(min-width: 992px) {
    #sidebar {
        background-color: #545454;
        border-right: 1px solid black;
    }
    #sidebar > .nav-sidebar a {
        color: white;
        border-bottom: 1px solid black;
    }
}

/* Printable comment. */
#feedback-comment {
    background-color: #262626;
    padding: 16px;
    display: none;
}
@media print {
    #feedback-comment {
        display: block;
    }
}

/* iPhone SE */
@media(max-width: 360px) {
    #manager-select, #dreport-select, #peer-select, #colleague-select, #colleague-auto {
        width: 205px;
    }
    #topbar-logo {
        display: none;
    }
    a.navbar-brand {
        padding-left: 15px;
    }
}

/* Slider */

.slider-wrap .slider .tooltip {
    font-size: 150%;
    font-weight: bold;
    margin-top: -13px;
}

/* Guest Content */

/*
.guest-header {
    height: 170px;
}

.guest-logo {
    margin: 0 auto;
    height: 180px;
    background-image: url('images/logo.png');
    background-position: 0px 15px;
    background-repeat: no-repeat;
}

.guest-clipart {
    background-image: url('images/people_blue.png');
}

#topbar-logo {
    width: 59px;
    height: 36px;
    position: absolute;
    margin-left: -60px;
    z-index: 2;
    background-image: url('images/logo-nav.png');
    margin-top: -7px;
}

a.navbar-brand {
    padding-left: 80x;
    font-size: 19px;
}
*/

/* Hill/DEMO */

.guest-logo {
    margin: 0 auto;
    height: 157px;
    background-repeat: no-repeat;
}

.guest-content {
    color: white;
}

.form-group.has-error .help-block {
    color: white;
}

.guest-form .form-control {
    color: white;
}

.fixed-header {
    color: white;
}

.schema-question-title {
    background-color: #262626;
    color: #c15316;
}

.schema-question-title-alt {
    background-color: #383838;
    color: white;
}

.nav > li.sub-item.active > a,
.nav > li.sub-item.active > a:hover,
.nav > li.sub-item.active > a:focus {
    background-color: #c15316;
}

#sidebar > .nav-sidebar > .active > a,
#sidebar > .nav-sidebar > .active > a:hover,
#sidebar > .nav-sidebar > .active > a:focus {
    background-color: #c15316;
}

#sidebar ul li a:hover {
    background-color: #c15316;
}

.panel thead th,
.panel thead a,
.panel thead a.asc:after,
.panel thead a.desc:after {
    color: #c15316;
}

.pagination > li > a, .pagination > li > span {
    color: #c15316;
}

.summary {
    color: #c15316;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: #c15316;
    background-color: #c15316;
}

.rating-container.traffic .filled-stars span.star {
    color: #c15316 !important;
}

body, .page-wrap {
    background-color: white;
    color: black;
}

.guest-form {
    background-color: white;
}

.guest-content {
    background-color: white;
    color: black;
}

/* Sidebar (displayed on screen). */
@media(min-width:768px) {
    #sidebar {
        background-color: white;
    }
    #sidebar > .nav-sidebar a {
        color: black;
    }
}

select#period, select#user {
    color: #dddddd;
    background-color: white;
}

body.module-yii2-user,
body.module-yii2-user .page-wrap {
    background-color: white;
}

.guest-form .form-control {
    background-color: white;
    color: black;
}

.guest-form > div > p.guest-ff {
    color: black;
}

.fixed-header {
    color: black;
}

body.module-task,
body.module-task .page-wrap,
body.module-submission,
body.module-submission .page-wrap {
    background-color: white;
}

.schema-question label {
    font-weight: bold;
}

.schema-statement-intro {
    background-color: white;
}

.form-group.has-error .help-block {
    color: black;
}

.schema-question-title, .submission-advice .schema-statement {
    padding: 0px;
    background-color: white;
    color: black;
}

.schema-question-title-alt, .submission-advice .schema-statement-alt {
    padding: 0px;
    background-color: white;
    color: black;
}

#rated-questions .modal-header .close {
    color: white;
}