@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

* {
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.9rem;
}

table {
    table-layout: fixed;
}
table td, table th {
    overflow: hidden;
}

.navbar .btn {
    display: none;
}

.button-bar {
    max-width: 99%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.button-bar > div > button, .button-bar > div > a {
    width: 100% !important;
    margin: 1em 0em 0em 0em !important;
}

div.dataTables_info {
    padding-top: 0px !important;
}

#main-wrapper {
    max-width: 97%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

#filter-wrapper {
    margin-top: 1em;
    margin-bottom: 1em;
    box-shadow: 0px 0px 3px #c3c3c3;
    padding: 1em;
    width: 100%
}

#quick_search_form input {
    min-width: 222px;
}

#spinner {
    color: #3F5FAC;
    position: absolute;
    left: 40%;
    top: 48%;
    z-index: 99;
    display: none;
}

#spinner i {
    font-size: 3em;
}

#filter-wrapper {
    display: none;
}

#info-card {
    position: absolute;
    top: 30%;
    left: 30%;
}

.info-modal-lable {
    font-weight: bold;
    font-size: 1.1em;
}

#mbkdb {
}

#mbkdb tr:hover {
    cursor: pointer;
}

.navbar-label {
    color: #3F5FAC;
    font-size: 1em;
}

#mbk-banner-branding {
    /*margin-left: 20%;*/
}

#mbk-banner-branding img{
    max-height: 60px;
}

.mbk-banner-text {
    margin-left: 2%;
    font-size:2em;
}

.page-item {
    color: #3F5FAC;
}

.page-item .page-link {
    color: #3F5FAC;
}

.page-item.active .page-link {
    background-color: #3F5FAC;
    border-color: #3F5FAC;
    color: #fff;
}

.btn-dark {
    background-color: #3F5FAC;
    border: none;
}

.btn-dark:hover {
    background-color: #283565;
    border: none;
}

.btn:focus, .btn:active, .paginate_button, .page_item a {
    outline: none !important;
    box-shadow: none;
    box-shadow: 0 0 0 0px rgba(0, 123, 255, 0);
}

.navbar {
    /*border-bottom: 2px solid #c3c3c3;*/
    box-shadow: 0px 0px 7px #c3c3c3;
    margin-bottom: 0.8em;
}

#user-info-show-btn {
    margin-left: 0.2em;
}

#user-info-modal {
    display: none;
    margin: 1em;
    padding: 1em;
    box-shadow: 0px 0px 3px grey;
}

#info-modal {
    position: absolute;
    width: 98%;
    box-shadow: 0px 0px 7px gray;
    z-index: 999;
    display: none;
    background-color: white;
}

.info-modal--close, .info-modal--copy {
    margin: 0.5em;
}

.selected-row {
    background-color: #fefec3;
}

.info-modal--header {
    font-size: larger;
    margin: 0.5em;
    font-weight: bold;
}

.mbk-letter-pic {
    max-width: 100%;
    opacity: 0.7;
    box-shadow: 0px 0px 7px darkslategray;
}
.mbk-letter-pic:hover {
    opacity: 1.0;
    cursor: pointer;
}
#mbk-banner-branding img {
    box-shadow: 0px 0px 1px grey;
}

#mbk-banner-branding img:hover {
    box-shadow: 0px 0px 13px grey;
}