/*
Skin package for boisduluc intranet

css by Netvaast


CSS pour les templates et meunu porpre à l'intranet


vert base        : #cdfa00 rgba(205, 250, 1)
gris plone       : #5c5c5c rgba(58,58,59,1)
orange           : #ff8336;
bleu clair icone : #00b8d4
rose             : #ff7fff

https://www.facebook.com/reel/422397023702602

*/

@import url('https://fonts.googleapis.com/css?family=Exo&display=swap');
/*@import url('all.min.css');*/



html, body{
    height:100%;
}

body{
    margin:0;
    padding:0;
    color:#777 !important;
    font-size:10pt !important;
    background-color:#fafafa;
    /*background-image: url("../images/fond_test.gif");*/
}

/*** quand activé, affiche le nom des templates ***/
.template-name{
    display: block;
    font-size: 14px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    /*border-radius: 5px;
    box-shadow: 3px 3px 6px rgba(50,50,50,0.2);*/
    padding: 4px;
    margin:  8px 0px 12px 0px;
    text-align: right;
}

/*** MODIF PLONE ***/
/* plone container */
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
    max-width: 96% !important;
}
/* plone main colonne -- occuper tout l'espace */
body.col-one.col-content #portal-column-content {
    order: 2;
    flex: 1 0 auto !important;
    width: 75%;
}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: rgba(255, 181, 0, 0.3);
}

.box-border{
    border:1px solid #000;
}

/*** GLYPHE ***/

.fa-times-circle:before,
.fa-times-circle-neutral:before{
    content: "\f057";
}
.fa-times-circle{
    position: relative;
    z-index:2000;
    font-size:15pt;
    cursor:pointer;
}
.fa-times-circle:hover{
    color:#f00;
}

.fa-ambulance::before{
    content: "\f0f9";
}

.fa-exclamation-circle:before{
    content: "\f06a";
}

.fa-check-circle::before{
    content: "\f058";
}

.fa-check-circle{
    color:#080;
    font-size:18px;
}
.fa-times-circle-neutral{
    color:#800;
    font-size:18px;
}

.fa-square::before{
    content: "\f0c8";
}

.fa-tint::before{
    content: "\f043";
    font-size:16px;
}

.fa-history,
.fa-user-clock{
    font-size: 1em;
}


.back-page{
    /*fad fa-sign-out-alt*/
    position: relative;
    left: 5px;
    top: 10px;
    width: 60px;
    font-family: "Font Awesome 5 Duotone" !important;
    font-size: 1.5rem;
    transform: rotate(180deg);
    margin-bottom: 10px;
}
/*** GLYPHE DEXTERITY ***/
.contenttype-boisduluc-incident::before{
    font-family: "Font Awesome 5 Duotone" !important;
    content: "\f0f9" !important;
}

.contenttype-boisduluc-inventaire::before{
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f733" !important;
}

.contenttype-boisduluc-nosecurex::before,
.contenttype-boisduluc-recuperation::before{
    font-family: "Font Awesome 5 Pro" !important;
    content: "\f6cd" !important;
}

td.field > a{
    text-decoration: none;
}


.hidden {
    display: none;
}


.stop-float{
    clear:both;
}

.table-row{
    display: table-row;
}

.texte-droite{
    text-align:right;
}

.texte-nowrap{
    white-space: nowrap;
    text-wrap: nowrap;
}


.containeur-centre{
    width:50%;
    margin:auto;
    text-align:center;
}

.grand{
    font-size:2em;
}

.petit{
    font-size:0.7rem !important;
}

.gras{
    font-weight:bold;
}

.bordeau{
    color:#a00 !important;
}

.cell-active{
    color:#a00 !important;
    background-color: rgba(255,255,0, 0.3) !important;
    border: 1px solid #ff9a1d !important;
    font-weight:bold;
    font-size:0.7rem !important;
    text-align: right;
}

.rouge,
.inactive{
    color:#f00 !important;
}

.vert-fonce,
.active{
    color: #349986 !important;
}

.vert-clair{
    color: #09a409 !important;
}

.orange{
    color: #ff8336 !important;
}

.gris-fonce{
    color: #999 !important;
}

.gris-clair{
    color: #ccc !important;
}

.gris-noir{
    color: #333 !important;
}

.violet{
    color: #da6a7c !important;
}

.bleu{
    color: #005594 !important;
}
.bleu-clair{
    color: #00b8d4 !important;
}

.rose{
    color: #ff7fff !important;
}


