.account-container {
    background: #efefef;
    padding-bottom: 100px;

    .account-title {
        background: #4B9E7C;
        height: 150px;

        h1 {
            color: #fff;
            margin-top: 40px;
        }

        .account-nav {
            padding: 0;
            margin-top: 20px;

            ul {
                li {
                    a {
                        color: #fff;

                        &:hover {
                            color: #333;
                        }
                    }

                    &.active {
                        a {
                            color: #555;
                        }
                    }
                }
            }
        }
    }
    .account-content {
        background: #fff;
        padding: 20px;

        .btn {
            i {
                margin-right: 10px;
            }
        }

        h2 {
            border-bottom: 1px solid #ccc;
            color: #999;
            margin: 40px 0 20px 0;

            &:first-child {
                margin-top: 0;
            }
        }

        .alert > .btn {
            margin-top: -6px;
            margin-right: -7px;
        }

        .panel ul.list-group {
            max-height: 400px;
            overflow: auto;
        }
    }
}
