:root {
/*
* --mh-app-header-background-color : est la couleur de l'application
* --mh-app-header-light-background-color : est une couleur light de l'application
* couleur dédiée aux apps : ne pas utiliser directement : chaque page html doit copier la couleur de l'app dans --mh-app-header-background-color
* qui sera transmise où il faut.
* Utilisée directement dans HanleAhPopupBase pour la couleur des icones
*/
/*
* pour le Xéno : ATENTION de mettre des couleurs commençant pas # (pas de 'red', 'rgb(ff0000)' ...)
*/
/* rouge vif */
--mh-app-dossier : #E30613;
/* rouge vif light pour afficher les étiquettes*/
--mh-app-dossier-light : #e83a44;
/* pour le mode dev : pageHeader redéfini les valeurs de --mh-app-dossier1*/
--mh-app-dossier1 : var(--paper-amber-900, #ad1457);
--mh-app-dossier-light1 : var(--paper-amber-700, #0d47a1);
--mh-app-dossier2 : var(--paper-deep-orange-a400,#4527a0);
--mh-app-dossier-light2 : var(--paper-deep-orange-500, #0d47a1);
--mh-app-dossier3 : var(--paper-pink-a400, #0d47a1);
--mh-app-dossier-light3 : var(--paper-pink-300, #0d47a1);
--mh-app-dossier4 : var(--paper-purple-900,#4527a0);
--mh-app-dossier-light4 : var(--paper-purple-700,#4527a0);
--mh-app-dossier-dt : var(--paper-brown-900,#4527a0);
--mh-app-dossier-light-dt : var(--paper-brown-700,#4527a0);
--mh-app-dossier-ap : var(--paper-cyan-900, #4527a0);
--mh-app-dossier-light-ap : var(--paper-cyan-700, #4527a0);
/** tests */
--mh-app-dossier5 : var(--paper-teal-700, #e0e0e0);
--mh-app-dossier-light5 : var(--paper-teal-400);
--mh-app-mymh : var(--paper-light-green-800, #4a148c);
--mh-app-mymh-light : var(--paper-light-green-600, #4a148c);
--mh-app-agenda : var(--paper-cyan-900, #4a148c);
--mh-app-agenda-light : var(--paper-cyan-300, #4a148c);
--mh-app-contact : var(--paper-blue-800, #4a148c);
--mh-app-contact-light : var(--paper-blue-600, #4a148c);
--mh-app-email : var(--paper-blue-400, #4a148c);
--mh-app-email-light : var(--paper-blue-200, #4a148c);
--mh-app-cfg : var(--paper-grey-800, #455a64);
--mh-app-cfg-light : var(--paper-grey-600, #455a64);
--mh-app-docbox : var(--paper-pink-a400, #4a148c);
--mh-app-docbox-light : var(--paper-pink-a200, #4a148c);
--mh-app-stat : var(--paper-green-900,#00bfa5);
--mh-app-stat-light : var(--paper-green-700,#00bfa5);
/* il faut mettre la couleur dans MhConfig pour la favIcone
--mh-app-stat : var(--paper-cyan-700);
--mh-app-stat-light : var(--paper-cyan-500);
*/
--mh-app-comptas : var(--paper-blue-900, #00bfa5);
--mh-app-comptas-light : var(--paper-blue-700, #00bfa5);
--mh-app-developpement : var(--paper-pink-a400, #4a148c);
--mh-app-reality : var(--paper-teal-600, #2196f3);
}
:root {
_--mh-font-family: -apple-system, "system-ui", "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
--mh-font-family : 'Inter UI',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
/*
--mh-font-family : "Open Sans", Avenir, "Segoe UI", Arial, sans-serif;
--mh-font-size:20px; <--aucun impact
*/
/* quilller est tout gris
--mh-theme-background-color: #f0f0f7;
*/
--mh-body-background-color: #ddd;
/*color-scheme: dark;*/
--mh-color-scheme:light;
--mh-theme-background-color: #FFFFFF;
--mh-theme-color: #101010;
--mh-theme-color-secondary:#6b6b6b;
--mh-theme-background-color-hover: var(--paper-light-blue-50, #e1f5fe);
--mh-theme-color-hover: var(--paper-light-blue-900, #e1f5fe);
--mh-app-header-background-color: #00334a;
--mh-app-header-light-background-color: #074862;
--mh-app-header-color: #FFFFFF;
--mh-app-content-background-color: #f0f0f7;
--mh-app-explorer-background-color: #373852;
--mh-drawer-header-background-color: var(--mh-app-header-light-background-color, black);
--mh-drawer-header-color : white;
/*--mh-editor-header-background-color*/
--mh-line-paire-background-color:var(--mh-theme-background-color, white);
--mh-line-impaire-background-color:#fbfbfb;
/*mh-app générique*/
--mh-toolbar-background-color:#F1F2F7;
--mh-toolbar-height: 25px;
--mh-form-toolbar-button-backgroud-color:#f7f7f7;
--mh-form-toolbar-button-color:#616161;
--toolbar-icons-color:var(--paper-grey-800, #757575);
--toolbar-icons-color-hover:#000000;
--mh-form-toolbar-height:40px;
--mh-form-barre-boutons-dossier: #ffa0c3;
--mh-form-barre-boutons-background-color: #d9d8d9;
--mh-form-background-color: #f2f3f8;
--mh-form-color:#000;
--mh-form-is-form-ready-background-color:#f0f0f0;
--mh-form-is-load-data-background-color:#ff9900;
--mh-form-is-save-data-background-color:#121212;
--mh-form-is-request-action-background-color:#000;
--mh-form-is-delete-data-background-color:#e53935;
--mh-form-is-change-contexte-background-color:blue;
--mh-form-is-window-close-background-color:white;
--mh-form-bloc-background-color: #FFF;
--mh-form-bloc-color:#000;
--mh-form-bloc-title-color:#464457;
--mh-form-bloc-disabled-background-color: #f7f7f7;
--mh-grid-form-background-color: #FFF;
--mh-grid-form-color:#000;
--mh-grid-form-border-color: #f5f5f5;
--mh-button-number-background-color : var(--paper-grey-300);
--mh-button-action-background-color-selection : var(--paper-blue-grey-100);
--mh-button-action-selection-background-color: #f2f8fd;
--mh-button-action-color-selection : var(--paper-blue-400);
--mh-button-action-background-color : var(--mh-theme-background-color, #4d4d4d);
--mh-button-action-color : var(--paper-grey-800);
--mh-button-max-width:200px;
--mh-alerte-form:var(--paper-deep-orange-500);
--mh-info-form:var(--paper-blue-50);
--mh-input-bloc:var(--paper-blue-grey-50);
--mh-input-font-size:12px;
--mh-input-height:22px;
--mh-input-line-height:20px;
--mh-input-label-color: #484848;
--mh-input-background-color: white;
--mh-input-border-color-focus: #d0d0d0;
--mh-input-border-color: #ececec;
--mh-input-color:#060606;
--mh-input-disabled-background-color:var(--paper-grey-100);
--mh-input-disabled-color:var(--paper-grey-600);
--mh-input-focused-background-color:var(--paper-blue-50, #e1f5fe);
--mh-input-focused-color:inherit;
--chip-input-autocomplete-background-color:white;
--chip-input-autocomplete-hover-background-color:lightblue;
--chip-input-autocomplete-hover-color:var(--mh-theme-color-hover);
--paper-radio-button-label-color:var(--mh-input-color);
--paper-radio-button-unchecked-color:var(--mh-input-color);
--paper-checkbox-unchecked-color:var(--mh-input-color);
/*
--mh-select-item-background-color-hover:var(--mh-theme-background-color);
--mh-select-item-color-hover:var(--mh-theme-color);
--mh-select-item-border-top:#424242;
--paper-listbox-background-color:#303030;
--paper-listbox-color:#d0d0d0;
/*/
--mh-fieldset-legend-background-color:var(--paper-grey-50);
--mh-fieldset-background-color:white;
--mh-fieldset-border-color: var(--paper-grey-300);
/*taille*/
--mh-input-label-font-weight: 200;
--mh-input-label-font-size: 1em;
--mh-input-label-container-width:125px;
--mh-input-checkbox-label-container-width:auto;
/* à éviter, puis à supprimer */
--mh-theme-text-color: var(--paper-grey-900, #101010);
--mh-theme-text-selected-color: #01579b;
--mh-theme-text-hover-color: yellow;
--mh-theme-titre: var(--paper-light-blue-900, #01579b);
--mh-theme-color-tooltip: #020202;
--mh-email-viewer-background-color:#fcfcfc;
--mh-email-viewer-separation-color:var(--paper-grey-300);
--mh-viewer-resume-gp-background-color: #fefefe;
--mh-viewer-resume-gp-color: black;
--mh-button-version-icone:/ahweb/images/logos/logo_MH_transparent.png;
/*
Attention sous Windows, Mac et Linux
*/
/*
--mh-font-family : Roboto Light;
--mh-font-family : 'Source Sans Pro', sans-serif, 'Inter UI',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
--mh-font-family : 'Source Sans Pro', sans-serif;
--mh-font-family : 'Architects Daughter', cursive;
--mh-font-family : Roboto Light;
--mh-input-font-family : Roboto Black;
--mh-input-font-family : 'Source Sans Pro', sans-serif;
--mh-font-family : 'Inter UI',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
--mh-font-family : Noto;
--mh-font-family : Roboto Light;
--mh-font-family : 'Open Sans';
--mh-font-family : 'Inter';
*/
--mh-qosp:var(--paper-light-blue-50, #e1f5fe);
--height-mh-tabs:40px;
--height-mh-action:30px;
--mh-xdocs-header-height:30px;
--mh-adresse-max-width:400px;
--mh-theme-divider-color-hover : var(--mh-app-header-background-color);
/*--mh-theme-divider-color : var(--mh-app-content-background-color); : c'est pas beau avec les backdrop */
--mh-theme-divider-color : var(--mh-app-explorer-background-color);
/*--mh-scroll-thumb : var(--mh-app-header-background-color, #e0e0e0);*/
/*Le rouge est trop fort je met un gris moyen*/
--mh-scroll-thumb : var(--paper-grey-a700, #e0e0e0);
--mh-scroll-track : var(--mh-app-explorer-background-color, #37474f);
--mh-grid-scroll-thumb : var(--paper-grey-300, #e0e0e0);
--mh-grid-scroll-track : var(--paper-grey-100, #37474f);
--mh-auto-counter-value-color:#464457;
/*marche pas du 1er coup --
--paper-tabs-selection-bar-color: var(--mh-app-header-background-color, red);
paper-tabs-selection-bar-color: var(--mh-app-header-light-background-color, var(--mh-app-header-background-color, red));
*/
--paper-tabs-selection-bar-color: var(--paper-blue-grey-700, #d3d7cf);
/*
--mh-app-mymh : #96ce36;
*/
--mh-form-barre-boutons-developpement: #ffa0c3;
/**pour les choix de couleurs*/
--paper-grey-min :#ffffff;
--paper-grey-max :#000000;
/*
--mh-button-popup-background-color:var(--mh-theme-background-color, #fcfcfc);
--mh-button-popup-color:var(--mh-theme-color, #121212);
*/
--mh-button-popup-background-color:#212121;
--mh-button-popup-color:white;
/*
--mh-explorer-folder-background-color-hover: var(--paper-grey-800, #e1f5fe);
--mh-explorer-item-background-color-hover: var(--paper-grey-600, #e1f5fe);
--mh-explorer-item-color: #f3f9fc;
--mh-explorer-label-color: #f3f9fc;
*/
/*par défaut*/
--mh-explorer-background-color: var(--mh-theme-background-color);
--mh-explorer-folder-background-color-hover: var(--paper-grey-100, #e1f5fe);
--mh-explorer-folder-color-hover: #354141;
--mh-explorer-folder-color: #454545;
--mh-explorer-item-background-color-hover: var(--paper-grey-200, #e1f5fe);
--mh-explorer-item-background-color-selected: var(--paper-grey-300, #e1f5fe);
--mh-explorer-item-color-selected: var(--paper-grey-900, #e1f5fe);
--mh-explorer-item-color-hover: #354141;
--mh-explorer-item-color: #354141;
--mh-explorer-folder-font-weight: bold;
--mh-explorer-item-font-weight: normal;
/*dans l'app */
--mh-app-explorer-background-color: #42435d;
--mh-app-explorer-folder-background-color-hover: var(--paper-grey-800, #e1f5fe);
--mh-app-explorer-folder-color-hover: #f3f9fc;
--mh-app-explorer-folder-color: #f3f9fc;
--mh-app-explorer-item-background-color-hover: var(--paper-grey-600, #e1f5fe);
--mh-app-explorer-item-color-hover: #f3f9fc;
--mh-app-explorer-item-color: #f3f9fc;
--mh-app-explorer-folder-size: 1em;
--mh-app-explorer-item-size: 1em;
/** encapsulé dans une fenêtre */
--mh-in-explorer-background-color:var(--mh-app-explorer-background-color, #a1a1a1);;
--mh-in-explorer-folder-background-color-hover: var(--paper-grey-800, #e1f5fe);
--mh-in-explorer-folder-color-hover: white;
--mh-in-explorer-folder-color: #f3f9fc;
--mh-in-explorer-item-background-color-hover: var(--paper-grey-600, #e1f5fe);
--mh-in-explorer-item-color-hover: white; /*var(--paper-grey-50, #fcfcfc);*/
--mh-in-explorer-item-background-color-selected:#3f4244;
--mh-in-explorer-item-color-selected:white;
--mh-in-explorer-item-color: #f3f9fc;
/*sur mesure pour doc*/
--mh-doc-explorer-background-color: var(--mh-theme-background-color);
--mh-doc-explorer-folder-color: #454545;
--mh-doc-explorer-folder-background-color-hover: var(--paper-grey-100, #e1f5fe);
--mh-doc-explorer-folder-color-hover: #354141;
--mh-doc-explorer-item-background-color-hover: var(--paper-grey-200, #e1f5fe);
--mh-doc-explorer-item-background-color-selected: var(--paper-grey-300, #e1f5fe);
--mh-doc-explorer-item-color-selected: var(--paper-grey-900, #e1f5fe);
--mh-doc-explorer-item-color-hover: #354141;
--mh-doc-explorer-item-color: #354141;
--mh-etiquette-background-color: var(--paper-grey-100);
--mh-etiquette-color: #000;
--mh-chip-background-color: var(--paper-grey-100);
--mh-chip-color: var(--paper-grey-800);
--mh-pole-emploi-background-color : var(--paper-blue-50);
--mh-message-success-background-color: var(--paper-green-900, #43A047);
--mh-message-success-color:white;
--mh-message-warning-background-color: var(--paper-orange-900, #FFB300);
--mh-message-success-color:white;
--mh-message-error-background-color: var(--paper-red-900, #FF5722);
--mh-message-error-color:white;
--mh-message-info-background-color: var(--paper-blue-900, blue);
--mh-message-info-color:white;
--mh-message-alert-background-color: var(--paper-pink-400, blue);
--mh-message-alert-color:white;
--mh-message-simple-background-color: var(--paper-grey-50, #FEFEFE);
--mh-message-simple-color:black;
--mh-message-progress-background-color: var(--paper-blue-grey-300, blue);
--mh-message-progress-color:black;
--mh-drop-zone-general-background-color:#f0f0f0;
--mh-window-header-action-new-background-color: var(--paper-light-green-600, #C62828);
--mh-window-header-action-update-background-color: var(--paper-light-green-900, #C62828);
--mh-window-header-action-result-background-color: var(--paper-light-green-400, #C62828);
--mh-window-header-action-result-error-background-color: var(--paper-red-400, #C62828);
/*
--mh-stat-passif-anterieur-color: #000000;
--mh-stat-passif-anterieur-label-color: #484848;
--mh-stat-passif-anterieur-total-background-color: var(--paper-grey-50);
*/
--mh-stat-table-color: var(--paper-grey-600,#74788d);
--mh-stat-total-color: var(--paper-grey-600,#74788d);
--mh-stat-nombre-color: var(--paper-grey-600,#74788d);
--mh-stat-line-background-color: transparent;
--mh-stat-line-color:var(--paper-grey-600,#74788d);
--mh-stat-label-color:var(--paper-grey-600);
--mh-stat-label2-color:var(--paper-grey-600);
--mh-cal-events-header:#000000;
--mh-cal-events-periode:#f9f9f9;
--mh-cal-events-periode-out:#ffffff;
--mh-agenda-border-color:#e1e1e1;
--mh-cal-event-background-color: var(--mh-theme-background-color);
--mh-tableau-is-full-data-row-color:var(--paper-green-400);
--mh-tableau-is-full-data-row-is-sum-color:var(--paper-blue-700);
--mh-tableau-not-is-full-data-row-is-cpt-color:var(--paper-grey-500);
--mh-tableau-not-is-full-data-row-not-is-cpt-color:var(--paper-blue-700);
--ag-overlay-loading-wrapper:transparent;
}
/*
.paper-font-display4,
.paper-font-display3,
.paper-font-display2,
.paper-font-display1,
.paper-font-headline,
.paper-font-title,
.paper-font-subhead,
.paper-font-body2,
.paper-font-body1,
.paper-font-caption,
.paper-font-menu,
.paper-font-button {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
-webkit-font-smoothing: antialiased;
}
.paper-font-code2,
.paper-font-code1 {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
-webkit-font-smoothing: antialiased;
}
*/
html,body {
font-family: var(--mh-font-family, 'Roboto Light');
font-size:12px;
margin: 0;
padding: 0;
height:100%;
width:100%;
overflow:auto;
letter-spacing:0.3px;
}
.gothic {
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
html::-webkit-scrollbar {width: 8px;height:8px;}
html::-webkit-scrollbar-track {background: var(-mh-scroll-track);}
html::-webkit-scrollbar-thumb {background: var(-mh-scroll-thumb);border-radius:4px;}
/*
html::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#da1b60));background:linear-gradient(to bottom,#ff8a00,#da1b60);
*/
body {
background-color: var(--mh-body-background-color);
color: var(--mh-theme-color);
}
input {
text-indent:4px;
}
table {
border-spacing: 0px;
}
a {
text-decoration: none;
}
a:link, a:visited {
color: #1a237e;/*indigo900*/
}
a:hover {
color: #6a1b9a;/*purple900*/
}
a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: none;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
.horizontal5 {
display: flex;
flex-direction: row;
align-items: center;
}
.horizontal5 > * {margin-right:5px;}
.horizontal5 > *:last-child {margin-right:0px;}
.horizontalTop5 {
display: flex;
flex-direction: row;
align-items: top;
}
.horizontalTop5 > * {margin-right:5px;}
.horizontalTop5 > *:last-child {margin-right:0px;}
.mautow {
margin-left: auto;
margin-right: auto;
}
.padding1 { padding:1px; }
.padding2 { padding:2px; }
.padding3 { padding:3px; }
.padding4 { padding:4px; }
.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
/** @see mh-app-styles.css & mh-element.js */
.select-none {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.pointer,
.link {
cursor: pointer;
}
table {
width:100%;
border-spacing: 0px;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
}
.horizontal {
display: flex;
flex-direction: row;
}
.vertical {
display: flex;
flex-direction: column;
}
.right,
.droite,
.nombre,
.montant {
text-align:right;
justify-content: flex-end;
}
.left,
.gauche {
text-align:left;
justify-content: flex-start;
}
.centre,
.date,
.date-heure {
text-align:center;
}
/*
@see https://developer.mozilla.org/fr/docs/Web/CSS/align-content
ya jamais rien qui marche
SI si : dans un div
*/
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.vertical-center {
display: flex;
/*justify-content: center;*/
align-items: center;
}
/*
.flex-end {
align-items: flex-end;
align-content: flex-end;
}
*/
.mauto,
.mautoh,
.mautow {
margin-left: auto;
margin-right: auto;
}
.mautov {
margin-top: auto;
margin-bottom: auto;
}
.autow,
.wauto {
width: 100%;
}
.autoh,
.hauto {
height:100%;
}
.nobr {
white-space: nowrap
}
.hide {
display:none;
}
/* entre 2 champs */
.entre2input {
font-size:12px;
padding-left:5px;
padding-right:5px;
display: flex;
justify-content: center;
align-items: center;
}
/** @see mh-app-styles.css & mh-element.js */
.spacer5h { min-height:5px; }
.spacer10h { min-height:10px; }
.spacer15h { min-height:15px; }
.spacer20h { min-height:20px; }
.spacer25h { min-height:25px; }
.spacer50h { min-height:50px; }
.spacer75h { min-height:75px; }
.spacer100h { min-height:100px; }
.spacer5w { min-width:5px; }
.spacer10w { min-width:10px; }
.spacer15w { min-width:15px; }
.spacer20w { min-width:20px; }
.spacer25w { min-width:25px; }
.spacer50w { min-width:50px; }
.spacer75w { min-width:75px; }
.spacer100w { min-width:100px; }
/** permet de séparer */
.separation5w>* {
margin-right: 5px;
}
.separation5w>*:last-child {
margin-right: 0px;
}
.separation5h>* {
margin-bottom: 5px;
}
.separation5h>*:last-child {
margin-bottom: 0px;
}
.line {
color:red;
}
::-webkit-input-placeholder {
font-style: italic;
}
::-moz-placeholder {
font-style: italic;
}
::placeholder {
font-style: italic;
}
/** Exemple */
@font-face {
font-family: 'Indie Flower';
font-style: normal;
font-weight: 400;
src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
.tribute-container {
position: absolute;
top: 0;
left: 0;
height: auto;
max-height: 300px;
max-width: 500px;
overflow: auto;
display: block;
z-index: 999999;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12),
0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.tribute-container::-webkit-scrollbar {width: 8px;height:8px;border-radius:4px;}
.tribute-container::-webkit-scrollbar-track {background: var(--mh-grid-scroll-track);border-radius:4px;}
.tribute-container::-webkit-scrollbar-thumb {background: var(--mh-grid-scroll-thumb);border-radius:4px;}
.tribute-container ul {
margin: 0;
margin-top: 2px;
padding: 0;
list-style: none;
background: white;
}
.tribute-container li {
padding: 5px 5px;
cursor: pointer;
}
.tribute-container li.highlight {
background: var(--paper-grey-300);
font-weight: bold;
}
.tribute-container li span {
font-weight: 300;
}
.tribute-container li.no-match {
cursor: default;
}
.tribute-container .menu-highlighted {
font-weight: bold;
}
body .slaask-button.slaask-left {
left: 20px;
right: initial;
bottom: 10px;
}
.relative {
position:relative;
}
/*styles externamisées pour les mhlit */
.noInputBorder {--mh-input-border-color:transparent;}
/**
* Pseudos classes pour les longueurs des labels des mh-input.
*/
.inputLabelAuto {
--mh-input-label-container-width:auto;
--mh-input-checkbox-label-container-width:auto;
white-space:nowrap;
}
.inputLabel50 {
--mh-input-label-container-width:50px;
--mh-input-checkbox-label-container-width:50px;
}
.inputLabel75 {
--mh-input-label-container-width:75px;
--mh-input-checkbox-label-container-width:75px;
}
.inputLabel100 {
--mh-input-label-container-width:100px;
--mh-input-checkbox-label-container-width:100px;
}
.inputLabel125 {
--mh-input-label-container-width:125px;
--mh-input-checkbox-label-container-width:125px;
}
.inputLabel150 {
--mh-input-label-container-width:150px;
--mh-input-checkbox-label-container-width:150px;
}
.inputLabel175 {
--mh-input-label-container-width:175px;
--mh-input-checkbox-label-container-width:175px;
}
.inputLabel200 {
--mh-input-label-container-width:200px;
--mh-input-checkbox-label-container-width:200px;
}
.inputLabel225 {
--mh-input-label-container-width:225px;
--mh-input-checkbox-label-container-width:225px;
}
.inputLabel250 {
--mh-input-label-container-width:250px;
--mh-input-checkbox-label-container-width:250px;
}
.inputLabel275 {
--mh-input-label-container-width:275px;
--mh-input-checkbox-label-container-width:275px;
}
.inputLabel300 {
--mh-input-label-container-width:300px;
--mh-input-checkbox-label-container-width:300px;
}
.inputLabel325 {
--mh-input-label-container-width:325px;
--mh-input-checkbox-label-container-width:325px;
}
.inputLabel350 {
--mh-input-label-container-width:350px;
--mh-input-checkbox-label-container-width:350px;
}