/*
==========================================================================
    Total Revenue Report
==========================================================================
*/
.revenue-report {
    .container-fluid { overflow: visible; }
    .content {
        padding: 10px 15px 10px 15px;
        position: relative;
    }
    input[readonly] { background: color('white') !important; }
    .mars-select .multiselect-container {
        -webkit-box-shadow: none;
        box-shadow: none;
        max-height: unset;
    }
    .btn-criteria-report { margin-right: 10px; }
    .btn-doughnut,
    .btn-auto-send,
    .btn-export {
        margin-left: 10px;
        background: color("white-smoke-2") !important;
    }
    .btn-auto-send {
        padding-left: 37px !important;
        .icon-large {
            width: 32px;
            -webkit-background-size: 32px auto !important;
            background-size: 32px auto !important;
        }
    }
    @media (max-width: 640px) {
        .topHeadLeft { float: left; }
        .topHead .topHeadRight {
            clear: unset;
            float: right;
            padding: 0;
        }
    }
    .commonDisplayCriteria {
        top: 50px;
        z-index: 100 !important;
        display: block;
        @media (max-width: 1122px){ width: 580px; }
        .form-group {
            float: left;
            > label { margin-bottom: 0 !important; padding: 3px 10px; float: left; }
        }
        .mars-select { width: 183px; .multiselect-container { min-width: 0; } }
        @media (max-width: 1122px){
            .form-group:not(.single-calendar) {
               float: none !important;
               clear: both;
               padding-top: 5px;
               &:first-child { padding-top: 0; }
           }
        }
        .reportrowcontent .form-group:first-child label { min-width: 98px; width: auto; }
        .form-group-calendar {
            float: left;
            margin-bottom: 0;
            .timeselect { width: 280px; .btn-calendar { margin-left: 0; } }
            p { margin-bottom: 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; }
            }
        }
        .new-title-bar { height: $icon-large; h2 { padding: 5px 0; } }
        .btn-reportclose { z-index: unset; }
    }
    .criteria-bread-crumb { display: none; .breadcrumb-list { margin-top: -5px !important; } }
    .topHead .btn.btn-small { height: 30px; }

    /* table  */
    .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); }
    }
    .height-set2 {
        @media (min-width: 768px) { height: calc(100vh - 279px); }
        @media (min-width: 812px) { height: calc(100vh - 279px); }
        @media (min-width: 900px) { height: calc(100vh - 239px); }
        @media (min-width: 1201px) { height: calc(100vh - 237px); }
    }
    .commonTable {
        tr {
            th,
            td {
                min-width: 90px;
                &.fixcell {
                    border-right: 1px solid color('sapphire') !important;
                    &:first-child {
                        min-width: 200px !important;
                        width: 200px !important;
                        max-width: 200px !important;
                    }
                }
            }
            th { font-family: $base-font-semibold !important; &.colspanset { padding-right: 20px !important; } }
            td { border-bottom: none; }
            .border-right { border-right: 1px solid color('sapphire') !important; }
            .btn-edit, .btn-close, .btn-save { height: 22px; }
            .negativeValueColor { color: color('red') !important; }
            .singleCell { position: relative; }
            .chi-view {
                position: absolute;
                right: 5px;
                top: 0;
            }
            &:first-child {
                th.fixcell:first-child { padding: 0 10px !important; text-align: left; }
                th.singleCell div { display: block; }
                th.activecell {
                    background: color("pattens-blue-2") !important;
                    border-top: 1px solid color("pattens-blue-2") !important;
                }
            }
            &:nth-child(2) {
                th.activecell {
                    background: color("pattens-blue-2") !important;
                    border-top: 1px solid color("white") !important;
                }
            }
            &.headerTitle .fixcell:first-child { text-align: left; font-family: $base-font-semibold !important; }
            &.roomsrevHeader,
            &.totalfbrevHeader,
            &.oirevHeader {
                td { text-align: center; }
                .fixcell:first-child { text-align: left; }
            }
        }
    }

    /* daily-flash */
    &.revenue-report--daily-flash {
        .criteria-bread-crumb {
            &.updateBreadCrumb { margin: 0 !important; display: block !important;}
            .breadcrumb-list ol { margin-bottom: 0 !important; }
            .breadcrumb-list { margin: -3px 0 0 0 !important; }
        }
        .commonDisplayCriteria {
            width: 1013px !important;
            max-width: unset !important;
            .single-calendar input[type="text"] { background-position: 3px 0 !important; padding-left: 35px; }
            .checkbox-wrap { float: left; padding-top: 0; }
            .import-status {
                margin : 0 0 0 10px;
                float: left;
                .btn-import-status { margin-right: 0; position: absolute; top: -2px; }
                &.dropdown {
                    position: relative;
                    .dropdown-content {
                        width: 280px;
                        display: none;
                        position: absolute;
                        left: 40px;
                        right: 0;
                        top: 0;
                        z-index: 10000;
                        background-color: color('white-lilac');
                        padding: 10px;
                        margin: 0;
                        overflow: hidden;
                        .import-title { text-decoration: underline; }
                        ul {
                            margin: 5px 0 0 0;
                            padding: 0;
                            li {
                                @include flexbox();
                                span { width: 135px; }
                                &.overweekdata { color: red; }
                            }
                        }
                    }
                    &:hover .dropdown-content { display: block; }
                }
            }
            .mars-select { width: 220px !important; .multiselect-container { min-width: 0; } }
            .negativeValue { background-color: color('sundown') !important; }
            .positiveValue { background-color: color('tea-green') !important; }
            .reportrowcontent .form-group:first-child label { min-width: 60px; }
            .reportrowcontent .form-group .guest-label { min-width: 114px; }
            @media (max-width: 1122px) { .reportrowcontent .form-group:first-child label, .guest-label { min-width: 0 !important; } }
            @media (max-width: 700px) { .data-select { margin-top: 5px; clear: both; } }
            .alert-input-area {
                display: flex;
                flex-wrap: wrap;
                @media (max-width: 1122px) { clear: both; }
                .alert-input-group { display: flex; flex-wrap: wrap; gap: 5 0; }
                small {
                    padding: 3px 10px;
                    font-weight: normal;
                    font-size: 14px;
                }
                .form-control {
                    width: 60px;
                    height: 26px;
                    @include border-radius(0);
                }
                .greater-value { background-color: color('tea-green') !important;}
                .lesser-value { background-color: color('sundown') !important;}
            }
            .mars-radio.active, .mars-radio:hover { background: none !important; }
            #singleDatepicker1 .datepicker-dropdown {
                left: 0 !important;
            }
            .data-type-select {
                margin-right: 10px;
                .multiselect-native-select {
                    margin: -26px 0 0 60px !important;
                }
            }
            .data-select .multiselect-native-select {
                margin: 0 0 0 182px !important;
            }
            .interval-select {
                margin-right: 10px;
                label { padding-left: 70px; }
                .multiselect-native-select {
                    margin: -26px 0 0 175px !important;
                }
            }
            .rooms-stat-select .multiselect-native-select {
                margin: -26px 0 0 60px !important;
            }
            .compare-to-select .multiselect-native-select {
                margin: -26px 0 0 60px !important;
            }
            .guest-stat-select {
                label { padding-left: 70px; }
                .multiselect-native-select {
                    margin: -26px 0 0 175px !important;
                }
            }
            #COMPARE_TO_ROW_ID .normal-text {
                float: left;
                padding: 3px 12px 3px 60px;
                margin: 0 0 0 10px;
                font-weight: normal;
                .reportrowcontent {
                    margin-top: 2px !important;
                }
            }
            #SEND_REPORT_ROW_ID {
                display: none !important;
                .time-input {
                    width: 92px !important;
                }
            }
            .contract-select .multiselect-native-select {
                margin: -26px 0 0 95px !important;
            }
        }
        .total-revenue__row {
            min-height: $icon-large;
            display: grid;
            grid-template-columns: 127px 210px;
            grid-column-gap: 10px;
            margin: 5px 0 10px;
            &:first-child { margin-top: 0; }
            position: relative;
            .total-revenue__title {
                background-color: $c-lturquoise;
                padding: 5px 10px;
            }
            .total-revenue__content {
                padding: 2px 5px;
                background: color("white-smoke");
            }
            .form-group {
                display: grid;
                grid-template-columns: 1fr 220px;
            }
            .single-calendar {
                margin-bottom: 0;
                input[type="text"] {
                    background: url(../images/chi-calendar.svg) no-repeat 1px 0 !important;
                    -webkit-background-size: 24px 24px !important;
                    background-size: 24px 24px !important;
                    padding: 0 4px 0 30px;
                    width: 175px;
                    height: 26px;
                    color: color("black2");
                    border: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    cursor: pointer;
                }
            }
        }
        .daily-flash-table {
            th:not(.is-first-column), td:not(.is-first-column) {padding: 0 5px !important;}
            .fixcell:not(:first-child) { border-right: 1px solid color("white") !important; }
            .fixcell.border-right { border-right: 1px solid color('sapphire') !important; }
            thead th.is-first-column { padding: 0 10px !important; span { display: inline-block; } }
            th.trLinkWater.headerTitle {
                background-color: #cbced7 !important;
                &.headerpositiveValue { background-color: color('tea-green') !important; }
                &.headernegativeValue { background-color: color('sundown') !important; }
            }
            th.totalRevHeader {z-index: 20 !important;}
            th.totalRevColumnHeader {z-index: 4 !important;}
            .day-arrow {
                display: flex !important;
                justify-content: space-between;
                align-items: center;
                .icon-button { display: inline-flex !important; }
            }
            .edit-link { display: inline-block; cursor: pointer; }
            .height-50  {
                th:not(:first-child) { padding: 0 5px !important; }
                th, td { min-width: 140px; }
            }
            td.singleColumn {
                min-width: 145px;
            }
            th.singleColumn {
                height: 50px !important;
                min-height: 50px !important;
                min-width: 170px !important;
                white-space: unset !important;
                text-overflow: unset;
                overflow: visible;
                width: 145px !important;
                &:not(:first-child) { padding: 0 2px !important; }
                span { display: block; width: 100%; }
                &.colspanset,
                &.activecolspanset { width: 160px !important; }
            }
        }
        .daily-flash-edit-save-table {
            td.overridecolumn {
                span{
                    color: blue;
                }
            }
            td.celledit, td.editableCell {
                padding: 0 !important;
                input {
                    border: 1px solid color('very-light-grey');
                    font-size: 13px !important;
                    text-align: center !important;
                    min-width: 114px !important;
                    width: 114px !important;
                }
            }
            th.is-first-column {z-index: 8 !important;}
            td.is-first-column {z-index: 5 !important;}
            th:not(:first-child) { min-width: 115px !important; width: 115px !important; z-index: 5 !important; }
            td:not(:first-child) { min-width: 115px !important; width: 115px !important; z-index: 0 !important; }
            &.daily-flash-otherincome-edit-save-table {
                td:not(:first-child), th:not(:first-child) { min-width: 133px !important; width: 133px !important; }
                td.celledit input, td.editableCell input { min-width: 136px !important; width: 138px !important; }
            }
        }
        &.daily-flash-edit-report {
            .total-revenue__row {
                grid-template-columns: 127px 210px 40px;
            }
            .single-calendar .input-group-addon {
                border: 0 !important;
                background: color("white-smoke");
            }
        }
    }

    /* total revenue */
    &.revenue-report--total {
      .criteria-bread-crumb{display: block;}
      .breadcrumb-list.breadcrumb-label ol li:first-child {
        background: #CCECFF;
        &::after { border-left: 10px solid color("pattens-blue-2"); }
      }
        .commonDisplayCriteria {
            min-width: 970px!important;
            z-index: 21!important;
            .customdaterange{
                top:95px!important;
            }
          .reportrowcontent{
            padding-top: 0px!important;
          }

          .label-min-width { min-width: 76px; }
            .report-row--daterange { position: unset; }
            .year-select { margin-right: 10px; width: 80px; }
            .rooms-stat-select { margin-right: 10px; }
            .select-daysofweek {
                width: auto;
                .multiselect-native-select {  width: 183px !important; }
            }
            .alert-input-area {
                display: flex;
                flex-wrap: wrap;
                @media (max-width: 1122px) { clear: both; }
                .alert-input-group { display: flex; flex-wrap: wrap; gap: 5 0; }
                small {
                    padding: 3px 10px;
                    font-weight: normal;
                    font-size: 14px;
                }
                .form-control {
                    width: 60px;
                    height: 26px;
                    @include border-radius(0);
                }
                .greater-value { background-color: color('tea-green') !important;}
                .lesser-value { background-color: color('sundown') !important;}
            }
            .checkbox-wrap { display: flex; }
            .reportrowcontent .filterDropdown {
                display: inline-flex;
            }

            #COMPARITIVE_DATA_ROW_ID{
                label.normal-text{
                    margin-left:10px;
                    font-weight: 400;
                }
                .filterDropdown {
                  width:259px;
                }
                .filterDropdown:first-of-type {
                    width:280px;
                }
              .filterDropdown span {
                span:first-of-type{
                  width:181px!important;
                }
                > label{
                  padding-top:4px;
                  padding-left:10px;
                }
              }
              .Yr-select,.Yr1-select,.Yr3-select span {
                label { min-width:74px;}
              }
                .Yr-select:first-of-type,.Yr2-select:first-of-type span{
                    display:inline-flex;
                    label {
                        width:98px!important;
                    }
                    width:inherit;
                  li a label {
                    width:unset!important;
                  }
                }
              .Yr2-select:first-of-type span {
                li label{ width:unset!important;}
              }
                .checkbox-wrap{
                    display:inline-flex;
                }
                .reportrowcontent:last-of-type {
                    margin-top: 4px !important;
                }
              .prior-yr > span  > label{
                margin-right:2px!important;
              }
              .prior-yr-3 > span  > label{
                margin-right:4px!important;
              }
            }
            #FILTER_DATA_ROW_ID {
                .filterDropdown {
                    width:281px;
                    span:first-of-type{
                        width:181px;
                    }
                }
                .filterDropdown span {
                    display: inline-flex;
                  > label {
                    padding-top: 3px;
                    padding-left:10px;
                  }
                }
                .rangesliderbox { margin-left: 10px;}
            }

            #PRIMARY_DATA_ROW_ID {
                .filterDropdown {
                    width:auto;
                }
                .guest-metrics {
                    margin-left: 10px;
                }
              .Financial-select, .room-metrics, .guest-metrics {
                > span {
                  min-width: 181px;
                }

              }
              .room-metrics  > label{
                min-width:76px;
              }

              .filterDropdown > label {
                padding-left:10px;
              }
            }

            .Financial-select{
                label{
                    margin-right: 3px;
                }
            }

            .filterDropdown label{
                padding-left: 5px;
            }
          .filterDropdown.prior-yr-1 label{
            padding-left: 9px;
          }


            #DATE_RANGE_ROW_ID{
                .timeselect{
                    width:281px;
                    padding-left: 10px;

                  .btn-comparerangepopup{
                    padding-top: 3px;
                  }
                }

               .filterDropdown span > label {
                 padding-top: 3px;
                 padding-left:10px;
               }
                .reportrowcontent .Event-select{
                    width:259px;
                    span {
                        width:158px;
                        display: inline-flex;
                        label{ width:130px;
                        min-width:97px}
                    }
                    div:last-of-type {
                        .filterDropdown span{
                            width:140px;
                        }
                    }

                    .MetricsDropdown{
                        button{
                            width:140px;
                        }
                    }

                }

                .impactEventList-select{
                      > span {
                        width:183px;
                    }
                    margin-left:10px;
                }

                .reportrowcontent {
                    div:last-of-type {
                        + span {
                            width : 190px;
                            padding-left:10px;
                        }
                    }
                }

                div#impactEventDropDown {
                    span.multiselect-native-select {
                        margin-left: 8px;

                        .btn-group {
                            width: 180px !important;
                        }
                    }

                    .multiselect-native-select .btn-group .multiselect-container {
                        width: 180px;

                        li.multiselect-group a label {
                            float: left !important;
                        }

                        li.active > a:hover {
                            color: black !important;
                            background-color: #ffffff !important;
                        }

                        li {
                            width: 100% !important;
                        }

                        li.active label {
                            background-position-x: 100% !important;
                            color: black !important;
                            background: #FFFFFF url(../images/icon-tick.png) no-repeat 135px center !important;
                        }
                    }

                    span.multiselect-selected-text {
                        width: 90% !important;
                    }
                    ul li a label{
                        width: 95%!important;
                    }
                }
            }
        }
        .table-content-date-range { //display: none;
           }
        .date-range-table {
            .fixcell:not(:first-child) { border-right: 1px solid color("white") !important; }
            .fixcell.border-right { border-right: 1px solid color('sapphire') !important; }
             th.trLinkWater.headerTitle {
                 background-color: #cbced7 !important;
                 &.headerpositiveValue { background-color: color('tea-green') !important; }
                 &.headernegativeValue { background-color: color('sundown') !important; }
             }
             tr:first-child th { padding-right: 10px !important; span { display: inline-block; } }
             th.totalRevHeader {
               z-index: 20 !important;
             > span {padding-left: 5px;}
             }
             th.totalRevColumnHeader {z-index: 4 !important;}
             tr:first-child th strong { display: inline-block; }
            .height-50  {
                th:not(:first-child) { padding: 0 5px !important; }
                th, td { min-width: 140px; }
                th {
                    height: 50px !important;
                    min-height: 50px !important;
                    white-space: unset !important;
                    text-overflow: unset;
                    overflow: visible;
                    span { display: block; width: 100%; }
                    &.colspanset,
                    &.activecolspanset { width: 160px !important; }
                }
            }
          td.singleColumn {
            min-width: 140px;
          }
          th.singleColumn {
            height: 50px !important;
            min-height: 50px !important;
            min-width: 160px !important;
            white-space: unset !important;
            text-overflow: unset;
            overflow: visible;
            width: 160px !important;
            &:not(:first-child) { padding: 0 5px !important; }
            span { display: block; width: 100%; }
            &.colspanset,
            &.activecolspanset { width: 160px !important; }
          }
          thead .icon-collapse{
              padding-left:5px;
          }

        }
    }

    /* --- table row / cell hide --- */
    /* daily-flash & total-revenue */
    // .mtdcell, .fmcell, .ytdcell, .fycell, .lastsubmittedcell, .budgetcell, .actualstlycell, .diffcell, .varcell { display: none; }
    // .grossavailablerow, .netavailablerow, .outoforderrow,
    // .netoccrow, .financialoccrow, .paidoccrow, .revparrow, .roomsarrivalsrow, .roomsdeparturesrow,
    // .guestsrow, .adultsrow, .childrenrow, .occratiorow, .gueastarrivalsrow, .guestdeparturerow,
    // .statisticssummaryHeader, .roomsstatisticsHeader, .roomsstatisticsrow, .guestsstatisticsHeader,
    // .guestsstatisticsrow, .totalguestsrow { display: none; }
}

