@import './../util/utils.scss';

.app-addeval-container {
    .app-addeval-title {
        @include apply-flexlayout(row, nowrap, space-between, center);
        background: color(accent, darker);

        h1 {
            margin-left: 10px;
            font-style: 'Rajdhani', Verdana;
            font-weight: normal;
            font-size: 1.5rem;
            text-align: center;
            color: color(text-icons);
        }

        button {
            color: color(text-icons);
        }
    }


    form {
        @include apply-flexlayout(column, nowrap, center, center);

        mat-form-field {
            display:block;
            width:290px;
        }

        button, mat-form-field {
            margin: 5px 0px 5px 0px;
        }

        button {
            &:hover {
                background: color(accent, darker);    
            }
        }

        .app-add-eval-sheetname {
            text-align: center;    
        }
    }
}

.mat-dialog-container {
    padding: 0px;
}