/* ------------------------------ Flexbox ------------------------------ */
.containerPersistant { flex:1; overflow-y:hidden; }

.PanelV, .PanelH {
    align-content: space-between;
    align-items: stretch;
    display: flex;
    overflow-y:hidden;
}
.PanelV { flex: 1 1 0px; flex-flow: column nowrap; }
.PanelH { flex: 1 1 0px; flex-flow: row nowrap; }
.PanelFix, .flexFix { flex: 0 1 auto; }

.flexFill { flex: 1 1 0px; }
.flexBoxV { flex-flow: column nowrap; }
.flexBoxH { flex-flow: row nowrap; }
.flexBoxV, .flexBoxH {
    align-content: space-between;
    align-items: stretch;
    display: flex;
}

.vTabMenu
{
    border-right: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
}

.vTabTab
{
    background-color: #cc232b;
    color: white;
    padding: 5px;
    border-bottom: 1px solid #ced4da;
}
.vTabTab:hover
{
    background-image: linear-gradient(#f57575,#4c0101);
    color:white;    
    text-decoration: none;
}
.vTabTab.active
{
    background-image: linear-gradient(#fefefe,#f98f8f);
    color:black; 
}
.vTabTab.blocked
{
    background-image: linear-gradient(#bf6e6e,#5a4949);
    color:black; 
}

.btn { cursor:pointer; }

.top-menu
{
    font-size:1.5rem;
    font-weight:400;
}

.news-block
{
        background-image: url('/Integratik/Ressources/internal/images/groupeMartel_homeImage.jpg');
        background-size: cover;
        height:50vh;
}

.news-item
{
    padding-left: 15%;
    padding-right: 15%;
    background-color:initial;
    height:50vh;
}

.main-block-color
{
      background-color:whitesmoke;
}

.alternate-block-color
{
      background-color:#222222;
      color:white;
}


body
{
    padding-top:120px;
}


.item
{
    width: 335px;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    border-radius: 3px;
    overflow: hidden;
}

.itemNonDisponible
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 335px;
    height: 100%;
    color: #4C4C4C;
    background-color:rgba(153, 153, 153, 0.6);
    font-weight: bold;
    font-size: 32pt;
    text-align:center;
    padding-top:80px;
    user-select: none;
}

.itemRemarque
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 335px;
    height: calc(100% - 40px);
    color: #FFFFFF;
    background-color:rgba(133, 173, 255, 0.6);
    font-weight: bold;
    font-size: 24pt;
    text-align:center;
    padding-top:80px;
    user-select: none;
}

.itemRemarqueText
{
    display: inline-block;
    transform: rotate(-15deg);
}

.itemCyclique
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 335px;
    height: 100%;
    color: #4C4C4C;
    background-color:rgba(153, 153, 153, 0.6);
    font-weight: bold;
    font-size: 26pt;
    text-align:center;
    padding-top:80px;
    user-select: none;
}


.item-category
{
    width: 185px;
    cursor:pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    border-radius: 3px;    
}

.item-category:hover, .item:hover
{
    border: 1px solid #b7b3b3 !important;
    box-shadow: 3px 3px 4px 0px #c5c2c2;
}

.catalog
{
    display:flex; 
    flex-wrap: wrap; 
    justify-content:center; 
    column-gap:10px; 
    row-gap:10px; 
    max-height:379px; 
    overflow:auto;
    padding:5px;
}

.catalog-item
{
    flex: 1 1 0;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:200px;
    border: 1px solid #e7e7e7;
    background-color: white;
    border-radius: 13px;
    padding: 7px;
    box-shadow: 0 0 4px 1px #eaeaea;
}

.bgPattern
{
   background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2O8efPmf3V1dUYGKIAzMARgKjFUAABhTQgFqUDzYAAAAABJRU5ErkJggg==) repeat;
}

.catalog-item:hover
{
    border: 1px solid #b7b3b3 !important;
    box-shadow: 2px 2px 2px 0px #c5c2c2;
    cursor: pointer;
}

.loginBlock
{
    background-color: #ffffff;
}

