/* Outils CSS */
.no-selectable {
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.dont-break {
    white-space:nowrap;
}

/* Masque plein écran pour chargement ou pop-up */
.jcdev-overlay {
    position:fixed; z-index:1000001; top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,.3);
}
.jcdev-overlay + .jcdev-overlay {background:none;}


/* Boutons génériques */
.jcdev_helpers-btn {
    display:inline-block; background:#E0E0E0; box-shadow:none; color:black;
    text-decoration:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;
    box-sizing:border-box; padding:.9em 1.8em;
    cursor:pointer;
    transition: background .2s linear;
}
.jcdev_helpers-btn:hover {background:#808080; color:white;}
.jcdev_helpers-btn .fa {margin-right:.5em;}


/** Popups **/
div.jcdev-popup {
    position:fixed; z-index:1000000; top:0; left:0; right:0; bottom:0;
    display:flex; justify-content:center; align-items:center;
    background:rgba(0,0,0,0.2);
}
div.jcdev-popup .inner {
    position:relative; width:100%; box-sizing:border-box;
    background:white; color:black; box-shadow:2px 2px 7px rgba(0,0,0,.3);
    font-size:16px; line-height:1.3em;
    padding:1.8em 2em;
    max-height:95%; overflow:auto;
}
div.jcdev-popup .inner h3 {
    font-weight:600; font-size:20px; text-align:center;
    margin-bottom:1.8em;
}
div.jcdev-popup .inner p {margin-bottom:1.8em;}
div.jcdev-popup .inner a,
div.jcdev-popup .inner a:visited {color:black;}
div.jcdev-popup .inner .actions {
    padding-top:1.8em; border-top:1px solid #D0D0D0;
    display:flex; flex-direction:row-reverse; justify-content:space-between;
}


/** Checkbox custom **/
.jcdev-checkbox-area {cursor:pointer;}
.jcdev-checkbox-area .checkbox {
    display:inline-block; font-size:18px; width:18px;
    position:relative; top:2px;
}
.jcdev-checkbox-area:not(.checked) .checkbox .checked {display:none;}
.jcdev-checkbox-area.checked .checkbox .unchecked {display:none;}


/** Navigation par onglets **/
.jcdev-tabs {
    display:flex; flex-direction:row; align-items:flex-start;
}
.jcdev-tabs .tab {
    cursor:pointer; background:#C0C0C0; color:#404040; padding:.5em 1em; margin-right:2px;
}
.jcdev-tabs .tab.current {background:#404040; color:white;}
.jcdev-tabs .tab.disabled {opacity:.5; cursor:not-allowed;}


/** Responsive **/

@media only screen and (max-width:1024px) {

    /* popups */
    div.jcdev-popup {display:block;}
    div.jcdev-popup .inner {
        position:absolute; top:1em; bottom:1em; left:1em; right:1em;
        box-sizing:border-box; width:calc(100% - 2em);
        overflow-y:auto; max-width:100% !important;
    }
}