@import 'setup';

#statement-overview {

    .accounting-filter {

        > button {
            border: 1px solid $gray-lighter;
            border-radius: 5px;	
            color: $input-color;
            cursor: pointer;
            font-style: normal;
            height: 30px;
            background: none;
            font-weight: normal;
            box-shadow: none;
            width: 120px;
            font-size: 10px;
            padding: 5px;

            &:after {
                background: $white url(../alw/images/downarrow@2x.png) no-repeat calc(100% - 10px) center;
                background-size: 10px 5px;
                top: 0px;
                right: 2px;
            }

        }

    }

    .accounting-filter > button + {

        .accounting-filter-menu, div[id^=wrappergetfetch] {
            margin: 0;
            border-radius: 0;
            box-shadow: none;
            border: 1px solid $gray-lighter;
            top: 35px;
            font-style: normal;
        }

        .accounting-filter-menu li a, div[id^=wrappergetfetch] li a {
            color: $input-color;
            font-size: 12px;
            padding: 2px 10px;
            line-height: 19px;

            &:hover, &:hover .smalltext {
                background: $blue-medium;
                color: $white;
            }

        }

        div[id^=wrappergetfetch] > input {
            width: calc(100% - 12px);
            border: 1px solid $gray-lighter;
        }

        .accounting-filter-menu {

            &:after, &:before {
                display: none;
            }

        }

    }

    .well-small {
        border-radius: 0px;
        border: 1px solid $gray-lighter;
        box-shadow: none;
        padding: 10px;
    }

}

.accounting-index {   
    
    .table-footer {
        
        .dropdown-menu {
            right: auto;
            left: auto;
            top: auto;
        }
        
    }
    
}

.disabled {
    
    .select-disable-btn {
        background: $bg-gray-lightest;
        border: 1px solid $btn-default-border;
        box-shadow: none;
        color: $btn-default-border;
        cursor: not-allowed;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;
        height: 30px;
        padding: 5px;
        width: 80px;
        
        &:after {
            background: $bg-gray-lightest url("../alw/images/downarrow@2x.png") no-repeat scroll calc(100% - 10px) center / 10px 5px;
            box-shadow: none;
            top: 0px;
            right: 2px;
        }

    }

}


/*GO TO PAGE FORM INPUT*/
ul.pagination li {

    .goto-form {
        display: inline-block;

        input.go-to-page {
            margin-left: 10px;
            height: 32px;
            width: 118px;
            height: 33px;
            padding: 0 12px;
        }

    }

}

.accounting-breakdown-title {
    padding-bottom: $padding-small-horizontal;
}

.accounting-physical-reserves {
    padding-top: $padding-large-horizontal;
}

/* ACCOUNTING - FILTER DROPDOWN */

.accounting-filter {
    display: inline-block;
    margin-right: 8px;
}

.accounting-filter-toggler {

    .filter-dropdown {
        display: none;
    }

    .filter-dropdown.active {
        display: inline-block;
        margin-left: 8px;
    }

}

.accounting-filter-is {
    display: inline-block;
}

/* ACCOUNTING - TOTAL AMOUNT */

.table.table-striped {
    background: $white;
    margin-top: 5px;

    .table-total {

        td {
            
            span {
                background: none;
                border-bottom: 3px double $gray-darker;
                border-right: 0px solid $white;
                box-sizing: border-box;
                color: $gray-darker;
                display: inline;
                height: 30px;
                margin: 5px 0 7px;
                width: 100%;
                white-space: nowrap;
                text-align: right;
            }  
             
            &:last-child {
                padding-right: 8px
            }

            &:nth-of-type(2) {

                span {
                    border-left: none;
                    font-weight: bold;
                }

            }

        }

    }

    tbody tr.table-total, tr.table-total {

        td, td span.breakdown-total {
            font-weight: bold;
        }

    }

}

.table, .table.table-striped {

    tr.table-total {
        background: none;
        border-bottom: 1px solid $gray-lightest;
    }

}

table, 
dl {
    
    &.statementTbl {

        dt {
            font-weight: $font-weight-bold;
        }

        td {

            &.field-name {
                font-size: 12px;
                font-weight: $font-weight-bold;
                text-transform: uppercase;
            }

        }
    }

}

