/******************
    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
    
    
    Hexa klobouku: e6a54f
    
    Hexa noha: fff1cf
    
    Hexa marker: 56371e

*/

    body {
        background: #e6a54f;   
    }
    
    #survey-nav.navbar {
        background :#fff1cf !important;
        border-bottom: 2px solid #56371e !important;
    }
    
    .survey-description {
        color: black !important;
        text-align: left !important;
        background: #fff1cf;
        padding: 1.5em;
    }
    
    .ls-privacy-head + div, .ls-privacy-head {
        visibility: collapse;
        height: 0px;: 
    }
    
    /*.logo-container > img.logo {*/
    /*    max-height: 130px;*/
    /*}*/

    .table-bordered > thead > tr > th {
        border: 1px solid #dadada;
    }
    .table-bordered > thead > tr > td {
        border: 1px solid #dadada;
    }
    
    .survey-description.text-info div {
        text-align: left;
        font-size: 22px;
    }
    
    .survey-description.text-info span {
        font-size: 18px;
    }
    
    .form-check {
        font-size: 22px;
    }
    
    .group-description {
        padding-bottom: 0px;
    }    
    
    .question-title-container, .ls-label-question span {
        font-size: 22px !important;
    }
    
    .question-help-container {
        margin-bottom: 1em;
    }
    .question-help-container .ls-questionhelp:before {
        content: "\f05a";
    }

    .question-valid-container {
        
    }
    .question-valid-container .ls-questionhelp:before {
        content: "\f0ab";
    }
  
    .question-help-container, .question-valid-container  {
        padding-left: 1.3em;
        font-size: 15px;
        color: black !important;
    }
    
    .answertext {
        font-weight: bold !important;
    }
    
    .answers-list, .answertext {
        color: #56371e;
    }
    
    .ls-questionhelp:before {
        color: #e6a54f;
    }  
  
    .answer-container, .group-description {
        font-size: 17px;
        padding-left: 1.1em;
    }
    
    .question-container {
        background-color: #f5f5f5;
    }
    
    .question-container.mandatory {
        background-color: #fff1cf ;
    }
  

    .answer-item .radio-label span {
        font-weight: normal;
    }  
    
    .answer-item:not(.noanswer-item) .radio-label {
        font-weight: bold;
        color: #56371e;
    }  
  
    .progress-bar {
        background-color: #56371e;
    }
  
    .text-danger.small {
        background-color: transparent !important;
    }
  
    #ls-button-submit, #ls-button-previous {
        background: #fff1cf !important;
        color: #56371e !important;
    }
    
    .input-group-addon.btn.btn-primary { /*calendar button*/
        background: #56371e;
    }
    
    .btn-primary {
          background-color: #56371e;
          border-color: #56371e;
          color: #fff1cf;
        }
        
    .ls-privacy-head {
        color: #fff1cf !important;
    }    
        
    .form-check-input:checked {
      background-color: #56371e;
      border-color: #56371e;
    }  
    
    label.form-check-label a {
        color: #fff1cf;
    }
    
    .card-header {
        color: #fff1cf !important;
        background-color: #56371e !important;
    }
    
    

    .file-upload-modal::before {
        display: none !important;
    }
    
    
    .completed-text a {
        font-size: x-large;
    }
    
    
    
    /*  .dir-ltr .ls-questionhelp {*/
    /*    margin-left: 1.2em;*/
    /*}*/

    /*.dir-rtl .ls-questionhelp {*/
    /*    margin-right: 1.2em;*/
    /*}*/

    /*.ls-questionhelp:before {*/
    /*    content: "\f059"*/
    /*}*/

    /*.ls-questionhelp:before {*/
    /*    top:50%;*/
    /*    margin-top:-0.7em;*/
    /*}*/

    /*.ls-questionhelp {*/
    /*    font-size: 14px;*/
    /*}*/