deja-date-picker {
    position: relative;

    .datepicker-actions {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;

        button {
            background: none;
            border: none;
            margin-left: 0.2rem;
            padding: 0;
            outline: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.4;

            &:hover {
                opacity: 0.8;
            }

            [fontIcon],
            .mat-icon {
                font-size: 1.25rem;
                width: 1em;
                height: 1em;
            }
        }
    }
}

.deja-datepicker-overlay-container {
    overflow: visible;

    &.under-toolbar-position {
        .cdk-overlay-pane {
            top: 100px !important;
        }

        &.top-position {
            .cdk-overlay-pane {
                top: 5px !important;
            }
        }
    }

    .actions {
        position: absolute;
        right: 0.3rem;
        top: 0.3rem;
        height: 40px;

        button.mat-mini-fab {
            background: none;
            border: none;
            box-shadow: none;
        }
    }
}