/* STYLES POUR SMARTPHONE - CLIENT BATIMENT CFA NORMANDIE */

/* @media only screen and (max-width: 430px) { */
@media only screen and (max-width: 930px) {

/* Réduire l'iframe dans la page main.jsp */
#contenu {
   min-width: 300px !important;
   /* inutile ?
   max-width: 420px !important;
   */
}
   
/* liste de sélection du site */
.cd-top-nav .cd-nav-site {
  display: none;
}
/* zone utilisateur */
.cd-nav-account .account {
   margin-right: 0;
   border-width: 0; 
}
/* logo société */
.cd-nav-account .client-image {
   margin-left: 0 !important;
}
/* désactiver le clic sur la photo utilisateur */
.cd-nav-account .account a {
   pointer-events: none;
   cursor: default;
}
/* nom utilisateur */
.cd-nav-account .names {
  display: none;
}
/* boutons en haut à droite */
.cd-nav-account .top-link-wrapper {
   display: none;
}


/* ******************* */
/* PAGE LISTE CONSTATS */

/* Barre de boutons : ne conserver que le bouton "Ajouter" */
.toolbar .left-part > .item:not(.ajouter) {
   display: none;
}
.toolbar .right-part {
   display: none;
}

/* Zone au-dessus de la liste */
#wrapperPanelBefore {
   display: none;
}

/*
/ * Formulaire filtre : conserver uniquement le champ "nom" * /
#formulaireFiltre {
   padding-bottom: 10px;
}
#formulaireFiltre .item-wrapper.filtreStatut, 
#formulaireFiltre .item-wrapper.filtreResponsable,
#formulaireFiltre .boutton-pre-filtre {
   display: none;
}
/ * champ filtre nom limité pour ne être recouvert par la poignée de redimensionnement * /
#formulaireFiltre .item-wrapper.filtreNomNumCode {
   width: 50%;
}
/ * décaler à droite le bouton d'effacement du champ filtre * /
.clearable-text .boutonGomme {
   right: 25px;
}
*/

/* Bandeau nombre de fiches et colonne de tri */
#nbFichesAffichees, #zoneTriNbFiches {
   display: none !important;
}

/* Tableau des fiches */
.main-table thead tr {
   /* réduire la hauteur en-tête colonnes */
   height: 40px;
}

.table-wrapper,
.main-table,
.main-table thead tr th:first,
.main-table tbody tr td:first {
   width: 390px !important;
}
/* Masquer les coche de sélection */
.main-table .btnCoche {
   display: none;
}

/* FIN PAGE LISTE CONSTATS */
/* *********************** */


/* ************************************ */
/* PAGE FICHE SAISIE PAS A PAS CONSTATS */

/* Affichage numéro de champ à droite */
.navigation-breadcrumb {
   right: 25px;
   /* limiter la hauteur en tenant compte de la position et du footer de la page */
   max-height: calc(100% - 100px - 45px);
   padding-left: 10px;
}

/* Boutons flèches, à droite */
.navigation-buttons {
   width: 40px;
   height: 70px;
   right: 25px;
}
.navigation-buttons input {
   margin-left: 0px !important;
}

/* Bloc "Commencer la saisie" */
.initial-background {
   /* hauteur ajustée pour ne pas recouvrir les boutons de navigation */
   height: calc(100% - 160px);
}
.initial-background.activePasAPas div.form-block {
   /* centrer le contenu */
   position: static;
   width: 100%;
   text-align: center;
   margin-top: 10%;
   padding-left: 0px;
}

/* Icone "Commencer la saisie" */
.initial-background.activePasAPas img {
   width: 15%;
}

/* Bouton "Commencer la saisie" */
.initial-background input.action-button {
   /* centrer */
   margin-left: 0px !important;
}

/* Bloc "Enregistrer la saisie" */
.end-background {
   /* position et hauteur ajustées pour ne pas recouvrir les boutons de navigation */
   top: 0px;
   height: calc(100% - 160px);
}
.end-background  div.form-block {
   /* centrer le contenu */
   width: 100%;
   padding-left: 0px !important;
}

/* Icone "Enregistrer la saisie" */
.end-background img {
   width: 15%;
}

/* Bouton "Enregistrer la saisie" */
.end-background input.action-button {
   /* centrer */
   margin-left: 0px !important;
}


/* Label des champs de saisie */
.formulaireFiche .champSaisiePasAPas .form-block p {
   /* préparation du conteneur pour la largeur du label */
   container-type: inline-size;
}
.formulaireFiche .form-block p label {
   /* Empêcher que le label soit totalement affiché sur la ligne au-dessous de l'icône */
   display: inline;
   /* adapter la taille du texte à la largeur du paragraphe */
   font-size: 7.0cqw;
}

/* Icone à gauche du label */
.form-block .icon {
   /* réduire la taille de l'icone */
   max-width: 50px;
}

