.room-inventory-report {
	font-family: $base-font;
	.container-fluid { overflow: visible; }
    .content {
        padding: 10px 15px 10px 15px;
        position: relative;
    }
    input[readonly] { background: color('white') !important; font-family: $base-font; }
    .mars-select .multiselect-container {
        -webkit-box-shadow: none;
        box-shadow: none;
        max-height: 120px;
        min-width: 0;
        li.disabled { /* please check "input.scss", "disabled" class  "display: block !important;"  */
            display: none !important;
        }
    }
	input[type="text"] {
		padding: 2px 10px;
		height: 26px;
		background: color("cumulus");
		color: color("black2");
		border: 1px solid color("manatee");
		@include border-radius(0);
	}

    .btn-criteria-report { margin-right: 10px; }
	.commonDisplayCriteria {
        display: block;
        width: 1089px;
        top: 50px;
        z-index: 100;
        @media (min-width: 980px) { width: 1089px; }
        .checkbox-wrap, .future-source { display: none; }
        .checkbox-wrap { float: left; }
        .label-text {
            float: left;
            font-family: $base-font-semibold;
            padding: 3px 10px;
        }
        .form-group-impact, 
        .form-group-prior { margin-left: 130px; float: left; }
        label { margin-bottom: 0; }
        .select-daysofweek > label,
        .form-group-prior > label,
        .form-group-impact > label,
        .form-group-mealperiod > label {
            padding: 3px 10px;
            min-width: 97px;
            float: left;
        }
        .form-group:first-child  > label { min-width: 127px; }
        .form-group-mealperiod:nth-child(2) > label { min-width: 137px; }
        .mars-select {
            float: left;
            width: 183px;
            margin-left: 10px;
            .multiselect-container { z-index: 100; max-height: unset; }
        }
        .yearRangeSelect { width: 100%; margin-left: 0; }
        .year-select { width: 100px !important; margin-left: 0 !important; }
        .form-group--time-interval .mars-select { width: 100px; margin: 0; }
        .report-row--metric .mars-select {
            width: 233px !important;
            margin-left: 10px;
            &:first-child { width: 234px !important; margin-left: 0; }
        }
        .select-daysofweek {
            width: auto;
            margin-left: 0;
            .multiselect-native-select { width: 183px !important; }
        }
        .form-group-mealperiod .mars-select { margin-left: 0; }
        .form-optgroup.form-group-mealperiod .mars-select li {
            label { padding: 0 15px 0 20px !important; }
            &.multiselect-group label,
            &.multiselect-all label { padding: 0 15px 0 10px !important; }
        }
        .rangesliderbox input[type="text"] { display: none; } 
        .form-group--time-interval {
            > label {
                padding: 3px 10px;
                min-width: 97px;
                float: left;
            }
            .time-interval-select,
            .time-interval-select2 { 
                width: 100px; margin: 0; 
                .multiselect-container { max-height: unset;}
            }
        }
        .time-interval-input-area {
            display: inline-flex;
            margin-left: 10px;
            .label-text {
                margin-bottom: 0 !important;
                padding: 3px 10px;
                font-weight: normal;
            }
            .time-interval-input {
                display: inline-flex;
                gap: 0 10px;
                .form-control { width: 50px; }
            }
        }
        .report-row--trend,
        .report-row--leadtime, 
        .report-row--occupancylevel { display: none; }
        .report-row--metric {
            .form-group {
                margin-left: 10px;
                &:first-child { margin-left: 0; }
            }
        }
        .reportpopup {  
            height: unset;
            top: 50%;
            bottom: unset;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .reportpopup-content {
            .report-row { grid-template-columns: 155px 1fr; margin-top: 4px; position: relative; }
            .daterange-row,
            .radio-row {
                display: block;
                grid-template-columns: unset;
                grid-column-gap: unset;
            }
            .daterange-row { height: 218px !important; z-index: 0; }
        }
        .form-group-calendar { float: left; }
    }

    .ember-table { /* .table-responsive */
        overflow: scroll !important; 
        max-height: inherit;
        height: 382px;
        @media (min-width: 768px) { height: calc(100vh - 230px); } 
        @media (min-width: 812px) { height: calc(100vh - 230px); } 
        @media (min-width: 900px) { height: calc(100vh - 190px); } 
        @media (min-width: 1201px) { height: calc(100vh - 188px); } 
    }
    .commonTable {
        tr {
            th,
            td {
                &.fixcell:first-child {
                    min-width: 180px !important;
                    width: 180px !important;
                    max-width: 180px !important;
                }
            }
            td { border-bottom: none; }
            td.celledit {
                padding: 0 !important;
                input {
                    border: 1px solid color('very-light-grey');
                    font-size: 13px !important;
                    text-align: center !important;
                }
            }
            .btn-edit, 
            .btn-save {
               height: 22px;
               margin: -2px 0 0 0;
            }
            &:first-child th:first-child.singleCell { padding: 0 10px !important; }
        }
    }

    .table-trend {
        tr {
            .weekdaycell, .weekendcell { display: none; }
        }
    }
}