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

p {
    line-height: 1.25;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.25;
    -moz-hyphens:none;
    -ms-hyphens:none;
    -webkit-hyphens: none;
    hyphens:none;
}

h3 {
    font-size: 24px;
}


 .survey-name {
     visibility: hidden;
}
 
.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
}

body {
    background-image: url("/upload/themes/survey/gastspiel-tirolwerbung/files/tw2.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    background-size: cover;
    font-family: "Montserrat" !important;
}

html body {
    font-family: "Montserrat" !important;

}

 .question-title-container, .bg-primary {
    background-color: #848484d9;
    background-color: rgba(132, 132, 132, 0.55);
 }
 
 .progress-bar {
    background-color: #b22a2f;
 }
 
  .progress  {
    background-color: rgba(236, 240, 241, 0.40);;
  }
 
 .btn-primary, .btn-default {
    color: #ffffff;
    background-color: #b22a2f;
    border-color: #b22a2f;
}

.btn-primary:hover, .btn-default:hover {
    background-color: #000000;
    border-color: #b22a2f;
}
 
.text-info:hover, .text-primary, .text-primary:hover {
    color: #b7b7b7;
 }
 .survey-welcome, .survey-welcome:hover {
     color: #ffffff;
 }
 
  .text-info {
    color: #b7b7b7;
  }

.navbar-default .navbar-nav>li>a {
    color: #000000;
}

.navbar-nav:hover, .navbar-nav>li>a:focus,  .ls-no-js-hidden  {
    color: #b22a2f;
}

#welcome-container, .completed-wrapper, div#main-col {
    background-color: #000000b0;
    color: #ffffff;
    padding: 20px;
    border-radius: 25px;
}

.group-container {
    background-color: rgba(0, 0, 0, 0.70);
    color: #ffffff;
    padding: 15px;
    border-radius: 25px;
}

.group-title {
    font-size: 36px;
    font-weight:bold;
    margin-top: 60px;
}

.ls-no-js-hidden:hover  {
    color: #ffffff;
}

.text-danger, .text-danger:hover {
    color: #b22a2f;
}



.question-container {
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0px;
}

.answer-container {
    border-style: none;
}

.alert-warning {
    background-color: #b22a2f;
    border-color: #b22a2f;
}

.control-label.radio-label {
    font-size: 18px;
}

.gsFooter {
    padding: 5px;
    padding-left: 15px;
    color: #ffffff;
    position:fixed;
    bottom:0;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    z-index: 10;
}

.gsFooter a {
    color: #ffffff;
    font-family: "Arial" !important;
}

.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #000000;
    border-color: #b22a2f;
}

#surveys-list-jumbotron,
#surveyListFooter,
.survey-list,
.survey-contact,
.survey-list-heading,
.ls-question-help {
    height: 5px;
    visibility: hidden;
}



.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 3px;
  /*margin: 0 5px 0 0;*/
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #fff;
  background-color: transparent;
}
/*
.radio-item label::after {
  left: 29px;
}
*/
.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: 9px;
  content: " ";
  display: block;
  background: #fff;
}


/* test */



.container ul{
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 50px;
}

ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul li:hover label{
	color: #FFFFFF;
}

ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
  border: 5px solid #FFFFFF;
}

ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}

input[type=radio]:checked ~ label{
  color: *#fff;

}

.flatly label::after {
    background-color: #307ac300;
    background-color: rgba(0, 0, 0, 0);
}

.radio-list li {
    margin-bottom: 0px;
    overflow: hidden;
}

.textBlock {
    top: -25px;
    left: 30px;
    position: inherit;
    
    -moz-hyphens:none;
    -ms-hyphens:none;
    -webkit-hyphens: none;
    hyphens:none;
}

.asterisk {
    display: none;
}

@media only screen and (max-width: 1024px) {
    
    body {
    background-position: left top;
    background-attachment: fixed;
    background-size: cover;
    
}
    
    .gsFooter {
        background: rgba(0, 0, 0, 1);
    }
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ecf0f100; 
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

label {
    font-weight: 200;
}

.gs-welcome-msg {
    font-size: xx-large;
    color: white;
    padding-right: 10%;
    padding-top: 20%;
    text-align: right;
}

.ls-answers {
    margin-left: 20px;
}

.checkbox-item label::before {
    top: 5px;
}
    
    
.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    top: 5px;
}
    
    
.gsgreen{
    -webkit-transition: color 0.3s;
	color: #AAAAAA; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsgreen:hover{
    -webkit-transition: color 0.3s;
	color: #4caf50; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsorange{
    -webkit-transition: color 0.3s;
	color: #AAAAAA; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsorange:hover{
    -webkit-transition: color 0.3s;
	color: #e0811f; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsred{
    -webkit-transition: color 0.3s;
	color: #AAAAAA; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsred:hover{
    -webkit-transition: color 0.3s;
	color: #d60f0f; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsgrey{
    -webkit-transition: color 0.3s;
	color: #AAAAAA; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.gsgrey:hover{
    -webkit-transition: color 0.3s;
	color: #607d8b; /*#FFFFFF;*/
	margin-top: -25px;
	margin-left: 5px;
}

.survey-name {
    visibility: hidden;
}

#block_error {
    border: 0px;
    border-radius: 0px;
    background: #0000008f;
}

.message-0 {
    color: white;
    font-size: 16px;
}


#block_error p a {
    color: #ffffff;
}



#block_error p {
    color: #ffffff;
}

ul.list-unstyled {
    overflow-x: hidden;
}

label#label-id-469233X190X1588::before {
    margin-right: 5px;
    font-size: 18px !important;
}