/*
==========================================================================
    rollup-total-revenue
==========================================================================
*/


.ember-table.mars-ember-table table thead th {
    &.fakeRow {
        background: #cbced7 !important;
        font-family: "SourceSansProRegular" !important;
    }
    &:first-child{
        text-align: left;
        padding-left: 4px !important;
    }
    &.solidBorder{
        border-right: 1px solid color('sapphire') !important;
    }
}
.top-action-area{
    .icon-button {
        height: $icon-large;
    }
    .btn-sync{
        margin-right: 15px !important;
    }

    .fillgap{
        height: 30px;
        .icon-right{
            padding-right: 10px !important;
        }

    }
}

.rollup-total-revenue {
    height: auto !important;
    max-height: fit-content;
    .commonTable tr {
        th,td {
            &.is-fixed-left {
                border-right: 1px solid color('sapphire') !important;
            }
            &.negativeNumber {
                color: red;
            }
        }
    }

    .commonTable thead tr th:not(.is-fixed-left){
        z-index: 2 !important;
    }

    .btn-export { background: color("white-smoke-2") !important; }
    .btn-criteria-report { height: $icon-large; }
    @media (max-width: 1023px) {
        .top-action-area {
            .btn-criteria-report { order: 0; }
            .btn-export { order: 1; }
            .criteria-bread-crumb { order: 2; }
            .fillgap { display: none; }
        }
    }

    .mars-select select {
        height:auto;
        background-color: #FFFFFF !important;
    }


    .criteria-bread-crumb .breadcrumb-list {
        overflow: hidden;
        position: relative;
        margin: -3px 0 0 0;
    }

    /* table */
    .commonTable {
        tr {
            .icon-collapse {
                left: 10px;
                top: 0;
                display: block;
                padding: 2px 0; 
            }
            th,
            td {
                min-width: 110px; 
                &.fixcell {
                    border-right: 1px solid color('sapphire') !important;
                    &:first-child {
                        min-width: 195px !important;
                        width: 195px !important;
                        max-width: 195px !important;
                        padding-left: 35px !important;
                    }
                }
                &.solidBorder{
                    border-right: 1px solid color('sapphire') !important;
                }
            }
            th.colspanset { padding-right: 20px !important; }
            th { font-family: $base-font-semibold !important; } 
            td { border-bottom: none; }
            &:first-child {
                th div { display: inline-block; }
                &.comparisonNone th div { display: block; }
            }
            .border-right { border-right: 1px solid #002060 !important; }
            &:first-child th.fixcell:first-child { padding: 0 10px !important; text-align: left; } 
        }
        .negativeValue { background-color: color('sundown') !important; }
        .positiveValue { background-color: color('tea-green') !important; }
    }
    .rollup-total-revenue-list {
        tr {
            th,
            td {
                &.fixcell:first-child { padding-left: 10px !important; }
                &:nth-child(2),
                &.fixcell.property-id {
                    width: 100px !important;
                    min-width: 100px !important;
                    max-width: 100px !important;
                    padding-left: 10px !important;
                }

            }
        }
    }
    .btn-sort:before { top: 7px !important; }

    /* row hide */
    .stlycell,
    .comparisonAll,
    .priorcell,
    .diffcell,
    .varcell { display: none; }
}


.datesRangeCalendar{
    .reportpopup  {
        height: unset !important;
        top: 50% !important;
        bottom: unset !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;

        .defaultviewsection{
            display:block;
        }

        .report-row  .reportrowcontent span:first-child {
            width:100%;
        }
    }

    .reportpopup-content {
        .report-row { grid-template-columns: 155px 1fr; margin-top: 4px; position: relative; }
        .daterange-row,
        .radio-row {
            display: block !important;
            grid-template-columns: unset !important;
            grid-column-gap: unset !important;
        }
        .daterange-row { height: 218px !important; z-index: 0; }
    }
}

.rollup-criteria {
    .newreport.commonDisplayCriteria {
        max-width: 890px !important;
        z-index: 101 !important;
    }
    .criteria-bread-crumb .breadcrumb-list ol li:first-child {
     background:  #ccecff !important;
    }
    .criteria-bread-crumb .breadcrumb-list ol li:first-child:after{
        border-left: 10px solid #ccecff !important;
    }

    .updateBreadCrumb {
        background: white !important;
        margin: -10px 0px 0px 0px!important;
    }
}

.rollup-total-revenue-criteria {

    max-width: 890px !important;
    top: 175px !important;
    @media (min-width: 759px) { width: 759px; }
    .mars-select { width: 232px; margin-left: 10px;
        margin-right: 7px !important;
        &.filterDropdown {
            margin-right: 5px;
            padding: 5px;
            .multiselect{
                width:232px !important;
               /* margin-left: 10px;*/
            }

        }

        &:first-child { margin-left: 0px !important;

        } }

    .report-row { position: unset; }
    @media (max-width: 767px) { .report-row { grid-template-columns: auto; } }
    .form-group label { margin-bottom: 0 !important; float: left; }
    .form-group-calendar { float: left; .timeselect .btn-calendar { margin-left: 0; } }
    .new-title-bar { height: $icon-large; h2 { padding: 5px 0; } }
    .btn-reportclose { z-index: unset; }
    .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; }
    }
    .select-daysofweek {
        width: auto;
        label { width: 108px; padding: 3px 10px; float: left; }
        .multiselect-native-select {  width: 183px !important; }
    }
    .lastsubmitted { position: relative; }
    .lastsubmittedtoggle { min-height: 0 !important; span { margin-left: 360px !important; } }
    .report-row--type .mars-select {
        width: 232px;
        margin-left: 10px;
        @media (max-width: 767px) { margin-left: 0; }
        .multiselect-container { max-height: unset !important; }
        &:first-child { margin-left: 0; }
    }
    .primaryDataRow {
        position: relative;
        .lastsubmittedtoggle span { margin-left: 240px !important; }
    }
    .year-select { width: 100px !important; margin-left: 0 !important; .multiselect-container { width: 100px; min-width: 0; } }
    .form-group-impact label { padding: 3px 10px; }
    .report-row--data-filters {
        .reportrowcontent {
            .mars-select { width: 200px; }
            .select-daysofweek { width: 308px; .multiselect-native-select { width: 200px !important; } }
        }
    }
    @media (max-width: 980px) {
        .report-row--data-filters .mars-select { float: none; margin-left: 0; margin-top: 5px; &:first-child { margin-top: 0; } }
        .form-group { float: none; clear: both; margin-top: 5px; &:first-child { margin-top: 0; } &::after { clear: both; content: ''; display: table; } }
    }
}

.rollup-overlay { z-index: 11; } 