roomforcasting-ui10-11, August 20, 2018 (Dropbox)
VS
Rooms Forecasting UI 10-13 html files August 29, 2018 (Asana)
===================================================================

styles change:
-----------------------
line 216:           class  .table-responsive 
                        -> same line added Code padding-bottom: 15px;
line 217:           class  .table.table-roomforcast 
                        -> line 219 added code margin-bottom: 0;
line 1243:          comment text change /* .rf-content-ui10 */ (/* .rf-content-ui10 */)
line 1265:          class .range-select-area
                        -> line 1266 added code display: block;
line 1272:          class .cell 
                        -> line 1273 change code width: 157px; ( width: 150px; )
line 1355 & 1356:   class .forecastcheckoption div:first-child & .forecastcheckoption div 
                        -> line 1357 change code padding: 0 0 0 32px; ( padding: 0 0 0 34px; )
line 1363:          class &.rf-content-ui10
                        ->  New code added:
                        .forecastcomparedate.forecastcomparedate2 .forecastrow .forecastrowright .forecastcheckoption div {
                            width: 141px;
                        }
                        .range-select-area .range-row .cell { 
                            width: 159px; 
                            &:first-child {
                                width: 160px; 
                            } 
                        }

line 1373 & 1374:   class .table.table-roomforcast tr td & .table.table-roomforcast tr td
                        -> line 1375 change code min-width: 106px !important; ( min-width: 100px !important; )
                        -> line 1376 change code width: 106px !important; ( width: 100px !important; )

Ui12 & ui13 new code:
---------------------
    &.rf-content-ui13 {
        .range-select-area .range-row .cell { 
            width: 165px;
            &:first-child { width: 160px; }
        }
        .disableoption { 
            background: #e4e4e4 !important; 
            &:after { display: none; }
        }
        .forecastcomparedate3 { display: block; } 
        .table.table-roomforcast tr th,
        .table.table-roomforcast tr td {
            min-width: 90px;
            width: 90px;
        }
        .table.table-roomforcast tr th:nth-child(1),
        .table.table-roomforcast tr td:nth-child(1) {
            min-width: inherit !important;
            width: inherit !important;
        }
        .table.table-roomforcast tr th.fixscrollcell,
        .table.table-roomforcast tr td.fixscrollcell {
            min-width: 160px !important;
            width: 160px !important;
        }
        .table.table-roomforcast tr th.fixscrollcell > div,
        .table.table-roomforcast tr td.fixscrollcell > div {
            min-width: 160px !important;
            width: 160px !important;
        }
        .table.table-roomforcast tr th.fixscrollcelltotal,
        .table.table-roomforcast tr td.fixscrollcelltotal {
            border-right: none !important;
            width: 110px;
            min-width: 110px;
        }
        .table.table-roomforcast tr th.fixscrollcelltotal > div,
        .table.table-roomforcast tr td.fixscrollcelltotal > div {
            margin-left: 0 !important;
            width: 110px;
            min-width: 110px;
        }
        .table.table-roomforcast tr th.fixscrollcell2 > div,
        .table.table-roomforcast tr .fixscrollcell2 > div {
            width: 270px;
        }
    }

    &.rf-content-ui12 { 
        .table.table-roomforcast tr th.fixscrollcell {
            height: 28px;
        }
        .table.table-roomforcast tr th.fixscrollcell > div {
            height: 29px;
        }
        .table.table-roomforcast tr th.fixscrollcelltotal > div {
            height: 28px;
            line-height: 28px;
            top: 0 !important;
        }
        .table.table-roomforcast tr th,
        .table.table-roomforcast tr td {
            min-width: 150px;
            width: 150px;
            &.fixscrollcelltotal { width: 150px; min-width: 150px;}
            &.fixscrollcelltotal > div { width: 150px; min-width: 150px;}
        }
        .table.table-roomforcast tr th.fixscrollcell > div,
        .table.table-roomforcast tr td.fixscrollcell > div {
            min-width: 160px !important;
            width: 160px !important;
        }
        .table.table-roomforcast tr th.fixscrollcell2 > div,
        .table.table-roomforcast tr .fixscrollcell2 > div {
            width: 310px;
        }
    }

Removed code:
-------------
    .floatThead-container .table.table-roomforcast.floatThead-table tr th.colspan4 { 
        min-width: inherit !important; 
        width: 400px !important; 
    }
    .floatThead-container .table.table-roomforcast.floatThead-table tr th.colspan5 { 
        min-width: inherit !important; 
        width: 500px !important; 
    }
    .floatThead-container .table.table-roomforcast.floatThead-table tr th.colspan6 { 
        min-width: inherit !important; 
        width: 600px !important; 
    }

PS. Please check jquery in html files.