.navbar.navbar-default.navbar-fixed-top {
    margin-top: 50px;
}

.sidebar.navbar-fixed-top {
    margin-top: 100px;
}

/* Custom sidebar menu */

/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}

nav.sidebar, .main {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main {
    padding: 10px 10px 0 10px;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/


/*Allow main to be next to Nav*/
.main {
    position: absolute;
    width: calc(100% - 40px); /*keeps 100% minus nav size*/
    margin-left: 40px;
    float: right;
}

/*lets nav bar to be showed on mouseover*/
nav.sidebar:hover + .main {
    margin-left: 200px;
}


/*Center Icons*/
nav.sidebar a {
    padding: 0;
    min-width: 100px;
}

/*custom sidebar nav*/
nav.sidebar ul.nav.navbar-nav {
    margin: 0;
}

nav.sidebar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white;
}

/*adds border top to first nav box */
nav.sidebar .navbar-nav > li:first-child {
    border-top: 0px #e5e5e5 solid;
}

/*adds border to bottom nav boxes*/
nav.sidebar .navbar-nav > li {
    border-bottom: 0px #e5e5e5 solid;
}
    /*adds background on hover*/
    nav.sidebar .navbar-nav > li:hover {
        color: #fff;
        background-color: #5479be;
    }
    /*removes border last element*/
    nav.sidebar .navbar-nav > li.last {
        border-bottom: none;
    }

/* Colors/style dropdown box*/
nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*allows nav box to use 100% width*/
nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
    padding: 0 0px 0 0px;
}

/*colors dropdown box text */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
}


/*gives sidebar width/height*/
nav.sidebar {
    width: 200px;
    height: 100%;
    margin-left: -270px;
    float: left;
    z-index: 8000;
    margin-bottom: 0px;
}

    /*give sidebar 100% width;*/
    nav.sidebar li {
        width: 100%;
    }

    /* Move nav to full on mouse over*/

/*for hiden things when navbar hidden*/
.forAnimate {
    opacity: 0;
}


nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover, nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate {
    opacity: 1;
}


/*---- FIM SLIDE MENU*/

.nav-side-menu {
    font-family: 'Roboto', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 200;
    background-color: #506b86;
    position: fixed;
    top: 51px;
    width: 380px;
    height: 100%;
    color: #FFFFFF;
}

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 65px;
        cursor: pointer;
    }

        .nav-side-menu ul :not(collapsed) .arrow:before,
        .nav-side-menu li :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
        }

        .nav-side-menu ul .active,
        .nav-side-menu li .active {
            background-color: #5479be;
        }

        .nav-side-menu ul .sub-menu li.active,
        .nav-side-menu li .sub-menu li.active {
            color: #d19b3d;
        }

            .nav-side-menu ul .sub-menu li.active a,
            .nav-side-menu li .sub-menu li.active a {
                color: #d19b3d;
            }

.nav-side-menu li.active {
    position: relative;
}

    .nav-side-menu li.active:after {
       
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(84, 121, 190, 0);
        border-left-color: #5479be;
        border-width: 5px;
        margin-top: -5px;
        margin-left:0px;
        z-index: 9000;
    }

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    line-height: 55px;
    border-bottom: 1px solid #23282e;
    margin-left: 0px;
}

    .nav-side-menu ul .sub-menu li:hover,
    .nav-side-menu li .sub-menu li:hover {
        background-color: #020203;
    }

    .nav-side-menu ul .sub-menu li:before,
    .nav-side-menu li .sub-menu li:before {
        font-family: FontAwesome;
        content: "\f105";
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
    }

.nav-side-menu li {
    padding-left: 0px;
    border-bottom: 0px solid #23282e;
    float: left;
}

    .nav-side-menu li a {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 16px;
        display: block;
    }

      .nav-side-menu li a .fa {
        width: 110px;
        height: 13vh;
      }

        .nav-side-menu li a .fa:before {
            content: ' ';
        }

        .nav-side-menu li a .fa.fa-dashboard {
            background: url(image/dashboard.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-servermanagement {
            background: url(image/icon_server-management.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-users {
            background: url(image/icon_configuration.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-cog {
            background: url(image/calendar-clock.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-book {
            background: url(image/content-creation.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-th-large {
            background: url(image/sales-force.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-picture-o {
            background: url(image/media.svg) no-repeat center center;
        }

        .nav-side-menu li a .fa.fa-AddOns {
            background: url(image/add-ons-icon.png) no-repeat center center;
        }

    .nav-side-menu li:hover {
        background-color: #5479be;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }


.nav-side-menu .menu-list .menu-content {
    display: block;
}

body {
    margin: 0px;
    padding: 0px;
}