/*
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 : 13 déc. 2017, 18:04:36
    Author     : seb
*/


            html {
                height: 100%;
            }

            body {
                background-color: #08112e;
                background: #08112e url("/images/fond-orano.jpg") no-repeat center center;
                background-size: cover;
                min-height: 100%;

            }

            /* Mise en page : en-tête toujours visible, pied de page en fin de page (en bas de l'écran si la page est courte) */
            .site {
                display: flex;
                flex-direction: column;
                min-height: 100vh;
            }

            .site-header {
                position: sticky;
                top: 0;
                z-index: 1030;
            }

            /* Menu replié (mobile) ouvert : défile s'il dépasse la hauteur de l'écran */
            @media (max-width: 767px) {
                .site-header .navbar-collapse {
                    max-height: calc(100vh - 50px);
                    overflow-y: auto;
                }
            }

            .site-content {
                flex: 1 0 auto;
            }

            .site-footer {
                flex-shrink: 0;
                margin-bottom: 0;
                border-radius: 0;
                border-width: 1px 0 0;
            }

            .applink, .applink:hover{
                text-decoration: none;
                
            }
            
            .applink:hover .media-body {
                
               color: #FCDD00; 
                
            }
            
            .media-body {
                
                text-decoration: none;
                color: #ffffff;
                padding : 8px;
            }
            
            .media {
                
                background-color: rgba(0,0,0,0.4);
                margin-top: 8px;
                margin-bottom: 8px;
            }
            .media-heading {

                font-weight: bold;
                text-transform: capitalize;
            }

            /* Listes DataTables : défilement horizontal dans le panneau quand la fenêtre est trop étroite */
            .dataTables_wrapper {
                overflow-x: auto;
            }

            /* Le tableau s'élargit plutôt que d'empiler les mots : une valeur par ligne de cellule */
            table.dataTable td {
                white-space: nowrap;
            }

            /* Listes séparées par des virgules et texte libre : retour à la ligne sur une largeur suffisante */
            table.dataTable td.dt-liste {
                white-space: normal;
                min-width: 350px;
            }

            /* En-tête de panneau avec boutons (Retour, Ajouter…) alignés à droite du titre */
            .panel-heading-actions {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
            }

            .panel-heading-actions > h2 {
                margin: 10px 0;
            }

            .panel-heading-actions > .panel-heading-buttons {
                margin-left: auto;
            }

            /* Colonnes "Sites" : badge cliquable (voir renderSitesBadge dans custom.js) */
            .badge-sites {
                border: 0;
                cursor: pointer;
                background-color: #337ab7;
            }

            .badge-sites:hover,
            .badge-sites:focus {
                background-color: #23527c;
            }

            .tooltip-sites .tooltip-inner {
                max-width: 300px;
                text-align: left;
            }

            #modal-sites .liste-sites {
                margin-bottom: 0;
            }

            @media (min-width: 768px) {
                #modal-sites .liste-sites {
                    columns: 2;
                }
            }

            /* Formulaires : encart gris (mot de passe, abonnements) */
            .form-encart {
                border: 1px solid #cccccc;
                background-color: #f5f5f5;
                margin-bottom: 15px;
            }

            .form-encart > legend {
                margin-top: 10px;
            }

            /* Sous 992 px, libellés et champs s'empilent : marges intérieures et titre à l'intérieur de l'encart */
            @media (max-width: 991px) {
                .form-encart {
                    padding: 0 15px;
                }

                .form-encart > legend {
                    float: left;
                    width: 100%;
                }

                .form-encart > legend + * {
                    clear: both;
                }

                .form-encart > legend,
                .form-encart > [class*="col-md-"] {
                    padding-left: 0;
                    padding-right: 0;
                }
            }

            /* Formulaires : les listes Select2 prennent toute la largeur de leur colonne, comme les autres champs */
            .form-group .select2-container {
                width: 100% !important;
            }

            /* Formulaires d'application : tableaux des rôles en proportions plutôt qu'en largeurs fixes */
            table.app_roles,
            table.add_app_roles {
                table-layout: fixed;
            }

            table.app_roles th:first-child,
            table.add_app_roles th:first-child {
                width: 35%;
            }

            table.app_roles th:last-child,
            table.add_app_roles th:last-child {
                width: 60px;
            }