.ligne-fine-orange,
.ligne-fine-grise{
    height:0px;
    border-bottom: none;
    margin:6px 0px;
}
.ligne-fine-orange{
    border-top:1px solid #ff8336;
}
.ligne-fine-grise{
    border-top:1px dotted #ccc;
}

.discret{
font-size:0.6em !important;
color:#aaa;
}

.fond-jaune{
    background-color:#ffff00 !important;
    border:1px solid #000 !important;
}
.fond-orange{
    background-color:#fff3d0 !important;
}
.fond-gris{
    background-color:#555555;
}

.box-alerte{
    border:1px solid #faa;
    border-radius:8px;
    background-color:rgba(255,200,200,0.3);
    padding:4px 10px;
}

.box-glyph-alerte{
    padding:0px 10px;
}

.flex-box{
    display:flex;
    /*border:1px solid #aaa;*/
}
.flex-box-row{
    flex-direction:row;
}
.flex-box-column{
    flex-direction:column;
}
.flex-box-wrap{
    flex-wrap:wrap;
}
.flex-box-nowrap{
    flex-wrap:nowrap;
}
.flex-align-space-around{
    justify-content:space-around;
}
.flex-align-space-between{
    justify-content:space-between;
}
.flex-align-flex-start{
    justify-content:flex-start;
}
.flex-align-flex-end{
    justify-content:flex-end;
}
.flex-align-left{
    justify-content:left;
}
.flex-align-center{
    justify-content:center;
}
.flex-align-right{
    justify-content:right;
}

.flex-valign-center{
    align-items: center;
}

.custom-flex-item {
  flex: 1 1 1; /* Flex-grow: 1, Flex-shrink: 1, Flex-basis: 0 */
}

.box-caisse{
    width: 250px;
    margin: 10px;
    border: 2px solid #000;
}

.box-tarif{
    width: 100px;
}


.reservation-du-jour{
    background-color: #DDFFDD;
    padding: 1px 6px;
    border-radius: 5px 5px 0px 0px;
}
.reservation-passee{
    background-color: #7f7f7f;
    color: #dfdfdf;
    padding: 1px 6px;
    border-radius: 5px 5px 0px 0px;
}
.reservation-groupe{
    background-color: #FFDDDD;
    padding: 1px 6px;
    border-radius: 5px 5px 0px 0px;
}
.reservation-individuelle{
    background-color: #d8f5fb; /*#FFDDDD;*/
    padding: 1px 6px;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 6px;
}
.reservation-num_operation{
    margin-left: 6px;
}

.btn-pdf-experience{
    display: inline-block;
    font-size: 28px;
    color: #dc3545;
}


section#caisse-info-general{
    display:table;
    border:1px solid #ff8336;
    border-radius:8px;
    width:100%;
}

section div.info-sup{
    display:table-cell;
    margin:0 1.5em;
    padding:1em;
    text-align:center;
}

/*
#table-boisson{
    width:100%;
    margin:auto;
    background-color: transparent !important;
}
*/


input#operation-nom-organsime{
    width:100% !important;
}




/*** PORTLET CARNET OUVRIER ***/
#portlet-carnet-ouvrier,
#portlet-fiche-ouvrier{
    background-color:rgba(200,200,200,0.1);  /*rgba(232,231,230,1);*/
    border:1px solid #ccc;
    border-radius:0px 12px 12px 0px;
    margin-bottom:10px;
}

#portlet-carnet-ouvrier .portletHeaderDB,
#portlet-fiche-ouvrier .portletHeaderDB{
    border-radius:0px 12px 0px 0px;
    line-height:25px;
    font-family: Arial;
    font-size: 0.8em;
    color: #fff;
    text-align:center;
    background-color:#38969c;
}

/*** PORTLET RESERVATIONS DU JOUR ***/
#portlet-reservations-jour{
    background-color:rgba(200,200,200,0.1);  /*rgba(232,231,230,1);*/
    border:1px solid #ccc;
    border-radius:0px 12px 0px 0px;
    margin-bottom:10px;
}

#portlet-reservations-jour .card-header{
    border-radius: 0px 12px 0px 0px;
    line-height: 40px;
    color: #870085;
    text-align: center;
    background-color: #ffbcfe;
}


/*** PORTLET CONGES DU JOUR ***/
#portlet-conges-jour{
    background-color:rgba(200,200,200,0.1);  /*rgba(232,231,230,1);*/
    border:1px solid #ccc;
    border-radius:0px 12px 0px 0px;
    margin-bottom:10px;
}

