@font-face {
    font-family: Univermag;
    src: url("../fonts/Univermag-Regular.otf");
}
@font-face {
    font-family: Fixel Display;
    src: url("../fonts/FixelDisplay-Regular.ttf");
}

#login.panel>.panel-heading {
    display: flex;
    justify-content: center;
}
#login .logo-container {
    width: unset;
    margin-top: 10px;
}

.modal-body > .no-side-margin {
    margin-left: 0;
    margin-right: 0;
}
.modal-body .record-container.no-side-margin .left > .bottom > .panel,
.modal-body .record-container.no-side-margin .left > .middle > .panel,
.modal-body .record.no-side-margin .left > .bottom > .panel,
.modal-body .record.no-side-margin .left > .middle > .panel {
    border-radius: var(--panel-border-radius);
}
.modal-body .record-container.no-side-margin .side > .panel, .modal-body .record.no-side-margin .side > .panel {
    border-radius: var(--panel-border-radius);
}

body:not([data-navbar=side]) #navbar .navbar .navbar-brand {
    display: flex;
    width: unset;
    align-items: center;
}
body:not([data-navbar=side]) #navbar .navbar .navbar-brand img.logo {
    margin-right: 15px;
}
body #navbar .navbar-right {
    backdrop-filter: unset !important;
}
body:not([data-navbar=side]) #navbar .navbar ul.nav>li.tab>a {
    border-radius: 6px;
}
@media screen and (max-width: 1199px) {
    body:not([data-navbar=side]) #navbar .navbar .navbar-brand-title {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    body:not([data-navbar=side]) {
        padding-top: 82px;
    }
    body:not([data-navbar=side]) #navbar .navbar {
        padding: 15px;
    }
    body:not([data-navbar=side]) #navbar .navbar .navbar-brand-title {
        font-family: Univermag;
        font-size: 14px;
    }
    body:not([data-navbar=side]) #navbar .navbar>.navbar-body {
        justify-content: flex-end;
    }
    body:not([data-navbar=side]) #navbar .navbar>.navbar-body .tabs {
        font-family: Fixel Display;
        font-weight: 700;
        font-size: 14px;
    }
    body:not([data-navbar=side]) #navbar .navbar>.navbar-body>.navbar-right-container {
        flex-grow: 0.5;
    }
}
@media screen and (min-width: 1600px) {
    body:not([data-navbar=side]) #navbar .navbar .navbar-brand-title {
        font-size: 22px;
    }
    body:not([data-navbar=side]) #navbar .navbar>.navbar-body .tabs {
        font-size: 18px;
    }
    body:not([data-navbar=side]) #navbar .navbar>.navbar-body>.tabs>li{
        margin-right: 20px;
        text-transform: uppercase;
    }
}
@media screen and (min-width: 992px) {
    .record .record-grid {
        grid-template-columns: minmax(auto, 75%) minmax(auto, 25%);
    }
}