@import "../../../../../assets/styles/index.scss";
.documentList {
    h3 {
        @include heading3;
    }
    
    &__headerbdr {
        @include rem('width', 50px);
        @include rem('margin-bottom', 10px);
        border-top: 2px solid $color-blue;
        display: block;
    }

    &__item:hover {
        color: $color-blue;
        cursor: pointer;
    }

    &-row {
        @include rem('margin', 20px 0 30px 0);
        font-family: 'DaimlerCS', sans-serif;

        b {
            font-weight: bold;

            &.approved {
                background-image: url('../../../../../assets/images/approved-icon.png');
                background-repeat: no-repeat;
                background-position: 0px 3px;
                @include rem('padding-left', 25px);
            }

            &.pending {
                background-image: url('../../../../../assets/images/pending-icon.png');
                background-repeat: no-repeat;
                background-position: 0px 3px;
                @include rem('padding-left', 25px);
            }

            &.rejected {
                background-image: url('../../../../../assets/images/rejected-icon.png');
                background-repeat: no-repeat;
                background-position: 0px 3px;
                @include rem('padding-left', 25px);
            }
        }

        > .row {
            @include rem('padding', 10px 0);
            border-bottom: 1px solid $color-light-gray2;

            &.reason {
                padding: 0;
                border-bottom: 0;
            }

            div:first-child {
                padding-left: 0;
            }
            div:last-child {
                padding-right: 0;
                text-align: right;
            }

            .greyBg {
                background-color: $color-light-gray5;
                color: $color-dark-gray2;
                text-align: left !important;
                @include rem('margin', 20px 0 0 0);
                padding: 20px !important;
    
                strong {
                    @include rem('margin-bottom', 10px);
                    font-weight: bold;
                    display: block;
                }
            }
        }
    }
}