﻿.popover-template {
    margin-top:80px;
    max-width: 410px;
    max-height: 752px;
    position: fixed;
}

.popover-container {
    width: 410px;
    height: 752px;
}

.popover-skeleton {
    background-color: var(--mud-palette-background-grey);
}

.popover-title {
    padding-top: 15px;
}

.popover-title-main {
    padding-top: 15px;
}

.popover-role-group {
    background-color: var(--mud-palette-background-grey);
}

.popover-close {
    float: left;
}

.popover-save {
    float: right;
}

.popover-close-save {
    display: flex;
    justify-content: space-between;
    overflow: auto;
    white-space: nowrap;
}

.popover-time-label-est {
    padding-left: 10px;
    padding-top: 10px;
    width: 350px;
    display: block;
}

.popover-time {
    width:60px;
    display: inline-block;
}

.popover-label {
    padding-top:25px;
    padding-left: 78px;
    display: inline-block;
}

.popover-resource {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    overflow-y: auto;
}
.popover-resource-group {
    display: block;
    overflow-y: auto;
    height: 365px;
}

.mud-list.mud-list-padding {
    padding: 0px;
    margin: 0px;
}

.popover-resource-number {
    width: 70px;
    display: inline-block;
    margin: 0px auto;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.popover-resource-name {
    font-size:medium;
    text-align: right;
    display:block;
    
}

.popover-resource-name-highlight {
    font-size: medium;
    color: orange;
    background-color: transparent;
    font-weight: bold;
}

.popover-resource-time {
    display: block;
    text-align:right;
}

.popover-resource-name-time-group {
    float:right;
    display: inline-block;
    max-width:218px;
}

.popover-resource-button{
    display: inline-block;
    text-align:left;
    padding-left:16px;
    padding-bottom:16px;
    padding-top: 10px;
    padding-right:16px;
}

.mud-input > input.mud-input-root {
    height:1.4876em;
}

.popover-validation-message-show{
    color:red;
}

.popover-validation-message-hide {
    display:none;
}