html, body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    margin: 0px;
}

/* 
.pac-container is the Google Places Autocomplete results container class. 

This container wraps and displays the suggested places as the user types an address

Usage: When using a Places Autocomplete input inside a MudDialog the .pac-container z-index needs 
to be set at a value higher than .mud-dialog-container (set to 1000 by default) in order to be visible.
*/
.pac-container {
    z-index: 1500;
}

.rdn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAABk1z2tAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMySURBVEhLtZZJbE1xFIdfax6CailBiFnEEBFDYkgMYWFjIzYlkVhYWGFha2dlYyEh0Y0NMUREQsyhDRHzGJQaWqVUjC1e+b7nnuYR7z2JvJN8uffd+x9+Z/if+0pS/2iVFWWO7QR9YSQMSfB+AJRBf+gKrfAZPsBH+Aptyf178H2Mid/f4Qe8Aud9kpwCEeRGihkDk0Exg0AxTnZBN3wAb0EBXxIUJGlwXHtyn/07rt+Sq2iu4zifpzsEJhGSgTAYKmAojAfFGZ1u4AIvoDnhOryGFjAaik83NbfEhv9l2QJLuXSGpbAYpsMk6A4P4Rach6PQgACjV3TLCETcaC7zYC3MAJ8bHUVtgB5gBEeAZvqewCkYBzpixDVTrCP1ONHK2j6fA2YhAmLt1fH+zK+fua2EBaZwXQ0uMgqMmBMvw2m4BlUwDYZDLzDSz0CBbjoTFODcLvASLsJ2WAgrQOcsgT7gnDtQjciTXHOaaZ0Ps8AoGKUboLBjcAEsWCPmop62fuDBGQvWaG94Bw3wOHlmNmaDor1XnE7Vg4dsIriGa+U1Ba6CCaD32h44gGc14Elywzo4DLugFp5DlMBdqIZNjF/J1UNjCnXWA2ZNa8dhHZiZN2ApWCZ5TYG2EMMedhCMRtg2UMBe2A/LYQdsBXvgPlgE5ZSL6xgVxXuajZRlY1YugbW8AHTQMroCeU2BR8AFw2wxtpOwLbAGPCw1YLMWU7UEbDmmzxLZDM4/C0ba+va0GzVFLYOeoNhaIm5jzmsKNHVXIUR6WIyGIjQ3siaNgjXoOMvBpu3pt0atJ9uSKMa02xeNno38KeiE9e5X4h5YNgWtFC9M3yFwYW096LnpSCVeKsiI2VKsMcUbKceUg31TdGAjnIOo3xOgQE//XLgP1u4jKGjRl+yFFrUCdoKRvQ27EWhj9r2iTL0RU7RzI8qZz1qkLBkrRi3zyQLHR+m0MdZnBS1boJP1cipET7Po/WSZDvue0cuum5jfHuI01vJ54PN4p+Pab+PzWYfAbGODSi6mx/ZjapugEfzk2WzdyI+9kTB6RbO/CvzTEOxfqWFgS7oJ/tOxjzUi0J5WJEulfgIyIgbTVMzd+wAAAABJRU5ErkJggg=='); width: 20px;
    height: 16px;
    width: 40px;
}

.united {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGjSURBVDhPjZRLK0RhHIePy8KtJGzIRtlZq9m4JJSShftt3D6AskKSBUUuRZTNoJSmTMqGBbIQK7L2AcglFm6FXJ7fnPPqncXMeOo573v+i2fOzJxzEhzRH6znmBzeu9w4gdYT5iXsC9xRmFO8xWpM1wB+cH+06Pp7YmjwNdGdOQEMeS5hKrFS1l1r3oevOIF73mwLi4llsi6jY4KGG+zGD9zGbBQKt+EADmsAurJpYqusG1imoR18QMWeUZ9uYroaPyo2pgGEY30F9/o2ipVrKExQsQ5UbAdzUSjWhT2omH5nxRYVy0v5jIgJE+zFJ4wWm0I7NuPFKjACE/xCO3aIinWiHVuJFRMmuIkmdowtnrNoYgFik7FiwgT1t4szbEDFFtCOjRPT7RU1JkxQnGMtNmFErD3/YcSL1WBMTDBmrDDt/V8xYYIKNWK0WB3G41EHE/ShHVvzYrpx/xMTukv+gkd46W6dtcqcpwEv1uyO4nKAc9q4bxvRH0zi6CcW8mW9KKbHLR5XuI7TvGn0lFlBi9Gp+SqWDPcsKnd4QejNPRWO8wsDOI+IppPHMgAAAABJRU5ErkJggg==');
    height: 16px;
    width: 20px;
}

