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

@font-face {
    font-family: "XuntaSans";
    src: local("XuntaSanas-Regular"), url(../files/XuntaSans-Regular.woff) format("woff"), url(../files2/XuntaSans-Regular.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "XuntaSans";
    src: local("XuntaSanas-Bold"), url(../files/XuntaSans-Bold.woff) format("woff"), url(../files2/XuntaSans-Bold.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "XuntaSans";
    src: local("XuntaSanas-Italic"), url(../files/XuntaSans-Italic.woff) format("woff"), url(../files2/XuntaSans-Italic.woff2) format("woff2");
    font-style: italic;
}

@font-face {
    font-family: "XuntaSans";
    src: local("XuntaSanas-BoldItalic"), url(../files/XuntaSans-BoldItalic.woff) format("woff"), url(../files2/XuntaSans-BoldItalic.woff2) format("woff2");
    font-weight: bold;
    font-style: italic;
}

*:not(.fa){
    font-family: "XuntaSans"!important;
}
/*
 
 ................ fonts
 
*/

.em_num_answers{
    color:#B9CC14;
    font-weight:bold;
    padding:15px;
}

#survey-nav{
    background-color:#007BC4!important;
    color: white!important;
}


#survey-nav .navbar-nav>li>a:hover,
#survey-nav .navbar-nav>li>a:active,
#survey-nav .navbar-nav>li>a:focus,
.dropdown-menu>li:not(.disabled)>a:hover,
.dropdown-menu>li:not(.disabled)>a:active,
.dropdown-menu>li:not(.disabled)>a:focus{
    color: white!important;
    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link{
    color: black!important;
}

.index-menu-full .dropdown-menu>li.disabled.bg-danger{
    background-color:unset!important;
    border-left:5px solid red!important;
}
.index-menu-full .dropdown-menu>li:not(.disabled){
    padding-left: 5px!important;
}
.index-menu-full .dropdown-menu>li.bg-warning{
    background-color:#E1EDF8!important;
}
.index-menu-full .dropdown-menu>li:not(.disabled).bg-warning a::after{
    content: "✔";
    padding-left:2rem;
}


.dropdown-menu>li>a{
    color: #002B4A!important;
}
.dropdown-menu>li.disabled>a{
    color:#767676!important;
}

.btn-primary, .btn-info{
    background-color:#007BC4;
}
.btn-default{
    background-color:#666666;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus{
    background-color:#002B4A;
    text-decoration:underline;
}

button[disabled],
button[disabled]:hover,
button[disabled]:active,
button[disabled]:focus{
    color:#666;
    text-decoration:none;
    background-color:#DDD;
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(45deg, #DDD 0, #DDD 1px, #FFFFFF 0, #FFFFFF 50%);
}

.question-count-text{
    color: #007BC4;
}

.well{
    background-color: rgba(0,0,0,0);
    color:white;
    border: 0;
}

.privacy label {
    margin-top: 1.5rem;
}
.privacy input[type=checkbox]{
    transform: scale(1.5);
}

.answer-container{
    background-color:#E1EDF8;
}
.answer-container input,
.answer-container .form-control,
.answer-container .checkbox-item label::before{
    border-color: #002B4A!important;
}

.answer-container label,
.answer-container .form-control{
    color:#002B4A;
}


.answer-container select option:checked{
    background-color:#007BC4!important;
    color:white!important;  
}

.answer-container select option:hover,
.answer-container select option:focus,
.answer-container select option:active
{
    background-color:#002B4A!important;
    color:white!important;
}

.answer-container .numeric-item input[data-number] {
    text-align: initial;
}

.answer-container .btn-primary label{
    color: white;
}

.text-info, .text-info:hover{
    color:#007BC4;
}

.survey-name{
    color:#002B4A;
}

.question-title-container{
    color:white!important;
    background-color:#007BC4!important;
}
.question-title-container .text-muted.question-number{
    color:white!important;
    font-weight:bold;
    padding-right:.9rem;
}

.question-title-container .text-muted.question-number:after{
    content:".";
}

.question-valid-container.bg-primary.text-info{
    background-color:#002B4A!important;
}

.question-valid-container .ls-question-message{
    border:none;
}

.question-valid-container div{
    color:white!important;
    background-color:#002B4A!important;
    /*border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;*/
    padding-top:.8rem;
}
.asterisk .text-danger{
    color: white!important;
    padding-right:1em;
}

.radio-item label::before{
    border-color: #002B4A!important;
}

#surveyListFooter{
    background-color: #007BC4;
    text-align: left;
    margin-top: 3rem!important;
}
#surveyListFooter .logo-xunta{
    height: 38px;
}
#surveyListFooter .well{
    padding: 14px 0 0 0;
}

a{
    color:#007BC4;
}

a:hover,
a:focus,
a:active{
    text-decoration:underline;
    color:#002B4A;
}

.navbar-brand .logo {
    max-height: 36px;
    padding: 0;
    margin:15px;
}

.popover.bottom{
    margin-top: 4rem!important;
}

@media (min-width: 768px){
    #survey-nav .logo {
        max-height: 48px;
    }
}
@media (max-width: 768px){
    #survey-nav .logo {
        margin:12px;
    }
    #surveyListFooter{
        min-height:64px!important;
    }
    #surveyListFooter .logo-xunta{
        margin-left: 1rem;
        max-height: 50px;
    }
    #surveyListFooter .well {
        padding: 8px 0 0 0;
    }
    .dropdown-menu{
        background-color:white!important;
    }
    .popover.bottom{
        margin-top: 8rem!important;
    }
}