.loginContainer
{
    max-width: 350px;
    background-color: #f8f9fa;
    padding: 20px 25px 30px;
    margin: 50px auto 25px;
    border-radius: 5px;    
    border: 1px solid #b5b5b5;
    box-shadow: 2px 4px 4px #949494;    
}

.loginImage
{
    font-size: 100px;
    display: block;
    margin: -75px auto;
    width: 97px;
    background-color: #f8f9fa;
}

.loginForm input[type=email],
.loginForm input[type=password],
.loginForm input[type=text],
.loginForm button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    direction: ltr;
    height: 44px;
    font-size: 16px;    
}

.loginForm .form-control:focus 
{
    border-color: #007bff;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}


/* ------------------------------ Gestion des listes ------------------------------ */

.ListDelete { cursor: pointer; color: red; }
.ListDelete:hover { text-decoration: underline; }

.btnListeHistorique.actif 
{
    color: green;    
    font-weight:bold;
    background-image: linear-gradient(#FFFFFF 0%,white 90% ,#008000 90% );
}


.dt-buttons
{
    border: 1px solid #ced4da;
    border-radius: 5px;
}   
    
    
table.dataTable tr > td
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    
}
div.dataTables_wrapper div.dataTables_paginate { margin-top:5px; }
div.dataTables_wrapper div.dataTables_info { margin-top:5px; }
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { top: 2px; }

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { padding-right: 0px; } 

.padRight { padding-right:10px !important; }
td.padRight { padding-right:10px !important;border-bottom: 1px solid #ced4da; }
th.padRight { padding-right:10px !important;  }

li.dt-button.buttons-columnVisibility { cursor: pointer; height: 20px; font-size: 12px;}
.dropdown-menu > li.dt-button.buttons-columnVisibility > a:hover { background-color: orange; }
.dropdown-menu > li.dt-button.buttons-columnVisibility > a:focus { background-color: orange; }


/* ------------------------------ Tweak DataTable ------------------------------ */

/* Desactiver les icones d'entete et ajouter un souligner (permet de sauver de l'espace) */

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
     content: "";
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
     content: "";
}

table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {  text-decoration:underline; }


table.dataTable {
  background-color: #fff;
  width: 100%;
}

table.dataTable tr.even.disabledRow { color: lightgray; }
table.dataTable tr.odd.disabledRow { color: lightgray; }
table.dataTable tr.even.inactiveRow { background-color: #ffe7b5; }
table.dataTable tr.odd.inactiveRow { background-color: #ffd890; }

table.dataTable tr.even.totalRow { background-color:#FDD180; font-weight:bold; }
table.dataTable tr.odd.totalRow { background-color:#FDD180; font-weight:bold; }

.dataTables_scrollHead
{
    color:black;
    font-weight: bold;  
}

table.dataTable tr.odd { background-color:#ECECEC; }
table.dataTable tr.even, table.dataTable tr.odd { color:#222222; }

table.dataTable tr.odd.tableRowOrange { background-color:#F0AA00; }
table.dataTable tr.even.tableRowOrange { background-color:#F0BB00; }
table.dataTable tr.odd.tableRowGreen { background-color:#C6E0B4; }
table.dataTable tr.even.tableRowGreen { background-color:#E2EFDA; }
table.dataTable tr.odd.tableRowBlue { background-color:#A0D0FF; }
table.dataTable tr.even.tableRowBlue { background-color:#B0E0FF; }
table.dataTable tr.odd.tableRowRed { background-color:#FF6B6B; }
table.dataTable tr.even.tableRowRed { background-color:#FF7A7A; }

table.dataTable tr.odd:hover, table.dataTable tr.even:hover
{
    background-color:#00A0E0;  
    color: white;
    cursor: pointer;
}

.dataTables_scrollBody
{    
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

.RowRedText { color:red !important; }
.RowBlueText { color:blue !important; }
.RowGreenText { color:green !important; }
.RowHighlight { text-decoration:underline; }
.RowGrayText { color:#999999 !important; }
.RowTotalText { font-weight:bold; }
.RowDetailDisabled { cursor:default !important; }
.RowImportant { background-color:#FFCC00 !important; }


.autoCompleteTable 
{ 
    width: 100%; 
    background-color: #F4F4F4;
    border-radius: 3px;
}

table.autoCompleteTable  
{
    border-collapse: collapse;
    border-radius: 3px;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 
.autoCompleteTable table, th, td 
{
    padding: 1px;
}

.autoCompleteTable th
{
    border-bottom: 1px solid black;
}

table.autoCompleteTable tr > td
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

table.autoCompleteTable tr.even, table.autoCompleteTable tr.odd
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 2px;
}

table.autoCompleteTable tr:last-child:hover 
{
    background-color: white !important;
    color: black !important;
    cursor: default !important;
}

.CustomTable { font-size:9pt; line-height: 1.42857143; }
.CustomTable > tr:nth-child(odd) { background-color:#ECECEC; }
.CustomTable > tr:nth-child(even) { background-color:white; }

.CustomTable > tbody > tr:nth-child(odd) { background-color:#ECECEC; }
.CustomTable > tbody > tr:nth-child(even) { background-color:white; }

.CustomTable tr.trBlue:nth-child(odd) { background-color:#E0EEFF; }
.CustomTable tr.trBlue:nth-child(even) { background-color:#CCDDFF; }
.CustomTable tr.trOrange:nth-child(odd) { background-color:#FFEE00; }
.CustomTable tr.trOrange:nth-child(even) { background-color:#FFDD00; }
.CustomTable tr.trRed:nth-child(odd) { background-color:#FFEEEE; }
.CustomTable tr.trRed:nth-child(even) { background-color:#FFDDDD; }
.CustomTable > tr:hover { background-color:#00A0E0; cursor:default; }

.CustomTable > tbody > tr > td { padding:3px 5px 3px 5px; }
.CustomTable > tbody > tr:hover { background-color:#00A0E0; cursor:default; color:white; }

.CustomTable > thead > tr > th,.CustomTable > tr > th { cursor:pointer; user-select: none; padding:3px 5px 3px 5px; background-image:linear-gradient(#cb242b,#921419); border-bottom:1px solid #59595b; color:white; }
.CustomTable > thead > tr { border-bottom: 1px solid black; background-color:white; }
.CustomTable tr.ImportantHover:hover td { background-color:yellow !important; color:#222222 !important; }

.CustomSort {}
.CustomSortUp { text-decoration:underline; }
.CustomSortDown { text-decoration:underline; }

/*.CustomSortUp::after   { padding-left:3px; font:normal normal normal 14px/1 FontAwesome; text-decoration:none; content: "";}*/
/*.CustomSortDown::after { padding-left:3px; font:normal normal normal 14px/1 FontAwesome; text-decoration:none; content: "";}*/


.CustomRow { background-color:#FFFFFF; }
.CustomRowOdd { background-color:#F0FFF0; }
.CustomRowOrange { background-color:#FFEE00; }
.CustomRowOrangeOdd { background-color:#FFDD00; }
.CustomRowRed { background-color:#FFEEEE; }
.CustomRowRedOdd { background-color:#FFDDDD; }

.CustomRow:hover,
.CustomRowOdd:hover,
.CustomRowOrange:hover,
.CustomRowOrangeOdd:hover,
.CustomRowRed:hover,
.CustomRowRedOdd:hover
{
    background-color:yellow;
}

.transferEffect
{
    border:1px solid black;
    z-index:999999999;
}


.close
{
    float: right;
    margin-right: 5px;
    margin-top: 8px;
    cursor: pointer;        
}

.Banderolle
{
    background-image:linear-gradient(#f8f9fa 50%,#eaeaea);
    text-align: center;
    padding: 5px;
    font-size: 20pt;
    font-weight: 500;
    background-color: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #ced4da;
    text-shadow: 2px 2px 2px #d8d8d8;  
    margin-bottom:5px;
}

.componentLabel
{
    display: inline-block;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 9pt;
    background-color: #f4f4f4;
    padding: 3px 10px 3px 3px;
    vertical-align: top;
    height: 25px;
}

.CalendrierListe
{
    background-color: #f8f9fa;
    background-image: linear-gradient(#f8f9fa 50%,#eaeaea);
    padding: 5px;
    border: 1px solid #b4b5b5;
    margin:5px;
    border-radius:5px;
}

/* ---------------------- LightBox ---------------------- */
.ILightBox
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    background-color:rgba(0, 0, 0, 0.8);
    z-index:1500;
}

.ILightBoxContent
{
    margin:auto;
    min-width:10%;
    min-height:10%;
    max-width:90%;
    max-height:90%;
    border-radius:5px;
    overflow-y:auto;
    background-color:white;
    border: 5px solid white;    
}
/* TabControl: Mode Onglet */

.TabControl.nav-tabs > li.active > a, 
.TabControl.nav-tabs > li.active > a:hover,
.TabControl.nav-tabs > li.active > a:focus 
{
    border-color: #FF8418;
    border-bottom: 1px solid white;
    color: black;
    border-top: 3px solid #FF8418;
    
}

.TabControl.nav-tabs > li.active 
{
    z-index: 1;
}

.TabControl.nav-tabs 
{ 
    border-bottom: 1px solid #FF8418;
    padding-left: 10px; 
}

.TabControl.nav-tabs > li > a:hover 
{   
    color: black;
    border-color: #0386BB;
    background-color: #F9F9F9;
    border-bottom: 1px solid #FF8418;    
}

.TabControl.nav-tabs > li > a 
{
    color: #444444;
    background-color: white;
    border: 1px solid #1995DC;
    border-bottom: 1px solid #FF8418;
    height: 25px;
    border-top-left-radius: 15px;
    border-top: 3px solid #37B3E4;
    margin-left: -5px;    
    padding: 2px 10px;
    text-decoration:none;
}


/* Groupbox et autres (copiés de Theme.css) */
.GroupBox
{
    border-radius:4px; 
    border: 1px solid #2A74A5; 
    margin:10px 5px 5px 5px;     
}

.GroupBoxTitre 
{
    background-color:#2A74A5; 
    color:white; 
    font-size:10pt; 
    height:20px; 
    padding-left:10px; 
    font-weight:bold;    
}

.GroupBoxContent
{
    padding:10px;
}

/* ------------------------------ Tweak MultiSelect ------------------------------ */

.multiselect.dropdown-toggle
{
    line-height: 7px;  
    margin-left: -6.4;
    color: #555555;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-size: 9pt;
    height: 25px;
    margin-top: -4px;
}

.multiselect.dropdown-toggle.RoundedBox
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; 
}

.multiselect.dropdown-toggle > .caret { float: right; }
.multiselect.dropdown-toggle { text-align: left; }
.multiselect.dropdown-toggle::after{
    float:right;
}

.multiselect-container li:not(.multiselect-item) a { padding-left:0px; font-size:10pt; }

.multiselect-container > li.multiselect-all > a { padding-left:0px; }

label.radio {
    color: #555555;
    font-size: 9pt;
}

.multiselect-search{
    height: 25px;
}

/* Dropdown */
select.CompatSelect {
    color: #555555;
    font-size: 9pt;
}

/* 
    Message à afficher

*/
.message_centre{
    font-size: 16pt;
    text-align: center;
    margin: 50px;
}
/* ---------------------- Tweak tinyMCE ---------------------- */
.tinyMCEFlex
{
    width: 100%;
    height:100%;
    display:flex;
    flex-grow:1;
}

.tinyMCEFlex > .mce-tinymce
{
    width: 100%;
    display: flex;
    flex-flow: row;    
}

.tinyMCEFlex > .mce-tinymce > .mce-container-body
{
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.tinyMCEFlex > .mce-tinymce > .mce-container-body > .mce-edit-area
{
    display: flex;
    flex-grow: 1;   
}

.tinyMCEFlex > .mce-tinymce > .mce-container-body > .mce-edit-area > iframe
{
    height: auto !important;
}

.mce-btn-group div
{
    white-space: normal !important;
    color:#FF3300 !important;
}

div.mce-fullscreen
{
    height:100% !important;
}

body.mce-fullscreen > .IGlobalContainer > .IGlobalMenu
{
    display:none;
}