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

body {
    color: #000;
    font-family: 'OfficinaSansITCW01-Book 734509', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.answer-text {
        font-size: 14px;
    }

/** Progress Bar **/
.fruity .progress-bar {
    background-color: #2e92d0;
}

/** Radios and checkboxes **/
/* Radio Buttons */
.radio-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
body .answer-item label::after {
  background-color: #2e92d0;
}
/* Checkboxes */
.checkbox-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
.checkbox-item input[type="checkbox"]:checked+label::after, .checkbox-item input[type="radio"]:checked+label::after {
  color: #FFF;
  background-color: #2e92d0;
}

/** Links **/
.fruity a,
.fruity  a:link {
  color: #2e92d0;
  text-decoration: none;
}
.fruity a:hover,
.fruity a:focus {
  color: #2e92d0;
  text-decoration: underline;
}

/** Help items **/
.fruity .help-block {
    color: #000;
}

/** Buttons **/
/* Navigator */
#navigator-container {
  margin-bottom: 15px;
  padding-bottom: 0;
  margin-top: 30px;
}
.btn {
  border-radius: 0;
  font-size: 110%;
  border-radius: 4px;
}
a.btn-primary {
  color: #fff !important;
}
a.btn-primary:hover {
    text-decoration: none !important;
}
.fruity .btn-primary {
  color: #ffffff;
  background-color: #2e92d0;
  border-color: #2e92d0;
}
.fruity .btn-primary:hover {
  color: #ffffff;
  background-color: #26baff;
  border-color: #26baff; 
}
.fruity .btn-primary:active,
.fruity .btn-primary.active,
.open > .dropdown-toggle.fruity .btn-primary,
.fruity .btn-primary:focus,
.fruity .btn-primary.focus,
.fruity .btn-primary:active:hover,
.fruity .btn-primary.active:hover,
.open > .dropdown-toggle.fruity .btn-primary:hover,
.fruity .btn-primary:active:focus,
.fruity .btn-primary.active:focus,
.open > .dropdown-toggle.fruity .btn-primary:focus,
.fruity .btn-primary:active.focus,
.fruity .btn-primary.active.focus,
.open > .dropdown-toggle.fruity .btn-primary.focus {
  color: #ffffff;
  background-color: #26baff;
  border-color: #26baff;
}
.input-group-addon.fruity .btn-primary {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fruity .btn-default {
    border-color: #2e92d0;
    color: #2e92d0;
}

/** Ranking question **/
.sortable-choice {
  padding: 5px;
}
.sortable-choice .ls-choice.sortable-item {
  background-color: #ddd;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.sortable-rank {
  padding: 5px;
}
.sortable-rank .ls-choice.sortable-item {
  background-color: #2e92d0;
  border: 1px solid #2e92d0;
  margin-bottom: 5px;
  color: #fff;
}

/** Gender question **/
.gender-button .fruity .btn-primary {
  color: #2e92d0;
  background-color: #eee;
  border-color: #eee;
  border: 2px solid #FFF;
}
.gender-button .fruity .btn-primary:hover,
.gender-button .fruity .btn-primary:focus,
.gender-button .fruity .btn-primary.active,
.gender-button .fruity .btn-primary.active:hover,
.gender-button .fruity .btn-primary.active:focus {
  color: #FFF;
  background-color: #999;
  border-color: #999;
  border: 2px solid #fff;
}

/** Yes No question **/
.yes-no .fruity .btn-primary {
  color: #2e92d0;
  background-color: #eee;
  border-color: #eee;
  border: 2px solid #FFF;
}
.yes-no .fruity .btn-primary:hover,
.yes-no .fruity .btn-primary:focus,
.yes-no .fruity .btn-primary.active,
.yes-no .fruity .btn-primary.active:hover,
.yes-no .fruity .btn-primary.active:focus {
  color: #FFF;
  background-color: #999;
  border-color: #999;
  border: 2px solid #FFF;
}

/** Slider question **/
.slider-handle {
    background-color: #2e92d0;
    background-image: -webkit-linear-gradient(top, #2e92d0 0%, #2e92d0 100%);
    background-image: -o-linear-gradient(top, #2e92d0 0%, #2e92d0 100%);
    background-image: linear-gradient(to bottom, #2e92d0 0%, #2e92d0 100%);
}
.fruity .tooltip-inner {
  background-color: #000;
}
.fruity .tooltip.top .tooltip-arrow {
     border-top-color: #000;
}
.fruity .slider-selection {
    background-image: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 0%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 0%, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc', GradientType=0);
}

/** Print Page **/
.url-wrapper-survey-print {
  margin: 15px 0;
}
.question-container-printanswers {
  border-bottom: 1px solid #ccc;
}

/** Datepicker **/
.datepicker .active,
.datepicker .today {
background-color: #2e92d0 !important;
background: #2e92d0 !important;
color: #FFF !important;
}

/** Index **/
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  background-color: #2e92d0;
  color: #FFF;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #ccc;
}

/** Welcome Page **/
#welcome-container {
    font-size: 16px;
}
.text-info {
  color: #000;
}
.survey-welcome {
  margin-top: 15px;
}
.question-count-text {
  margin-top: 15px;
}

/** Privacy box 
.privacy {
  margin-top: 15px;
  padding: 15px 0;
  margin: 15px 1px;
border: 1px solid #2e92d0;
background-color: transparent;
}
p.ls-privacy-body {
  margin: 15px 0 0 0;
}**/

/** Fix array alignment **/
td.answer-item.radio-item {
    vertical-align: middle;
}

/** Warnings **/
.fruity .text-danger,
.fruity .has-error .control-label {
    color: #e40019;
}
.fruity .question-container.input-error {
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border: 1px solid #e40019;
}
.fruity .input-error input {
    border: 1px solid #e40019;
    color: #e40019;
}
.fruity .form-control:focus {
    border: 1px solid #328637;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(50,134,55,0.6);
}
.fruity .text-success {
    color: #328637;
}

/** Help **/
.fruity .text-info {
    color: #666f77;
}

/** Header **/
.navbar-brand {
    text-align: center;
}
h1.surveyname {
    font-size: 24px;
    font-weight: bold;
}
.fruity .dropdown-menu>.disabled>a {
    color: #FFF;
}
img.logo-left,
img.logo-right {
    max-height: 90px;
    padding: 15px;
    width: auto;
}
.navbar-header {
    float: none !important;
}
.navbar-logo-left {
    text-align: left;
}
.navbar-logo-right {
    text-align: right;
}
@media only screen and (max-width: 768px) {
    .navbar-logo-left {
        text-align: center;
    }
    .navbar-logo-right {
        text-align: center;
    }   
}

/** Question page design **/
.navbar-action-link {
    font-size: 12px;
}
.group-title {
    font-size: 22px;
    font-weight: bold;    
}
.fruity .well {
    font-size: 14px;
}
.question-text,
.fruity .question-number,
.fruity .question-code {
    font-size: 16px;   
}

/* prognos fonts */
@import url("http://fast.../fonts.net/t/1.css?apiType=css&projectid=85f5d735-5381-40de-a6a0-06c9c8c905cc");
    @font-face{
        font-family:"Helvetica Neue LT W01_57 Cond";
        src:url("../fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix");
        src:url("../fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix") format("eot"),url("../fonts/946b2f3f-a9d7-47e4-9738-ee963004d697.woff2") format("woff2"),url("../fonts/ce90a9c3-4580-4fa7-b453-9a4e86d0c271.woff") format("woff"),url("../fonts/a621a6bf-fa40-4115-9f42-6ffb55c017e2.ttf") format("truetype"),url("../fonts/436f9358-58a7-4f85-bdef-f4cd10831df6.svg#436f9358-58a7-4f85-bdef-f4cd10831df6") format("svg");
    }
    @font-face{
        font-family:"Helvetica Neue LT W01_67 Md Cn";
        src:url("../fonts/13e5efa8-b7a2-4f0f-a459-c966f7d3f458.eot?#iefix");
        src:url("../fonts/13e5efa8-b7a2-4f0f-a459-c966f7d3f458.eot?#iefix") format("eot"),url("../fonts/108e1ff6-3205-4c92-9aa5-9abb2823fe92.woff2") format("woff2"),url("../fonts/f61c722b-9236-445e-bb7e-eeb1009cd627.woff") format("woff"),url("../fonts/5cd6e481-b6d9-47fa-b568-1636d8a6cc52.ttf") format("truetype"),url("../fonts/0134ff8c-b1ae-47f0-9219-d1bdce3ec1db.svg#0134ff8c-b1ae-47f0-9219-d1bdce3ec1db") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-55Roma";
        src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
        src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    }
    @font-face{
        font-family:"HelveticaNeueW01-75Bold";
        src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
        src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("../fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
    }
    @font-face{
        font-family:"OfficinaSansITCW01-Book 734509";
        src:url("../fonts/e4f88d1f-2f5e-49a0-9361-9fcdc5bfc795.eot?#iefix");
        src:url("../fonts/e4f88d1f-2f5e-49a0-9361-9fcdc5bfc795.eot?#iefix") format("eot"),url("../fonts/7d11886e-59e1-4ecc-a1ec-52ab827a48e3.woff2") format("woff2"),url("../fonts/60567f88-1ef5-4f2c-9951-3ce3845f9967.woff") format("woff"),url("../fonts/ec8c3086-5408-4f25-97d0-f1f4c7014668.ttf") format("truetype"),url("../fonts/d29fed54-ae01-49ef-94e2-3e3fb9df3f70.svg#d29fed54-ae01-49ef-94e2-3e3fb9df3f70") format("svg");
    }
    @font-face{
        font-family:"OfficinaSansITCW01-Book 734512";
        src:url("../fonts/2cc84b16-2765-45df-82db-1d8c63b97ea4.eot?#iefix");
        src:url("../fonts/2cc84b16-2765-45df-82db-1d8c63b97ea4.eot?#iefix") format("eot"),url("../fonts/f95b2536-b75b-4129-b4a3-c85f76eb0735.woff2") format("woff2"),url("../fonts/7895df1c-c1ad-4189-91fa-0c041359c821.woff") format("woff"),url("../fonts/153b7835-57ac-4a79-8632-6c639baa03f5.ttf") format("truetype"),url("../fonts/c34f183d-16cc-4f0f-98a5-e5b65d508953.svg#c34f183d-16cc-4f0f-98a5-e5b65d508953") format("svg");
    }
    @font-face{
        font-family:"OfficinaSansITCW01-Bold";
        src:url("../fonts/2f0ec777-1dee-443a-8545-9f7f99463c7c.eot?#iefix");
        src:url("../fonts/2f0ec777-1dee-443a-8545-9f7f99463c7c.eot?#iefix") format("eot"),url("../fonts/4c974bce-c42a-4b12-a377-e28bb0ec34de.woff2") format("woff2"),url("../fonts/de07363b-ce31-46ce-aea6-f035147ac203.woff") format("woff"),url("../fonts/c2aa6294-4649-4459-8985-3ea6c56ca7a9.ttf") format("truetype"),url("../fonts/d6cda294-df79-4dd0-9a04-87653b44cb98.svg#d6cda294-df79-4dd0-9a04-87653b44cb98") format("svg");
    }
    @font-face{
        font-family:"OfficinaSansITCW01-BdIt";
        src:url("../fonts/b5399915-c272-40f7-922b-ee6a5f1d4625.eot?#iefix");
        src:url("../fonts/b5399915-c272-40f7-922b-ee6a5f1d4625.eot?#iefix") format("eot"),url("../fonts/be06987b-f0f4-443a-a993-59a44a710a35.woff2") format("woff2"),url("../fonts/5fdd14e5-fac8-4171-9990-b5ca3637553f.woff") format("woff"),url("../fonts/7fef6950-b95f-4ce7-b941-9b9b69506af8.ttf") format("truetype"),url("../fonts/2e93c863-1aea-4a13-916f-bcea55b879fc.svg#2e93c863-1aea-4a13-916f-bcea55b879fc") format("svg");
    }
    
/* 2019-02-28 Marcel: Fix display of groups */
.group-outer-container {
    display: initial;
}

/* 2019-02-28 Marcel: Left-align elements */
.group-container .group-title {
    text-align: left;
}

.ls-answers tbody th.answertext {
    text-align: left;
}


.question-text {
    font-weight: lighter;
}

/* 2019-05-18 Marcel Minke: CSS for hiding header at question pages for mobile */
@media only screen and (max-width: 800px)
{
    .hideheader .navbar-header .logo-bar
    {
        display: none;
    }
    
    .hideheader #outerframeContainer
    {
        margin-top: 0px !important;
    }
}

/* 2019-05-17 Marcel Minke: Styles for adjusted printanswers screen */
.printanswers .progress-wrapper
{
    display: none;
}


.printanswers .emptyanswer
{
    display: none;
}

#printlink
{
    text-align: center;
}
/* 2019-05-18 Marcel Minke: Special print styles for printanswers screen */
@media print {
            
    * 
    {
        margin:0;
        padding:0;
        overflow: visible !important;
        position: relative;
    }
        
    html, body 
    { 
        height: 99%;
        overflow:visible;
        margin:0;
        padding:0;
        min-height: auto;
    }
    
    /* 2019-05-24 Decrease font size for printout */
     body
     {
         font-size: 120%;
     }
     
     body h3
     {
         font-size: 140%;
     }
     
    /* Special styles for printing backgrounds */
    body {
        -webkit-print-color-adjust: exact; /*Chrome, Safari */
        color-adjust: exact; /*Firefox*/
    }
    
    div
    {
        width: auto;
    }
    
    div#outer-wrapper
    {
        width: 90%;
    }
    
    div#outerframeContainer
    {
        margin-top: 0 !important;
        min-height: auto;
    }
    
    #main-col
    {
        float: none;
        margin-top: 0 !important;
    }
    
    /* to be hidden elements */
    .summaryprintlink,
    #printlink,
    #topsurveymenubar,
    #bootstrap-alert-box-modal,
    #yii-flash-message,
    .header-wrapper,
    .navbar-brand,
    .header-wrapper,
    .progress-wrapper,
    .summaryheadline
    {
        display: none;
    }
    
   table.completed-table h1
    {
        font-size: 28px !important;
        margin-top: 21px !important;
        margin-bottom: 10.5px !important;
    }
    
    /* Show footer when printing */
    #footer
    {
        display: block !important;
    }
    
    /* Page breaks for adjusted print answers screen */
    .groupSection {
        page-break-before: always;
    }
    .groupSection:first-of-type {
      page-break-before: avoid;
    }
    
    .question-container-printanswers {
        margin-top: 1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }
    
}



/* 2019-06-10 Sören Mohr: Font-Size Freitext */
.input-sm {
    font-size: 14px;
}

/* 2019-06-10 Sören Mohr: Footer definieren */
#footer-wrapper {
    border-top: 1px solid #DDDDDD;
	margin-top: 60px;
}

#footer {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    font-size: 90%;
}

/* 2019-06-10 Sören Mohr: Hover-Box bei Mouseover */
span.tt {
    display: none;
}
a:hover span.tt {
    display: block;
    position: absolute;
    width: 25em;
    border: 1px solid #9C9D9D; 
    text-align: left;
    color: #1d2d45;
    background-color: #f6f6f6;
    padding: 0.5em;
    z-index:9999;
    font-size: 14px;
}

/* 2020-04-21 Sören Mohr: alternative Hover-Box bei Mouseover */
.dd {
    display: none;
}
a:hover .dd {
    display: inline-block;
    position: absolute;
    width: 25em;
    border: 1px solid #9C9D9D; 
    text-align: left;
    color: #1d2d45;
    background-color: #f6f6f6;
    padding: 0.5em;
    z-index:9999;
    font-size: 14px;
}

/* 2019-06-10 Sören Mohr: font-weight von Matrix Antwortoptionen nicht fett */
.ls-answers .ls-heading th {
    font-weight: normal;
}

/* 2019-06-10 Sören Mohr: Breite des Eingabefeldes Sonstiges bei Fragetyp Liste(Optionsfelder) und Mehrfachauswahl */
.radio-list .input-sm {
    width: 350px;
}
.form-group .input-sm {
    width: 350px;
}

/* 2019-06-10 Sören Mohr: Farbe des Weiter-Buttons, wenn Einwilligung eingeholt */
.fruity .btn-primary[disabled] {
    background-color: #2e92d0;
    border: 1px solid #2e92d0;
}
.fruity .btn-primary:hover[disabled] {
  color: #ffffff;
  background-color: #26baff;
  border-color: #26baff; 
}

/* 2019-06-10 Sören Mohr: Checkbox für Einwilligungerklärung größer */
input[type=checkbox] {
  transform: scale(2);
}

/* 2019-06-10 Sören Mohr: Kursiv dünner */
em {
  font-weight: 200;
}

/* 2019-06-10 Sören Mohr: Welcome box 
.survey-welcome {
  margin-top: 15px;
  padding: 15px 15px 15px 15px;
  margin: 15px 1px;
border: 1px solid #2e92d0;
background-color: transparent;
}*/

#answer365445X5384X74895SQ001comment {
   display: none;
}

#answer365445X5384X74895SQ002comment {
   display: none;
}

#answer365445X5384X74895SQ003comment {
   display: none;
}

#answer365445X5384X74895SQ004comment {
   display: none;
}

#answer365445X5384X74895SQ005comment {
   display: none;
}

#answer365445X5384X74895SQ006comment {
   display: none;
}

#answer365445X5384X74895SQ007comment {
   display: none;
}

#answer365445X5384X74895SQ009comment {
   display: none;
}


#answer365445X5455X74910SQ001comment {
   display: none;
}

#answer365445X5455X74910SQ002comment {
   display: none;
}

#answer365445X5455X74910SQ003comment {
   display: none;
}

#answer365445X5455X74910SQ004comment {
   display: none;
}

#answer365445X5455X74910SQ006comment {
   display: none;
}