/******************
    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 {
    color: #000;
}

a {
    color: #11768d;
}

a:hover {
    color: #e4bb1b;
}

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

.row {
    margin-left: 0px;
    margin-right: 0px;
}



.navbar-default {
    background-color: black;
}

.navbar-brand {
    background: url('../files/anTirWebLogoW.png') no-repeat;
    background-size: contain;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #e4bb1b;
}

#surveys-list-container {
    text-align: center;
}

.surveys-list-container > ul > li {
    float: none;
}

.btn-primary {
    background-color: #11768d;
    border-color: #11768d;
}

.btn-primary:hover {
    background-color: #e4bb1b;
    border-color: #000;
    color: #000;
}


.lsImageSize--size--25 {
    max-width: 50%;
    height: auto;
    max-height: 200px;
}

.alert-warning {
    background-color: #9e0b0f;
    border-color: #9e0b0f;
}

.progress-bar {
    background-color: #11768d;
}

.bg-primary {
    color: #000;
    background-color: #e4bb1b;
}

.flatly label::after {
    background-color: #11768d;
}

.sub-footer {
    background: #000;
    color: white;
    font-size: .8em;
}

.sub-footer a {
    color:  #e4bb1b;
}

/** MEDIA QUERIES - STYLES FOR DIFFERENT SCREEN SIZES **/

/**
 * On big screen only, iPad and up 813px
 */
@media only screen and (min-width: 813px) {
    .navbar-brand {
        height: 80px;
        width: 485px;
        margin: 20px;
    }
    
    .nav-container, .container-fluid, .sub-footer-container {
        width: 90%;
        margin: auto;
    }
    
    .sub-footer-container {
        padding: 20px 0;
    }
    
    
    
}

/* on medium screens 761 to 812px */
@media only screen and (min-width: 761px) and (max-width: 812px) {
     .navbar-brand {
        height: auto;
        width: 280px;
        margin: 15px 0 15px 15px;
    }
    
    .nav-container {
        width: 90%;
        margin: auto;
    }
    
    .container-fluid, .sub-footer-container {
        width: 90%;
        margin: auto;
    }
    
    .sub-footer-container {
        padding: 15px 0;
    }
   
}
/* on small screens 760 and below */

@media only screen and (max-device-width: 760px){
    .navbar-brand {
        height: auto;
        width: 280px;
        margin: 15px 0 15px 15px;
    }
    
    .nav-container {
        width: 100%;
    }
    
    .container-fluid, .sub-footer-container {
        width: 90%;
        margin: auto;
    }
    
    .sub-footer-container {
        padding: 15px 0;
    }
}