/* landing page */
.bg-gray .wrapper { background: color("white-smoke-2") !important; }

/* popup */
.alert-popup  { font-family: $base-font; }

.dialog-autosend-report-popup.ui-dialog {
    top: 110px !important;
    height: 342px !important;
    #dailyFlashAutoSendPopup {
        margin: unset !important;
    }
}

.autosend-report-popup  {
width: 390px !important;
height: 262px !important;
margin: 10px;
font-family: $base-font;
.status-not-sent,
.status-confirmed,
.status-sent { padding: 3px 10px; min-width: 100px; text-align: center; }
.status-not-sent { background-color: color("sundown"); }
.status-confirmed,
.status-sent { background-color: color("fringy-flower"); }
.icon-button {
    height: 26px;
    min-width: 78px;
    i { height: 26px; }
    &.icon-left { padding: 3px 10px 3px 35px !important; }
}
.btn-reset,
.btn-confirmed,
.btn-pop-send,
.btn-pop-resend {
    background-color: color("whisper") !important;
    &.displayBlock { display: inline-flex !important; }
    &.displayNone { display: none !important; }
}
.btn-reset i { top: 0; }
.data {
    min-height: 26px;
    padding: 3px 10px;
    background-color: color("white");
}
.mars-radio {
    label { padding: 3px 5px 0 5px; margin-bottom: 0; }
    &.active, &:hover { background: none !important; }
}
.time-input {
    position: relative;
    .form-control {
        width: 100%;
        height: 26px;
        padding: 3px 10px;
        background: $c-white !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid $c-border;
        @include placeholder();
        @include border-radius(0);
    }
    .caret {
        position: absolute;
        right: 5px;
        top: 10px;
    }
}
.data-upon-validation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    .upon-validation { margin-right: 10px; }
    .mars-checkbox { margin-bottom: 0; padding-left: 18px; }
}
.autosend-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-template-columns: 180px 200px;
    grid-template-columns: 180px 200px;
    grid-column-gap: 10px;
    margin-top: 4px;
    float: left !important;
    &:first-child { margin-top: 0; }
    &.top-space { margin-top: 20px; }
}
.column {
    &.column-btn, &.radio-wrap, &.column-send { display: flex; }
    &.column-btn { justify-content: space-between; }
    &.radio-wrap { background-color: color("white"); }
    &.column-send { justify-content: space-between; align-items: center; }
}
.column-title {
    background: color("pattens-blue-2");
    padding: 3px 10px;
}
.form-group { margin-bottom: 0; }
.mars-select .multiselect-container li.disabled { /* please check "input.scss", "disabled" class  "display: block !important;"  */
        display: none !important;
    }
    .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mars-select .multiselect-container{
        max-height: 101px !important;
    }
}

.ui-timepicker-wrapper-dailyflash { width: 200px; }