.recoveryconnect {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAQCAYAAABgIu2QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARjSURBVEhLfZYNaJVVGMffe0kL+nC0rcLIZhFZ9m3FiEKDKK1IZ4XRB/ZJRUJbZmkUTRSCSnISSUVfCBYUOYnKrNj6IGMUu+sDytRm1tDY1oUKVzbp9zv3nMvrdfqH3877vPd9z/uc/3nOOStkNTp54YZJNLfBHGiCwa0rZp5CmzVNnPMEzdUwBO1wRYzVUpgKrdDVP9A5l+df4Pp66IT10Mz9xdx/het34XFQ/fAx3BGiLFsB18JL4G8Li/ypiiQfoumFGfA8XAozIakOPoJBuD8X3wJfgUleDueSzJ20d8GZ4KDHw92g7L8MZ4DvPgbqO3gLFsEWuA58driaKEm+SLMYboQWOBaehAWQ119gciMhIsalEjhyE98BuutgRrj/K636HeoYwBG0E+A3b8Z3S15HfQL/wiq4CqZDV0iUJHXCUZ8HU+BncCQb4QPIy+cehrdDxLTw8R1wSIz9+Ks0P1SiqnRQnKFh2A2Wk+8mM5rhGVhDH+bwJ5wD3UWS1AVrxakyCWvPGtXV/+BIyMsp+R6uDFEsETr22SA+fCuN/dZK56zpn0JUkeX1RuUy2wndoIvKOtbxso7eDtaGlpuwSeqOI5oNx0NePuviOC5Elak3+bzmg07UykRNouq274JlEkJw0Z0eokr5hN9M9BKw5nTBZHvAel3Q89qXLaz4lVwfTK042AvOholsAneLT2EX9z+jta5Nwqn3tz4Iiu+ui2HSfrNR+Hzq09vWn9TYNm/LrvmbGidsbx4o9/149OH3zNo2eDG/W/Cu1ob6wfZROrSDBl3gWsf8uB9WZe73c/8yrndyrfMmYq1vJh6Ise+lZ6uuE5eMa1q/1+R14evGJb1D2Z62cVlh9rhisbw9G+nbne1d3TJafxoP/QKjMJlEy7Gedb4Hp78gPpXrWdBNXCJ2O9FVV7YuOghddEBpYCk5ry2ZuTDM+53x/ST7TCWRFcjaQnYP9OYjcCFshaWMZNVQQ3udSRK7O3TRmPg0uADeBF13G5kM38KH4G7hIExUR33W++6PT4GDEUvvGtCA5+AisIRcUB0mTxvkgxvgPvDmMWDHjrKDQWycNr6kg0meUI+CHTl63XFrMT4flKu4VmfHVvWTgLXvXnsWdIAn0CTv02rKonySykS9cRiYoA96MpyAmx6vayHUVtSh/okduleqtPEnOaW6m/QNeFolNTEzN4Auhr2X/pbTLPH6QCqSkCO4Fzx//wC3pDW6SXsibIaxZA2OJXcQpzPpdUj7YtI8qC4kRbIH6i9IR11xuqpD1uBR0c33wH8yLIN9hBsO6uZKtJ88ADzdkjQizERUmnrLJYj+WuHBGI6pkKgiuTYa62Ytbr4fblYK3GlJ+gf8j8lF8jfsBUtmIqSTyUXpbpFXvt7qSGoG6OgesH7rofZg2UfVRBXJroxuer5bAu/AakjymHXalL89AMvAOtYhdw/1MvivoCvbAbji3YochLEr/yZwIbkI3bOfBWUf1eO4oiz7Hy7wo1kYNhvzAAAAAElFTkSuQmCC');
    height: 16px;
    width: 42px;
}

.masterqueue {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJjSURBVDhPjZQ/aFNRFMbvfaZp+ieJYhUXFU1S1FbQwUFFFzengouCWEzAwcFZdBPEOFRwEJEmEe2kg5u4iKIVFYSioCLJK6gFEV1skmrbmFx/5+YaEiL2ffDlfPe7751737nnRqsAiOZLY4RtsFDJpL4x3o8ehQY+wJsjdiFo8hnCbjKNaW0eK6NfMt5uJ5W6R/IjTnfAc3El3IG3SfxeNXQPeq11m9joYhcC7bwdfMUOwhM4ZA2lPlKd0UpmeMGNWwhalj2EMzAEk/ANfOTG47AXfobzlC5bzaQ+oTuTR3P+OqXNBWQfM9lKOvXB+vnSQ8Ih0eAHr41UMskvMmDuAOGpaIfrnMFpEZ0112Yfv6fgOH1w2HpNhF0U1Hnut9NURC859RdyJhY2eWzSj8Ry/iByK1x2TMQn/f5YvrQevbrNj7PwiMxF8/4AC+3Eq8OfcB6+hRaaz9pMvAG3QKllFi7CWzAOBRNwuinVUXgOztpRc8Hz1NqWUGk9V00nf1lJcrkc0sd9cIp6nZAJ/GsEWzujzK5qZlgWxvc34bxGrpExmOadg053wFPGk5N9AWXlV2I6SLsV4TNO/bt1BMZICdoht/SfaHULO40ojwvSMDmGM+zm8mC+GNE8gpYyWcRuzvaYRmMKubfpqGWj1XFt1DueqzrPotUtkoAtyK42wIR4lGKxPbGgfDJR61X1Y6HaqqS3FJaev0Ti58Sz9oE2dF2iaKHYr40XKmeSZWf9F3TZkNHmKvI+X3C3mk612jTQDQ2CgYIf9oyZoDUvVtLDX8UL+se1IhbSSWnJK+y31nSU+gMgqMd5Twnp1gAAAABJRU5ErkJggg==');
    height: 16px;
    width: 23px;
}

