/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/* make the custom checkbox box bigger */
.checkbox-item label::before {
  transform: scale(1.4);
}
.group-title.text-center.h3.space-col {
    font-size: 20px;
    FONT-WEIGHT: 700;
}

/* make the checked background red */
.checkbox-item label::after {
  background-color: #A6CE38 !important; 
}

/* adjust label spacing for larger box */
.checkbox-item label {
  padding-left: 10px !important;
  line-height: 1.4;
  cursor: pointer;
}
.ls-language-changer-item {
    background-color: #a6ce38 !important;
    border: none !important;
}

.form-change-lang {
    margin: 0 auto !important;
    text-align: center;
}

body {
    font-family: Century Gothic,sans-serif !important; 
    font-weight: 500 !important;
}

#ls-button-submit {
    background-color: #409ec1 !important;
    border: none;
    opacity: 0.9;
}
#ls-button-submit:hover {
    opacity: 1;
}

.privacy > a {
    color: #6dcff4 !important;
}
.progress-bar {
    background-color: #6dcff4 !important;
}


.btn-primary.active {
    background-color: #a6ce38 !important;
}

.btn-primary:hover{
    background-color: #78bed9;
    cursor: pointer !important;
}

td  {
    vertical-align: middle;
}

.asterisk {display: none;}

#datasecurity_accepted {
    width: 25px !important;
    height: 25px !important;
}

.group-description {
    background-color: #a6ce38 !important;
}

.ls-label-question, .group-description  {
    font-size: larger;
}

.group-description {
    /*position: -webkit-sticky !important;
    position: sticky !important;*/
    top: 70px;
    z-index: 100 !important;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    font-size: 15px !important;
}

.navbar-action-link {
    padding-top: 10px;
}


@media only screen and (max-width: 767px) {
    .group-description {
        top: 39px !important;
    }
    .hide-mobile {
        display: none !important;
    }
    .logo-container > img {
        max-height: 60px;
    }
    .banner-img {
        width: 90% !important;
    }
    .nav > li {
        text-align: center;
    }
    tr > .control-label {
        font-weight: bold !important;
        background-color: #dedede !important;
    }
}

.logo-container > img {
    max-height: 70px !important;
}

.ls-language-changer-item {
    display: none !important;
}

.question-container {
    padding-bottom: 10px !important;
    border-radius: 5px;
}

.button-item > label {
    font-size: 16px !important;
}

.banner-img {
    width: 550px;
    margin: 0 auto;
    display:block;
}

.navbar-default {
    border-bottom: 5px solid #a6ce38;
}

.radio-list > .bootstrap-buttons-div:nth-child(6) > .btn-primary {
    background-color: rgba(52, 122, 183, 0.4) !important;
    border: none;
}

.radio-list > .bootstrap-buttons-div:nth-child(6) > .btn-primary.active {
    background-color: #a6ce38 !important;
}

.radio-list > .bootstrap-buttons-div:nth-child(6) > .btn-primary:hover{
    background-color: rgba(52, 122, 183, 0.7) !important;
    cursor: pointer !important;
}

.answertext {
    text-align: left !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #e8e8e8;
}

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

.ls-heading-repeat, .ls-heading {
    background-color: #e3e3e3;
}

.has-error .control-label {
    font-weight: bold !important;
}

.ls-error-mandatory {
    background-color: #f623230d !important;
    border-left: 5px solid red;
}

.alert-danger {
    font-weight: bold;
}

.radio-item {
    cursor: pointer;
}

.navbar-toggle {
    margin-top: 17px !important;
}

/*
.no-answer-group > .answer-container > table > tbody > tr > td:nth-child(2){
    border-left: 3px solid rgba(51, 51, 51, 0.57) !important;
}

.no-answer-group > .answer-container > table > tbody > tr > td:nth-child(3){
    border-right: 3px solid rgba(51, 51, 51, 0.57) !important;
}

.no-answer-group > .answer-container > table > thead > tr > th:nth-child(2) {
    border-left: 3px solid rgba(51, 51, 51, 0.57) !important;
    border-top: 3px solid rgba(51, 51, 51, 0.57) !important;
}

.no-answer-group > .answer-container > table > thead > tr > th:nth-child(3) {
    border-right: 3px solid rgba(51, 51, 51, 0.57) !important;
    border-top: 3px solid rgba(51, 51, 51, 0.57) !important;
}

.no-answer-group > .answer-container > table > tbody > tr > th:nth-child(2) {
    border-left: 3px solid rgba(51, 51, 51, 0.57) !important;
}

.no-answer-group > .answer-container > table > tbody > tr > th:nth-child(3) {
    border-right: 3px solid rgba(51, 51, 51, 0.57) !important;
}*/

.no-answer-group > .answer-container > table > thead > tr > th:nth-child(3),
.no-answer-group > .answer-container > table > tbody > tr > th:nth-child(3) {
    background-color: #ce383863 !important;
}
.no-answer-group > .answer-container > table > thead > tr > th:nth-child(2),
.no-answer-group > .answer-container > table > tbody > tr > th:nth-child(2) {
    background-color: #a6ce3866 !important;
}

.no-answer-group > .answer-container > table > thead > tr > th:nth-child(4), 
.no-answer-group > .answer-container > table > tbody > tr > th:nth-child(4){
    opacity: 0.4;
}

td.assessment-heading, .url-wrapper.url-wrapper-survey-print {
    display: none;
}

td.assessments-container, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: none;
}

@media (min-width: 768px){
    .col-sm-2 {
        width: 50% !important;
    }
}

.well:nth-child(2) {
    display: none;
}

table td:nth-child(2), tr:nth-child(3) > th:nth-child(2) {
    display: table-column;
}