/******************
    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
*/

/* Title in welcome screen */
.survey-name {
    color: #00A990;
}

/* Welcome Message*/
.fruity .survey-welcome {
    color: #000000;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* Survey Description*/
.fruity .survey-description {
    color: #000000;
}

.fruity .progress-bar {
    background-color: #00A990; 
 }
 
.fruity .alert-warning {
    background-color: transparent;
    border: 1px solid #ff644b;
    color: #ff644b;
}


/* Mandatory questions asterisk */
.fa-asterisk:before {
	color: #ff644b;
}

/* Question Comments */
.fa-exclamation-circle:before {
    color: #00A990;
}

/* Question Comments */
.ls-question-message {
    color: #00A990;
}

/* anonymous text*/
.fruity .text-primary {
    color: #000000;
}


/* Show Policy Button */
.fruity a {             
    color: #00A990;
}


                    /************  Buttons  ************/
.fruity .btn-info {
    background-color: #00A990;
}

.fruity .btn-default {
    border: 1px solid #00A990;
    color: #00A990;
}

.fruity .btn-primary {
    background-color: #00A990;
    border: 1px solid #00A990;
}

.ls-questionhelp {
    color: #000000;
}

.group-title {
    font-size: 30px;
}

.question-text {
    font-size: 24px;
}



/*
 * 2021-03-19 Marcel Minke: Print optimization/CSS
 */
 

/* Print styles for summary */
@media print 
{
            
    * 
    {
        margin:0;
        padding: 0;
        padding-top: 0 !important;
        float: none !important;
        overflow: visible !important;
        position: relative;
    }
        
    html, body 
    { 
        height: 99%;
        overflow:visible;
        margin:0;
        padding:0;
        min-height: auto;
    }
    
    /* Special styles for printing backgrounds */
    body {
        -webkit-print-color-adjust: exact; /*Chrome, Safari */
        color-adjust: exact; /*Firefox*/
    }
    
    div
    {
        float: none;
        width: auto;
    }
    
    
    div#outer-wrapper
    {
        width: 90%;
    }
    
    div#outerframeContainer
    {
        margin-top: 0 !important;
        min-height: auto;
    }
    
    
    #main-col
    {
        float: none;
        margin-top: 0 !important;
    }
    
    .summaryprintlink,
    #printlink,
    #topsurveymenubar,
    #bootstrap-alert-box-modal,
    #yii-flash-message,
    .progress-wrapper,
    .summaryheadline,
    .hidequestionlink,
    .hidegrouplink
    {
        display: none !important;
    }
    
    
    /* Page breaks for adjusted print answers screen */
    groupsection {
        page-break-before: always;
    }
    
    .question-container-printanswers {
      page-break-inside: avoid;
    }
    
    
    h1.surveyname {
        font-size: 24px;
    }
    
    h2, .h2 {
        font-size: 24px;
    }
    
    h3, .h3 {
        font-size: 20px;
    }
    
    .question-container-printanswers .question-text {
      padding-left: 0px;
    }
    
    .question-container-printanswers {
        margin-top: 1em;
        margin-bottom: 1em;
        padding-bottom: 1em;    
    }
    
    .question-container-printanswers .col-md-8
    {
        display: table-row;
        font-style:italic;
    }
    
    .question-container-printanswers .col-md-8 .row .col-md-8.text-left
    {
        width: 400px;
        display: table-cell;
    }
    
    .question-container-printanswers .col-md-8 .row .col-md-4.text-right
    {
        width: 200px;
        display: table-cell;
    }
    
    /*  Multi short text optimizations */
    .question-container-printanswers .col-md-8 .row.subquestionitem
    {
        display: table-row;
    }
    
    /* 2021-01-21 Marcel Minke: Special treatment for array questions */
    .question-container-printanswers .col-md-8 .row.arrayquestion
    {
        display: flex;
    }
    
    .col-md-6.text-right.subquestiontext,
    .col-md-6.text-left
    {
        width: 300px;
        display: table-cell;
    }
    
    /*  Add border-bottom to array questions */
    .question-container-printanswers .table-striped tbody tr,
    .question-container-printanswers .arrayquestion
    {
        border-bottom: 1px dotted #000;
    }
    
    /* Question text width */
    .question-container-printanswers .col-md-4.question-text
    {
        width: 100%;
    }
    
    /* Array size optimizations */
    .arrayquestion .col-md-8.text-right.subquestiontext
    {
        width: 600px;
    }
    .arrayquestion .col-md-4.text-left
    {
        width: 300px;
    }
    
    /* Array alignment optimizations */
    .arrayquestion .col-md-8.text-right.subquestiontext,
    .arrayquestion .col-md-4.text-left
    {
        display: table-cell;
    }
    
    /* 2021-03-21 Marcel  Minke: Hide empty items
     *            Remove the code below to show empty items
     *           Always keep this at the end of this CSS file. 
     */
    .question-container-printanswers .emptyanswer
    {
        display: none !important;
    }
    
    /* Show special print logo on prints */
    .custom_print_answer img.printlogo
    {
        display: block !important;
        margin: 0 auto;
    }
}

/* Hide question code at print view by default, apply styles if used later */
.printquestioncode {
    display: none;
    font-size: 75%;
    color: #bbb;
    float: left;
    padding-right: 5px;
}
/* Hide group link at print view by default, apply styles if used later */
.hidegrouplink {
    display:inline-block;
    display: none;
    padding-top: 10px;
    float: left;
    border:none;
    color:#d86422;
    padding:5px 10px;
    text-align:center;
    text-decoration:none;
    font-size:12px;
    font-weight: bold;
    cursor: pointer;
}
/* Hide question link at print view by default, apply styles if used later */
.question-container-printanswers .hidequestionlink
{
    display:inline-block;
    display: none;
    border:none;
    color:#008dc9;
    padding:5px 10px;
    text-align:center;
    text-decoration:none;
    font-size:10px;
    cursor: pointer;
}

/* Do not show special print logo on default oveview */
.custom_print_answer img.printlogo
{
    display: none;
}

.custom_print_answers h3
{
    font-size: 19px;
}
.bold
{
    font-weight: bold;
}

div#printlink {
    margin-top: 60px;
    text-align: center;
}


/* 2021-03-21 Marcel  Minke: Add lines to improve aray question design */
.question-container-printanswers .arrayquestion
{
    border-bottom: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 5px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 2021-03-21 Marcel  Minke: Hide empty items
 *            Remove the code below to show empty items
  *           Always keep this at the end of this CSS file. */
.question-container-printanswers .emptyanswer
{
    display: none;
}

/* 2021-03-21 Marcel  Minke: Add horizontal line */
.custom_print_answer .question-container-printanswers {   
    border-bottom: 1px solid #000;
}
    
/*
 *  END CSS for customized print answer page 
 */