/* You can add global styles to this file, and also import other style files */

html,
body {
    margin: 0;
    padding: 0;
    font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

.loading-spinner {
    margin-left: 50%;
    margin-right: 50%;
}

///////////////////////////////////////////////////////////////
// Font stuff
///////////////////////////////////////////////////////////////
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/material-icons.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

////////////////////////////////////////////////////////////////
// Default settings for cards
////////////////////////////////////////////////////////////////
.card {
    width: 80%;
    margin: 10px auto;
}

.mat-card-header {
    max-height: 5%;
}

////////////////////////////////////////////////////////////////
// Default setting for spacers
////////////////////////////////////////////////////////////////
.flex-spacer {
    flex-grow: 1;
}

.flexer {
    display: flex;
}

.one-margin {
    margin: 1rem;
}

////////////////////////////////////////////////////////////////
// Default settings for expandable tile menus
////////////////////////////////////////////////////////////////
.mat-expansion-panel {
    width: 90%;
    margin: 0px auto !important;
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
    flex-basis: 0;
}

.mat-expansion-panel-header-description {
    justify-content: space-between;
    align-items: center;
}

.mat-expansion-panel-spacing {
    margin: 16px auto !important;
    width: 100%;
}

.mat-drawer {
    background: none !important;
}

.mat-drawer-content {
    margin-top: 5rem;
}

///TABLE
.mat-table {
    display: block;
    width: 100%;
    margin: 20px;
}

.mat-row,
.mat-header-row {
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    align-items: center;
    min-height: 28px;
    padding: 0 24px;
}

.mat-row-container {
    height:100%;
}

.mat-row-container .mat-row:nth-child(odd) {
    background: rgba($color: #000000, $alpha: 0.1)
}

.mat-row-gain {
    .mat-row {
        background: rgba($color: #000000, $alpha: 0.1)
    }
    .mat-header-row {
        font-weight: bold;
        background: rgba($color: #000000, $alpha: 0.05)
    }
}

.mat-cell,
.mat-header-cell {
    flex: 1;
    overflow: hidden;
    word-wrap: break-word;
}

////
.mat-tab-label {
    max-width: 10rem !important;
}

.mat-drawer-side {
    z-index : 1 !important;
}



.mat-drawer-content {
    height:84% !important;
    margin-top: 4rem !important;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2rem;
    padding-top:5px;
}


.spacer {
    margin-top: 1rem;
}

@import '~@angular/material/prebuilt-themes/indigo-pink.css';
/*
deeppurple-amber.css
indigo-pink.css
pink-bluegrey.css
purple-green.css
*/