/* CSS Included with Template. Place all App specific styles into app.css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

html {
    /* Use a background color that resembles the body background image color so
       it blends in during overscroll. */
    background-color: #262626;
}

body {
    font-family: "Segoe UI","Noto Sans", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
    background-image: url("../image/bg_lodyas.png");
    min-height: 100vh;
}

.bg-mizzou-black {
    background-color: #000;
}

.bg-mizzou-gold {
    background-color: #fc3;
}

.bg-default {
    background-color: #7D7D7D;
}

.bg-content {
    background-color: #ebebeb;
}

footer a, #credentials, #credentials a, #credentials .btn-link {
    color: #f2b931;
    text-decoration: none
}


/*
These classes are here so they'll be picked up by intellisense. They are
used by template.js for adding jQuery datatables with a default set of styles
app-not-button-col can be added to the last column of an app-datatable to prevent cell content from being centered
*/
.app-datatable, .app-datatable-style, .app-not-button-col, app-datatable-export {
}


/* Disable Resize handles on Textareas */
textarea {
    resize: none;
}


/*  
Add margins equivalent to me-2/ms-2 to data tables paging/sorting labels
*/
label[for^="dt-length-"] {
    margin-left: 0.5rem !important;
}

label[for^="dt-search-"] {
    margin-right: 0.5rem !important;
}

/* Used with datatables to prevent buttons from splitting and preserving newlines*/
.text-no-wrap {
    white-space: nowrap;
}

.text-pre {
    white-space: pre;
}

.text-pre-wrap {
    white-space: pre-wrap;
}

overflow-wrap-anywhere {
    overflow-wrap: anywhere
}

/* Add Red asterisk after anything labeled required */
.required::after {
    content: " *";
    color: red;
}

/* This can be used on disabled text input form controls to restore the background color */
.input-text-disabled {
    cursor:not-allowed;
    background-color:white !important;
}