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

html {
  font-size: 16px;
  font-size: 1rem;
}

/* General Layout */
body {
  font-family: Arial;
  background: url("/upload/themes/survey/gesamtmetall/files/bg-pattern.png") repeat;
  font-size: 14px;
  line-height: 1.42857143;
  color: #222;
  background-color: #FFF;
  margin: 0 !important;
  padding: 0 !important;
}

nav ul {
  list-style: none;
}

nav ul li {
  margin-left: 10px;
}

nav ul li, nav ul li > a {
  display: inline-block;
}

.nav > li > a:link, .nav > li > a:visited {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #959595;
  font-size: 14px;
}

.nav > li > a:hover, .nav > li > a:focus {
  color: #008bc9;
  background-color: transparent;
}


#outerwrapper {
  margin-top: 10px;
  float: none;
  clear: both;
  background-color: #FFF;
}
#outerwrapper #outerwrapper,
#outerwrapper #outerwrapper .container {
  padding: 0;
  width: auto;
}

#outerwrapper2 {
  margin-bottom: 10px;
  float: none;
  clear: both;
  background-color: #013d61;
  color: #FFF;
}

#outerwrapper2 #outerwrapper2,
#outerwrapper2 #outerwrapper2 .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: #004593;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #004593;
  text-decoration: underline;
}
img {
    max-width: 100%;
}

img.logo-left, img.logo-right {
    height: auto;
    max-height: 80px;
    width: auto;
}

/* Navbar */
.header-wrapper {
  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 {
  text-align: center;
  font-weight: 700;
  height: auto;
  line-height: 130%;
  font-size: 19px;
  margin: 0;
}
@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;
    display: flex;
    align-items: center;
}

@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;
  }
}

/* Language Changer */
.language-wrapper {
  margin: 15px 0;
  text-align: right;
}
.languagechanger {
    margin: 15px 0;
    display: block;
}
a.languagechanger,
a:link.languagechanger {
    color: #888;
    text-decoration: none;
}
a:hover.languagechanger,
a:focus.languagechanger {
    color: #888;
    text-decoration: none;
}
#langs-container {
    height: auto;
}
.form-change-lang {
    text-align: center;
}
ul#langs-container {
    margin-left: 42%;
    overflow: initial !important;
}

/* Progress bar */
.progress-wrapper {
  padding: 0;
}
.progress {
  background-color: #f0f0f0;
  margin-bottom: 0;
}
.progress-bar {
  background-color: #a20e1a;
  color: #FFF;
}

/* Welcome Page */
.text-info {
  color: #333;
}

.well {
  background-color: #e6e7e9;
}

.text-danger {
  color: #f27707;
}

.survey-welcome {
  margin-top: 15px;
}
.question-count-text {
  margin-top: 15px;
}

/* Privacy */
.privacy {
  margin-top: 15px;
  padding: 15px 0;
  margin: 15px 1px;
  border: 1px solid #eee;
  background-color: #eee;
}
p.ls-privacy-body {
  margin: 15px 0 0 0;
  font-style: italic;
}

/* Group layout */
.group-outer-container {
	display: block;
}
.group-title {
  text-align: center;
  font-weight: normal;
  font-size: 140%;
  margin-top: 0;
  margin-bottom: 15px;
}
.group-description {
  margin-top: 0;
  text-align: center;
}

/* Question layout */
.question-number, .question-code {
	float: none;
	margin: 0;
}
.question-container {
    background-color: #fff;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border: 1px solid #aaa;
}
.input-error.question-container {
    border: 1px solid #a94442;
}
.question-title-container {
    padding: 8px 15px;
    background-color: #013d61;
    color: #FFF;
    margin-bottom: 15px;
}
.question-text {
  font-size: 14px;
  font-weight: 300;
}
.question-valid-container {
  padding-left: 0;
  padding-right: 0;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}
