@import "/./src/assets/scss/variables.scss";
@import "/./src/assets/scss/mixins.scss";

.bouton {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
}

.no-padding {
    padding: 0;
}

.no-bg {
    background: none;
}

.mat-tab-iframe {
    height: calc(100vh - 195px);
    display: block;
    ::ng-deep {
        .mat-tab-group,
        .mat-tab-body-wrapper {
            height: 100%;
        }

        .mat-tab-group {
            border-radius: 5px;
            padding: 20px;
            background: $white;
        }

        .mat-tab-body-content {
            padding-top: 22px;
            overflow: hidden;
        }

        .mat-tab-label-container {
            background: $white;
        }

        .mat-tab-label {
            @include font-style($nominee-regular,18px,18px,normal);
            color: $blue;
            opacity: 1;
        }
    
        .mat-tab-label-active {
            font-family: $nominee-bold;
            color: $green;
        }
    }
}

::ng-deep {
    .mat-tab-header {
        border: none;
    }

    .mat-tab-group {
        &.mat-primary {
            .mat-ink-bar {
                height: 3px;
                background: $green;
            }
        }
    }

    .mat-hint {
        color: $red;
    }

    .tab-close {
        border-radius: 2px;
        padding: 5px;
        margin-left: 5px;
        position: static;
        font-size: 10px;

        &:hover {
            background: $green-hover;
        }
    }

    .mat-tab-label-active {
        .tab-close {
            color: $green;
        }
    }
}

.dashboard-empty {
    margin: 100px 0;
    text-align: center;
    color: $red;
}