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

/* General Layout */
body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #828282;
  background-color: #FFF;
  margin: 0 !important;
  padding: 0 !important;
}
#outerwrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  float: none;
  clear: both;
  background-color: #FFF;
}
#outerwrapper #outerwrapper,
#outerwrapper #outerwrapper .container {
  padding: 0;
  width: auto;
}
#outerframeContainer {
  padding: 0;
  width: auto;
}
#dynamicReloadContainer {
	padding: 0;
}
@media only screen and (max-width: 768px) {
  #outerwrapper {
    margin-top: 0;
    margin-bottom: 0;
  }  
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    /*width: 970px;*/
    width: 998px;
  }
}
@media (min-width: 1200px) {
  .container {
    /*width: 1170px;*/
    width: 998px;
  }
}
hr {
  margin: 10px 0;
}
a,
a:link {
  color: #169b62;
  text-decoration: underline;
  transition: color .3s ease-in;
  font-weight: bold;
}
a:hover,
a:focus {
  color: #6fb100;
}
img {
    max-width: 100%;
}

/* Navbar */
.header-wrapper {
  background: url('../files/Header.png') no-repeat left bottom;
  margin-bottom: 15px;
}
.navbar-toggle {
	float: none;
  margin-right: 0;
}
.navbar-collapse {
	padding: 0;
}
.navbar {
	min-height: 0;
	margin: 0;
	text-align: center;
}
.navbar-header {
  float: none !important;
  padding: 15px 0;
}
.navbar-brand {
  padding: 15px 0;
  min-height: initial;
}
h1.surveyname {
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: left;
  font-weight: 400;
  height: auto;
  line-height: 130%;
  font-size: 48px;
  margin: 0;
  color: #666666;
}
@media only screen and (max-width: 768px) {
  .logo-wrapper,
  h1.surveyname {
    margin-bottom: 15px;
  }
}
.navbar-nav {
	float: none;
}
.navbar-default {
	background-color: transparent;
	border: none;
}
.navbar-action-link {
	padding: 0;
}
.navbar-collapse.in {
	overflow-y: visible;
}
.navbar-item-left {
	text-align: left;
	padding-left: 0;
}
.navbar-item-middle {
	text-align: center;
}
.navbar-item-right {
	text-align: right;
	padding-right: 0;
}
.navbar-logo-left {
  padding-left: 0;
}
.navbar-logo-middle {
  padding-right: 0;
  text-align: center;
}
.navbar-logo-right {
  padding-right: 0;
  text-align: right;
}
.logo-bar {
  margin-top: 0;
  padding: 15px 0 30px 0;
}

@media only screen and (max-width: 768px) {
	.navbar-collapse {
		padding: 0 15px;
	}
  .navbar-logo-left {
    padding: 0;
    text-align: center;
  }
  .navbar-logo-middle {
    text-align: center;
    padding: 0;
    margin-top: 15px;
  }
  .navbar-logo-right {
    text-align: center;
    padding: 0;
    margin-top: 15px;
  }
  .navbar-item-left {
    text-align: center;
    margin: 6px 0;
    padding: 0;
  }
  .navbar-item-middle {
    text-align: center;
    margin: 6px 0;
    padding: 0;
  }
  .navbar-item-right {
    text-align: center;
    margin: 6px 0;
    padding: 0;
  }
  img.logo-right {
  	padding: 0 45px;
  }
}

/* Language Changer */
.language-wrapper {
  margin: 15px 0;
  text-align: right;
}

/* Progress bar */
.progress-wrapper {
  padding: 0;
}
.progress {
  background-color: #f0f0f0;
  margin-bottom: 0;
  border-radius: 0;
}
.progress-bar {
  background-color: #666;
}
.progressbar-wrapper {
  padding: 15px 0;
}

/* Welcome Page */
.text-info {
  color: #828282;
}
.survey-welcome {
  margin-top: 15px;
}
.question-count-text {
  margin-top: 15px;
}

/* Privacy */
.privacy {
  margin-top: 15px;
  padding: 15px 0;
  margin: 15px 1px;
  border: none;
  background-color: rgba(237,237,237,.8);
  color: #828282;
}
p.ls-privacy-body {
  margin: 15px 0 0 0;
  font-style: italic;
}

/* Group layout */
.group-outer-container {
	display: block;
}
.group-title {
  text-align: left;
  font-weight: 700;
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 30px;
}
.group-description {
  margin-top: 0;
  text-align: left;
}

