/* You can add global styles to this file, and also import other style files */
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

body {
    margin: 0;
}

.nav-title {
    font-weight: bold;
    font-size: 18px;
}


.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
}

.small-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}

@media (min-width: 576px) {
    .small-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .small-container {
        max-width: 720px;
    }
}

.mat-tab-label {
    width: 100%;
}

.mat-tab-body {
    padding-top: 1em;
}

pre {
    color: #616161;
}

.hidden {
    display: none !important;
}

.unauthorized {
    text-align: center;
    color: #616161;
    min-height: 3em;
    margin-top: 2em !important;
}