body, html {width: 99%;height: 99%;margin:auto;margin-top: 5px;overflow:hidden;}

/* Affiche une main lorsque le curseur est au dessus d'un bouton */
.jqx-button{cursor:pointer !important;}

/* Empêche l'affichage d'un contour lorsqu'un contrôle est en cours d'édition */
div{outline:none;}
input{outline:none;}

/* Suppression des boutons de suppression d'une date */
input::-webkit-clear-button{-webkit-appearance:none;}
input::-webkit-inner-spin-button{-webkit-appearance:none;}
input::-ms-clear{display:none;}

/* Empêche l'affichage à l'écran d'un texte qui est uniquement pour l'impression */
.just-print {display:none}

/* Paramètre de l'impression */
@media print
{
    .just-print { display:block}
    .no-print, .no-print * {display: none !important;}
    div {font-size:10px !important;max-height: none !important;}
    input {font-size:10px !important;}
    textarea {font-size:10px !important;}
    .jqx-button{display: none !important;}
    .jqx-dropdownlist-state-normal{display:none !important;}
}

/* Mise en forme des tableaux */
.table-model
{width:100%;border-collapse:collapse;border:none;}
.table-header
{font-weight:bold;}
.table-row:hover
{background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);}
.table-cell,.table-header
{padding:5px;border:1px solid #ccc;white-space:nowrap;height:30px;}
.table-cell
{border-top:none;}
.table-cell>*
{background-color: transparent !important;}
.table-row-selected
{background-color: #039;color:#fff !important;background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%);}
.child-content-scrolling
{box-shadow: 0 4px 6px -2px #ccc;}

.odd_row
{background-color:#eee;}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 9000;
}

[tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;

    /* customizable */
    transition: all 0.25s ease;
    padding: 5px;
    color: yellow;
    border-radius: 2px;
    box-shadow: 2px 2px 1px silver;
}

[tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;

    /* customizable */
    background: red;
    margin-top: 15px;
    margin-left: 5px;
    z-index: 9999;
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}


[comment]:before {
    /* needed - do not touch */
    position: absolute;
    opacity: 0;
    
    /* customizable */
    padding: 5px;
    border-radius: 2px;
    border-width: 1px;
    border-color:black;
}

[comment]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    width: auto;
     content: attr(comment);
   
    /* customizable */
    transition: all 0.25s ease;
    background: white;
    margin-top: 15px;
    margin-left: 5px;
    z-index: 999;
}

[comment]:not([comment-persistent]):before {
    pointer-events: none;
}