/* Question layout */
.question-number, .question-code {
	float: none;
	margin: 0;
}
.question-container {
    background-color: #fff;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border: none;
}
.input-error.question-container {
    border: none;
}
.question-title-container {
    padding: 8px 0;
    background-color: transparent;
    color: #666;
    margin-bottom: 0;
}
.question-text {
  font-weight: 400;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 24px;
}
.question-text-divider {
  background: url('../files/line.jpg') no-repeat;
  width: 122px;
  height: 9px;
  margin-top: 10px;
}
.question-valid-container {
  padding-left: 0;
  padding-right: 0;
  font-size: 100%;
  margin-top: 10px;
}
.question-number,
.question-code {
  font-weight: normal;
}
.answer-container {
	padding: 0;
}
.dir-ltr .ls-questionhelp 
.ls-answers tbody .answertext {
  text-align: left;
}
tr.ls-odd,
.array-flexible-column tr.answers-list:nth-child(even) {
  background-color: #f0f0f0;
}
.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:first-child,
tr.answers-list:hover,
.array-flexible-column tr.answers-list:hover {
    background-color: #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: 0;
  padding: 4px 8px;
}
.table-bordered {
  border: 0;
}
.asterisk {
  margin-right: 5px;
  font-size: 90% !important;
  vertical-align: top;
}
.asterisk small {
  font-size: 90% !important;
  vertical-align: top;  
}
.input-error .asterisk {
  font-size: 90% !important;
  margin-top: 0;  
}
.question-help-container {
  font-size: 90%;
  margin-top: 10px;
  color: #888;
}
.numeric-multi input.numeric,
.multiple-short-txt input.form-control,
.multiple-short-txt textarea.form-control {
  margin-bottom: 15px;
}
.ls-input-group-extra {
  vertical-align: top;
  padding: 1rem 1.2rem;
}
.array-flexible-row .ls-answers .answertextright {
  text-align: right;
}

