﻿
body {
    background-color:white !important; 
}

/*Generic wrapper*/
.generic-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.generic-wrapper .header {
    border-bottom: solid 1px rgba(0,0,0,0.16);
    padding: 20px;
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
}

    .generic-wrapper .header .title {
        float: left;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.4px;
        margin-top: 0px;
    }

    .generic-wrapper .header .top-actions {
        float: right;
    }

.generic-wrapper .body {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    height: calc(100% - 75px);
}

    .generic-wrapper .body .right-content {
        overflow: hidden;
        overflow-y: hidden;
    }

    .generic-wrapper .body .right-content {
        position: absolute;
        right: 0;
        height: 100%;
        width: calc(100% - 250px);
    }


    .generic-wrapper .body .left-menu {
        position: absolute;
        left: 0;
        height: 100%;
        width: 280px;
        overflow-y: auto;
    }

.left-menu {
    float: left;
    border-right: solid 1px rgba(0,0,0,0.16);
    padding-top: 20px;
}

    .left-menu > ul {
        padding: 0px;
    }

        .left-menu > ul > li {
            list-style: none;
        }

            .left-menu > ul > li a {
                display: inline-block;
                width: 100% !important;
                text-align: left;
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 30px;
                font-family: 'Open sans';
                color: #5E5E5E;
                font-size: 12.5px;
                transition: all ease-in-out 200ms;
                letter-spacing: -0.2px;
            }


                .left-menu > ul > li a:hover {
                    background-color: rgba(0,0,0,0.03);
                    color: #5E5E5E;
                    transition: all ease-in-out 200ms;
                }

                .left-menu > ul > li a.selected {
                    color: #79B8FB !important;
                    background-color: #E9F5FF !important;
                }

                    .left-menu > ul > li a.selected::before {
                        content: '»';
                        margin-left: -10px;
                        margin-top: -1px;
                        position: absolute;
                    }