/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 oct. 2017, 10:28:57
    Author     : wam-ingenierie
*/

@font-face {
    font-family: 'NotoSans';
    src: url('fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.browserBureau {
    min-width: 1024px;
    min-height: 800px;
    height: 100%;
}

.body {
    margin: 0px;
    overflow-x: hidden;
}

.couleurFond {
    background: #3f4f62!important;
}

/* correct issue https://github.com/primefaces/primefaces/issues/3968  or WA-17 workArround !*/
/* migration 6.2.10 resolved !
body .ui-selectonemenu.ui-state-hover, 
body .ui-selectonemenu.ui-state-focus {
   background: #9ca3b0;
}
*/

/* suppression des brodures et des contours des layout */
.layoutUnit { 
    border: none!important;
}
.ui-layout-unit, .ui-layout-unit .ui-layout-unit-content {
    padding: 0em 0em!important;
    border: 0px none;
    overflow: hidden !important;
}
/* fin de traitement des bordures du layout */

/* taille des 2 boutons du menus */
.buttonMenu, button[id*='boutonMenu'], button[id*='boutonSelectionColonne'] {height:40px; padding-top: 16px;}

.ui-menu {
    width: unset !important;
    max-width: 30em;
}
.ui-menu .ui-menuitem-link {
    width: 100% !important;
}
.ui-menu .ui-menuitem-link.ui-state-hover {
    width: calc(100% - 9px) !important;
}

#resultat input, #statsLogging input, #copyrightExport input { /* modification de l'aspect des zones saisie texte dans les tableaux Browser/Logging/CopyrightExport (et zone recherche globale entête)*/
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #3f4f62 !important;
}

/* color for FONT-AWESOME */
.fa {color: #9ca3b0}

/* class for icon button cutIn cutOut */
.ui-icon-cutin .ui-icon {
    -webkit-transform: scaleX(-1) rotate(20deg);
    transform: scaleX(-1) rotate(20deg);    
}

.ui-icon-cutout .ui-icon {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);    
}

.ui-datatable-odd {
    background: #eff3f8
}

.bloc {
    padding: 0!important;
}

.blocLayout {
    background: #3f4f62!important;
}

.listeType, .listeTab, .playList{
    background: #3f4f62;
    color: #ffffff;
    width: auto!important;
    border: none!important;
    margin: 20px 0px !important;
    padding: 0px!important;
}

.listeType, .listeTab {
    height: calc(100% - 15px)!important;
}


.ui-selectlistbox-item {
    margin : 0px!important;
    padding: 2px 20px !important;
    white-space: nowrap;

}
.ui-state-highlight {
    background: #54bbb3!important;
}
/* suppress highlight in datepicker for the current day if it's not selected */
.ui-datepicker-calendar .ui-state-highlight:not(.ui-state-active){ 
    background: #3f4f62!important;
}
                                

.ui-picklist-list li {
padding: 0!important;    
}

/* optimization for list of value layout open */
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    padding : 0px !important;
}

/* début gestion de la zone des métaDonnées */
#blocMetaDonnees, .blocMetaDonnees {
    width: 100px;
    border: none;
    margin: auto;
    padding: 0px;
    color: #54bbb3;
    background-size: contain;
}
.blocMetaDonnees-images{
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
}
.blocLink-images{
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: 80%;
    margin:8px;
}
.abortUploadFile:hover, .abortUploadFile:focus, .abortUploadFile:active {
    display: inline-block;
    background: url("/webzenon/javax.faces.resource/javax.faces.resource/images/abort-146072_103.png") no-repeat;
    background-position: center;
}
.abortUploadFile:hover img, .abortUploadFile:focus img, .abortUploadFile:active img {
    display: inline-block;
    visibility: hidden;
}
/* Fin de la gestion de la zone des métaDonnées */

.waveform {
    background: #54bbb3;
}
/* début gestion de la zone de upload, positionnement et image + modification des affichages par défaut */
.ui-uploadSong, .ui-uploadSong .ui-fileupload, #drop {
    min-height: 64px;
    width: 64px;
    border: none;
    margin: auto;
    padding: 0px;
    color: #54bbb3;
    background: #54bbb3 url(images/ZENON_7-256px.png) no-repeat;
    background-size: contain;
}
.ui-uploadSong .ui-fileupload-buttonbar, .ui-uploadSong .ui-fileupload-content {visibility: collapse!important;}
.ui-uploadSong-rightPanel .ui-fileupload-buttonbar, .ui-uploadSong-rightPanel .ui-fileupload-content {visibility: collapse!important;}
.ui-uploadSong-rightPanel {position: absolute; display: inline; left: 0px; width: 100px; height: 60px;}

#blocLayoutLeft {z-index: 1!important; overflow: visible !important;} /* to show upload progress bar */
#blocLayoutLeft .ui-layout-unit-content.ui-widget-content {overflow: visible !important;} /* to show upload progress bar */
#blocLayoutLeft .ui-fileupload-cancel.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {visibility: hidden;}/* to remove cancel button => same click of open editor */
#uploadSong .ui-fileupload-messages, #uploadSong .ui-fileupload-files {visibility: visible; width: 400px; position: absolute!important; right :10px; z-index: 5;}
#uploadSong2 .ui-fileupload-messages, #uploadSong2 .ui-fileupload-files {visibility: visible; width: 400px; position: absolute!important; left :0px; z-index: 5;}
#uploadSongEditor .ui-fileupload-messages, #uploadSongEditor .ui-fileupload-files {visibility: visible; width: 400px; position: absolute!important; z-index: 5; background: #54bbb3;}
/* Fin de la gestion de la zone de upload */