.drn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAYAAAC2hzf1AAAACXBIWXMAAAN4AAADeAHZXM4yAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAttJREFUSInV1luIVlUUB/Cf4zDpKF5S81I9WCr5MGWmdh0rpYdIBnoRGUUIEXoR0SAzKjASL2+99iAWZdhLSPUoUSAkREwXE/FCEgaiaDg6aup8Pax9+s535pzjSC/jHzbn7HXWXmetvf5r7U05nsIYPFKQj0VvxZoRg7YK+R9oRzd2YEaSX8X1mnUjAu2F+bP4E2/hO5zHIUzDNfyNW2ldL/aW2JyAt2v+OYif8QUaeB8dNfrH8Qlu4I3ky2f4tUR3I2YWhXOwBAvQhQfS+0qswH3Yj7l4usKJWcnZ240tSb9/GLofJd2jaX4G95f8uw+NdkGlthT9bkzGLxiHqYKCe/AaHsS7OJuCLcM5LKr4BhNxEMuxC2sNZUwee/BSQTYLB7AUA2WL5onsdGF2MvB6CuaVnF5WR4/jTbyMzhJ7o/GQZh0WMUXs9sGaQPI4L0qCyNQAvko29mFUTrcvycEaQa9n8GTND7rT94UioBUlOhn9DlTY+L9BXcF4UZcNwZwM/9FvNi7ja1EzXcnpnwrG78Vz+FRk4wNsHqZjdfhea8YnJPsZJuNkYc1l9OAwtuEEPs8rLM+9d+MJTK9w4DGs0uxCPYZS8E4z1Y+buJAbg0lnAL9psifLVIZFaX416fSh0aaVBoMitTPwqNYdIw7jv/AtXsAPKgr1DnFSMCEbW5P8tGDH4Yp1P2I97sGXYsNauk6baAwZva5juzizJopm0ino8h6+waUaR+dptu08xqXntZq1u/Bwcnh/8utmhe4+zMc7VcaWimysFofrfNHlFosmslDQc4HWrpPHcM6pW5rXrX4cK7HTITawgQ+TrEi/DKNScA2pUeTxPD4Wab+UxglRP6dE9i5WBJPhojis63AEv6f3taImivgHr2KZJsU3KT9GGlgnKDgE40Xj2IBJ2Cmy86K4A465jbMjFhnne8WNokfsVqe4600Rd8S7GpNEBteleYeg44jFv38btpWPs0SMAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    height: 16px;
    width: 53px;
}

.full-width {
    width: 100%;
}

.paper {
    margin: 1em;
    padding: 2em;
}

.toggle { 
    margin-right: 1em;
}

.no-margins {
    margin: 0;
}

.mat-drawer-app-content {
    height: auto !important;
}

.mdc-drawer--dismissible {
    position: fixed;
}

.mdc-select {
    display: inline-block;
}


.content {
    padding-top: 1.1rem;
}

.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.mdc-table th {
    font-size: 1rem; 
    line-height: 1rem;
}

.mud-dialog .mud-dialog-content, .mud-dialog .mud-dialog-actions {
    padding: 24px;
}

/* adjusts the snackbar top position so that it does not overlap the top navbar */
.mud-snackbar-location-top-right {
    top: 54px;
    right: 24px;
}

.mud-link:visited {
    color: #551a8b !important;
}

/* Instructs the element to show line breaks */
.display-line-breaks {
    white-space: pre-line;
}

/* Start Assignment Page Styling */

.AP-AssignmentHeader {
    display: flex;
    justify-content: space-between
}

.AP-CombineComponentFlex {
    display: flex;
}

.AP-AccountInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.AP-AccountInfoHeader {
    display: flex;
    align-items: flex-start;
}

.AP-AccountInfoContent {
    display: flex;
    justify-content: space-between;
}

.AP-LabeledInformation {
    flex-basis: 50%;
    padding: 0 10px;
}

    .AP-LabeledInformation .label {
        margin-bottom: 12rem;
    }

/* End Assignment Page Styling */