/*CSS UGBA*/

.footer_ugba {
  color: #555555;
  padding-top: 50px;
  font-size: 15px;
}

.titre-ugba {
    font-size: 38px;
    font-weight: bold;
    /*margin-right: 7px;*/
    font-family: Times New Roman, sans-serif;
    text-shadow: 3px 3px 4px #333;
}

.titre-ugba small {
	font-size: 19px;
}

.oops-container {
    color: crimson;
}

.oops-code {
    font-size: 8em;
    margin-top: .5em;
}

.oops-text {
    font-size: 2em;
    margin-top: -20px;
    margin-left: 20px;
}

.titre-u {
    color: #ff9c00;
    margin-right: 5px;
}

.titre-g {
    color: #ae007c;
    margin-right: 5px;
}

.titre-b {
    color: #0f95dd;
    margin-right: 5px;
}

.titre-a {
    color: #fe0036;
    margin-right: 5px;
}

.profile-ugba img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    /*vertical-align: bottom !important;*/
    width: 36px;
    height: 36px;
    margin-top: -7px !important;
    margin-right: 5px;
}

.dropdown-menu ul.menu {            /* OCBIEN Supprime les puces UL => Menu_haut */
    list-style-type: none;
}

.dropdown-menu.open {
    overflow: inherit !important;
}

.icon-modal-ugba {
	padding: 8px;
	/*font-size: 28px;*/
}

.titre-modal-ugba {
	font-size: 16px;
    display: inline-flex;
    vertical-align: middle;
    margin-top: -13px;
}

.titre-modal-ugba-login {
	font-size: 16px;
    display: inline-flex;
    vertical-align: middle;
    margin-top: -11px;
   	margin-left: 5px;
    /*color: #555;*/
    color: #fff;
}

.titre-popover-ugba {
	font-size: 14px;
    display: inline-flex;
    vertical-align: middle;
    margin-top: -16px;
}

.img-profile {
	text-align:center;
	margin-top: 4%;

    /*position: absolute;*/                 /* postulat de départ */
    /*top: 50%; left: 50%;*/                /* à 50%/50% du parent référent */
    /*transform: translate(-50%, -50%);*/   /* décalage de 50% de sa propre taille */
}

.img-profile img {
    width: 140px;
    height: 140px;
}

.badge-ugbc-blanc {
	color: white !important;
}

.grid-details {
  list-style: none;
  padding-left: 0;
  margin-top: 40px; }
    .grid-details li {
        padding: 16px 0 0 0; }
    .grid-details li small {
        font-size: 8px; }

@media (min-width: 992px) {
    .modal-xlg {
        width: 1024px;
    }
}

.bts-modal {
    display: inline-flex;
    vertical-align: top;
    margin-top: -20px;
    align-content: inherit;
}

.labInscr {
    width: 140px;
    padding-left: 40px;
    font-size: smaller;
    word-wrap: break-word;
}


