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

/* Police color for banner */

#navbar  {
    border: none;
    background-color: #333399 !important;
    opacity: 1.0 !important;
    color: white !important;
}
.navbar-default .navbar-brand, .navbar-default  {
    border: none;
    background-color: #333399 !important;
    opacity: 1.0 !important;
    color: white !important;
}
/* addresses */
.addresses col:nth-child(1) { width: 10% !important; } /* Line number */
.addresses col:nth-child(2) { width: 25% !important; } /* place name */
.addresses col:nth-child(3) { width: 25% !important; } /* street name */
.addresses col:nth-child(4) { width:  7% !important; } /* house number */
.addresses col:nth-child(5) { width:  7% !important; } /* postal code */
.addresses col:nth-child(6) { width: 25% !important; } /* locality */

.rot-60 thead th.answer-text {
    rotate: -60deg;
}

.navbar-default .navbar-nav > li > a {
    background-color: #333399 !important;
    opacity: 1.0 !important;
    color: white !important;
}

/* (sub-)Titles (i.e. questions without answers) have transparent background */

.boilerplate {
    background-color: white !important;   
}

/* Create a class for vertical text */

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: sideways;
}

/* orange help text */
.text-info {
    color: #cc6600 !important;
}

/* Fix hyphenation rules */

#outerframeContainer {
    min-height: 100%;
    word-break: normal;
    word-wrap: normal;
    white-space: normal;
    -ms-hyphens: manual;
    -moz-hyphens: manual;
    -epub-hyphens: manual;
    -o-hyphens: manual;
    -devkit-hyphens: manual;
    hyphens: manual;
}

/* Cyan rows when mouse over */

.ls-answers > tbody > tr:hover > td {
    background-color: #99cccc !important;
}

/* Dual scale separated by semi-transparent column */

.dual_scale_separator {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Get rid of empty cells when displayed as blocks (small screens) */

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.ls-answers td:empty { /* this is the one making it vanish */
        display: none !important;
    }
}