/* Navigator */
#navigator-container {
  margin-bottom: 15px;
  padding-bottom: 0;
  margin-top: 30px;
}
.btn {
  border-radius: 0;
  font-size: 110%;
  border-radius: 0px;
}
a.btn-primary {
  color: #fff;
}
.upload-button a {
	text-decoration: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #169b62;
  border-color: #169b62;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #6fb100;
  border-color: #6fb100; 
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #6fb100;
  border-color: #6fb100;
}
.input-group-addon.btn-primary {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-default {
    border-color: #adadad;
}

/* Radios and checkboxes */

/* radio buttons */
.radio-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
.radio-item label::after {
  background-color: #169b62;
}
/* checkboxes */
.checkbox-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
.checkbox-item label::after {
  color: #169b62;
  background-color: transparent;
}


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

/* Gender question */
.gender-button .btn-primary {
  color: #333;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  border: 2px solid #FFF;
}
.gender-button .btn-primary:hover,
.gender-button .btn-primary:focus,
.gender-button .btn-primary.active,
.gender-button .btn-primary.active:hover,
.gender-button .btn-primary.active:focus {
  color: #FFF;
  background-color: #169b62;
  border-color: #169b62;
  border: 2px solid #fff;
}

/* Yes No question */
.yes-no .btn-primary {
  color: #333;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  border: 2px solid #FFF;
}
.yes-no .btn-primary:hover,
.yes-no .btn-primary:focus,
.yes-no .btn-primary.active,
.yes-no .btn-primary.active:hover,
.yes-no .btn-primary.active:focus {
  color: #FFF;
  background-color: #169b62;
  border-color: #169b62;
  border: 2px solid #FFF;
}

/* 5pt choice */
.choice-5-pt-radio li.radio-item {
  margin-right: 15px;
}

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

/* Print Page */
.url-wrapper-survey-print {
  margin: 15px 0;
}
.outerwrapper .outerframe .progress-wrapper,
.outerwrapper .outerframe .header-wrapper,
.outerwrapper .outerframe .navbar-brand {
	display: none;
}
.question-container-printanswers {
  border-bottom: 1px solid #ccc;
}

/* Footer */
footer .copyright {
	text-align: center;
  margin: 20px 0;
  font-size: 90%;
}


div.yes-no .btn-group label,
.gender .btn-group label {
    padding-top: 10px;
}

.completed-wrapper {
  margin-bottom: 45px;
  min-height: 200px;
 }

 /* Datepicker */

 .datepicker .active,
 .datepicker .today {
  background-color: #333 !important;
  background: #333 !important;
  color: #FFF !important;
 }

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

/* Fix array alignment */

td.answer-item.radio-item {
    vertical-align: middle;
}

/* 2018-08-21 Marcel Minke: Adjust survey list page */
#surveys-list-container
{
    text-align: center;
}



/* Styles for table */
.scoretable td
{
    padding: 5px;
}

.scoretable td:nth-child(3)
{
    background-color: #F3ABA3 !important;
     text-align: center;
}

.scoretable td:nth-child(4)
{
    background-color: #FCFAC7 !important;
     text-align: center;
}

.scoretable td:nth-child(5)
{
    background-color: #B8C898 !important;
     text-align: center;
}


/* use bottom border as horizontal line */
.scoretable tr:nth-child(1),
.scoretable tr:nth-child(8),
.scoretable tr:nth-child(14),
.scoretable tr:nth-child(17)
{
    border-bottom: 2px solid #000 !important;
}

/* add a little padding for better separation */
.scoretable tr:nth-child(8) td,
.scoretable tr:nth-child(14) td,
.scoretable tr:nth-child(17) td
{
    padding-top: 20px;
}

     



/* 2018-07-31 Styles for new logo file */
.logoarea img,
#printlogo img
{
    width: auto;
}

/* 2018-07-31 Styles for new logo file */
.logoarea
{
    height: 180px;
}

.summaryheadline h3
{
    font-size: 100%;
}

.scoretable tr.spacer
{
    line-height: 0.1px;
}



/* 2017-03-14 Marcel Minke: Styles for special overview with radar graph */
a.summaryprintlink
{
    margin: 10px;
    text-decoration: none !important;
    background-color: #adcb57;
    color: #000;
    padding: 10px 15px 10px 15px;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.summaryheadline
{
    width: 100%;
    clear: both;
    padding-bottom: 35px;
}
.summaryheading
{
    font-weight: bold;
    float: left;
    font-size: 150%;
}
#printlink
{
    /* float: right; */
}

#explanations p
{
    font-weight: normal;   
}

.weiterbildungen
{
    font-weight: bold;
}

/* Print styles for summary */
@media print {
            
    * 
    {
        margin:0;
        padding:0;
        float: none !important;
        overflow: visible !important;
        position: relative;
    }
        
    html, body 
    { 
        height: 99%;
        overflow:visible;
        margin:0;
        padding:0;
        min-height: auto;
    }
    
    /* 2018-06-20 Marcel Minke: Special styles for printing backgrounds */
    body {
        -webkit-print-color-adjust: exact; /*Chrome, Safari */
        color-adjust: exact; /*Firefox*/
    }
    
    div
    {
        float: none;
        width: auto;
    }
    

    
    table.scoretable
    {      
        /* ORIG v1: page-break-inside: avoid; */
        /* Below reduces IE additional pages from 3 to 1 and still works with FF and Chrome */
        page-break-inside: auto;        
        page-break-after: always;        
        page-break-before: avoid;
        font-size: 12px !important; 
        table-layout: fixed;
    }
    
    div#outer-wrapper
    {
        width: 90%;
    }
    
    div#outerframeContainer
    {
        margin-top: 0 !important;
        min-height: auto;
    }
    
    
    #main-col
    {
        float: none;
        margin-top: 0 !important;
    }
    
    .summaryprintlink,
    #printlink,
    .weiterbildungen,
    #topsurveymenubar,
    #bootstrap-alert-box-modal,
    #yii-flash-message,
    .header-wrapper
    /* 2018-02-19 Marcel Minke: Show Footer at print view,
    #footer-wrapper */
    {
        display: none;
    }

    #container
    {
        min-width: 600px;
        max-width: 800px;
        height: 600px;
        margin: 0 auto;
        margin: 50px;
        page-break-after: always;
    }
    
   table.completed-table h1
    {
        font-size: 28px !important;
        margin-top: 21px !important;
        margin-bottom: 10.5px !important;
    }
    
    #explanations h2
    {
        font-size: 24px !important;
        margin-top: 21px !important;
        margin-bottom: 10.5px !important;
    }
    
    #explanations
    {
        font-size: 15px;
    }
    
    #explanations p
    {
        margin: 0px;
    }
    
    /*2017-06-13 Marcel Minke: Styles for new footer */
    #greenheadline {
        color: #169b62;
        font-size: 140%;
    }
    
    .greyfooter {
        font-size: 80%;
        color: darkgrey;
    }
    
    /*2017-06-13 Marcel Minke: Show report logo and footer for printing */
    #printlogo,
    #printfooter
    {
        display: block !important;
    }
    

    
}
   
/*2017-06-13 Marcel Minke: Styles for new footer */

footer.reportfooter
{
    margin-top: 50px;
}
    
#greenheadline {
    color: #169b62;
    font-size: 140%;
}
.greyfooter {
    font-size: 80%;
    color: darkgrey;
}

/*2017-06-13 Marcel Minke: Hide report logo and footer */
#printlogo,
#printfooter
{
    /* 2018-06-17 Do NOT hide logo anymore 
    display: none;*/
}

#printimage
{
    float: right !important;    
   /* 2020-01-27 Marcel: Additional styles for new logo */
   max-height: 120px;
   margin-left: 40px;
}



.center
{
    text-align: center;
}



/*2019-01-21: New CSS for coloring coach and RAV questions/pages */
.coachcolor #outerwrapper,
div.coachcolor
{
    background-color: #D8F781;
}

.ravcolor #outerwrapper,
div.ravcolor
{
    background-color: #A9D0F5;
}

div.coachcolor,
div.ravcolor
{
    padding: 15px;
}