#portlet-conges-jour .card-header{
    border-radius: 0px 12px 0px 0px;
    line-height: 40px;
    color: #034E94;
    text-align: center;
    background-color: #CFE8FF;
}


/*** PORTLET LOCATIONS DU JOUR ***/
#portlet-locations-jour{
    background-color:rgba(200,200,200,0.1);  /*rgba(232,231,230,1);*/
    border:1px solid #ccc;
    border-radius:0px 12px 0px 0px;
    margin-bottom:10px;
}

#portlet-locations-jour .card-header{
    border-radius: 0px 12px 0px 0px;
    line-height: 40px;
    color: #139386;
    text-align: center;
    background-color: #c3f8f2;
}

.salle-location-header{
    color: #139386;
    background-color: #c4e4e1;
    padding-left: 8px;
}






/*** PORLET GESTION DB ***/
#portlet-gestion-db{
    background-color:rgba(200,200,200,0.1);  /*rgba(232,231,230,1);*/
    border:1px solid #ccc;
    border-radius:0px 12px 12px 0px;
    margin-bottom:10px;
}

#portlet-gestion-db .card-header{
    border-radius:0px 12px 0px 0px;
    line-height:40px;
    color: #fff;
    text-align:center;
    background-color:#ff8336;
}

.portletItemDB{
    background-color:transparent;
}

.portletPresentationDB ul{
    margin:0px;
}

.portletPresentationDB li{
    display:block;
    margin-left:20px;
}


#portlet-carnet-ouvrier div.portletItemDB dd,
#portlet-gestion-db div.portletItemDB dd{
    line-height:23px;
}

.portletItemDB dd:hover{
    background-color:#eee;
}

.portletFooterDB{
    border-radius:0px 0px 0px 0px;
    /*background-color:rgba(239,197,202,0.6);*/
    height:15px;
}

.portletItemDB a.lien-menu-gestiondb{
    display:inline-block;
    margin-left:30px;
    font-size:0.9em;
    color:#7a2600;
    text-decoration: none;
    width: 100%;
    text-align: left !important
}

.portletItemDB a.lien-menu-gestiondb:before{
    display: inline-block;
    /*content: "\2686";*/
    color: #aaa;
    margin-left: -18px;
    margin-top: -5px;
    content: "\f602";
    font-size: 20px;
    transition: transform 0.5s ease-in-out;
}
.portletItemDB a.lien-menu-gestiondb:hover:before{
    /*content: "\2686";*/
    content: "\f602";
    color: #ff6f00;
    margin-top: -4px;
    transform: rotate(-315deg);
}

.portletItemDB a.lien-menu-gestiondb:hover{
    color:#ff6f00;
}

.portletItemDB span.lien-portlet-db{
    font-family: Exo, sans-serif !important;
}

.arrow{
    font-size:16px;
}

.menu-titre{
    font-variant:small-caps;
    margin-top:10px;
    font-size:1em;
    padding-left:6px;
}

.separation{
    margin:auto;
    width:90%;
    border-bottom:1px dotted #777;
}

.btn a,
.btn a:link{
    color: #fff;
    text-decoration: none;
}

.bouton{
    display:inline-block;
    margin-top:10px;
    padding:2px 16px;
    border:1px solid #aaa;
    border-radius:18px;
    cursor:pointer;
    background: rgb(237,207,96); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,207,96,1) 0%, rgba(233,194,57,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(237,207,96,1) 0%,rgba(233,194,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(237,207,96,1) 0%,rgba(233,194,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edcf60', endColorstr='#e9c239',GradientType=0 ); /* IE6-9 */
    transition: all 0.5s ease-in-out;
}

.bouton:hover{
    border:1px solid #333;
}

.bouton a,
.bouton a:link{
    color:#000 !important;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
    text-decoration: none;
    border-bottom:none !important;
    transition: all 0.5s ease-in-out;
}

#personne-complementaire-forfait-famille{
    margin-left:15px;
    width:400px;
    min-height:100px;
    padding:6px 10px;
    border:1px solid #aaa;
    border-radius: 18px;
}

.titre-categorie{
    padding-top: 15px;
    background-color: rgb(255,227,216) !important;
}
.titre-categorie  h3{
    font-size: 1.2rem !important;
    font-variant: small-caps;
    color: #000 !important;
    text-shadow: none !important;
    margin: 10px 0px 6px 0px;
}


div#box-total-commande{
    padding-top: 1em;
    font-size: 2em;
    vertical-align: middle;
    /*text-align: right;*/ 
}

