/* for HMSWidget.BedSelector*/
td .available {
    background-color: #FFd7d7;   
    /*border:3px solid #AFFFAF;*/
}
td .occupied{
    background-color: #d7FFd7;
    /*border:3px solid #FFAFAF;*/
}
td .discharged {
    background-color: #ffffc7;
    /*border:3px solid #FFFFAF;*/
}
td .houseKeeping{
    background-color: #CED7FF;
    /*border:3px solid #FFFFAF;*/
}
td .maintenance {
    background-color: #d7d7d7;
    /*border:3px solid #FFFFAF;*/
}
td .available :hover {
    background-color: #FFf7f7;
    /*border:3px solid #8FFF8F;*/
}
td .occupied:hover  {
    background-color: #f7FFf7;
    /*border:3px solid #FF8F8F;*/
}
td .discharged:hover {
    background-color: #ffffe7;
    /*border:3px solid #FFFF8F;*/
}
td .houseKeeping:hover  {
    background-color: #EFF7FF;
    /*border:3px solid #FFFF8F;*/
}
td .maintenance:hover {
    background-color: #e7e7e7;
    /*border:3px solid #FFFF8F;*/
}
/* end HMSWidget.BedSelector*/

.mrViewFieldset{
    padding-left: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-top: #D5DCE7 solid thin;
}

.mrTableView table, .mrTableView th, .mrTableView td {padding:3px; border-collapse: collapse; border: 1px solid lightgray;}
.mrTableView th {
    background-color: lightgrey;
} 
.mrTableView {     padding-left: 15px;
                   margin-top: 5px;
                   margin-bottom: 10px; 
}

/* Table layout using DIV tags */
.mrTableViewUsingDiv {    
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 10px; 
}
.mrTableViewUsingDiv .table-container{
    display:table;
    border-collapse: collapse;
    border: 1px solid lightgray;    
}
.mrTableViewUsingDiv .table-heading{
    display:table-row;
    line-height: 14px;
    border-collapse: collapse;
    border: 1px solid lightgray;
    background-color: lightgrey;    
}
.table-row{  
    display:table-row;        
}
.mrTableViewUsingDiv .table-cell{ 
    padding:3px;
    display:table-cell;
    border-collapse: collapse; 
    border: 1px solid lightgray;    
}

.mrViewLegend {
    color: #757C87;

}

.mrColumnHeader{
    color: #757C87;
}
.mrTitle{
    font-size: 12pt;
    background-color:#E8E8FF;
    width:95%;
    display:inline;
    padding:3px;

}

/*Above classes are not applied in Vue converted templates. below classes are used*/

.wrap{
    white-space: pre-wrap;
}