/******************
    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
*/
body {
    padding-bottom: 0 !important;
}

body, html {
    font-family: 'PT Sans', sans-serif !important;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
body > article {
    flex: 1 0 auto;
    margin-bottom: 60px;
}

body .answer-item label::after {
    background-color: #005baa !important;
}

body .top-container {
    margin-top: 0 !important;
}

#surveys-list-container {
    display: flex;
    flex-direction: column;
    min-height: initial !important;
}

.fruity .text-info {
    color: #005baa !important;
}

.fruity .text-primary {
    color: #005baa !important;
}

.fruity a {
    color: #005baa !important;
}

.fruity .progress-bar {
    background-color: #005baa !important;
}

.fruity .btn-info {
    background-color: #005baa !important;
    border: 1px solid #005baa !important;
}

.fruity .btn-info:hover,
.fruity .btn-info:focus,
.fruity .btn-info:active {
    background-color: #004080 !important;
    border: 1px solid #001a34 !important;
}

.fruity .btn-default {
    background-color: #e5e5e5 !important;
    border: none !important;
    color: #315599 !important;
}

.fruity .btn-default:hover,
.fruity .btn-default:focus,
.fruity .btn-default:active,
.fruity .btn-default.active,
.fruity .open .dropdown-toggle.btn-default {
    color: #005baa;
    border: 1px solid #005baa;
    background-color: #d5d5d5 !important;
}

.fruity .btn-primary {
    color: #fff;
    background-color: #005baa !important;
    border: 1px solid #005baa !important;
}

.fruity .btn-primary:hover,
.fruity .btn-primary:focus,
.fruity .btn-primary:active,
.fruity .btn-primary.active,
.fruity .btn-primary.active:focus,
.fruity .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #004080 !important;
    border: 1px solid #001a34 !important;
}

.fruity .dropdown-menu>li>a:focus,
.fruity .dropdown-menu>li>a:hover {
    color: #fff !important;
    background-color: #005baa !important;
}

.fruity .navbar a {
    border: none !important;
    text-decoration: none !important;
}


.fruity .navbar-toggle {
    border: solid 1px #005baa !important;
}

.fruity .navbar-toggle .icon-bar {
    background-color: #005baa !important;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #f1f1f1 !important;
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration: none !important;
}

.fruity .nav .open>a {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #005baa !important;
    border-bottom: 1px solid #fff;
}

.fruity .nav .open>a:hover {
    background-color: #005baa !important;
}

.fruity input[type="checkbox"]:checked:after,
.fruity .checkbox input[type="checkbox"]:checked:after,
.fruity .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #005baa !important;
    border-color: #005baa !important;
    margin-right: 0 !important;
}

input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
    margin-right: 0 !important;
}

.fruity .form-control:focus {
    border: 1px solid #005baa !important;
    box-shadow:
    inset 0 1px 1px rgb(0 0 0 / 8%),
    0 0 8px rgb(0 91 170 / 60%);
}

#block_error div h2 {
    color: #005baa !important;
}

#tusurFooter {
    border-top: none !important;
    flex-shrink: 0;
    width: 100%;
    height: 265px;
    margin: 0;
    padding: 0;
    background: #005baa url('../files/footer-bg.png') repeat-y center bottom;
}

#tusurFooter .container {
    width: 87%;
    margin: 0 auto;
    padding: 25px 0;
}

#tusurFooter .footer-contacts {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

#tusurFooter .footer-text,
#tusurFooter .footer-text a {
    text-decoration: none;
    color: #abdaff !important;
    font-size: 16px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

#tusurFooter .footer-icon {
    height: 19px;
    width: 16px;
    margin-right: 6px;
    color: #fff;
}

#tusurFooter .icon {
    width: 16px;
    color: #fff;
}

#surveyListFooter {
    display: none;
}

@media (min-width: 767px) {
    .fruity .navbar a.animate:after {
        text-align: right;
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background-color: #005baa !important;
    }
    
    .navbar-default .navbar-nav > li > a:after {
        text-align: right;
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background-color: #005baa !important;
    }
    
    .navbar-default .navbar-nav > li > a:hover:after {
        transition: width 0.3s;
        width: 100%;
    }
    
}

@media (max-width: 767px) {
    .navbar-brand {
        display: block !important;
    }
    
    .navbar-brand img {
        height: 55px !important;
    }
}

@media (max-width: 700px) {
    #tusurFooter {
        height: 300px;    
    }
}

@media (max-width: 600px) {
    #tusurFooter {
        height: 400px;    
    }
}

#surveys-list-jumbotron {
    display: none !important;
}

.top-container .progress {
    margin-top: 20px;
}

.btn-group-lg>.btn, .btn-lg {
    margin-right: 20px !important;
}

.fruity .btn-primary {
    color: white !important;
}

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

.ls-answers {
    padding-top: 0;
}