.box-commande{
    /*border: 1px solid #f00;*/
}

.sous-total-box{
    width: 300px;
    margin: 10px auto;
    text-align: right;
    padding-right: 33px;
}

.label-sous-total{
    width: 150px;
    margin: 0px 4px 0px 0px;
    line-height: 45px;
    text-align:  right;
}

.sous-total{
    display: inline-block;
    height: 45px;
    min-width: 80px;
    line-height: 44px;
    text-align: center;
    padding: 0px 8px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
}

.sous-total-box-tarif{
    margin: 4px 8px;
}

/*div#mode-paiement-cafetaria,
div#type-gratuite{
    text-align:center;
}*/
div#mode-paiement-cafetaria{
    text-align:center;
}


.icone-recharger,
.icone-recharger-traiteur{
    float:right;
}

.icone-recharger,
.icone-recharger-traiteur{
    width:12px;
    height:12px;
    background-repeat:no-repeat;
    cursor:pointer;
}

.icone-recharger:hover,
.icone-recharger-traiteur:hover{
    background-position: left -12px;
}

.icone-recharger a
..icone-recharger-traiteur a{
    display:block;
    width:12px;
    height:12px;
    border-bottom:0px !important;
}

.icone-expand i,
.icone-modifier i{
    text-align:left;
    font-size:1.4em;
    background-color:transparent !important;
    border:none !important;
}
.icone-expand i:hover,
.icone-modifier i:hover{
    color:#a00;
}
div.icone-expand a,
div.icone-modifier a,
div.icone-recharger a,
#content a.link-overlay {
    border-bottom: 0px dotted #205c90 !important;
}

#table-commande-traiteur{
    position:relative;
    left:30px;
    box-shadow: 3px 3px 6px rgba(50,50,50,0.3);
}

#recalculer-total-musee,
#recalculer-total-entree-musee-indiv,
#recalculer-total-entree-musee-gs,
#recalculer-total-entree-musee-gc,
#recalculer-total-traiteur{
    position:relative;
    top: -50px;
    left: 200px;
    width:65px;
    height:65px;
    color:#b00029;
    transition: all 0.5s ease-in-out;
    transform-origin:50% 50%;
}
#recalculer-total-musee:hover,
#recalculer-total-entree-musee-indiv:hover,
#recalculer-total-entree-musee-gs:hover,
#recalculer-total-entree-musee-gc:hover,
#recalculer-total-traiteur:hover{
    color:#ffa200;
    transform:rotate(720deg);
}

#recalculer-total-traiteur{
    width:35px !important;
    height:35px !important;
    top: 5px !important;
    left: 0px !important;
    margin-bottom: 15px;
}

#recalculer-total-cafetaria{
    position: relative;
    top: 0px;
    left: 120px;
    width: 65px;
    height: 65px;
    color: #b00029;
    transition: all 0.5s ease-in-out;
    transform-origin: 50% 50%;
}
#recalculer-total-cafetaria:hover{
    transform:rotate(720deg);
}
#recalculer-total-magasin{
    position: relative;
    top: 0px;
    left: 120px;
    width: 65px;
    height: 65px;
    color: #b00029;
    transition: all 0.5s ease-in-out;
    transform-origin: 50% 50%;
}
#recalculer-total-magasin:hover{
    transform:rotate(720deg);
}

#recalculer-total-ouvrage-insert,
#recalculer-total-ouvrage-update{
    position: relative;
    top: 10px;
    left: 40px;
    width: 65px;
    height: 65px;
    color: #b00029;
    transition: all 0.5s ease-in-out;
    transform-origin: 50% 50%;
}
#recalculer-total-ouvrage-insert:hover,
#recalculer-total-ouvrage-update:hover{
    transform: rotate(720deg);
}
.fa-recalculer:before,
.fa-recalculer-traiteur:before{
    content: "\f2f1";
}
.fa-recalculer,
.fa-recalculer-traiteur{
    position: relative;
    z-index:2000;
    cursor:pointer;
}
.fa-recalculer{
    font-size:45pt;
}

.fa-recalculer-traiteur{
        font-size:25pt;
}

.icone-info{
    font-size: 2rem;
    color:#0558ff;
    cursor: pointer;
    margin-right: 10px;
}

.icone-reduction{
    font-size: 10px;
    transform: rotate(180deg);
}