dl {
    
    &.statementTbl {

        dd {
            float: right;
            font-size: 15px;
            font-weight: $font-weight-bold;
            text-align: right;
            min-height: 26px;
            min-width: 120px;
            line-height: 26px;
            padding: 0 8px;
            vertical-align: middle;
        }

        &:before,
        &:after {
            content: " ";
            display: table;
        }

        &:after {
            clear: both;
        }

    }

}

.text-space {
    padding: 0 3px; 
}

@media print {

    .revenuePanel {
    
        .active {
            background: $grey !important;
            color: $white !important;
            -webkit-print-color-adjust: exact;
        }
        
     } 
       
    .pagination {
    
        .active {
        
            > a {
                background: $grey !important;
                color: $white !important;
                -webkit-print-color-adjust: exact;
            }
        
        }
        
    }
    
}

/* Accounting Filters*/
#filters_applied {

    > div[id*='filter_id_'] {
        border: 1px solid $timberwolf;
        border-radius: 7px;
        display: inline-block;
        float: none;
        font-size: 11px;
        font-weight: $font-weight-bold;
        margin: 0 0 7px;
        max-width: 80%;

        > span {
            display: block;
            float: left;
            line-height: 20px;
            max-width: 260px;
            overflow: hidden;
            padding: 0 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .remove_filter {
            background: $timberwolf;
            border-radius: 0 6px 6px 0;
            color: $white;
            float: right;
            font-size: 20px;
            height: 20px;
            line-height: 19px;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            width: 20px;
        }

    }

}

/* Legal Disclaimer*/
.disclaimer {
    float: left;
    margin-top: 30px;
    border: 1px solid $gray-lighter;
    padding: 10px;
}

.activityPeriordTable {
    pointer-events: none;
}

#statement {

    .statementTblNew {

        .separator {
            border-bottom: 1px solid $gorilla;
            display: block;
            padding: 4px 2px;

            &:only-of-type {
                border: 0;
            }

            &:after {
                content: " ";
                clear: both;
                display: table;
            }

            dd {
                border: 0;
                margin: 0;
                padding: 0;
            }

            .subitem {
                margin: 0 0 6px 14px;
                padding: 0;
            }

            dt:not(.subitem) {
                padding: 0;

                &:first-child {
                    font-size: 15px;
                    padding-bottom: 4px;
                }

                + .subitem {
                    font-size: 12px;
                }

            }

            .gross-revenue-txt {
                line-height: 26px;
                margin: 0 0 6px 14px;
            }

            .distribution-fees-txt {
                margin-left: 28px;
            }

            &.outstanding-balance-section * {
                font-weight: $font-weight-bolder;
            }

            // TO-DO(ACC-1390) - Need to merge below styles with spotify styles(line no: 424) after "accounting_summary_page_redesign" flag gets teardown
            &#spotify-payout-section {
                margin: 0;

                .spotify-title {
                    padding-left: 24px;

                    &:before {
                        left: 0;
                    }

                }

                dt.subitem {
                    margin-left: 23px;
                }

            }
            // TO-DO(ACC-1390) - Ends Here

        }

    }

    /*Spotify Payout*/
    #spotify-payout-section {
        margin: 8px 0 0;

        .spotify-title {
            padding-left: 32px;
            position: relative;

            &:before {
                background: url(../alw/images/spotify-icon.svg) no-repeat;
                content: "";
                height: 20px;
                left: 8px;
                position: absolute;
                top: 3px;
                width: 20px;
            }

        }

        .spotify-payout-note {
            font-size: 11px;
            font-style: italic;
            font-weight: normal; 
            line-height: 6px;
            min-height: auto;
        }

        dt {

            @at-root {

                .subitem {
                    margin-top: 4px;
                }

            }

            &.subitem {
                margin-left: 6px;
            }

        }

        .check-amount {
            border-top: none;
            padding: 4px 8px;

            &:last-child {
                padding: 0 0 8px;
            }

        }

        .outstandingBalance {
            border-top: 0;
            margin-top: 0;
            padding-top: 0;
        }

    }

}