.nicetable th {
    color: darkblue !important;
}

.popover {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 90vh;
    overflow: auto;
    width: 1100px;
    max-width: 90vw;
}
.popover90 {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 90vh;
    overflow: auto;
    width: 90%;
    max-width: 90vw;
}

.popover2 {
    position: fixed;
    top: 50% !important;
    /*transform: translate(-50%, -50%) !important;*/
    max-height: 90vh;
    overflow: auto;
    width: 100%;
    max-width: 90vw;
}

/*Climate Sense Colour Pallette*/
.btn-primary {
    color: white;
    background-color: #2c5a5a;
}
    .btn-primary:active {
        color: #ffffff;
        background-color: #24c4a8;
    }
    .btn-primary:focus {
        color: #ffffff;
        background-color: #24c4a8;
    }
    .btn-primary:hover {
        background-color: #f99f1c;
        color: white;
    }

.btn-secondary {
    color: white;
    background-color: #d15253;
}

    .btn-secondary:hover {
        background-color: #f99f1c;
        color: white;
    }
    .btn-secondary:active {
        color: #ffffff;
        background-color: #24c4a8;
    }

    .btn-secondary:focus {
        color: #ffffff;
        background-color: #24c4a8;
    }
.btn-tertiary {
    color: white;
    background-color: #d7a56b;
}

    .btn-tertiary:hover {
        background-color: #f99f1c;
        color: white;
    }
    .btn-tertiary:active {
        color: #ffffff;
        background-color: #24c4a8;
    }

    .btn-tertiary:focus {
        color: #ffffff;
        background-color: #24c4a8;
    }

.cs-red {
    color: white;
    background-color: #d15253;
} 
.cs-darkgreen {
    color: white;
    background-color: #2c5a5a;
}
.cs-green {
    color: white;
    background-color: #77aba1;
}
.cs-orange {
    color: white;
    background-color: #f99f1c;
}
.cs-brown {
    color: white;
    background-color: #d7a56b;
}


.cs-grey {
    color: #ffffff;
    background-color: #c9c1b9;
}


.cs-lightgreen10 {
    color: #000000;
    background-color: #ebf9f7;
}
.cs-lightgreen20 {
    color: #000000;
    background-color: #d3dfdd;
}
.global-panelbgcolor {
    color: #000000;
    background-color: #ebf9f7;
/*SAME AS LIGHTGREEN10*/
}
.light-grey {
    background-color: #f5f5f5;
}

.qstitle {
    font-size: 15px !important;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.nowrap {
    white-space: nowrap;
}
/*MudSelect will use these selected definitions*/
.selected {
    background-color: #24c4a8 !important;
}

    .selected > td {
        color: white !important;
    }

        .selected > td .mud-input {
            color: white !important;
        }
.validationerror {
    color: red !important;
    background-color: yellow !important;
    padding: .5em !important;
    margin-top: .5em !important;
}
/*This targets header row on Mud sticky-header tables*/
.mud-table-sticky-header .mud-table-root .mud-table-head .mud-table-cell {
    background-color: #d3dfdd !important;
}
/*This targets header row on Mud tables*/
.mud-table-root .mud-table-head .mud-table-cell {
    background-color: #d3dfdd !important;
}
/*This targets header row text on all Mud tables*/
.mud-table-head .mud-table-cell {
    color: black !important;
    /*font-size:larger;*/
}
/*Used for highlighting the group item in MudTable groupings*/
.mud-table-cell-custom-group {
    font-weight: 700;
}
.small-text {
    font-size: 0.75rem; 
}

/* Clone of MudTable style for HTML tables */
.MudTableClone {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    font-size: 1rem;
    color: rgba(0,0,0,0.87);
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
    border-radius: 4px;
    overflow: hidden;
}
.MudTableClone th, .MudTableClone td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    text-align: left;
    vertical-align: top;
}
    .MudTableClone th {
        background: #d3dfdd;
        font-weight: 500;
        color: rgba(0,0,0,0.87);
    }
.MudTableClone tr {
    background: #fff;
}
.MudTableClone tr.MudTableClone-striped:nth-child(even) {
    background: #f5f5f5;
}
.MudTableClone tbody tr:last-child td {
    border-bottom: none;
}