#body-wrap { padding: 0px; }

.body-dashboard {
    background-color: #c5edde;
    margin: 0 auto;
    text-align: center;
}

/*
    Navigation */

#header { background-color: #34495E; }

#header ul {
    position: relative;
    float: left;
}

#header ul li {
    float: left;
    list-style: none;
    display: list-item;
}

#header ul a {
    color: #aad3c4;
    float: none;
    min-width: 50px;
    padding: 10px 16px;
    text-align: center;
    display: block;
    font-weight: 100;
    cursor: pointer;
    border-right: solid 1px #34495E;
    /*border-left: solid 1px #358c6c;*/
    /*border-bottom: 1px solid #1d7e5b;*/
    text-decoration: none;
}

#header ul a:hover {
    color: #FFFFFF;
    background-color: #1ABC9C;
    border-right-color: #1ABC9C;
}

#header ul span.title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 0.9em;
}

#header ul i {
    font-size: 16px;
    display: block;
    text-align: center;
}

#header ul li.active a:hover,
#header ul li.active a {
    background-color: #18bc9a;
    /*border-bottom-color: #aaa2b7;*/
    border-right-color: #18bc9a;
    color: #FFFFFF;
}

/* 
    Second level navigation */

#header ul.subnavigation { z-index: 99; }

#header ul.subnavigation li { float: none; }

#header ul.subnavigation li a {
    min-width: 150px;
    padding: 10px;
    text-align: left !important;
    border-right: 0;
}

#header ul.subnavigation li a span.title {
    margin-top: 0;
    display: inline-block;
}

#header ul.subnavigation li a:hover { background-color: #293e4f; }

#header ul.subnavigation li a i:before {
    font-family: FontAwesome;
    font-size: 14px;
}

#header ul.subnavigation li a i { display: inline-block; }

/* 
    Navigation Icons */

#header i:before {
    font-family: linecons;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    margin: 0 5px 0 0;
    font-size: 22px;
}

#header .users i:before { content: "\e007"; }

#header .pages i:before { content: "\e00c"; }

#header .settings i:before { content: "\e01f"; }

#header .media i:before { content: "\e013"; }

#header .karta i:before { content: "\e02f"; } 

#header .content i:before { content: "\e01c"; }

#header .design i:before { content: "\e00f"; }

#header .dashboard i:before { content: "\e001"; }

#header .payments i:before { content: "\e020"; }

#header .sales i:before { content: "\e00c"; }

#header .reports i:before { content: "\e018"; }

#header .clients i:before { content: "\e000"; }

/* 
    Top navigation profile */

#header .sec { float: right; }

#header li.profile a { padding: 8px 16px 7px; border-right: 0;}
#header li.profile a:hover { background-color: #2C3E50; }

#header li.profile .thumb {
    float: left;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: solid 1px #52677c;
    background-color: #52677c;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
}

#header li.profile span.title {
    font-size: 1.1em;
    float: left;
    padding-left: 10px;
    text-align: left;
    margin-top: 8px;
}

#header li.profile span.title .email {
    font-size: 0.9em;
    display: block;
    margin-top: 6px;
    color: #a5e1cc;
}

#header .sec .apps a { padding: 20px 10px 21px; }

#header .sec .apps .icon {
    font-size: 22px;
    display: inline-block;
}

/* Dashboard */

.dash { background-color: #FFFFFF; }