#teachermgmt{    
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 1%;
    overflow-x: auto;
    overflow-y: hidden;
    .main{
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height:95%;
        .pane{
            height: 100%;
            padding:10px;
            background-color: #282828;
            border:1px solid #666;
            position: relative;
            z-index:10;
            &-box{
                overflow: auto;
                height: 88%;
                &-colum{
                    padding: 15px 10px 10px 15px;
                    background-color: #66666629;
                    cursor: pointer;
                    margin-bottom: 5px;
                    &:hover, &.active{
                        background: -webkit-linear-gradient(right, rgba(147, 166, 150, 0), rgba(147, 166, 150, 0.42));
                        background: -o-linear-gradient(right,rgba(147, 166, 150, 0), rgba(147, 166, 150, 0.42));
                        background: -moz-linear-gradient(right,rgba(147, 166, 150, 0), rgba(147, 166, 150, 0.42));
                        background: linear-gradient(to right,rgba(147, 166, 150, 0), rgba(147, 166, 150, 0.42));
                    }
                }
            }
        }
    }
}