body {
    background-color: #1b1b1b;
}
/*************************************************************************/
/*****  L O A D                                                     ******/
/*************************************************************************/
.div_load_message {
    margin: 5px;
}

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

    .div_load_message span {
        vertical-align: middle;
        font-size: 14px;
    }
/****************************************************************************/
/*****    Barre de boutons en entête des pages                           ****/
/****************************************************************************/
.div_head_tools {
    text-align: right;
}

button.btn, input.btn {
    padding: 5px;
    border: none;
    background-color: #5c5f62;
    cursor: pointer;
    margin: 5px;
    color: white;
}

    button.btn i::before, input.btn i::before {
        vertical-align: middle;
        margin-right: 2px;
    }

        button.btn span, input.btn span {
            vertical-align: middle;
        }
@media (max-width: 768px) {
    button.btn span, input.btn span {
        display: none;
    }
}

button.btn:hover, input.btn:hover {
    background-color: #afb5ba;
    color: #000;
}

/****************************************************************************/
/*****    Lien hierarchie                                                ****/
/****************************************************************************/
.link_hierarchie {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
    padding-left: 2px;
    margin-left: 2px;
    color: #f3f3f3;
}

    .link_hierarchie a {
        text-decoration: none;
        color: #f3f3f3;
        text-decoration: underline;
    }

/*************************************************************************/
/*****  J Q U E R Y                                                 ******/
/*************************************************************************/
.ui-dialog .ui-dialog-content {
    padding: 2px;
}
.ui-tooltip, .ui-widget-content .ui-tooltip {
    white-space: pre-line;
    font-size: 12px;
    box-shadow: none;
}
.ui-dialog-title {
    font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 3px 10px;
}

.ui-tabs .ui-tabs-panel {
    padding: 2px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 3px 10px;
}

.ui-widget-content .ui-controlgroup-item {
    font-size: 12px;
    margin: 3px;
}

.ui-widget-content .ui-tabs-tab {
    font-size: 12px;
}

.ui-widget-content .ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.ui-checkboxradio-label .ui-icon-background {
    vertical-align: middle;
}
@media (max-width: 768px) {
    .ui-checkboxradio-label .ui-icon-background {
        vertical-align: baseline;
    }
    .sp_align_mid_mobile {
        vertical-align: top;
    }

    .lblFiltre {
        display: none;
    }

    .ui-button {
        padding: 0.4em 0.3em;
    }
}

    .ui-widget-content {
        background: #111;
    }

    .ui-dialog .btnStyle {
        font-size: 12px;
    }

    .ui-dialog .ui-dialog-buttonpane {
        padding: 2px;
    }
.ui-button, .ui-button:hover {
    border: none;
}

/*************************************************************************/
/*****  D I V E R S                                                 ******/
/*************************************************************************/
.left {
    text-align: left;
}

    .center {
        text-align: center;
    }

    .cellc {
        text-align: center;
    }

    .right {
        text-align: right;
    }

    .cellr {
        text-align: right;
    }

    .icon {
        width: 16px;
    }

    .pointer {
        cursor: pointer;
    }

.ui-datepicker-trigger {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: white;
    padding: 0;
    margin-left: 2px;
}

@media (max-width: 768px) {
    .cellr {
        text-align: left;
        padding-right: 0px;
        padding-left: 0px;
    }

    .cellc {
        text-align: left;
    }
}