.question-number,
.question-code {
  font-weight: normal;
}
.ls-answers tbody .answertext {
  text-align: left;
}
tr.ls-odd,
.array-flexible-column tr.answers-list:nth-child(even) {
  background-color: #f0f0f0 !important;
}
.table-hover > tbody > tr:hover,
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: 4px;
  font-size: 14px;
  text-transform: uppercase;
}
a.btn-primary {
  color: #fff;
}
.btn-primary {
  color: #ffffff;
  background-color: #008bc9;
  border-color: #008bc9;
}
.btn-primary:hover {
  color: #013d61;
  background-color: #e0e0e0;;
  border-color: #e0e0e0;;
}
.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: #008bc9;
  border-color: #008bc9;
}
.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: #333;
}
/* checkboxes */
.checkbox-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
.checkbox-item label::after {
  color: #333;
  background-color: transparent;
  width: 17px;
  height: 17px;
  left: -1px;
  top: 0px;
  font-size: 12px;
}


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

/* Gender question */
.gender-button .btn-primary {
  color: #404041;
  background-color: #e6e7e9;
  border-color: #e6e7e9;
  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: #008bc9;
  border-color: #008bc9;
  border: 2px solid #fff;
}

/* Yes No question */
.yes-no .btn-primary {
  color: #404041;
  background-color: #e6e7e9;
  border-color: #e6e7e9;
  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: #008bc9;
  border-color: #008bc9;
  border: 2px solid #FFF;
}

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

/* Slider question */
.slider-handle {
    background-color: #333;
    background-image: -webkit-linear-gradient(top, #555 0%, #222 100%);
    background-image: -o-linear-gradient(top, #555 0%, #222 100%);
    background-image: linear-gradient(to bottom, #555 0%, #222 100%);
}
.tooltip-inner {
  background-color: #333;
}
.tooltip.top .tooltip-arrow {
     border-top-color: #333;
}
.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;
}

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;
}

/* Startpage */
.survey-list-heading,
.survey-list,
.survey-contact {
  text-align: center;
}
#surveys-list-container {
  background-color: #fff;
  padding: 45px 0;
}

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

/* 2018-12-02 Marcel: Fix captcha width */
.captcha-image
{
    width: auto;
}

/* 2019-02-10 Marcel: Additional language changer adjustments */
#main-col form div.form-change-lang.form-inline
{
    display: none;
}


/* 2019-02-11 Marcel: Hide progress bar from certain screens */
.printanswers .header-wrapper .progress-wrapper,
.listsurveys .header-wrapper .progress-wrapper
{
    display: none;
}

/* 2019-03-11 Marcel: adjust margin to not show scroll bar at list survey page */
.listsurveys
{
    margin-right: 15px;
    margin-left: 15px;
}

/* 2019-02-11 Marcel: Remove background color from print version (PDF) */
body.printlayout
{
    background-color: #fff;
    padding: 10px !important;
}

.col-answers {
  width: 30%!important;
}


/* 2019-03-13 Marcel: Center survey list */
li.btn-group.col-sm-6.col-xs-12 {
    margin: 0 auto;
    float: none;
}


/* 2019-09-03 New styles for unavailable dates in disableDates() function */

.bootstrap-datetimepicker-widget table td.disabled.unavailable, 
.bootstrap-datetimepicker-widget table td.disabled.unavailable:hover {
    background: none;
    color: red;
    cursor: not-allowed;
	opacity: 0.4;
}


/* 2019-10-28 Hide certain tips */
.datum .em_value_range,
.em_default
{
    display: none;
}


/* 2019-12-03: Streikumfrage print layout adjustments */
a.summaryprintlink
{
    margin: 10px;
    text-decoration: none !important;
    background-color: #008bc9;
    color: #fff;
    padding: 10px 15px 10px 15px;
    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.col-xs-12.hideprint {
    padding: 20px;
    text-align: center;
}

.report {
    background-color: #eee;
    padding: 15px;
}

.overviewtable td {
    padding: 5px;
    text-align: right;
    padding-right: 15px;
}
.overviewtable td.sq {
    padding: 5px;
    text-align: left;
}
.overviewtable th {
    padding: 5px;
    text-align: center;
}

.hidehtml
{
    display: none;
}

/* 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;
    }
    
    /*  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,
    .hideprint,
    #topsurveymenubar,
    #bootstrap-alert-box-modal,
    #yii-flash-message,
    .header-wrapper,
    .navbar-brand,
    .header-wrapper,
    .progress-wrapper,
    .contacts
    {
        display: none;
    }
    
    .hidehtml
    {
        display: block;
    }
    
    .report .overviewtable {
        page-break-inside: avoid;        
        page-break-before: avoid;
        font-size: 12px !important; 
        table-layout: fixed;
    }
}