/* Bouton "suivant" */
.suivant {
   /* décaler à gauche */
   right: 50px;
}
.formulaireFiche .suivant {
   /* positionner le bouton juste au-dessous de chaque champ de saisie */
   margin-top: 10px !important;
   position: static !important;
   float: right;
   margin-right: 10px;
}

/* Texarea */
.formulaireFiche textarea {
   border: solid rgb(151, 151, 151) 1px !important;
   border-bottom-width: 2px !important;
   /* réduire à droite la largeur */
   width: calc(100% - 10px) !important;
}

/* Texarea avec bouton "+" */
.item.textarea.with-note-btn {
   width: calc(100% - 20px) !important;
}
.formulaireFiche .item.textarea.with-note-btn .boutonPlusNote {
   right: -10px;
}

/* Champ horaire */
.formulaireFiche .item.custom-timepicker .border, .formulaireFiche .item.custom-timepicker input {
   width: calc(100% - 10px) !important;
   font-size: 17px;
}
/* Liste de sélection du champ horaire */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_time {
   font-size: 17px;
}

/* Champs select */
.item.uniform-select {
   width: calc(100% - 10px) !important;
}
.champSaisiePasAPas input[type="text"], .select2.select2-container {
   /* élargir le champ */
   margin-right: 0px;
   width: 100% !important;
}
/* Champs select multiple */
.champSaisiePasAPas select[typel=multiG] + .select2.select2-container {
   /* élargir le champ en laissant la place au bouton à droite */
   width: calc(100% - 32px) !important;
}

/* Liste de sélection des champs select */
.formulaireFiche .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default ul:not(.options-for-table) .select2-results__option {
   font-size: 12px;
}
/*
.select2-dropdown.select2-dropdown--below,
.select2-search.select2-search--dropdown,
.select2-results {
   width: 132% !important;
}
*/
/* conteneur de la liste de sélection des champs select */
.select2-container--open .select2-dropdown--below {
   max-width: 100% ! important;
}

/* Popup champs select multiple */
.FondFormulaireBis b {
   line-height: inherit;
}
.ui-dialog-content .selectionNaNTablePrincipale .center-tools {
   padding: 0px;
}

/* Champ upload fichier */
.custom-file-inputMultiple {
   /* réduire le champ */
   width: calc(100% - 10px) !important;
}
/* afficher les deux zones de saisie sur 2 lignes */
.custom-file-inputMultiple .separateur {
   float: none;
}
/* masquer l'aide sur la zone de drop */
.custom-file-inputMultiple .aide {
   display: none;
}
/* diminuer la hauteur de la zone de drop */
#dropzoneWrapper {
   height: 70px !important;   
}

/* Champ datepicker */
.item.custom-datepicker {
   width: calc(100% - 10px) !important;
}
.item.custom-datepicker input {
   /* éloigner le texte de l'icone calendrier */
   padding-left: 10px !important;
}

/* Pavés début et fin de saisie */
.initial-background, .end-background {
/* .topPasAPas, .activePasAPas, .bottomPasAPas { */
   /* limiter la largeur pour ne pas déborder sur les boutons de navigation en bas à droite */
   width: calc(100% - 50px);
}

/* Lignes pour chaque champ de saisie */
.activePasAPas:not(.initial-background):not(.end-background) {
   /* décaler à gauche le bloc de saisie */
   left: 30px;
   right: auto;
   /* limiter la largeur pour ne pas déborder sur les boutons de navigation en bas à droite */
   width: calc(100% - 86px);
}

/* Ligne d'erreur de contrôle de saisie */
.formulaireFiche .error-line .error-message {
   font-size: 12px;
   margin-left: 0px;
   margin-bottom: 0px;
   width: calc(100% - 10px) !important;
   /* Placer l'icône d'erreur à gauche du message d'erreur */
   background-position: left;
   padding-left: 14px;
   padding-right: 0px;
}

/* ligne au-dessus de la ligne en cours de saisie */
.initial-background.topPasAPas, .topPasAPas {
   /* ne pas faire apparaître la ligne */
   top: -1000px !important;
}

/* ligne au-dessous de la ligne en cours de saisie */
.bottomPasAPas {
   /* ne pas faire apparaître la ligne */
   /* fait apparaître la barre de scroll vertical bottom: -1000px; */
   bottom: 0px;
   /* empêcher la ligne suivante de capturer les événements */
   display: none !important;
   opacity: 0 !important;
}


/* Boîte de sélection n/n */
div[role=dialog] {
   width: 90% !important;
}


/* Boîte de sélection n/n */
div[role=dialog] {
   /* bricolage pour réduire la largeur sur iPhone qui zoome la page au click sur un <select> mais pas probant. */
   max-width: 90% !important;
}
/* Barre de titre popup : réduction hauteur */
.ui-dialog-titlebar .ui-dialog-title {
   line-height: 39px;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
   margin-top: 9px !important;
}
/* FIN Boîte de sélection n/n */

}

/* FIN PAGE FICHE SAISIE PAS A PAS CONSTATS */
/* **************************************** */