@import "../fonts/roboto/roboto.css";

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/material/MaterialIcons-Regular.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;
}

html, body {
    font-family: Roboto, Arial, sans-serif;
    margin: 0;
    height: 100%;
    color: #333333;
    background-color: #e9ebee;
}

/* App Content */
div.app-content {
    overflow: auto;
    margin: 0;
    /*width: 100%;*/
    height: 100%;
    background-color: #e9ebee;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

div.app-content {
    padding: 10px;
}

.app-background-color {
    background-color: #e9ebee;
}

app-root {
    height: 100%;
    display: block;
}

.layout-padding {
    padding: 10px;
}

.layout-margin {
    margin: 10px;
}

.divider {
    border-top: 1px solid #e0e0e0;
}

button {
    text-transform: uppercase;
}

.error-summary {
    color: #f44336;
}

button.mat-primary {
    color: white;
}

a.mat-primary {
    color: white;
    text-transform: uppercase;
}

@media print {
    /* Hide everything in the body when printing... */
    body.printing app {
        display: none;
    }

    /* ...except our special div. */
    body.printing #printarea {
        display: block;
    }

    body.printing {
        background-color: white;
        -webkit-print-color-adjust: exact;
    }

    body.printing #printarea div.report-logo {
        position: absolute;
        margin-top: 32px;
        margin-left: 40px;
    }

    @page {
        size: auto; /* auto is the current printer page size */
        margin: 0px;
    }
}

@media screen {
    /* Hide the special layer from the screen. */
    #printarea {
        display: none;
    }
}

mat-progress-spinner.spinner40, mat-progress-spinner.spinner40 svg {
    height: 40px !important;
    width: 40px !important;
}

mat-progress-spinner.spinner36, mat-progress-spinner.spinner36 svg {
    height: 36px !important;
    width: 36px !important;
}

span.spinner-list-label {
    margin-top: 5px;
    margin-left: 5px;
}

span.spinner-send-label, div.spinner-send-label {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: capitalize;
}

div.show-more {
    padding-top: 20px;
    padding-bottom: 40px;
}

mat-form-field mat-icon {
    color: darkgray;
}

/* Fix inputs by md2, remove when unused md2 package*/
mat-form-field input {
    height: inherit !important; 
}

.mat-checkbox-layout {
    white-space: normal !important;
}

.mat-checkbox-inner-container {
    margin-top: 1px !important;
}