@media only screen and (max-width: 50em) {
    .text-align-right-tablet { text-align:right; }
    .text-align-left-tablet { text-align:left; }
}

@media only screen and (min-width: 50.062em) {
    .text-align-right-desktop { text-align:right; }
    .text-align-left-desktop { text-align:left; }
}

@media only screen and (max-width: 50em) {
    .no-padding-bottom-tablet { padding-bottom:0; }
    .no-padding-top-tablet { padding-top:0; }
}

@media only screen and (min-width: 50.062em) {
    .no-padding-bottom-desktop { padding-bottom:0; }
    .no-padding-top-desktop { padding-top:0; }
}

@media only screen and (min-width: 50.062em) {
    .center-rigth-desktop div {
        height: 54px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align:right;
    }
}

@media only screen and (max-width: 50em) {
    .center-rigth-tablet div {
        height: 54px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align:right;
    }
}

@media only screen and (min-width: 50.062em) {
    .center-left-desktop div {
        height: 54px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align:left;
    }
}

@media only screen and (max-width: 50em) {
    .center-left-tablet div {
        height: 54px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align:left;
    }
}

@media only screen and (max-width: 600px) {
    .hide-phone { display: none; }

    /*Solution spécifique a faire evoluer si besoin*/
    .show-phone {
        float: none !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 50em) {
    .flex-responsive {
        flex-direction: column;
    }
}

@media only screen and (min-width: 50.062em) {
    .flex-responsive {
        flex-direction: row;
    }
}

.block-header {
    text-align: center;
    background-color: aliceblue;
    padding-bottom: 15px !important;
}

/* Champs de saisie invalide: bordure rouge (exemple Datepicker ou textbox) */
.k-input.k-invalid, .k-textbox.k-invalid  {
    border: 1px solid red;
}


/* Aucune tranformation de texte sur les entetes des colonnes des grilles */
.k-header {
    text-transform: none !important;
}

/* Hauteur des colonnes pour afficher les lettres descendentes (comme le g) 
   Centrage de l'image info bulle */
.k-grid-header th.k-header>.k-link {
    line-height:1.31em;
    display: flex;
    align-items: center;
}


/* Couleur de la ligne d'alternance sélectionnée dans la grille */
.k-grid .k-alt.k-state-selected {
    background-color: #cde6f7;
}

html .k-grid tr:hover {
    background-color:#d7e4ed
}

html .k-grid tr.k-alt:hover {
    background-color:#d7e4ed
}


/* Couleur des champs de saisie en readonly */
.k-input[readonly], .k-textbox[readonly] {
    background-color: #F2F2F2 !important;
}



/* Cache des boutons du Upload files */
.k-clear-selected, .k-upload-selected {
    display: none !important;
}

/* Cache un texte dans Upload files */
.k-dropzone em {
    display: none;
}

.k-checkbox:checked + .k-checkbox-label:before
{
    font-weight: bold;
}



.emptyResultdata {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
}

    .emptyResultdata h1 {
        margin: auto;
        margin-top:-20px;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
    }

/*.field-readonly {
    background-color: #F2F2F2 !important;
}*/


/* Centrer le loading des combobox */
.k-i-loading {
    background-repeat: no-repeat;
    background-position: center center;
}

/* Croix blanche sur les kendo window modal */
.k-i-close {
    color:white !important;
}

/* Bouton rouge */
.k-button.k-danger,
.k-button.k-danger:active {
    background-color: #f00;
    color: #fff;
    border-color: #f00;
}

/* Bouton vert */
.k-button.k-success,
.k-button.k-success:active {
    background-color: #4CAF50;
    color: #fff;
    border-color: #4CAF50;
}

label.without-style {
    font-weight: inherit;
    text-transform: inherit;
    font-size: inherit;
}

button.without-style {
    text-transform: inherit;
}

/* Couleur Font Awesone */
.fas, .fal {
    color: #5A5A5A;
}

.tooltip-hidden {
    visibility: hidden;
}

.row .val-form-row {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.val-form-item, .val-form-item-composite {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 0;
    padding-bottom: 10px;
}

@media only screen and (max-width: 50em) {
    .val-form-item .tooltip-hidden {
        display: none;
    }

    .val-form-item {
        padding-right: 15px;
    }

    .val-form-item-composite {
        padding-right: 5px;
    }
}

.val-form-item-checkbox {
    display: flex;
    padding-left: 15px;
    align-items: flex-start;
}

@media only screen and (min-width: 50.062em) {
    .val-form-item ~ .val-form-item-checkbox {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 50em) {
    .val-form-item ~ .val-form-item-checkbox {
        padding-top: 10px;
    }
}

.val-form-item-checkbox label {
    padding-left: 15px;
    cursor: pointer;
}

td.k-edit-cell input[type='checkbox'] {
    margin-left: 16px;
}

td[role="gridcell"] .cmdgrid {
    margin-right: 3px;
}

    td[role="gridcell"] .cmdgrid:last-child {
        margin-right: 0px;
    }

/*===========================================================================*/
/* TabStrip pour filtre rapide */
.scroll_tabs_speed_filter, .scroll_tabs_container {
    height:51px !important;
}

    .scroll_tabs_speed_filter li {
        line-height:inherit !important;
        text-align:center;
        height:51px !important;
    }

    .scroll_tabs_speed_filter .sf-count {
        font-weight:bold;
        font-size:22px;
    }

    .scroll_tabs_speed_filter .sf-caption {
        font-size:13px;
    }

    .scroll_tabs_speed_filter .tab_selected .sf-caption {
        font-weight:bold;
    }


#filterBox .filterLabel label {
    text-transform: none;
}

#filterBox .filterInput {
    margin-bottom: 10px;
}

#filterBox .filterSearch {
    padding-top: 10px;
}