/* ===========
   AUTH
 =============*/

html#login-page, body { height: 100%; }

body.bg-auth { background-image: var(--app_login_background_image); }
body.bg-auth .bg-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#125fa7+0,d91e3d+100&0.75+0,0.75+100 */
  background: -moz-linear-gradient(-45deg, rgba(190, 37, 79,0.75) 0%, rgba(255, 212, 68,0.75) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(190, 37, 79,0.75) 0%,rgba(255, 212, 68,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(190, 37, 79,0.75) 0%,rgba(255, 212, 68,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff3152b', endColorstr='#bfffc142',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* ===========
   GEN
 =============*/
 html, body { background: #EAEAEA; }


.navbar-default { background-color: var(--app_header_color); }

.tab-content { box-shadow: none; }

.bg-primary { background-color: rgba(0,155,181,1) !important }
.female { background-color: #ffccde !important; border-color: #ec6d9a !important; color: rgb(51, 51, 51) !important; }
.male   { background-color: rgb(92, 164, 203) !important; border-color: rgb(42, 101, 219) !important; color: #ffffff !important; }
.doublon { background-color: #c3b9b9 !important; color: #000000 !important; }
.dispo  { background-color: #fcfeff !important; border-color: #AEBCA9 !important; }
.female > .aller-retour {color: #d70000 !important; font-weight: bold !important;}
.male > .aller-retour {color: #fffb00 !important; font-weight: bold !important;}

.p-t-5 { padding-top: 5px; }
.p-l-15 { padding-left: 15px !important; }
.text-bold { font-weight: 700; }
.mb2 { margin-bottom: 2px}
.p2 { padding: 2px}
.p5 { padding: 5px}
.w-100 { width: 100%; }

/* Style par défaut des navigateurs */
input:required,
input:invalid,
input:-moz-placeholder
{
    box-shadow: none !important;
}

/* ===========
   HEADER
 =============*/
.topbar { z-index: 1040; height: 70px; max-height:70px; }
/*.navbar-default .page-title-container { color: #FFF; float: left; display: inline-block; }*/
/*.navbar-default .page-title { color: #FFF; font-weight: 600; margin: 0; padding-top: 23px; font-size: 20px; }*/
/*.navbar-default .page-title.has-subtitle { padding-top: 11px; }*/
/*.navbar-default .page-subtitle { color: #FFF; font-weight: 400; margin: 0; padding-top: 3px; font-size: 16px; }*/

#wrapper .topbar .topbar-left { background: var(--app_header_color_dark); border-bottom: 1px solid var(--app_header_color_dark); }

div.navbar-default > div.container > div {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    height: 70px;
}

.navbar-default .page-title-container {
    color: #FFF;
    margin: 0;
    padding: 8px 0;
    display: flex;
    align-self: center;
    flex-grow: 2;
    flex-direction: column;
}
.navbar-default .page-title { color: #FFF; font-weight: 600; margin:0; padding:0; font-size: 20px; }
.navbar-default .page-title.has-subtitle {  }
.navbar-default .page-subtitle { color: #FFF; font-weight: 400; margin: 0; padding: 0; font-size: 14px; }
.navbar-default h5.page-subtitle.hidden-xs {font-size:14px; margin:0; padding:0; }
.navbar-default h5.page-subtitle.visible-md.visible-lg {font-weight:600; margin:0; padding: 4px 0 0;}


.navbar-default .btn {
    border: 1px solid #FFF;
    color: #FFF;
    padding: 2.5px 6px;
    font-size: 12px;
    margin-top: 3px;
    align-self: self-start;
}
.navbar-default .btn:hover { background: rgba(255,255,255,0.8); color: rgba(0,155,181,1); }

#wrapper .navbar-default .user-detail {
    position: inherit;
    width: auto;
}
#wrapper .navbar-default .user-detail .user-info-span { padding-left: 8px; padding-right: 18px; }
#wrapper .navbar-default .user-detail .user-info-span .caret { float: right; margin: -15px -18px 0 0; }
#wrapper .navbar-default .user-detail h5 { display: inline-block; text-align: left; color: #FFF; font-size: 12px; line-height: 1; padding: 4px 0 0; }

@media (max-width: 899px) {
    .user-detail .user-info-span {
        display: none;
    }

  #wrapper .topbar .topbar-left { width: 70px !important; }
  #wrapper .topbar .topbar-left .logo > * { vertical-align: top; }
  #wrapper .topbar .topbar-left .logo span { display: inline-block; opacity: 1;  }
  #wrapper .topbar .topbar-left .logo span > * { display: none; }

  #wrapper.enlarged .topbar .topbar-left { width: 70px !important; }
    #wrapper.enlarged .topbar .topbar-left .logo span { display: inline-block; opacity: 1;  }
  #wrapper.enlarged .topbar .topbar-left .logo span > * { display: none; }
}

@media (min-width: 899px) {

    /* menu large */
  #wrapper .topbar .topbar-left { width: 240px !important; }
  #wrapper .topbar .topbar-left .logo > * { vertical-align: top; }
  #wrapper .topbar .topbar-left span { text-align: left; line-height: 70px; }
  #wrapper .topbar .topbar-left span > * { display: block; line-height: 1.2; }
  #wrapper .topbar .topbar-left span span.name { padding-top: 21px; }
  #wrapper .topbar .topbar-left span small { color: rgba(255,255,255,0.9); font-weight: 400; font-size: 60%; text-align: right; }

  /* menu rétracté */
  #wrapper.enlarged .topbar .topbar-left { width: 240px !important; }
  #wrapper.enlarged .topbar .topbar-left .logo span { display: inline-block; opacity: 1;  }
  #wrapper.enlarged .topbar .topbar-left .logo span > * { display: block; }
}

#wrapper .navbar-default .switch-indication { position: inherit; float: right; border: 0; width: auto; padding: 10px 0 2px; margin-right: 10px; font-size: 35px; color: white; }


/* ===========
   NAV
 ============= */

/* augmente la hauteur du menu dans le bas pour permettre l'affichage du menu popup admin en entier sur les écrans de pc portable */
/*#sidebar-menu {*/
/*  padding-bottom: 350px;*/
/*}*/

.nav.nav-stacked > li > a { line-height: 1.4; padding: 12px 15px; background: #FFF; border-radius: 0; color: #333 !important; }
.nav.nav-stacked > li > a.active { background: #337ab7; }
.nav.nav-stacked > li + li { border-top: 1px solid #DDD; }
.nav.nav-stacked.navtab-custom > li a { border-top: 0 !important; }
.nav.nav-stacked.navtab-custom > li.active a { background: rgba(0,155,181,0.1); border: 0 !important; border-right: 3px solid rgba(0,155,181,1) !important; }

.nav-form-container.fixed { position: fixed; top: 86px; width: 12%; }
.nav-form-container .nav-stacked.navtab-custom { font-size: 12px; }
.nav-form-container .nav-stacked.navtab-custom li + li { border-color: #FAFAFA; }
.nav-form-container .nav-stacked.navtab-custom li a { padding: 8px 12px; }
.nav.nav-stacked.navtab-custom > li:hover a { background: #effafc; }
.nav.nav-stacked.navtab-custom > li.active a { background: #e5f5f8; border: 0 !important; border-right: 3px solid rgba(0,155,181,1) !important; }

@media (min-width: 1000px) {
  .nav-form-container.fixed { width: 13%; }
}
@media (min-width: 1400px) {
  .nav-form-container.fixed { width: 14%; }
}
@media (min-width: 1800px) {
  .nav-form-container.fixed { width: 15%; }
}

.nav.nav-tabs.nav-justified.navtab-custom {  }
.nav.nav-tabs.nav-justified.navtab-custom li { background: #FFF; position: relative; }
.nav.nav-tabs.nav-justified.navtab-custom li a:hover { color: #00788c !important; }
.nav.nav-tabs.nav-justified.navtab-custom li + li { border-left: 1px solid #EEE; }
.nav.nav-tabs.nav-justified.navtab-custom li.active a { background: #b1e4ed !important; border-top: 3px solid #009bb5 !important; color: #00788c !important; font-weight: 600; text-shadow: 1px 1px 1px white; }
.nav.nav-tabs.nav-justified.navtab-custom li.active:after { content: ""; position: absolute; bottom: -15px; left: calc( 50% - 15px );
  width: 0; height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #b1e4ed transparent transparent transparent; }

.nav.nav-tabs + .tab-content.no-bg { background: none; padding-left: 0; padding-right: 0; }

.nav.nav-tabs > li > a { line-height: 35px; }


/* Menu */

/*#wrapper.enlarged .left.side-menu #sidebar-menu  {*/
/*  padding-top: 0px;*/
/*}*/

#wrapper.forced .side-menu.left {
  top: 70px;
}

#wrapper.forced.enlarged .side-menu.left,
#wrapper.enlarged .side-menu.left {
  top: 30px;
}

@media (max-width: 899px) {
  .left.side-menu {
    overflow: scroll !important;
    position: fixed;
  }

  .sidebar-inner.slimscrollleft {
    overflow: visible !important;
  }

  #sidebar-menu {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/* ===========
   PANEL
 =============*/
.panel-border .panel-heading { border-top-color: rgba(0,155,181,1) !important; color: rgba(0,155,181,1); padding: 8px 12px 0px; }

.panel-border.panel-primary .panel-heading { border-top-color: rgba(0,155,181,1) !important; color: rgba(0,155,181,1); }
.panel-border.panel-primary .panel-title { color: rgba(0,155,181,1); line-height: 1; }

.panel.panel-form { color: #333; }
.panel.panel-form .panel-body { padding: 8px 12px 4px; }
.panel.panel-form .panel-body + .panel-body { border-top: 1px solid #DDD; padding-top: 15px; }

.panel.panel-form .row { margin-left: -6px; margin-right: -6px; }
.panel.panel-form .row > div { padding-left: 6px; padding-right: 6px; }

.panel.panel-metadata .panel-body { padding: 8px 15px; font-size: 90%; }
.panel.panel-metadata p,
.panel.panel-metadata p + p { margin: 0; }

.panel .panel-body.box-identity { overflow: hidden; padding: 10px; }
.panel .panel-body.box-identity .photo-container { width: 59px; padding-right: 12px; float: left; }
.box-button             { padding: 0px 5px 0 0; float: left; text-align: right; }
.panel .panel-body.box-identity .str-container { float: left; }
.panel .panel-body.box-identity .str-container h1 { margin: 4px 0 3px; font-size: 24px; line-height: 1.2; font-weight: 600; }
.panel .panel-body.box-identity .str-container h1 > * { display: block; }
.panel .panel-body.box-identity .str-container > *:last-child { margin-bottom: 0; }
.panel .panel-body.box-identity .actions-container { float: right; margin-top: 7px; }

.panel .without-marging-p p { margin-top: 4px !important;}

/* ===========
   MODAL
 =============*/

 /* Modal dossier médical inscription */
 #modalDialogContent #PPhysique_tel.input-group-2x select.form-control {
   width: 48%;
 }

#modalDialogContent #Dossier-Pèlerinage,
#modalDialogContent #Dossier-de-soins,
#modalDialogContent #Fiche-Pèlerins-en-Services-Nationaux,
#modalDialogContent #Fiche-aumônerie {
  border: 3px solid pink !important;
  padding: 8px;
  margin-bottom: 0;
}

#modalDialogContent #Dossier-Pèlerinage{
  border-bottom : none !important;
}

 #modalDialogContent #Dossier-de-soins,
 #modalDialogContent #Fiche-Pèlerins-en-Services-Nationaux{
  border-top : none !important;
  border-bottom : none !important;
 }

 #modalDialogContent #Fiche-aumônerie {
   border-top: none !important;
   margin-bottom: 15px;
 }

 #modalDialogContent #Dossier-médical-de-liaison,
 #modalDialogContent #Ordonnances {
   border: 3px solid greenyellow !important;
   padding: 8px;
   margin-bottom: 0;
 }

 #modalDialogContent #Dossier-médical-de-liaison {
   border-bottom : none !important;
 }

 #modalDialogContent #Ordonnances {
   border-top : none !important;
   margin-bottom: 15px;
 }


/* ===========
   BTN
 =============*/
.btn-warning { color: #222 !important; }

.btn-group.btn-block { display: table; width: 100%; position: inherit; }
.btn-group.btn-block .btn,
.btn-group.btn-block button.btn { display: table-cell !important; float: none; align-items: flex-start; }

.btn-default { border-color: #C2CED4; }

.btn-default.btn-phantom { background-color: #FFF !important; border: 3px solid #dae6ec; padding-top: 4px; padding-bottom: 4px; }
.btn-default.btn-phantom + .btn-default.btn-phantom { border-left: 0; }

.btn-primary { background-color: #333 !important; border: 1px solid #333 !important; }
.btn-custom.btn-primary { border-bottom: 2px solid #222 !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
  background-color: #111 !important;
  border: 1px solid #111 !important;
}

.btn-switch .btn { height: 69px; text-align: left; font-size: 15px; position: relative; }
.btn-switch .btn .caret { right: 12px; position: absolute; top: calc( 50% - 2px ); }
.btn-switch ul.dropdown-menu { width: 100%; background: rgba(255, 144, 0, 1); font-size: 13px; }
.btn-switch ul.dropdown-menu a { color: #000; }
.btn-switch ul.dropdown-menu a:hover { background: rgba(255, 255, 255, 0.2); }

/* ===========
   DROPDOWN
 =============*/


/* ===========
   FORM
 =============*/
.radio-primary input[type="radio"]:checked + label::before { border-color: rgba(0,155,181,1); }
.radio-primary input[type="radio"]:checked + label::after { background: rgba(0,155,181,1); }

.checkbox-primary input[type="checkbox"]:checked + label::before { border-color: rgba(0,155,181,1); background: rgba(0,155,181,1); }

.form-control { border-color: #CCC; color: #444; }
.input-group-addon { border-color: #CCC; padding: 5px 10px; }

.form-group label + .btn-xs { line-height: 1.2; padding: 1px 3px !important; margin-left: 3px; }
.form-group .form-result span + span:before { content: "|"; padding: 0 4px 0 3px; color: #AAA; }

/** pct */

.input-sm { padding: 0px 5px; }
textarea.input-sm { padding: 5px 5px; }

.input-cbsm > .checkbox { margin-top:2px; margin-bottom:3px; padding-left: 30px; }

.form-group { margin-bottom: 8px; }
label { font-size: 12px; margin-bottom: 0; }
label.md { font-size: 12px; }
label.control-label { padding-top: 3px; }
.input-sm { height: 25px; font-size: 12px; line-height: 1.25; }
select.input-sm { height: 25px !important; font-size: 12px !important; line-height: 1.5 !important; }

#login-page .input-sm { font-size: 14px; }

span.input-group-addon { height: 25px; font-size: 12px; line-height: 1.25; padding: 0 8px; }

.cb-no-valign .form-group .checkbox        { margin-top: 0px; margin-bottom: 0px; }
.cb-no-valign .form-group .checkbox label  { font-weight: bold }

.cb-valign .form-group .checkbox        { margin-top: 24px; margin-bottom: 0px; }
.cb-valign .form-group .checkbox label  { font-weight: bold }

/** pct */
.help-block { font-size: 11px; }
label.required:after { content: "*"; color: red; margin-left: 5px; }

.btn-form-bar {  }

/** btt */
.input-hidden { width: 0.1px;	height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.transp-line + .transp-line { border-top: 1px solid rgba(0,155,181,1); }

div.border-list { border-bottom: 2px solid #DDD; margin-bottom: 8px; }


/* ===========
   TABLE
 =============*/

.collectionListHeader {
  border-bottom:1px solid rgb(204, 204, 204);
  margin-bottom: 5px;
}

.table-tdb .text-bold {
  color: #333333;
}

/* ===========
   DATATABLE
 =============*/
.widget-body .panel-advance-search { margin: -15px -15px 15px -15px; box-shadow: none; }

.dataTables_processing {
  border: 2px solid rgba(0,120,140,1);
  color: rgba(0,120,140,1);
  background: #e5f5f8; text-shadow: 1px 1px 1px #FFF;
  height: 40px;
  line-height: 31px; }
.dataTables_processing:before { content: "\f252"; font: normal normal normal 14px/1 FontAwesome; margin-right: 8px; }

#annuaireList-toolbar { display: none !important; }
#annuaireList td,
#inscriptionList td,
#fournisseursList,
#etablissementsList,
#regionsList,
#branchesList,
#dossiersMedicauxList,
#bordereauxList { cursor: pointer; }

#annuaireList td.selection-control,
#inscriptionList td.selection-control,
#fournisseursList td.selection-control,
#etablissementsList td.selection-control,
#regionsList td.selection-control,
#branchesList td.selection-control,
#dossiersMedicauxList td.selection-control { cursor: initial; }

table#inscriptionList.dataTable thead tr.second.column-filtering { background-color: #868282;}

/** pct annulation du custom dataTable */
.dt-top-row .DTTT { right:0px !important; text-align: right; width: auto !important; }
.dt-top-row .DTTT,
.dt-top-row .ColVis,
.dt-top-row .dataTables_length { top: 0px !important; position: static !important; }

/* filtres secondaires actifs */
/*.filter-input-active { background-color: #f7f3c7 !important; }*/

/* ====================
   Formulaire médical
 ======================*/

.title_ordonnances,
.title_dossiermedicaldeliaison,
.title_dossiermedicaldeliaisonetordonnance { border-top-color: #00b19d !important; }
.title_ordonnances h4.panel-title,
.title_dossiermedicaldeliaison h4.panel-title,
.title_dossiermedicaldeliaisonetordonnance h4.panel-title { background-color: #00b19d !important; }

/* ====================
   Synthèse inscription
 ======================*/

#synthese-container .label { font-size: 15px; }
#statut-container .indicatif { margin: 0 5px; }
#statut-container label { line-height: 23px; }
#statut-container .label-outlined.label-primary { border-color: #125fa7; color: #125fa7 !important; }
#statut-container .label-outlined.label-success { border-color: #00b19d; color: #00b19d !important; }
#statut-container .label-outlined.label-inverse { border-color: #4c5667; color: #4c5667 !important; }
#statut-container .label-outlined.label-disabled { border-color: #999; color: #999 !important; }
#statut-container .label-outlined {  border: 1px solid; background: #FFF; }
#statut-container .list-group .list-group-item { padding: 5px 10px; }
#statut-container i { margin-right: 5px; }
span.indicator:before { content:"\A"; border-style: solid; border-width: 8.5px 15px 9.8px 0; border-color: transparent #eaeaea transparent transparent; position: absolute; left: -15px; margin-top: 0.5px; margin-left: 0px; }
.indicator { border : 1px solid #eaeaea; background-color: #eaeaea; padding: 1px; position:relative; margin-left: 10px; margin-right: 5px; }

/* ====================
   Note de versions
 ======================*/

#bloc-note-version pre { background-color: inherit; margin: inherit; padding: inherit; border: none; font-size: 12px; }

.sameGroup { margin-top:0px !important; }
.otherGroup { margin-top:10px !important; }

.voiture { }
.etage { border: 2px solid black; border-radius: 10px; margin-bottom: 5px; }
.etage-title { font-weight: bold; font-size:14px; text-align: center; padding: 5px 0px; }
.grp-vide { height: 42px; }
.place-vide { height: 46px; }
ul.collectionList li.numPlace { border: 1px solid rgb(174, 188, 169); border-right: none; padding: 1px; line-height:18px;
					                      font-size: 11px; font-weight: bold; color: #ffffff; background-color: #000099; text-align:  center; }
ul.collectionList li.numPlace:hover { color: #ffffff; background-color: #000099; }
ul.collectionList li.numPlace1 { background-color: #e0143f; }
ul.collectionList li.numPlace1:hover { background-color: #e0143f; }

ul.collectionList li.place { height:42px; overflow: hidden; font-size: 11px; }
ul.collectionList li.place div.hiddenPlace { display: none; }
ul.collectionList li.place .showPlace { display: block; }
ul.collectionList li.place span.showPlace { display: none; }
ul.collectionList li.sameGroup .showPlace { display: none; }
ul.collectionList li.sameGroup span.showPlace { display: inline; }

a.linkToFiche,
a.linkToFiche:hover { color: #333;}


tr.sameBG0 td  { background-color: #77d184; }
tr.sameBG1 td  { background-color: #d1ba77; }
tr.sameBG2 td  { background-color: #c1975f; }
tr.sameBG3 td  { background-color: #2a6706; }
/*tr.sameGrp1 td, tr.sameGrp3 td { padding-bottom: 0; }*/
/*tr.sameGrp2 td, tr.sameGrp0 td { padding-top: 0; }*/

.selectedEdition { background-color: rgb(35, 82, 124) !important; color: #ffffff !important; }

.public-contingent > div { margin: 0; padding-left: 43px; padding-top: 5px; }

#ancForm { position: relative; top: -120px; }

.input-group.input-group-2x .form-control { width: 49.8%; }