/******************
    User custom CSS
    ---------------
*/
#outerframeContainer {
    -webkit-hyphens: none;
    -epub-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}
.survey-name {
    font-family: Raleway;
}
.asterisk {
    display: none;
}
.survey-description {
    text-align: left;
}
.group-description {
    font-size: 1.4em;
}
.question-container {
    margin-bottom: 5rem;
}
.question-text {
    font-size: 1.3em;
}
.question-code {
    float: right;
}
/*** colors ***/
.tw-header {
    position: relative;
    left: -100px; /** bascially, the width of the logo ***/
    color: #2c3e50;
}
.navbar-default {
    background-color: #cbcba9;
}
.text-info {
    color: #2c3e50;
    font-size: 16px;
}
.text-info:hover {
    color: #2c3e50;
}
.btn-primary {
    background-color: #aaa;
}

.question-title-container {
    background-color: #56799c !important; /* #226bb5; */
}


/*** Likert Support ***/
@media (max-width: 1200px ){
    .likert-five .btn {
        white-space: normal;
    }
    .likert-seven .btn {
        /* font-size: 12px; */
        height: 68px;
        white-space: normal;
    }
    .likert-seven-big .btn {
        /* font-size: 12px; */
        height: 108px;
        white-space: normal;
    }
}
@media (min-width: 768px) {
    .btn {
        white-space: normal;
    }
    .likert-five .col-sm-2 {
        width: 19%;
    }
    .likert-five .btn {
        padding: 10px 0;
        white-space: normal;
    }
    .likert-seven .col-sm-2 {
        width: 14.28%;
    }
    .likert-seven .btn {
        height: 68px;
        padding: 10px 0;
        white-space: normal;
    }
    .likert-seven-big .col-sm-2 {
        width: 14.28%;
    }
    .likert-seven-big .btn {
        height: 108px;
        padding: 10px 0;
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .likert-five .col-sm-2 {
        /*width: 19%;*/
        width: 100%;
    }
    .likert-five .btn {
        padding: 10px 0;
        white-space: normal;
    }
    .likert-seven .btn {
        padding: 10px;
        font-size: 15px;
        height: auto;
    }
    .likert-seven-big .btn {
        padding: 10px;
        font-size: 15px;
        height: auto;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .likert-five .btn {
        font-size: 12px; 
    }
    .likert-seven .btn {
        font-size: 12px;
    }
    .likert-seven-big .btn {
        font-size: 12px;
    }
}