article.titre-selectionner{
    width: 740px;
    margin:auto;
    margin-bottom:4px;
    padding:0px 0px 3px 14px;
    line-height:20px;
    border-bottom:1px solid #ddd;
    background-image:url(../images/flch_blanche.png);
    background-repeat:no-repeat;
    background-position:left 8px;
    background-color:rgba(255,255,255,0.3);
}



/*** OUVRAGE ***/
.article-ouvrage{
    margin-top: 20px;
}
#ouvrage-titre,
#ouvrage-quantite-commandee{
    display: inline-block !important;
}

#ouvrage-titre{
    /*width:70%;*/
}
.input-size{
    width: 80px !important;
    margin-left: 20px;
}

.titre-ouvrage,
.prix-ouvrage,
.quantite-ouvrage-commande,
#ouvrage-supprimer,
.reduction-pour-personnel{
    display:inline-block;
}

.input-prix{
    width: 100px !important;
}

.ouvrage-reduction-personnel{
    width:50%;
    margin:auto;
}

.titre-ouvrage{
    width:490px;
}

.prix-ouvrage{
    margin-left:10px;
}

.prix-ouvrage,
.reduction-pour-personnel,
.quantite-ouvrage-commande{
    width:55px;
    text-align:right;
}

#total-commande{
    width:324px;
    margin:auto;
}


article.detail-ouvrage{
    margin-left:20px;
    margin-bottom:12px;
    border-left: 1px dotted #ccc;
}

#ouvrage-supprimer{
    width:25px;
    text-align:center;
    border-bottom:none !important;
}
#ouvrage-supprimer:hover{
    color:#F00!important;
}
.bouton-suprimer-ouvrage{
    margin-left:15px;
}

.total-stat{
    margin: auto;
    margin-top:2em;
    text-align:center;
    font-size:2em;
}

.groupe-montant{
    border:1px solid #ccc;
    border-radius:8px;
    margin-bottom:8px;
    background-color:rgba(255,255,255,0.5);
}

.groupe-montant h3{
    margin:15px 0px 0px 10px;
}

/*
.bloc-montant{
    position:relative;
    top:-25px
}
*/

.box-table-montant{
    padding:5px;
    border:1px solid #9e9e9e;
    border-radius:8px;
    margin:0px 0px 25px 0px;
    background-color:rgba(255,255,255,0.5);
    box-shadow:3px 3px 6px rgba(55,55,55,0.2);
}

.box-table-montant table{
    margin:0px 0px 8px 0px;
}

.table-montant{
    margin-bottom:5px;
}
.nom-categorie{
    width:400px;
    font-size:13pt;
    color:#333;

}
.table-montant-titre-categorie td{
    background-color:#ffeacb !important;
    color:#333;
}

.categorie-boisduluc,
.categorie-partenaire{
    padding:5px 10px;
    margin-top:0px !important;
    margin-bottom:-2px !important;
    border-radius:8px 8px 0px 0px;
    border-width:1px;
    border-style:solid;
}
.categorie-boisduluc{
    background-color:#f5f5f5;
    border-color:#c4e3f9;
}
.categorie-partenaire{
    background-color:#fdf5f5;
    border-color:#f6e1de;
}

#tarif-guide,
#montant-forfait-categorie{
    border:2px solid #bbb;
    width:100px;
    height:33px;
    text-align:center;
    color:#000;
    padding-top: 3px !important;
}


.multi-wrapper .item {
    text-decoration: none !important;
}
#operation-nom-des-guides-box{
    width:50%;
}



/*** DEXTERIRY INCIDENT ***/
.incident-listing{
    border: 1px solid #ccc;
    margin: 10px auto;
}

.incident-listing-header{
    background-color: rgba(55, 55, 55, 0.2);
    padding: 10px;
    border-radius: 8px 8px 0px 0px;
}

.incident-listing-header a{
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.incident-listing-header a:hover{
    color: #ff8336;
    text-decoration: none;
}

.inventaire-article h5{
    margin-top:2em;
    margin-bottom:4px;
}
.inventaire-article p{
    color:#ff8336;
    padding-left:2em;
    margin-top: 0px;
}

.incident-link{
    font-size:0.8rem !important;
}






/*** STAT ***/
.graphique-containeur,
.graphique-containeur-par-annee{
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.1);
    margin: 15px auto;
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
}

.graphique-containeur-par-annee{
    height: 1900px;
}

#display-charts-data {
    cursor: pointer;
    margin:1em;
}

.box-resultat-stat{
    padding:0.5em 1em 0.5em 4em;
    font-size:1.3em;
    border-radius:5px;
}

.table-stat-donnee{
    margin:1em 3em;
}

