.box-area{

}

#marketing{
    background-color: #e06666;
    color: #e06666;
    border: solid 1px #e06666;
}

#marketing a{
    color: #e06666;
}

#classified{
    /*337AB7*/
    background-color: #337AB7;
    color: #337AB7;
    border: solid 1px #337AB7;
}

#classified a{
    color: #337AB7;
}

#user{
    background-color: #93c47d;
    color: #93c47d;
    border: solid 1px #93c47d;
}

#user a{
    color: #93c47d;
}

#sms{
    background-color: #F0AD4E;
    color: #93c47d;
    border: solid 1px #F0AD4E;
}

#sms a{
    color: #F0AD4E;
}

#editor{
    background-color: #F0AD4E;
    color: #93c47d;
    border: solid 1px #F0AD4E;
}

#editor a{
    color: #F0AD4E;
}

#hr{
    background-color: #dd73aa;
    color: #dd73aa;
    border: solid 1px #dd73aa;
}

#hr a{
    color: #dd73aa;
}

#training{
    background-color: #1F6400;
    color: #1F6400;
    border: solid 1px #1F6400;
}

#training a{
    color: #1F6400;
}



.dashboard-box{
    display: block;
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;
    float: right;
    -webkit-box-shadow: 5px 5px 5px 1px #ccc;
    -moz-box-shadow:    5px 5px 5px 1px #ccc;
    box-shadow:         5px 5px 5px 1px #ccc;
}

.dashboard-box .title{
    width: 100%;

    padding: 10px 15px 10px 15px;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}

.dashboard-box .body{
    padding: 10px 15px 10px 15px;
    float: right;
    background: #fff;
    width: 100%;
}

.dashboard-box .body .icon{
    width: 120px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    float: right;
    margin: 5px;
    height: 100px;
    padding-top: 20px;
}

.dashboard-box .body .icon:hover{
    background: #f3f3f3;
}

.dashboard-box .body .icon i{

    font-size: 18px;
} 

.dashboard-box .body .icon h6{
    font-weight: bold;
    font-size: 16px;
    color: #666666;
}