/* Boutons Ouvrir / Fermer les Détails DataTables */
td.details-control {
    background: url('img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('img/details_close.png') no-repeat center center;
}


/*Texte Erreurs Saisies*/
.hide_span {
    color: red;
    font-style: italic;
    font-size: 12px;
}

/*Couleur Select Grid*/
.bg-grid-sel {
    background-color: #E9E9E9;
    /*background-color: #F5F5F5;*/
}

.popover.fade{z-index:-1;}
.popover.in{z-index: inherit}

/* Evite la ScrollBar Verticale avec Table Responsive */
.table-responsive { overflow-x: unset; }

/* Tableau Détails Inscriptions */
.tab-det-inscr span {
   display: inline;
   float: left;
   margin: 0px;
   padding: 3px;
   /*border: 1px solid red;*/
  }
.tab-det-inscr p {
   clear: left;
   margin: 0px;
   padding: 0px;
   height: 100% !important; height:1em;
   /*border: 1px solid red;*/
}
.tab-det-inscr span.col1 { width:22%; font-weight:bold; text-align: right; }
.tab-det-inscr span.col2 { width:78%; }
.tab-det-inscr span.col3 { width:50%; text-align: right; }
.tab-det-inscr span.col3-tot { width:50%; text-align: right; font-weight:bold; border-top: 1px solid grey;}
.tab-det-inscr span.col4 { width:25%; text-align: right;}


.tab-det-inscr span.col4-stat { 
    width: 25%;
    text-align: left;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 6px;
    color: darkgrey;
    transition: all .4s;
}

.tab-det-inscr span.col4-stat:hover {
    cursor: pointer;
    color: #0f95dd;
    font-weight: bold;
    transition: all .4s;
}

.ocb-modal-stat {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 15px;
    width: 150px;
    height: 150px;
    border-radius: 18px;
    box-shadow: 4px 3px 14px #4d4e61;
    font-size: 1.2em;
    /* opacity: 0; */
    /* transform: translateX(-80px); */
    /* transition: opacity .3s, transform .3s, display .3s; */
    transition: all .5s;
    display: none;
}

.ocb-modal-stat-i i {
    margin-right: 10px;
}

.ocb-modal-stat-bt {
    cursor: pointer;
}

.ocb-modal-stat-titre {
    font-weight: bold;
    color: #0f95dd;
    padding: 3px 0px 15px 0px;
    margin-top: -6px;
}

.ocb-modal-bt {
    position: absolute;
    right: 8px;
    top: 5px;
    font-size: 1.3em;
    cursor: pointer;
    color: 000;
}

.ocb-modal-bt:hover {
    color: #fe0036;
}

.ocb-modal-stat.visible {
    display: block;
    /* opacity: 1; */
    /* transform: translateX(0); */
    /* transition: opacity .3s, transform .3s, display .3s; */
    transition: all .5s;
}



.tab-det-inscr span.col4-tot { width:25%; text-align: right; font-weight:bold; border-top: 1px solid grey;}
.tab-det-inscr span.col5 { width:12%; font-weight:bold; text-align: right; }
.tab-det-inscr span.col6 { width:88%; }
.tab-det-inscr span.col7 { width:88%; }
.tab-det-inscr span.col8 { width:88%; }

/* .tab-det-inscr span.col7 { width:50%; text-align: right; }
.tab-det-inscr span.col8 { width:25%; text-align: right; }
.tab-det-inscr span.col9 { width:25%; text-align: right; } */

/* Tableau Détails Groupes GYM */
.tab-det-grp span {
    display: inline;
    float: left;
    margin: 0px;
    padding: 4px;
}
.tab-det-grp p {
    clear: left;
    margin: 0px;
    padding: 0px;
    height: 100% !important; height:1em;
}
.tab-det-grp span.col1 { width:22%; font-weight:bold; text-align: right; }
.tab-det-grp span.col2 { width:78%; }

/* Taille Icone Statut Inscription */
.ico-statut .material-icons { font-size: 22px !important; }

/* Cadre Icone Statut Inscription */
.card-statut {
    background: #fff;
    min-height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    position: relative;
    margin-bottom: 30px;
    margin-top: -15px;
    padding-top: 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 16px;
}


/* Couleur de fond input disabled */
/*.bg-disabled { background-color: #1d3e3e08 !important; }*/
.bg-disabled { background-color: #0808080a !important; }

/* Texte Nb d'Inscriptions trouvées Modal rechercher */
.txt-recherche { font-weight:bold; padding: 10px; }

.txt-emailing { margin-bottom: 23px; margin-top: -11px; }
.sujet { margin-bottom: 10px; }
.txt-emailing-bt { margin: 15px 0 -5px 5px; }
.txt-emailing-err { margin-top: 10px; }

/* Couleur 'Placeholder' & Hauteur Automatique => champ 'À' Emailing */
#inp_emailA { color:#999999; height: auto; }

/* Icones centrés dans les Grid */
.ico-grid { vertical-align: middle; }

/* Icones Rapports */
.ico-rapp { width: 24px; margin-top: -4px; }

/* Row Selects Filtres Inscriptions */
#div_filtres { margin-top: 23px; margin-bottom: -21px; }

#fileAvatarMenuHaut2 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: -40px;
}

.md-rapport {
    margin-top: -8px;
}

/* Liens Infos / Emailing & Rapports Page Home (Tableau de bord) */
.ocb_liensHome {
    margin-right: 24px;
    vertical-align: super;
}


/* .input-group-addon > select { */
.ocb_selStatReg {
    width: 140px !important;
    padding: 3px !important;
    color: #0f95dd;
}

.ocb-col {
    margin-bottom: 2px !important;
}

#messagesCool {
    color: #fff;
    font-size: 31px;
    font-weight: bold;
    margin-left: 130px;
    font-family: Times New Roman, sans-serif;
    text-shadow: 3px 3px 4px #e91e63;
}

.mode-test {
    padding: 20px 0 0 20px;
    margin-bottom: -14px;
}

.mode-test-actif {
    color: #fe0036;
}

.mode-test-msg p {
    color: #fe0036;
    padding: 20px 0px 0px 20px;
    font-weight: bold;
    font-size: 1.2em;
}


/* .box-statut {
    position: absolute;
    margin: -7px 0 0 -5px !important;
}

.box-statut:hover {
    cursor: pointer;
}

.sel-statut {
    position: relative;
    background-color: #fff;
    padding: 15px;
    width: 140px;
    height: 120px;
    top: -20px;
    left: 70px;
    border-radius: 18px;
    box-shadow: 4px 3px 14px #4d4e61;
    font-size: 1.2em;
}

.sel-statut i {
    margin-right: 8px;
} */