.bordure-totale{
    border: 1px solid #900;
    border-collapse: collapse;
}

.titre-stat{
    padding:0.5em;
}

#graphique-provenance-par-commune,
#graphique-categorie-entree,
#graphique-provenance,
#container-provenance-par-localite,
#graphique-gratuite-payant,
#raphique-type-generique,
#graphique-nombre-visites-guidees,
#graphique-nombre-visites-par-guide{
    width:100%;
    height:800px;
}




/*** DATATABLES ***/

.width-250{
    width: 250px;
}

table.dataTable thead th, 
table.dataTable thead td, 
table.dataTable tfoot th, 
table.dataTable tfoot td {
    text-align: center !important;
    vertical-align: middle !important;
}

#table-provenance-commune_filter{
    width: 600px;
    padding: 4px 8px;
    position: relative;
    top: -10px;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: .600 !important;
    color: #000;
    right: 10px;
    line-height: 9px;
    font-size: .9em;
}

.dataTables_wrapper .dataTables_length select {
    background-color: #fff !important;
}
.dataTables_wrapper .dataTables_filter input {
    background-color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff !important;
}
.dataTables_filter{
    margin-bottom: 5px;
}


#table-listing-ouvrage_processing{
    display:none;
}
#listing-coffre-fort_filter input,
#table-listing-ouvrage_filter input{
    width: 300px;
}



#menu-operation-a-facturer{
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0px;
}
#menu-operation-a-facturer h5{
    margin-bottom: 0px;
}
.icone-menu-op-facturer{
    text-align: right;
    font-size: 1.3rem;
}


nav.menu-op-facturer{
    margin-right: 40px;
}
nav.menu-op-facturer a{
    font-size:1.3rem;
}

.plone-toolbar-main{
    font-size: 10px;
}

.plone-toolbar-left.plone-toolbar-left-expanded #edit-zone {
    width: 155px !important;
}

#edit-zone .dropdown-menu {
    font-size: 10px;
}

.date-listing{
    display: block;
    width: 80px;
}

.data-cell{
    width: 120px;
    margin: 5px 0px
}


/*** FULLCALENDERS ***/
.fc-event-main,
.fc-h-event .fc-event-title-container{
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    border: none !important;
}

.fc-event-time,
.fc-event-main,
.fc-h-event .fc-event-title-container{
    color: #333;
    text-transform: lowercase !important;
    font-weight: normal !important;
}
.fc-event-time{
    font-size: 9px;
    vertical-align: top !important;
    margin-right: 5px;
}
.fc-h-event .fc-event-title,
.fc-daygrid-event-harness {
    display: block;
    overflow: hidden;
    max-width: 100%;
    height: 20px;
}

.fc-daygrid-dot-event .fc-event-title {
    overflow: hidden;
    height: 20px;
    width: 100%;
}


.fc .fc-daygrid-event {
  margin-top: 1px;
  z-index: 6;
  height: 20px;
}

/*
.fc-event-title:before {
    content: "\f2f8";
}
*/

.fc-event-title {
    font-weight: normal !important;
    text-transform: lowercase !important;
}

.fc-h-event {
    border: none !important;
    margin: 1px 0px;
}


.fc-daygrid-week-number{
    font-size: 10px;
    text-decoration: none;
}

.fc .fc-daygrid-day-number {
    text-decoration: none;
}

.fc-daygrid-event-dot {
    border: none !important;
}

.fc .fc-daygrid-event {
    /*background-color: #00ffff;*/
}



/*** MMDDBDL-EVENT-CALENDAR ***/
#status-officient{
    padding-right: 30px;
}
#status-officient i.fa-broadcast-tower{
    font-size: 1.8em;
}

#calendar,
#mmddbdl-agenda{
    width: 100%;
    min-height:1000px;
    border:2px solid #ccc;
    border-radius:8px;
    padding:10px;
    background-color: rgba(255,255,255,0.5);
    box-shadow: 3px 3px 6px rgba(55,55,55,0.2);
}
.fc-view,
.fc-view > table {
    font-family: "arial";
}
.ui-tooltip {
    white-space: pre-line;
}


.fc-event-time {
    font-size: 9px;
    vertical-align: top !important;
    background-color: rgba(255, 255, 255, 0.5);
    margin-right: 5px;
    color: #000;
    padding: 0px 3px;
}

