/*
==========================================================================
    finance-scheduler
==========================================================================
*/
.finance-scheduler {
    .container-fluid { overflow: visible; }
    .hidden { display: none!important; }
    .content {
        padding: 10px 15px 0 15px;
        position: relative;
    }
    input[type="text"], input[type="password"] {
        margin-left: 4px;
        padding: 0 10px;
        height: 26px;
        font-size: $medium;
        background: color('cumulus');
        color: color('black2');
        border: 1px solid color('manatee');
        @include placeholder();
        @include border-radius(0);
        &:disabled { background: color('white-smoke') !important; }
        &:-moz-read-only,
        &:read-only { background: color('white') !important; }
        &:focus {
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }
    input[readonly] { background: color('white') !important; }
    .mars-select .multiselect-container {
        -webkit-box-shadow: none;
        box-shadow: none;
        max-height: 120px;
        li.disabled { /* please check "input.scss", "disabled" class  "display: block !important;"  */
            display: none !important;
        }
    }
    .date-range-rolling-input{
        padding: 0 10px;
        height: 26px;
        font-size: $medium;
        background: color('cumulus');
        color: color('black2');
        border: 1px solid color('manatee');
        width: 60px;
        outline: none !important;
        margin-left: 2px;
    }

    /* commonDisplayCriteria */
    .schedule-export {
        //max-width: unset !important;
        width: 930px;
        top: 50px;
        @media (min-width: 1240px) { width: 1350px; }
        @media (max-width: 767px) { .report-row { grid-template-columns: auto; } }
        .mars-radio.active.disabled,
        .mars-checkbox.active.disabled { opacity: 1 !important; }
        &--save {
            .is-edit { display: none; }
            .is-save { display: block; }
        }
        &--edit {
            .is-save { display: none; }
            .is-edit { display: block; }
        }
        .btn-edit,
        .btn-save {
            position: absolute!important;
            right:40px;
            top:0;
            height: $icon-large;
            width: $icon-large;
            display: none;
            cursor: pointer;
            background: none;
            &.active { display: block; }
            i { height: $icon-large; }
        }
        .checkbox-wrap > div,
        .mars-radio {
            min-width: 130px;
            @media (min-width: 1240px) { min-width: 163px; }
        }
        .mars-select { width: 190px; }
        .form-control { max-width: 190px; }
        .Address-select .form-control {
            max-width: 225px;
        }
        .form-group.form-group-calendar {
            .daterange-row {
                display: block;
                grid-template-columns: unset;
                grid-column-gap: unset;
                margin-top: 4px;
                height: 218px;
            }
            .timeselect .btn-calendar { margin-left: 0;}
            .form-control { max-width: unset; }
        }
        .reportpopup {
            @media (max-width: 1201px) { position: absolute; -webkit-transform: unset; -ms-transform: unset; -o-transform: unset; transform: unset; top: unset; bottom: unset; }
            @media (max-width: 767px) { position: fixed; z-index: 9999; top: 50%; }
        }
        .new-title-bar {
            height: $icon-large;
            .btn-edit,
            .btn-save { position: absolute; top: 0; right: 45px; }
        }
        .export-name { max-width: 316px; }
        .small-input { width: 40px; }
        .data {
            height: 26px;
            padding: 2px 10px;
            background: color("white");
            border: 1px solid color("manatee");
        }
        .column-body { @include flexbox(); gap: 5px 0; }
        .column-wrap,
        .column { @include flexbox(); gap: 5px 10px; flex-wrap: wrap; }
        .column-item  {
            display: -ms-grid;
            display: grid;
            grid-template-columns: 130px 190px;
            gap: 0;
            @media (min-width: 1240px) { grid-template-columns: 126px 190px; }
        }
        .column-title {
            height: 26px;
            padding: 2px 10px;
            background: color("pattens-blue-2");
            position: relative;
        }
        .column-wrap .filterDropdown { padding : 0 5px!important;}
        .report-row.displayBlock {
            display: -ms-grid !important;
            display: grid !important;
        }
        .report-row--hotelgroup {
            .mars-select, .mars-dropdown { width: 190px; }
        }
        .report-row--custom-group {
            .mars-select, .mars-dropdown { width: 316px; }
        }
        .report-row--room,
        .report-row--fb,
        .report-row--otherincome {
            .column-wrap { gap: 5px 0; }
            .column { gap: 5px 5px; }
            .single-select { display: none; .dropdown-menu { min-width: 0; } }
            .single-select, .data { width: 160px; }
            .column--budget{
                .single-select, .data { width: 160px; }
            }
        }
        &.schedule-export--save  {
            .report-row--room,
            .report-row--fb,
            .report-row--otherincome {
                .column .is-save { display: none; }
                .active-column .is-save { display: block; }
            }
        }
        &.schedule-export--edit {
            .report-row--room,
            .report-row--fb,
            .report-row--otherincome {
                .column .is-edit { display: none; }
                .active-column .is-edit { display: block; }
            }
        }
        .report-row--date-range {
            position: unset;
            .column-wrap, .column { gap: 5px 0; }
            .column--rolling {
                .radioRolling {margin-right: 5px; }
                .column-item {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 5px 0;
                    &.displayBlock { display: flex !important; }
                    .mars-radio {
                        min-width: 130px;
                        @media (min-width: 1240px) { min-width: 80px; }
                    }
                    .next-input-group {
                        padding: 0 0 0 10px;
                        display: flex;
                        align-items: center;
                        gap: 0 10px;
                        .form-control { width: 60px; }
                    }
                }
            }
        }
        .report-row--export-method {
            .is-email .column {
                .form-control { max-width: 100%; }
                .mars-dropdown, .mars-select { width: 260px; @media (min-width: 500px) { width: 280px; } }
            }
        }
        .report-row--exportsetting {
            position: unset;
            .column { .mars-select, .data { @media (min-width: 1240px) { width: 190px; } } }
            .column-body {
                .mars-radio { min-width: 120px; }
                .small-input { width: 40px; }
            }
        }

        .input-form-to.export-label {
            span {
                background: #ccecff;
                padding: 4px 4px;
            }
        }
        #EXPORT_SETTING_ROW_ID {
            .reportrowcontent:nth-child(1){
                margin-bottom: 5px;
            }
            .reportcontentarea div:nth-child(1){
                display: grid;
            }
            .reportrowcontent{
                height: 26px;
                display:grid;
                grid-template-columns : 230px 230px 230px 230px auto;
                .datesRangeCalendar {
                    display: grid;
                    grid-template-columns :  90px 120px;
                    & label:first-child {
                        background: #ccecff;
                        padding: 4px 10px;
                        font-weight: normal;
                    }
                }
                div.filterDropdown {
                    float : none;
                    margin-right : 10px;
                     span {
                        grid-template-columns: 100px 120px;
                        display : grid;
                    }
                    span > label:first-child {
                        background: #ccecff;
                        padding: 4px 10px;
                    }

                }
            }
            .forever {
                margin-left:50px;
            }
        }

        &.isEditMode #EXPORT_SETTING_ROW_ID{
            .reportrowcontent .datesRangeCalendar.disabled {
                opacity: unset !important;
            }
        }

        #DATA_FORMAT_ROW_ID {

            .reportrowtitle{
                height:30px;
            }

            height: 30px;

            .reportrowcontent {
                div.filterDropdown {
                    span > label:first-child {
                        background: #ccecff;
                        padding: 4px 10px;
                    }

                    span{
                        grid-template-columns: 100px 120px;
                        display: grid;
                    }
                }
            }
        }

        #EXPORT_METHOD_ROW_ID {

            .reportrowcontent:nth-child(1){
                margin-bottom: 5px;
            }
            .reportrowcontent:nth-child(2) {
                display: grid;
                height: 26px;
                grid-template-columns: auto auto auto auto auto;
                .ember-text-field{
                    width: 150px;
                }
            }
            .reportrowcontent {
                display: flex;
                div.filterDropdown {
                    float : none;
                    margin-right : 10px;
                    span {
                        grid-template-columns: 130px 190px;
                        display : grid;
                    }
                    span > label:first-child {
                        background: #ccecff;
                        padding: 4px 10px;
                    }

                }
                div.filterDropdown.Address-select {
                    span {
                        grid-template-columns: 130px 240px;
                        display : grid;
                    }
                    span.input-group-addon,span.input-group-btn {
                        display: none!important;
                        button {
                            display: none;
                        }
                    }
                    span.multiselect-selected-text{
                        display: block;
                    }
                }
            }
        }


        .input-form-to.timeZone {
            width:max-content;
            input {
                width: 187px;
            }
            span {
                width: 130px;
                display: inline-flex;
                height: 26px;
                padding: 4px 10px;
                background-color: #ccedff;
            }
        }
        .input-form-to.sftp > span {
            display: inline-flex;
            align-content: flex-end;
            @media (max-width: 1024px) { top:18px; }
        }
    }

    .newreport.commonDisplayCriteria.schedule-export {
        @media (min-width: 1240px) { width: 1350px!important; z-index: 10 !important;}
        @media (max-width: 767px) { .report-row { grid-template-columns: auto!important; } }
        max-width: calc(100% - 30px)!important;

    }

    /* finance-table */
    .mars-ember-table {
        overflow: auto !important;
        max-height: inherit;
            height: 382px;
            @media (min-width: 768px) { height: calc(100vh - 185px); }
            @media (min-width: 812px) { height: calc(100vh - 152px); }
            @media (min-width: 813px) { height: calc(100vh - 154px); }
        @media (min-width: 1201px) { height: calc(100vh - 152px); }
    }
    .finance-table {
        .btn-view,
        .btn-trash {
            background: none;
            width: 26px;
            height: 26px;
        }
        tr {
            th, td { vertical-align: middle; }
            .col-export-name { min-width: 200px; }
            .col-export-type { min-width: 100px; }
            .col-data-type { min-width: 100px; }
            .col-daterange { width: 180px; }
            .col-action {
                width: 110px;
                .action {
                    padding: 0;
                    @include flexbox();
                    justify-content: center;
                    span { margin: 0 5px; cursor: pointer; }
                }
            }
        }
    }
}

.ui-dialog.export-scheduler-log {
    width : calc(100vw - 38vw)!important;
    top : calc(100vh - 80vh)!important;
    left : calc(100vh - 65vh)!important;
}

.ui-dialog.check-reason{
    width : calc(100vw - 75vw)!important;
    top : calc(100vh - 80vh)!important;
    left : calc(100vh - 25vh)!important;
}

/* export-scheduler-log popup */
.export-scheduler-log {
    .export-scheduler-log__content {
        max-width: 1190px;
        padding-top: 10px;
    }
    .table {
        tr {
            th { min-width: 150px; }
            .col-export { min-width: 220px; }
            .col-user { min-width: 180px; }
        }
    }
    .failed-reason { color: color("red"); }
    .btn-check-reason {
        color: color("neon-blue") !important;
        text-decoration: underline !important;
    }
}