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

/* ------------------------------ Gestion des listes (CustomTable) ------------------------------ */
.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; }


.CustomTable { font-size:16px; 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; font-size:15.43px; white-space:nowrap;}

.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;
}

.colonneMobile {display:none;}
.colonneComplet {display:table-cell;}

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

.Unselectable {
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ---------------------- LightBox ---------------------- */
.ILightBox
{
    position:fixed;
    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;    
}


/* ---------------------- Ajustements themes ---------------------- */

/* Position de la photo dans l'avatar */
.avatar>img { object-position: top; }

.unavailable 
{ 
    pointer-events: none;
    filter: grayscale(1);
    opacity: 0.25; 
}

.PrivateBlur
{
    filter:blur(3px);
}

.PrivateBlur:hover
{
    filter:none;
}

.width40
{
    display:inline-block;
    width:40px;    
}

.width75
{
    display:inline-block;
    width:75px;    
}

.footer-rev
{
    white-space: nowrap;
    font-size:0.8em; 
    margin-right:8px;
    margin-left: 8px;    
}

.footer-genre
{
    float:right;
    font-size:0.8em;
}

/* ---------------------- Login  ---------------------- */

.display-none
{
    display:none;    
}

.LoginBG
{
    background-image: url('/Integratik/assets/images/others/bg-2.jpg');    
}

.LoginDiv
{
    max-width:350px;    
}

.LoginAlert
{
    display:none; 
    text-align: center;
    padding: 5px;
}

.MicrosoftSignInHyperlink
{
    text-decoration: none;
}

/* Ne pas changer le style ou le texte ici, ceux-ci respectent la spécification de Microsoft */
.MicrosoftSignIn
{
    display: inline-flex;
    align-items: center;
    height: 41px;
    padding: 0 12px;
    font-family: 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

/* Ne pas changer le style ou le texte ici, ceux-ci respectent la spécification de Microsoft */
.MicrosoftSignIn svg
{
    margin-right: 12px;
}

/* Ne pas changer le style ou le texte ici, ceux-ci respectent la spécification de Microsoft */
.MicrosoftSignInLight
{
    border: 1px solid #8C8C8C;
    background-color: #FFFFFF;
    color: #5E5E5E;
}

/* Ne pas changer le style ou le texte ici, ceux-ci respectent la spécification de Microsoft */
.MicrosoftSignInDark
{
    background-color: #2F2F2F;
    color: #FFFFFF;
}