body {
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Rubik', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Source Serif Pro', serif;*/
}

.red {
    color: #cc3333;
}

.link_white, .link_white.hover {
    color: #fff;
}

    .link_white.hover {
        color: #337ab7;
    }

.btn {
    background-image: none;
}

.no-padding {
    margin-top: 0;
}

.pad {
    padding: 10px;
}

.buffer {
    margin: 5px;
}

.btn-errata {
    background-color: #cc3333;
}

br {
    display: none;
}

.dashed {
    list-style-type: none;
}

ul.dashed > li:before {
    content: "- ";
    text-indent: -5px;
}


.panel-grey {
    background-color: #cccccc;
    color: white;
    font-size: large;
    margin-top: 20px;
    margin-bottom: 10px;
}

.panel-black {
    background-color: #333333;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.btn-grey {
    background-color: white;
    color: #cccccc;
}

.btn-white {
    background-color: white;
    color: #313131;
    border: #313131;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    /*float:none;*/
    /* reset the text-align */
    /*text-align:left;*/
    /* inline-block space fix */
    /*margin-right:-4px;*/
    /*text-align: center;*/
    margin: 0 auto;
}

.row {
    margin-top: 0px;
    padding: 15px;
}

.bg-darkgrey {
    background-color: #363636 !important;
    border: #363636;
}

.bg-red {
    background-color: #cd3333 !important;
    border: #cd3333;
}

    .bg-red.hover {
        background-color: #782321 !important;
    }

.inner-addon {
    position: relative;
    margin-top: 55px;
}

    /* style glyph */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

/* align glyph */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 20px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}



/*  min-width: 767px */
@media (min-width: 767px) {
    nav.navbar-default {
        background-image: none;
        background-repeat: no-repeat;
        background-color: transparent;
        border-color: transparent;
    }

    .mobile-search {
        display: none;
    }
}

@media (max-width: 768px) {

    .mobile-header {
        margin-top: 0px;
    }

    .inner-addon {
        margin-top: 10px;
    }

    .responsive-search {
        display: none;
    }
}