/*div {
    border: 0.5pt solid green;
}*/
.border1 {
    border: 1pt solid green;
}

.buttonTextWhite {
    color: white;
}

.buttonTextGreen {
    color: green;
}

.ratingColorBlue {
    color: deepskyblue;
}

/*### TELERIK #################################################################################################*/
/*TelerikGrid: Header color*/
.k-grid-header .k-header {
    color: white;
    background-color: #90A4AE; /*BlueGrey*/
    justify-content: center;
}

.k-grid th.center-header {
    text-align: center;
}

/* center sortable headers */
th.center-header .k-cell-inner > .k-link {
    justify-content: center;
}

/*.text-primary-theme {
    color: var(--mud-palette-primary) !important;
}*/

/*#################################################################################################*/
:root {
    /*--my-color: orange;*/
}


.mud-tab.mud-tab-active {
    /*color: var(--mud-palette-error);*/
    color: var(--mud-palette-primary);
}

.mud-tab {
    /*color: var(--mud-palette-text-disabled);*/
    /*color: var(--my-color);*/
    color: #90A4AE; /*BlueGrey*/
}


.mud-dialog:has(div):has(.full-height-dialog) {
    height: 90%;
}

.full-height-dialog {
    overflow-y: scroll
}

body {
    background-color: #f0f8ff;
    margin: 10px 10px 10px 10px;
    font-size: 1em;
}

MudItem {
    margin-bottom: -5px !important;
}


/*.grid-with-no-padding .k-grid-header,
.grid-with-no-padding .k-grid-footer {
    padding-inline-end: 0px !important;
    -webkit-padding-end: 0px !important;
}

.grid-with-no-padding .k-grid-content {
    overflow-y: auto;
}*/

/*Gets rid of MudStack vertical padding of element below it*/
/*.gap-3 {
    gap: 0rem !important
}*/
MudStack {
    gap: 0rem !important
}


/*decrease grid row padding*/
div.k-grid td,
.k-grid td.k-command-cell {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
}

.k-grid td.k-command-cell .k-button {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    height: auto; /* for icon buttons */
}

/*### FONTS #########################*/
.linkfont {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
}

.text-purple {
    color: #6f42c1; /* Bootstrap 5 "purple" color for reference */
}

/*not working
    .appnameFont {
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 600;
    color: green;
}
*/