/******************
    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 & BOOTSTRAP */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');

*{
    font-family: 'Source Sans Pro', sans-serif;
    color: #242D2E;
}

.navbar-default {
    background-color: #fff;
    border-color:#F6F8F8;
}

.logo-container img{
    max-height:76px;
}


a {
    color:#27B4C4;
}

a:hover {
    color:#176C76;
}

.btn{
    font-weight:bold;
    padding:7px 21px;
    border: 2px solid transparent;
    border-radius:6px;
    min-width: 120px;
}


.btn.btn-default{
    border-color: 2px solid transparent;
	background: #eef1f1;
	color: #5a7273;
}

.btn.btn-primary,
.btn-success,
.btn-info,
.btn-danger{
    background:#242D2E;
    color: #fff;
}

.btn.btn-primary .fa{
    color:#fff;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:hover,
.btn.active:hover{
    background:#ffde84;
    border-color:#242D2E;
    color:#242D2E;
}

.btn:hover .fa,
.btn:focus .fa,
.btn:active .fa,
.btn.active .fa,
.btn:active:hover .fa,
.btn.active:hover .fa{
    color:#242D2E;
}

.top-container .progress{
    border-radius:0;
    height:12px;
    box-shadow:none;
}

.progress-bar{
    background:#27B4C4;
}

.text-danger,
.text-danger .fa{
    color:#D50000;
}

.form-control:focus {
    border-color: #27B4C4;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,201,210,.6);
}

.alert,
.alert.ls-question-message{
    border:none;
    border-radius:32px;
    font-size: 13px;
    color: #242D2E;
    padding: 8px 16px;
}

.alert-dismissible,
.alert-dismissible.ls-question-message{
    padding-right: 36px;
}

.alert-info {
    background-color: #ffde84;
}

.alert-warning{
    background-color: #92d9e1;
}

.alert-danger {
    background-color: #ea7f7f;
}

.alert-success {
    background-color: #7fbf7f;
}

.dropdown-item option:hover{
    background: red;
}

.body-flex{
    display:flex;
    flex-direction:column;
    height:100vh;
}

footer{
    padding:3rem 1rem 1rem 1rem;
    margin-top:auto;
    border-top:5px solid #242D2E;
    color:#5A7273;
    text-align:center;
    width:100%;
}

footer ul{
    list-style-type:none;
    padding:1rem 0 0 0;
}

footer li{
    display:inline;
    margin:0 12px;
}

footer a{
    color:#5A7273;;
}

footer a:hover{
    color:#176C76;
}

@media screen and (min-width:768px){
    footer{
        padding:2.5rem 1rem 1.5rem 1rem;
        text-align:left;
    }
    
    footer ul{
        padding:0;
        float:right;
    }
    
    footer li{
        margin:0 0 0 12px;
    }
}

/* LIME SPECIFIC */
.number-of-questions{
    margin-top:24px;    
}

.question-container{
    background: none;
    border:none;
}

.question-title-container{
    padding-bottom:0;
}

.ls-label-question,
.question-number {
    font-weight: bold;
    font-size:1.25em;
    margin: 0 8px 0 0;
}

.ls-questionhelp,
.ls-questionhelp p,
.ls-questionhelp li,
.ls-questionhelp strong,
.ls-question-message,
.ls-question-message .fa,
.emtip,
.emtip .fa {
    color:#5A7273;
}

.ls-questionhelp::before{
    top:-1px;
}

.radio-item label::after{
    background-color: #27B4C4;
}

.checkbox-item label::after{
    background-color: transparent;
    color: #27B4C4;
    padding: 0;
}

.button-item.btn {
	background: #EEF1F1;
    box-shadow:none;
}

.button-item label,
.button-item.btn-primary label .fa{
    color:#5A7273;
    margin:0;
    cursor:pointer;
}


.button-item.btn-primary:hover{
    border-color: #242D2E;
}

.button-item.btn-primary:active,
.button-item.btn-primary.active,
.button-item.btn-primary.active:hover,
.button-item.btn-primary.active:focus,
.button-item.btn-primary.active:active,
.button-item.btn-primary.active:focus:hover{
    background-color:#242D2E;
}

.button-item.btn-primary:active label,
.button-item.btn-primary.active label,
.button-item.btn-primary:active label .fa,
.button-item.btn-primary.active label .fa{
    color: #fff;
}

.sortable-item:hover{
    background:#E9F7F9;
}

.group-description {
    border: none;
    box-shadow: none;
    background: transparent;
}

.leaflet-container {
    margin-top:16px;
}

/* couldn't find './subviews/survey/question_subviews/asterisk.twig' */
.text-danger.fa-asterisk,
.fa-asterisk {
    color: #242D2E;
    vertical-align: bottom;
    margin-right:4px;
}

/* to simlify edit the question theme */
.selector--inputondemand-addlinebutton,
.selector--inputondemand-addlinebutton .fa{
    border: none;
    background: none !important;
    padding: 0;
    min-width: auto;
    font-weight: normal;
    font-size: smaller;
    color: #176C76;
}

.selector--inputondemand-addlinebutton:hover,
.selector--inputondemand-addlinebutton:focus,
.selector--inputondemand-addlinebutton:active,
.selector--inputondemand-addlinebutton:hover .fa,
.selector--inputondemand-addlinebutton:focus .fa,
.selector--inputondemand-addlinebutton:active .fa{
    color:#10484E!important;
    box-shadow:none;
}