/*
     TUILES du menu d'accueil
*/

.tile {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    min-height: 135px;
}

.big-tile .tile {
    min-height: 165px;
}

.tile h1, .tile h2, .tile h3, .tile h4, .tile h5, .tile h6 {
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    line-height: 1em;
    font-weight: 300;
    font-size: 1.5em;
    color: #fff;
}

a.tile:hover {
    text-decoration: none;
}
.tile p{
    margin-bottom: 0;
}
.tile .title {
    margin-top: 0px;
}

.tile.orange, .tile.blue, .tile.red, .tile.green, .tile.gray, .tile.indigo, .tile.violet, .tile a {
    color: #fff;
}

/* Tuiles : couleurs disponible et variante au survol */
.tile.green {
    background: #4FBD1B;
}
.tile.green:hover {
    background: #45A518;
}

.tile.gray {
    background: #9C98A3;
}
.tile.gray:hover {
    background: #827D8B;
}

.tile.orange {
    background: #DFA733;
}
.tile.orange:hover {
    background: #d0951d;
}
.tile.red {
    background: #FF6D79;
}
.tile.red:hover {
    background: #ff3a4a;
}
.tile.violet {
    background: #cc00cc;
}
.tile.violet:hover {
    background: #cc00cc;
}
.tile.blue {
    background: #6993EA;
}
.tile.blue:hover {
    background: #3c73e4;
}
.tile.indigo {
    background: #596EBD;
}
.tile.indigo:hover {
    background: #4255A4;
}


/****************************/
/* Tuiles pour le dashboard */

.tile-dash{
    width: 167px;
    height: 118px;
    border-radius: 4px;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.15);
    margin: 0.7em;
    float: left;
}

.tile-dash .header {
    height: 55px;
    background-color: #f4f4f4;
    border-radius: 4px 4px 0 0;
    color: white;
    font-weight: 300;
}

.tile-dash.small {
    width: 100%;
    height: auto;
    font-size: 1.1em;
    margin: 0.2em;
    color: #fff;
}

.tile-dash .header .count {
    font-size: 2.2em;
    text-align: center;
    padding: 15px 7px;
}

.tile-dash .header .count i {
    font-size: 0.8em;
}

.tile-dash .header .title {
    font-size: 1.4em;
    text-align: center;
    padding: 10px;
}

.tile-dash .body {
    height: 60px;
    border-radius: 0 0 4px 4px;
    color: #333333;
    background-color: white;
    padding: 5px;
}

.tile-dash .body .title {
    text-align: center;
    font-size: 1.3em;
    padding-top: 2%;
}

.tile-dash.success .header,
.tile-dash.success.small {
    background-color: #609931;
}

.tile-dash.success  .body {
    color: #609931;
}

.tile-dash.warning .header,
.tile-dash.warning.small {
    background-color: #ef7f00;
}

.tile-dash.warning  .body {
    color: #ef7f00;
}

.tile-dash.danger .header,
.tile-dash.danger.small {
    background-color: #dc5d4a;
}

.tile-dash.danger  .body {
    color: #dc5d4a;
}