@import '../Variable.scss';

.MvcView-Details {
    margin: 0 10px;
    background: $Background-4;

    .table-responsive {
        border-radius: $radius_4 $radius_4 0 0;

        table {
            margin: 0;

            tr {
                vertical-align: middle;
                border-bottom: solid 1px $Border-Color-2;

                &:last-child {
                    border-color: transparent;
                }

                .td-1 {
                    background: $Background-1;
                    color: $ColorText-3;
                    width: 200px;
                    font-size: 14px;
                    font-weight: 400;
                    padding: 10px 15px;
                    white-space: nowrap;
                }

                .td-2 {
                    background: $Background-4;
                    color: $ColorText-1;
                    font-size: 14px;
                    font-weight: 400;
                    padding: 10px 15px;

                    &:hover {
                        background: $Background-5;
                        color: $ColorText-4;
                    }

                    img {
                        width: 50px;
                        border-radius: 100%;
                        transition: border-radius 0.5s;

                        &:hover {
                            border-radius: 5%;
                            transition: border-radius 0.5s;
                        }
                    }
                }
            }
        }
    }
}