/* 
body,h1,h2,h3,h4,h5,h6 {font-family:Lato, "Trebuchet MS", "Open Sans",Helvetica,Arial,sans-serif;} 
*/
body,h1,h2,h3,h4,h5,h6 {font-family:"Lato","Trebuchet MS","Open Sans",Helvetica,Arial,sans-serif;}
h1, .h1 {color:#528c88; font-size: 2.5rem;font-weight: 400;} /* {color:#548fcc; font-size: 2.5rem;font-weight: 400;} */
h2, .h2 {color:#528c88; font-size: 2rem;}

@media(max-width: 768px) {
    h1, .h1 {color:#528c88; font-size: 1.5rem;}
    h2, .h2 {color:#528c88; font-size: 1.3rem;}
}

a {color:#D9884C;}
a:hover {color:#6AA7A3}
.a_bold {font-weight: bold;}

.grid-container {margin:0;max-width:5000px;}
.top-bar-right {float:right;display:inline-block;}
.sticky {z-index:999;}
.sticky-container {padding-bottom:4em;height:70px;}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {right:-2rem;}
.accordion-menu a, .dropdown.menu > li.is-dropdown-submenu-parent > a {color: #1e3a7b;font-size: 0.8rem !important;}
.top-bar {min-height:70px;padding-bottom:20px;}

.title_section {background-color: #436b69; /* #b0cbe8; */color: #fff !important;padding: 5px;}

/* couleur du fond du menu */ 
.top-bar,.top-bar ul,.title-bar {background-color:#1e3a7b;}
.title-bar {color:#fff;}
.top-bar a {color:red;font-size:1.0rem;line-height:0.7rem}

/* les éléments du menu */
.dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 193px; } /* le triangle à côté des menus */
.accordion-menu a,.dropdown.menu > li.is-dropdown-submenu-parent > a {color: #1e3a7b; font-size: 0.8rem;}

.parent_menu {padding: 0.7rem 0rem 0rem 1rem;color:#DADADA } 

.menu-selected {background-color:#528c88;color:#fff !important; line-height: 0.1 !important;} /* background-color:#dcdcdc */ 
.menu a:hover {background-color:#528c88;color:#fff !important;} /* {background-color:#1450A3;color:#fff;} */
.menu a:focus {background-color:#528c88;color:#fff;} /* {background-color:#548FCC; color:#fff;} */
.is-active > a {background-color:#528c88;} /* background-color:#548FCC;#fff;*/
.menu .is-active > a {background-color:#528c88;color:yellow} /*color:#3d405b;*/
.dropdown.menu > li.is-active > a {background-color:#528c88;}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #1e3a7b transparent transparent;}

/*
// les sous-menus 
.is-dropdown-submenu-parent > a:focus {color:#FF1DCC;}
.accordion-menu .is-accordion-submenu a,.dropdown .is-dropdown-submenu a {color:#fff;font-size:1.0rem;line-height:1.2rem;width:300px;}
// Décalage du sous-menu 
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {top:35px;}

// le petit triangle à droite des menus 
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after,
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {border-color:#fff transparent transparent;}

// sous-menu 
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {border-color: transparent transparent transparent #fff;}
*/

/* formulaire */
.myform {background-color:#eef1f2;}
.submit {background-color:#436b69;font-weight:bold;}
.button:hover,.button:focus {background-color:#528c88;font-weight:bold;}
.button.hollow.primary {border: 1px solid #1e3a7b;font-weight:bold;color:#1e3a7b;}
.button.hollow.primary:hover, .button.hollow.primary:focus {border: 1px solid #528c88;font-weight:bold;color:#528c88;}
/* .button.small {background-color: #528c88;} */


/* les couleurs de la partie “facturation” */
.orange {color:orange;}
.rouge {color:red;}
.vert {color:green;}
.inactif {color:#959595;}

/* taille des caractères dans les champs du formulaire */
[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea,select {font-size:0.8rem;}

/* Datatables */
table.dataTable {width:100%;padding:25px 0 15px 0;}
ul.pagination li.current a,ul.pagination li.current button {background:#548fcc;}
.pagination .current {background:#fff;padding:0rem;font-size:0.8rem;}
.wrapok {white-space: normal !important ;}

table.dataTable tbody td, table td, table td * { vertical-align: top; }

/* thead, tfoot, td {font-size: 0.8rem;} */
thead, tfoot{font-size: 0.8rem;}
td {font-size: 0.85rem;} 


div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {font-size:0.8rem;}
label{font-size:0.75rem !important;}

tr {line-height: 1.0;}
td.child {font-size:0.9rem;}

table.dataTable>tbody>tr.child ul {line-height:0.8rem;}

/* la cellule du tableau “highlight” sur laquelle porte le tri */
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #528c88 !important; color: #fff !important; font-weight: bold !important; } /* #41436A */

/* la cellule de l'entête “highlight” sur laquelle porte le tri */
table#TableOfResults thead tr th.sorting_asc, table#TableOfResults thead tr th.sorting_desc {background-color:#528c88; color:#fff;} /* {background-color:#337CCF;color:#fff;} */


table.dataTable.display tbody tr:hover>.sorting_1, 
table.dataTable.order-column.hover tbody tr:hover>.sorting_1, 
table.dataTable.display tbody tr:hover>.sorting_2, 
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {background-color: #528c88}
 
/* le fond quand hover */
tr.show_prospection {background-color: #0a9396 !important; color: #fff} /* #6AA7A3 */
tr.show_prospection a,
tr.show_prospection a:hover, tr.show_prospection a:hover td, 
tr.show_prospection:hover, tr.show_prospection:hover td {color: #fff !important}

tr.show_creation {background-color: #9B7EBD !important; color: #fff}
tr.show_creation a,
tr.show_creation a:hover, tr.show_creation a:hover td, 
tr.show_creation:hover, tr.show_creation:hover td {color: #fff !important}

tr.show_production a {color: #3d405b}
tr.show_production:hover a, tr.show_production:hover td {color: #fff !important}
tr.show_production a:hover, tr.show_production a:hover td {color: #fff !important}

tr.show_accounting {background-color: #efbf6a !important; color: #3d405b} /* #F1E7BB */
tr.show_accounting a {color: #3d405b}
tr.show_accounting:hover a, tr.show_accounting:hover td {color: #fff !important}
tr.show_accounting a:hover, tr.show_accounting a:hover td {color: #fff !important}

tr.show_to_invoiced {background-color: #94d2bd !important; color: #3d405b !important;} /* background-color: C1E6BA    #C66842     vert clair #C1E6BA */
tr.show_to_invoiced a {color: #3d405b}
tr.show_to_invoiced:hover a, tr.show_to_invoiced:hover td {color: #fff !important}
tr.show_to_invoiced a:hover, tr.show_to_invoiced a:hover td {color: #fff !important}

tr.show_invoiced {background-color: #ca6702 !important; color: #fff !important;} /* #D9884C   #7699AE */
tr.show_invoiced a {color: #fff !important;}
tr.show_invoiced:hover a, tr.show_invoiced:hover td {color: #fff !important}
tr.show_invoiced a:hover, tr.show_invoiced a:hover td {color: #fff !important}

tr.show_too_late {background-color: #e9d8a6 !important;}
tr.show_too_late a {color: #3d405b}
tr.show_too_late:hover a, tr.show_too_late:hover td {color: #fff !important}
tr.show_too_late a:hover, tr.show_too_late a:hover td {color: #fff !important}

tr.show_non_bill {background-color: #e9e9e9 !important; color: #3d405b !important;}
tr.show_non_bill a {color: #3d405b}
tr.show_non_bill:hover a, tr.show_non_bill:hover td {color: #fff !important}
tr.show_non_bill a:hover, tr.show_non_bill a:hover td {color: #fff !important}

tr.show_closed {background-color: #d2e4e3 !important; color: #3d405b !important;}
tr.show_closed a {color: #3d405b}
tr.show_closed:hover a, tr.show_closed:hover td {color: #fff !important}
tr.show_closed a:hover, tr.show_closed a:hover td {color: #fff !important}


table#TableOfResults    thead, tfoot {background-color: #335C67; color: #fff;} /* {background-color: #1450A3; color: #fff;} */
table#TableOfTimeSheet  thead, tfoot {background-color: #335C67; color: #fff;}
table#TableOfDescr      thead, tfoot {background-color: #335C67; color: #fff;}

.negatif {color: red;}
.positif {color: green;}
.negatif:hover {color: #fff;}
.positif:hover {color: #fff;}


/* hover */

/*
table#TableOfResults tbody tr:hover {color: #3d405b036 !important ;}
table#TableOfResults tbody tr:hover a {color: #3d405b036 !important ;}
*/

table#TableOfResults tbody tr:focus a {font-weight: 900;}

/* Fond de la cellule "triée" lorsque souris passe au-dessus*/
/*
table#TableOfResults tbody tr:hover > .sorting_1, table#TableOfResults tbody tr:hover > .sorting_2, table#TableOfResults tbody tr:hover > .sorting_3, table#TableOfResults tbody tr:hover > .sorting_4, table#TableOfResults tbody tr:hover > .sorting_5, table#TableOfResults tbody tr:hover > .sorting_6, table#TableOfResults tbody tr:hover > .sorting_7 {background-color: #b5b5b5;color: #3d405b !important;}
*/



/*
.TableResultats tbody tr:hover {background-color: #548fcc;} /* {background-color: #548fcc;} */
*/
.dropdown-pane {width:auto;background-color:#1e3a7b;padding:0.8rem 0.3rem 0.8rem 0.0rem ;}
.dropdown-pane > ul > li > a {color:#fff;}
.dropdown-pane a:hover {background-color:#548fcc;color:#fff;}

.menu {line-height: 0.1 !important;}
.lastmenu {margin-bottom: 0.8rem !important;} 

/* .task{font-size: 0.8rem !important;} */
.task{font-size: 0.8rem;}
 
/* Menu fond bleu foncé */ 
/* .off-canvas {background-color: #1e3a7b; color: #fff; font-size: 1.1rem;} */
/* .menu a {color: #fff; font-size: 0.9rem;} */

/* Test menu fond blanc */
.off-canvas {background-color: #f1f1f1;}
.menu a {color: #436b69; font-size: 0.9rem;}
.position-left.is-transition-push {-webkit-box-shadow: none; box-shadow:none;}

.is-dropdown-submenu-parent {/*padding-left: 10px;padding-bottom: 15px;*/}
.menu-rubrique {color:#b3b3b3;font-size: 0.9rem;} 
.title-bar-title {color: #fff;}
.logobox:hover {background-color: #dcdcdc !important;}

.speedsearch{color:#fff;font-size: 0.9rem;margin: 0rem 2rem 0rem 1rem;}

.citation_block{margin-top: 3em; margin-bottom: 0em; background-color: #436b69;} /*#337CCF;*/
.citation {color:#fff;font-size: 0.9rem;font-style: italic;font-weight: 400;} 
.auteur {color:#fff;font-size: 0.9rem;font-weight: bold;} 
.citation_id {font-size:0.6rem;color:#fff;}
.copyright {text-align: right; font-size:0.8rem; color:#fff;}


/* affichage des facturés + à facturer */
.invoiced {background-color: #f5fffa;color:green;} /* background-color: #dcdcdc ; color:#1e3a7b; */
.accounting {/* background-color: #f0f0f0; */ color:#808080; /*#1e3a7b;*/}
/* .to_be_billed {background-color: MediumSeaGreen; color:#fff;} */
.to_be_billed {background-color: #f0f0f0;color:#ff0000; /*#cc0000;*/}
.prospection {background-color: #f0f8ff;color:#1e3a7b;}
/* quand un champ d’un formulaire est "require" */
.required:after { content:" *"; color: red; }

/* contextmenu */
.context-menu-item {font-size: 0.9rem;}
.context-menu-icon.context-menu-icon--fa5 i, .context-menu-icon.context-menu-icon--fa5 svg {color:#3d405b !important;top:0.5em !important;}
.context-menu-item:hover {background: #436b69;}


/* tooltip: affichage du temp passé ou du montant de la facture */
.tooltip {font-size: 0.8rem;font-weight: bold;White-space: nowrap;}

.reveal {
 border:2px #3d405b solid;
 border-radius: 15px;
 padding: 2rem;
 /* box-shadow: #b5b5b5 4px 4px 2px; */
}

/* NE PAS TOUCHER -- Pour éviter l'effet FLASH */
.no-js .top-bar {display:none;}
@media screen and (min-width:40em) {.no-js .top-bar { display:block; }.no-js .title-bar {display:none;}}

/* flèche pour revenir en haut de la page */
#myBtn {
 display: none; /* Hidden by default */
 position: fixed; /* Fixed/sticky position */
 bottom: 15px; /* Place the button at the bottom of the page */
 right: 14px; /* Place the button 30px from the right */
 z-index: 99; /* Make sure it does not overlap */
 border: none; /* Remove borders */
 outline: none; /* Remove outline */
 cursor: pointer; /* Add a mouse pointer on hover */
 padding: 15px; /* Some padding */
 border-radius: 10px; /* Rounded corners */
 font-size: 18px; /* Increase font size */
 background-color: #F1E7BB; /* rose: #E0A5E3; /* Set a background color */
 color: #3d405b; /* Text color */
}

#myBtn:hover {background-color: #866388; /* change background on hover */}
table.dataTable.no-footer {border-bottom:0}