/* début gestion de la zone de upload, positionnement et image + modification des affichages par défaut */
#logoRadio, #uploadDisabled {
    min-height: 64px;
    width: 64px;
    border: none;
    margin: auto;
    padding: 0px;
    color: #54bbb3;
    background: #54bbb3;
    background-size: contain;
}

.ui-picklist-list-wrapper { /* aspect des contours des zones de picklist */
    border: solid 1px #3f4f62!important;
}

a {
    color: #3f4f62;
}

a:hover {
    color: #54bbb3;
}

.ui-datatable-checkboxheader, .ui-selectcheckboxmenu-header .ui-chkbox, .ui-datatable .ui-selection-column .ui-chkbox-all { /* aspect des checks box dans le header des tableaux et des selectCheckboxMenu pour les rendre visibles */
    border: solid 1px #eff3f8;
    height: 18px!important;
    width: 18px!important;
}

.ui-panelgrid-cell { /* suppression des contours des grid responsives */
    padding: 0!important;
    margin: 0!important;
}

/* réduction de l'espace ente les lignes des tableaux pour gagner de l'espace */
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 0px 10px!important;
}
/* gestion de la hauteur de lignes du tableau et du débordement des libellés */
.ui-datatable .divFormatColumnClass {
   height: 20px;
   text-overflow: ellipsis; 
   white-space: nowrap; 
   overflow: hidden;
}

.ui-datatable .divFormatColumnClass:hover {
   overflow: visible;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.userLdap {
    background-color: lightgoldenrodyellow;
}

/* remove space in upload express form for smartphone */
#frmUploadDataExpress .ui-g-12 {
    padding: 0;
}

/* force label on updload button for smartphone */
#frmUploadDataExpress .ui-fileupload-buttonbar .ui-button .ui-button-text {display: block;}
/*
/* changement de la scroll bar, ok pour Chrome et Safari attention au différents navigateurs !! */
::-webkit-scrollbar {
    width: 20px !important;
    height: 20px !important;
    background: #9ca3b0!important;
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
    border-radius: 0px!important;
    background-color: #2f3b49!important; 
}

::-webkit-scrollbar-button {							/* Boutons */
    height: 20px;
    width: 20px;
    background: #9ca3b0 url(images/boutonAscenseur.png) -32px -32px no-repeat;
}

::-webkit-scrollbar-button:increment {					/* Bouton pour descendre */
    height: 20pt;
    width: 20pt;
    background-position: -32px -3px;
}

::-webkit-scrollbar-button:vertical {					/* Boutons verticaux */
    height: 20pt;
    width: 20pt;
    background: #9ca3b0 url(images/boutonAscenseur.png) -3px -3px no-repeat;
}

::-webkit-scrollbar-button:vertical:increment {		/* Bouton pour aller à droite */
    height: 20pt;
    width: 20pt;
    background-position: -3px -32px;
}

/* Styles pour les smartphones */
@media screen and (max-width: 768px) {
    #blocLayoutRight, #blocLayoutLeft, #resultat\:boutonSelectionColonne, #qtip-tooltip, .noSmartphone { visibility: hidden!important; display: none!important;}
    .onlySmartphone { visibility: visible!important; display: block!important;}
    #layoutResultat {left: 0px!important; right: 0px!important;} /* LTR and RTL */
    #waveLayout, #waveLayout .ui-layout-unit-content {height: unset!important}
    .ui-column-p-3, .ui-column-p-4, .ui-column-p-5, .ui-column-p-6  { visibility: hidden!important; display: none!important;}
    #waveLayout .ui-grid-col-1 {width: 0px!important; visibility: hidden!important; display: none!important;}
    #waveLayout .ui-grid-col-11, #layoutResultat {width: 100%!important;}
    .ui-datatable-header {
    padding: 0!important;
    height: 40px;
}
.recherche-saisie {
        font-size: 16pt!important; 
        letter-spacing: normal!important;
        padding: 0px 5px !important;
        height:36px;
        width: 60%;
    }
    .critere-info {
    color: #3f4f62; margin-right: 5px; margin-left: 5px; margin-top: 10px;
}

}
/* Styles pour les tablettes et plus*/
@media screen and (min-width: 768px) {
    #blocLayoutRight, #blocLayoutLeft, #resultat\:boutonSelectionColonne{ visibility: visible!important; display: block!important;}
    .onlySmartphone { visibility: hidden!important; display: none!important;}
    .ui-column-p-3, .ui-column-p-4, .ui-column-p-5, .ui-column-p-6 { visibility: visible!important; display: unset;}
    #waveLayout .ui-grid-col-1 {width: 40px!important; visibility: visible!important; display: block!important;}
    #waveLayout .ui-grid-col-11 {width: calc(100% - 40px)!important}
    #layoutResultat {width: unset!important;}
    .ui-datatable-header {
    padding: 0!important;
    height: 40px;
}
.recherche-saisie {
        font-size: 20pt!important; 
        letter-spacing: 0.3pt!important;
        padding: 0px 8px !important;
        height:36px;
    }
    .critere-info {
    color: #3f4f62; margin-right: 25px; margin-left: 25px; margin-top: 10px;
}

}
/* Styles pour les écrans moyens et grands */
@media (min-width: 992px) {
    .onlySmartphone { visibility: hidden!important; display: none!important;}
    .recherche-saisie {
        font-size: 20pt!important; 
        letter-spacing: 0.67pt!important;
        padding: 0px 10px !important;
        height:36px;
    }
}