.login-page .login-box {
                    width: 360px;
                    margin: 10% auto;
                    border: 2px solid #d61119;
                    padding: 10px;
                    background: #fff;
                }
                .login-page .page-header {
                    margin: 10px 0 0px 0;
                }
                .login-page .timeline {
                    position: relative;
                    padding: 10px 0px 10px;
                    margin-top: 4px;
                    margin-bottom: 30px;
                }

                .login-page .timeline .line {
                    position: absolute;
                    width: 4px;
                    display: block;
                    background: currentColor;
                    top: 0px;
                    bottom: 0px;
                    margin-left: 30px;
                }

                .login-page .timeline .panel {
                    position: relative;
                    margin: 10px 0px 21px 70px;
                    clear: both;
                }
                ​
                .login-page .timeline .line::before{
                    top: -4px;
                }
                .login-page .timeline .line::after {
                    bottom: -4px; 
                }
                .login-page .timeline .line::before,
                .login-page .timeline .line::after {
                    content: '';
                    position: absolute;
                    left: -4px;
                    width: 12px;
                    height: 12px;
                    display: block;
                    border-radius: 50%;
                    background: currentColor;
                }   ​
                .login-page .timeline .panel::before {
                    position: absolute;
                    display: block;
                    top: 8px;
                    left: -24px;
                    content: '';
                    width: 0px;
                    height: 0px;
                    border: inherit;
                    border-width: 12px;
                    border-top-color: transparent;
                    border-bottom-color: transparent;
                    border-left-color: transparent;
                }
                ​
                .login-page .timeline .panel .panel-heading.icon * { 
                    font-size: 20px; 
                    vertical-align: middle; 
                    line-height: 40px; 
                }
                .login-page .timeline .panel .panel-heading.icon {
                    position: absolute;
                    left: -59px;
                    display: block;
                    width: 40px;
                    height: 40px;
                    padding: 0px;
                    border-radius: 50%;
                    text-align: center;
                    float: left;
                }
                ​
                .login-page .timeline .panel-outline {
                    border-color: transparent;
                    background: transparent;
                    box-shadow: none;
                }
                ​
                .login-page .timeline .panel-outline .panel-body {
                    padding: 10px 0px;
                }
                ​
                .login-page .timeline .panel-outline .panel-heading:not(.icon),
                .timeline .panel-outline .panel-footer {
                    display: none;
                }
                ​
                .hrm-login-page .content{
                    min-height: 100px;
                }
                .hrm-login-page .panel-title{
                 display: inline;
             }
             .login-page .timeline .separator {
                    border-top: 1px solid currentColor;
                    padding: 5px;
                    padding-left: 40px;
                    font-style: italic;
                    font-size: .9em;
                    margin-left: 30px;
                }