@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:wght@400;500;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;700&display=swap');*/


* {
    font-family: 'PT Sans', sans-serif;
}
/*
html {font-size: 15px} /* Default bootstrap4 16px https://stackoverflow.com/questions/46910998/how-to-change-the-font-size-with-sass-in-bootstrap-4*/
label {margin-top:0.5rem;} /* ONLY if html font-size different of 16px or Bootstrap4 default */

/* remove border top and right on inputs */
input.form-control,
textarea.form-control {
    border-top:0;
    border-right: 0;
    border-left-width: thick;
    /*border-bottom:1px solid #ced4da;
    border-left:2px solid #ced4da;*/
}

.ql-container {
    height:auto!important;
}

div.dt-button-collection {
    width:auto!important;
}

/* Menus déroulants des boutons DataTables (ex: "Filtres" de la liste des factures).
 * Bootstrap pose .dropdown-menu{position:absolute; top:100%; left:0; float:left}
 * et DataTables ne surcharge ensuite que la position (relative), sans remettre
 * top/left/float. Un top:100% en relative décale le menu vers le bas de sa propre
 * hauteur: Safari applique ce décalage (entrées affichées SOUS la boîte blanche,
 * qui reste vide), Chrome le résout à 0. On neutralise donc l'offset hérité.
 */
div.dt-button-collection div.dropdown-menu {
    top: auto;
    left: auto;
    float: none;
    margin: 0;
}