@font-face {
    font-family: 'Google Regular';
    src: url('/fonts/google-font.woff2') format('woff2');
}

/*
    Login classes
*/
body.login-body {
    background: url('/images/loginbackground.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

body.initial-setup-body {
    background-color: #f0f8ff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.login-body .container, .initial-setup-body {
    font-family: "Google Regular" !important;
/*    max-width: 1200px;*/
}

.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
}

.primary {
    background-color: #466BB1;
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

tr.mud-table-row.selected {
    background-color: var(--mud-palette-primary-lighten) !important;
}

.mud-dialog-title {
    padding-bottom: 0px !important
}

/* Used to set the padding on a checkbox control */
.pad-1 span {
    padding: 0.25rem !important
}

/* Used to clear the padding of a MudTextField eg. Medicare expiry date*/
.NoEndPaddingOnInputs input {
    padding-right: 2px !important;
}

.PaddingTitleSmall .mud-dialog-title{
    padding-top: 5px !important;
}

/* MudCalendar fix for when using a tooltip over an item in week view*/
.mud-cal-week-template-holder > div
{
    width: 100%;
    height: 100%;
}

/* Centers a header on a data grid i.e. TemplateTable component*/
th.center-header > span {
    justify-content: center !important;
}

.white-text-dropdown .mud-select-input {
    color: white !important; /* Change text color */
}

.white-text-dropdown .mud-list-item {
    color: white !important; /* Change dropdown list item text color */
}

.white-text-dropdown label {
    color: white !important;
    background-color: inherit !important
}

.white-text-dropdown svg {
    color: white !important;
}

.white-text-dropdown .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    background-color: white !important;
    color: black !important
}