.conge-bg-rouge{
    background-color: #ff6767 !important;
}
.conge-bg-jaune{
    background-color: #ffff00 !important;
}
.conge-bg-bleu-fonce{
    background-color: #000066 !important;
}
.conge-bg-bleu-clair{
    color: #00b8d4 !important;
}
.conge-bg-noir{
    color: #000000 !important;
}


.conge-txt-blanc div.fc-event-title{
    color: #ffffff !important;
}
.conge-txt-noir div.fc-event-title{
    color: #000000 !important;
}


.conge-gabos-bg {
    background-color: #570006 !important;
}
.conge-gabos-txt div.fc-event-title{
    color: #ffa6d5 !important;
}

.recup-event-bg{
    background-color: #058b6e;/*#ffaa88;*/
    border-color: #023b2f;
    color: #0f0;
}
.nosecurex-event-bg{
    background-color: #4f000c !important;
    color: #ffb4ff !important;
    border-color: #ffb4ff;
}

.intranet-event-bg{
    background-color: #83e1fb !important;
    border-color: #004e66 !important;
    color: #002237 !important;
}
.intranet-event-border{
    border-color: #000;
}

.location-event-bg{
    background-color: #B90000 !important;
}

.cancel{
    background-color: #f00 !important;
    color: #fff !important;
    padding: 4px!important;
    font-size: 11px !important;
    border-radius:5px;
    margin: 0px 3px;
}


/* recuperation  - nosecurex */
.etat-pending{
    color: #ffc107;
}

.etat-refuse{
    color: #dc3545
}

.etat-validte{
    color: #00ff00;
}

#form-widgets-etat_recuperation,
#form-widgets-user,
input.datetime-field{
    width:250px !important;
}


.contenttype-boisduluc-nosecurex:before,
.contenttype-boisduluc-recuperation:before{
    padding-right: 0.5em;
}

.contenttype-boisduluc-nosecurex > svg,
.contenttype-boisduluc-recuperation > svg{
    display: none;
}

#form-widgets-is_recup_week_end-0{
    border:1px solid #555 !important;
    width: 1rem;
    height: 1rem;
    margin: 0 1.2rem;
}

/* btn congé securex */
.fc-custom1-button{
    margin-right:2px !important;

}
/* btn agenda mmdd  -- event site web mmdd */
.fc-custom2-button{
    background-color: #ffcf82 !important;
    color: #000 !important;
    margin-left: 15px !important;
    margin-right:5px !important;
}

/* btn agenda intranet    -- envent des employés intranet*/
.fc-custom3-button {
    background-color: #236CA5 !important;
    color: #aaffff !important;
}

/* btn réservation*/
.reservation-bg,
.fc-custom4-button {
    background-color: #ffbcfe !important;
    color: #000 !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}


/* btn recuperation non-securex */
.recuperation-bg,
.fc-custom5-button {
    background-color: #4f000c !important;
    color: #ffb4ff !important;
    /*
    background-color: #307a4d !important;
    color: #0f0 !important;
    */
    margin-right:5px !important;
}

/* btn recuperation securex */
.recuperation-bg,
.fc-custom6-button {
    background-color: #307a4d !important;
    color: #0f0 !important;
}
a.nosecurex-event-bg > div.fc-event-time{
    /*color: #ffb4ff !important;*/*/
}
a.recup-event-bg > div.fc-event-time{
    /*color: #0f0 !important;*/
}

/* btn expo payante réservation*/
.expo-payante-bg,
.fc-custom7-button {
    background-color: #ffaaa5 !important;
    color: #784246 !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

/* btn location salle*/
.location-bg,
.fc-custom8-button {
    background-color: #008087 !important;
    color: #75f8fd !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}



/* popover calendar */
.fc .fc-daygrid-event-harness {
    margin: 3px 0px;
}
.popover{
    background-color: rgba(255,255,255, 0.75) !important;
}
.popover-header{
    font-size: 0.85rem !important;
}

.popover-body{
    font-size: 0.7rem !important;
}





body.section-agenda article#content,
body.template-event article#content{
    margin: auto;
    border: 1px solid #aaa;
    border-radius: 10px;
    box-shadow: 3px 3px 15px rgba(50, 50, 50, 0.1);
    margin: 15px auto;
    padding: 20px;
    background: rgba(255,225,189,0.3);
}


body.section-agenda div#parent-fieldname-text{
    background-color: #fff;
    min-height: 200px;
    border: 1px solid rgba(0, 0, 0, 0.175);;
    border-radius: 10px;
    padding: 1rem;
}

.rechercher-back-bouton{
    margin-top: 20px
}
.rechercher-back{
    font-size: 25px;
    transform: rotate(-180deg);
    cursor: pointer;
}


/*** GOOGLE CALENDAR ***/
#google-calendar{
    border:0px !important;
    width:100%;
    height:700px;
}

