::ng-deep {
    .dialog-wrapper {
        position: relative;
        padding: 24px;
        margin: -24px;
        overflow: hidden;
    }
    
    .mat-progress-bar.dialog-progress-bar {
        position: absolute;
        top: 0;
        left: -24px;
        width: calc(100% + 48px);
    }
    
    .dialog-actions {
        justify-content: flex-end;
    }
    
    .additional-description {
        display: flex;
        align-items: center;
    
        .additional-description-icon {
            margin-right: 8px;
            align-self: flex-start;
        }
    }

    .mat-dialog-title.custom-dialog-title {
        height: 95px;
        display: flex;
        justify-content: space-between;
        box-shadow: 0 2px 5px rgba($color: #000000, $alpha: 0.1);
        margin: -24px;
    }

    #add-button {
        width: auto;
        border-radius: 45px;
        padding: 0 16px;
        text-transform: uppercase;
        min-width: 152px;
    
        
        .mat-button-ripple {
            border-radius: inherit;
        }
    
        .mat-button-wrapper {
            padding: 0;
            display: flex;
            align-items: center;
        }
    
        .mat-icon {
            margin-right: 8px;
        }

        &.mat-fab {
            height: 45px;
            line-height: inherit;
            box-shadow: 0 2px 2px rgba($color: #000000, $alpha: 0.24);

            &:disabled {
                box-shadow: none;
                background-color: #EAEAEA;
            }
        }
    }
    
    .inner-carousel {
        display: flex;
        height: 515px;
        position: relative;
    
        .center-message {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            position: absolute;
            font-size: 17px;
            margin: 0;
        }
    
        .arrow {
            display: flex;
            width: 40px;
            align-items: center;
            justify-content: center;
            height: 408px;
            top: 60px;   
            position: absolute;
            z-index: 1;
    
            &.active {
                background: #edeeed;
                border: 2px dashed #e2e2e2;
            }
    
            .mat-icon-button {
                width: 30px;
                height: 30px;
                line-height: 30px;
            }
    
            &.left-arrow {
                margin-left: -24px;
                background: linear-gradient(to left, rgba(0, 0, 0, 0), #fff 20%);
            }
    
            &.right-arrow {
                margin-right: -24px;
                right: 0;
                background: linear-gradient(to right, rgba(0, 0, 0, 0), #fff 20%);
            }
    
            .mat-icon {
                position: relative;
                z-index: 2;
            }
        }
    }
    
    .dialog-title-label {
        margin-top: 20px;
        line-height: 24px;
        margin-left: 24px;
    }
    
    .dialog-close-btn {
        margin-right: 12px;
        margin-top: 12px;
    }
}