@import "-userful.scss";

.emdev-page-potions {
    position: absolute;
    right: 10px;
    color: $color-theme;
    margin-top: 8px;
}

div.emdev-container-old {
    margin-top: 10px;

    mat-form-field {

        i.fas,
        mat-icon {
            color: $color-theme;
        }

        .mat-datepicker-toggle-default-icon {
            color: $color-theme;
            font-size: 22px;
        }
    }

    div.emdev-containeir-body {
        margin-right: 20px;
        margin-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .emdev-filter-container {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 5px;

        button {
            margin-left: 5px;
        }
    }

    .emdev-form-container {
        width: 100%;

        mat-form-field {
            margin-bottom: 15px;
        }

        .emdev-form-buttons {
            button {
                margin-left: 10px;
            }
        }
    }

    .mat-tab-group {
        .mat-tab-header {
            .mat-tab-label-content {
                .mat-icon {
                    margin-right: 10px;
                }

                i {
                    margin-right: 10px;
                    font-size: 18px;
                }
            }
        }

        .mat-tab-body-content {
            margin-top: 30px;
            margin-bottom: 15px;
            height: auto;

            .row {
                margin-left: 0px;
                margin-right: 0px;
            }

            .sub-item {
                width: 100%;

                .actions {
                    button {
                        margin-top: 3px;
                        margin-right: 5px;
                        margin-bottom: 4px;
                    }
                }
            }

            .sub-item.data {
                .text {
                    margin: 7px;
                }
            }

            .sub-item.data:nth-child(even) {
                background-color: #ffffff;
            }

            .sub-item.data:nth-child(odd) {
                background-color: $primary-background-color;
            }
        }
    }
}

.emdev-mat-table {
    width: 100%;
    margin-top: 40px;

    .actions {
        text-align: right;

        button {
            margin-left: 10px;
        }
    }
}

.emdev-mat-table-base-items {
    width: 100%;

    .mat-cell {
        mat-form-field {
            margin-top: 15px;
            margin-bottom: 15px;
        }
    }

    .actions {
        text-align: right;

        button {
            margin-left: 10px;
        }
    }
}