#btn-ajouter-recup-secu,
#btn-ajouter-recup-nosecu,
#btn-ajouter-evenement{
    min-height: 60px;
    margin:0px 10px;
    display: block;
    /*line-height: 60px;*/
}

#btn-ajouter-evenement{
    background-color: #236ca5;
    margin:0px 10px;
}
#btn-ajouter-evenement a{
    display:inline-block;
    width:100%;
    height: 55px;
    line-height: 50px;
    color: #aaffff;
    text-decoration: none;
}
#btn-ajouter-evenement a:hover{
    color: #fff;
    text-decoration: none;
}

#btn-ajouter-recup-secu a{
    display:inline-block;
    width:100%;
    height: 55px;
    line-height: 50px;
    color: #0f0;
    text-decoration: none;
}
#btn-ajouter-recup-secu a:hover{
    color: #fff;
    text-decoration: none;
}


#btn-ajouter-recup-nosecu{
    background-color: #4f000c !important;
}
#btn-ajouter-recup-nosecu a{
    display:inline-block;
    width:100%;
    height: 55px;
    line-height: 50px;
    color: #ffb4ff !important;
    text-decoration: none;
}
#btn-ajouter-recup-nosecu a:hover{
    color: #ffb4ff !important;
    text-decoration: none;
}

#btn-ajouter-recup  .fa-calendar-plus,
#btn-ajouter-evenement .fa-calendar-plus{
    font-size: 1.5em;
    margin-right: 10px;
}




/*** LISTING DES RESERVATION ***/
.contact-info{
    border-left: 1px solid #ccc;
    padding-left: 5px;
    margin-left: 25px;
    width: 80%;
}

.detail-facturation{
    padding-left: 2rem;
}

.box-resa{
    width: 50%;
}

/*** TABLE ARTICLES ***/
.table-article tr,
.table-article td,
.table-article th{
    border:1px solid #555;
}
.table-article thead th{
    background:#767676 !important;
}


/*** LOCATION SALLE ***/
.card-salle{
    width: 300px;
    margin: 12px 2rem;
}

.card-salle-a-facturer{
    width: 300px;
    margin: 12px 0.5rem;
}



/*** LISTING OPERATION (jour - toutes) ***/
.listing-cat-type-user{
    font-size:0.65rem;
    color: #ff5370;
    font-family: monospace;
}

.listing-cat-nom{
    font-size:0.65rem;
    color: #005594;
    font-family: monospace;
}





.select-expo{
    border: 1px solid #000 !important;
    margin: 5px auto;
    font-size: 0.8rem;
    width: 180px !important;
}

.btn-expo{
    font-size: 0.8rem;
    background-color: #ccc;
    border-radius:5px;
    border: 1px solid #999;
    transition: all 0.3s ease-in-out;
    padding: 3px;
}
.btn-expo:hover{
    background-color: #ff8336;
    border: 1px solid #000;
}

/*** LISTING FICHE OUVRIER ***/
.sml-img-fiche{
    width:250px;
}

.modal-header .btn-close {
    background-color: #f00;
    position: relative;
    left: -50px;
}
.modal-body {
    background-color:#eaeaea;
}

.modal-body img {
    box-shadow: 10px,10px,25px, rgba(50,50,50,0.5);
}

.icone-pdf{
    font-size: 40px;
}

.figure-fiche{
    width: 100%;
}
.image-fiche{
    box-shadow: 10px 10px 25px rgba(50,50,50,0.5);
}




/*** FORMULAIRE LOCATION SALLE ***/
.montant-chauffage > div{
    width: 300px;
}
.montant-chauffage div:nth-child(2){
    margin-left: 10px;
}

.checkbox-salle{
    border:1px solid #565656 !important;
}




/**** RESPONSIVE DESIGN ****/

/**
@media (min-width: 1400px)
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100% !important;
    }
    body.col-one.col-content #portal-column-one {
        width: 300px !important;
    }
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100% !important;
    }
    body.col-one.col-content #portal-column-one {
        width: 300px !important;
    }
}

@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px !important;
    }
}

@media (min-width: 768px){
    .container, .container-md, .container-sm {
        max-width: 720px !important;
    }
}

@media (min-width: 576px){
    .container, .container-sm {
        max-width: 540px !imporant;
    }
}
**/