/* Add here all your CSS customizations */

@media only screen and (max-width: 767px) {
    .inner-wrapper {
        margin-top: 56px;
    }

    .header-right{
        display:none;
    }
}


/* MODIF JR pour meme hauteur des colonnes dans une row bootstrap */
.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/*BLOCKS DASHBOARDS ROUGES VERTS ORANGE*/

.panel-body.bg-danger {
    background: #d2322d;
    color: white;
}
.panel-body.bg-success {
    background: #47a447;
    color: white;
}
.panel-body.bg-warning{
    background: #f0ad4e;
    color: white;
}
.panel-body.bg-default {
    background: white !important;
    color: #333333;
}



.header-right {
    padding-top: 8px;
}

/* POUR LA DUREE MAXIMALE */

.bg-orange, .panel-body.bg-orange {
    background: orange;
    color: white;
}

.no-margin-bottom {
    margin-bottom: 0;
}


.bg-orange .widget-summary .summary .title,
.bg-orange .widget-summary .summary .amount {
    color: white;
}

/*Pour éviter que les mots soient coupés dans les panels*/

.panel * {
    word-break: keep-all;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
}

/*Pour les toast*/
.toast-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #556080;
    padding: 10px;
    border-radius: 5px;
    color: white;
}

.text-danger .fa {
    color: red;
}

.text-success .fa {
    color: #47a447 !important;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-right-5 {
    margin-right: 5px;
}