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

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');
body, html {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    color: #FFF;
    
}
.top-container, .container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
a {
    color: #c20e1a;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #c20e1a;
    text-decoration: underline;
}
h1 {
    font-size: 3.5em;
    font-weight: 300;
    margin-bottom: .75em;
}
p, .text-primary {
    color: #FFF;
    line-height: 1.4;
    font-size: 1em;
}
.modal p, .modal .text-primary, .modal {
    color: #000;
}
.navbar {
    color: #000518;
    background: #FFF;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.logo-container>img {
    height: 80px;
    padding: 0;
}
@media (max-width: 767px) {
    .logo-container>img {
        height: 60px;
    }
    .navbar-brand {
        display: block !important;
    }
    .top-container {
        margin-top: 30px !important;
    }
}

.btn {
    vertical-align: middle;
    margin: 0;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent !important;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #c20e1a;
    color: #fefefe;
}
.btn:not(.active):hover,  .btn:focus {
    background-color: #a50c16 !important;
    color: #fefefe !important;
    outline: none !important;
}
.btn-primary {
    background-color: #c20e1a;
    color: #fefefe;
}
.btn-primary:not(.active):hover,  .btn-primary:focus {
    background-color: #a50c16 !important;
    color: #fefefe;
    outline: none !important;
}
.btn-secondary {
    background: #515151;
    color: #fefefe;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
     background: #000 !important;
     color: #fefefe;
     outline: none  !important;
}
.progress-bar {
    background: #5ba269;   
}
.form-control, .progress {
    border-radius: 0;
}

.checkbox-item label::before {
    top: 3px;
}
.checkbox-item label::after {
    top: 4px;
    color: #FFF;
    background: #49afe8;
}
.radio-item label::before {
    top: 4px;
}
.radio-item label::after {
    top: 7px;
}
.asterisk {
    margin-right: 4px;
}
.text-danger {
    color: #dd9233;
}
.text-info {
 color: #49afe8;   
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #dd9233;
}

.space-col {
    margin-bottom: 1em;
}
#navigator-container {
    margin-top: 0;
}
.ls-answers {
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: none;
}
.table-bordered {
    border: none;
}
.table-hover>tbody>tr:hover {
    background:transparent;
}
.table-hover>tbody>tr:nth-child(odd) {
    background: rgba(255,255,255,0.2);
}
table.ls-answers {
    margin-bottom: 1rem;
}

.radio-item .ls-label-xs-visibility, .checkbox-item .ls-label-xs-visibility {
    width: 22px;
    height: 22px;
    line-height: 22px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 4px;
    }
}


body {
    background-image: url(https://www.gdata.de/typo3conf/ext/gd_mygdata/Resources/Public/img/uc-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.question-container {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: none;
    color: #FFF;
}
.privacy {
    margin: 0 1rem;
}
#welcome-container {
    padding: 1rem;
}
.survey-welcome {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: none;
    color: #FFF;
    padding: 1rem;
    margin: 2rem 0;
}
.well {
       background: rgba(255,255,255,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: none;
    color: #FFF;
}
.well h2 {
    margin-top: 0;
}
.save-survey-form .asterisk {
    float: none !important;
}