.mat-button.mat-primary {
    background-color: #3f51b5 !important;
    color: #fff;
}

.formwrapper {
    display: flex;
    flex-wrap: wrap;
    .mat-form-field {
        min-width: 30%;
        margin-right: 10px;
    }
}

.pagemain {
    .pagetitle {
        display: flex;
        justify-content: space-between;
        h3 {
            span {
                cursor: pointer;
                outline: none;
            }
        }
    }
    .test-name {
        background: #3f51b5;
        padding: 5px;
        text-align: center;
        color: #FFF;
        font-size: 15px;
    }
    .pre-next {
        display: flex;
        justify-content: space-between;
        background-color: #3f51b5ad;
        .btn-wrap {
            margin: 5px;
            span {
                font-size: 18px;
                color: #fff;
            }
            .btn-previous {
                margin-right: 15px;
                &:disabled {
                    cursor: not-allowed;
                }
            }
            .btn-next {
                margin-left: 15px;
                &:disabled {
                    cursor: not-allowed;
                }
            }
        }
        .no-std {
            margin: 5px;
            .std {
                font-size: 25px;
            }
        }
    }
    .question {
        background: #3f51b57a;
        padding: 20px 10px;
        .main-question {
            border-bottom: 1px solid #eeeeee4d;
            font-size: 18px;
            font-weight: 600;
        }
        .option {
            .first-opstion {
                display: flex;
                margin: 15px 0;
                padding-bottom: 14px;
                justify-content: space-between;
                border-bottom: 1px solid #eeeeee4d;
                font-size: 15px;
                p {
                    margin: 0;
                    span {
                        color: #FFF;
                    }
                }
                .rank-div {
                    span {
                        padding: 0 10px;
                        &:first-child {
                            border-right: 1px solid #eeeeee4d
                        }
                    }
                }
            }
        }
    }
}