/* Please add child theme specific CSS here when creating child themes by extending the core parent theme. */


.text-danger {
    color: #a71d2a !important;
}

a {
    color: #264f7b;
}

/* Improved clarity and contrast in language */
div.form-change-lang a.nav-link.dropdown-toggle {
    color: #702000;
}

.ls-question-fieldset {
    padding: 0;
}

.ls-question-legend {
    font-size: revert;
}

.question-number, 
.question-code {
    color: #212529;
}

.answer-container {
    padding: 4px 15px;
}

.question-help-container, 
.question-valid-container {
    padding: 4px 15px;    
    color: #702000 !important;
}

.form-select,
.form-control {
    border: 1px solid #888888;
    box-shadow: none;    
}

.selector--inputondemand-addlinebutton {
    color: #4d4d4d;
    border-color: 1px solid #959595;
    background-color: #d5d5d5;
    background-image: -webkit-linear-gradient(#eeeeee, #d5d5d5);
}


/* */

/* ########## Top Navbar ########## */
div#survey-nav {
    display: none; 
}

.top-container {
    margin: 0px;
}

.top-container .progress {
    width: 100%;
}

div#survey-nav button.navbar-toggler {
    margin-left: auto;
}

div#survey-nav #navbar.show ul.navbar-nav {
    flex-direction: column;
}

div#survey-nav li.nav-item a.nav-link {
    margin: revert;    
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0px;
}

div#survey-nav a.question-index-btn {
    color: rgba(0,0,0,.55) !important;
    font-size: revert;
}

div#survey-nav ul.navbar-right li.index-menu-full .dropdown-menu {
    padding: 15px;
}

div#survey-nav li.index-menu-full span.caret::before {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
}

.bottom-navigation {
    column-gap: 20px;
}

@media (max-width: 768px) {
    #outerframeContainer {
        margin-top: 80px !important;
    }
    
    div#survey-nav {
        display: block; 
    }
    
    .bottom-navigation {
        display: none;  
    }
}