.dashboard {
    font-family: "Helvetica Neue",sans-serif;
    width: 100%;
    height: 100%;
    min-width: 800px;
    min-height: 600px;


    background: #5c7d8f; /* Old browsers */
    background: -moz-linear-gradient(top,  #5c7d8f 0%, #8fadbf 40%, #8fadbf 56%, #5c7d8f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c7d8f), color-stop(40%,#8fadbf), color-stop(56%,#8fadbf), color-stop(100%,#5c7d8f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5c7d8f 0%,#8fadbf 40%,#8fadbf 56%,#5c7d8f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5c7d8f 0%,#8fadbf 40%,#8fadbf 56%,#5c7d8f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5c7d8f 0%,#8fadbf 40%,#8fadbf 56%,#5c7d8f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5c7d8f 0%,#8fadbf 40%,#8fadbf 56%,#5c7d8f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c7d8f', endColorstr='#5c7d8f',GradientType=0 ); /* IE6-9 */


    color: white;
    opacity: 0.99;
}
.dashboardcontent {
    width: 100%;
    height: 100%;
    color: white;

    /*background-color: green;*/
}
.dashboardheader {
    width: 100%;
    height: 19%;
    padding: 10px;
    /*background-color: yellow;*/
}


.mainappcontent {
    width: 800px;
    height: 500px;
    min-width: 800px;
    min-height: 500px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: red;*/

}

.appli {
    display: inline-block;
    vertical-align: top;
    width: 21.87%;
    min-width: 140px;
    height: 185px;
    margin-left: 1.3%;
    margin-right: 1.3%;
    /*border: solid 1px black;*/
    margin-bottom: 7%;
    /*background-color: deepskyblue;*/
}
.appli p {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 300;
    text-align: center;
}
.applicontent {
    width: 140px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;




}