body {
  
}


.titre      { color:#FFC000; font-size: 2.0em; color:rgba(0,32,96,0.6);}
.sous-titre { color:#FFC000; font-size: 1.5em; }


.scroll-field {
  overflow-y: auto;
  overflow-x: hidden;
}


#Bloc_typeAnnee {color:black; font-size: 1.2em;};


#t_Ville {
    background-color:rgba(0,32,96,0.6);
    border-radius: 1.5em;
    font-size: 1.0em;
}
#t_Ville td {
    height: 1.5em;
    overflow: hidden;
    vertical-align: middle;
    color:  black;
    font-size: 1.0em;
}



#t_Horaires td {    
    height: 1.5em;
    overflow: hidden;
    vertical-align: middle;    
    
}

#jourPrecedent {
    text-align: left;
    margin-top: 2.2em;
} 

#jourSuivant {

    text-align: right;
    margin-top: 2.2em;
}

#t_infos {
    margin-top: 2.5em;
    margin-bottom: 10.5em;
    
}

#t_infos td {
    height: 4.2em;
    overflow: hidden;
    vertical-align: middle;
    background-color:rgba(0,32,96,0.6);
}
#t_infos tr { border:  solid 0.4em transparent;}
#t_infos tr:first-child td:first-child { border-top-left-radius: 0.8em;      }
#t_infos tr:first-child td:last-child  { border-top-right-radius: 0.8em;     }
#t_infos tr:last-child td:first-child  { border-bottom-left-radius: 0.8em;   }
#t_infos tr:last-child td:last-child   { border-bottom-right-radius: 0.8em;  }

#z_scroll   { margin-bottom: 3.0em; height:  60% }
#z_util     { height:  90% }
#z_ville    { height:  14.0em}
#z_infos    { height:  25.0em; font-size: 1.0em;}
#inVille    { border-radius: 2.0em;}

#mess_localisation  {
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    margin-top: 2.0em;
    width: 90%;
    text-align:center;
    font-size: 1.3em;
}


#rHodech            {
  width: 100%;
  color: #FAB243;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  height: .8em;
}

#CreateModif {

    text-align: center;
}
#PrintEvent {

    text-align: center;
    margin-top: 1.0em;
}
 
#BlocVille          { margin-top: 4.0em; }
#BlocHaut           { height: 21.0em;    }


#InputConvDateHeb   {margin-top: 2.0em;}

#rowDecesPartager {margin-top: 2.0em; margin-bottom: 2.0em;}
#InputEvent             {margin-bottom: 1.0em;}

#BlocEvent              {margin-top: 1.0em;}
#BlocConseil            {margin-top: 1.0em;}


#BlocHoraires           {margin-top: 4.0em; width: 80%;  }
#BlocPerso              {margin-bottom: 2.0em; height: 11.5em; text-align: center;}

#BlocParachaHaut,   #BlocParachaBas,   #BlocParachaBarMitzvah   {margin-top: 1.5em; color: white; }
#BlocParachaHaut p, #BlocParachaBas p, #BlocParachaBarMitzvah p {font-size: 1.3em;}

#InputConseil p {font-size: 1.6em;}

#InputParam             {margin-top: 1.0em;}
#InputDateEvent         {margin-top: 1.0em;}

#BmDataLigne1, #BmDataLigne2, #BmDataLigne3, #BmDataLigne4 {
    color:black;
    font-size: 1.2em;
    text-align: center;
}
#BmLabelLigne1, #BmLabelLigne2, #BmLabelLigne3, #BmLabelLigne4 {
    text-align: left;
    
}

#repBarMitzvah, #repAskara { margin-top: 3.0em; }
#textConseil {
    margin-bottom: 2.0em; 
}

#LineModif {
  text-align:       center;
  margin-top:       1.7em;
  margin-bottom:    2.0em;
}

#LineEnr   {
    text-align:     center; 
    margin-top:     1.7em;
    margin-bottom:  2.0em;
}

#nagigateConseil {
    text-align:     center; 
}


#dateHebDeces, #DateHebEnter, #dateAskaraCivil ,#dateDebKaddich, #dateFinKaddich, #dateFinDeuil
{
    color:black;
    font-size: 1.2em;
    text-align: center;
}

#Enterrement {
    margin-top: 0.5m;

}

.btn-xs {

    width:  80%;
}
.bloc {
    
    
    overflow: hidden;
    padding:  20px;
    background-color: rgba(207,40,149,0.08);
}

.indate {

    background-color:white;
    border: none;
    outline:none;
    border-radius: 0px;
    font-size: 1.2em;
    color: black;
    text-align: center;
    height: 1.5em;

}

.intime {
    background-color:transparent;
    border: none;
    outline:none;
    border-radius: 0px;
}

.smalllabbel {
    font-size: 0.9em;
    text-align: left;
    color:  #CF2895;

}

.whiteline {border-top: 1px solid white;}
.transparent-line {border: 3px solid transparent; background-color:transparent ;}

#EventTitre, #dateEvent {
   background-color:transparent;
    border: none;
    outline:none;
    border-radius: 0px;
    border-bottom: white 1px solid;
    color: black;
    text-align: center;
    font-size: 1.8em;
    height: 1.8em;
    

}

#selJourNuit {
    color: black;
}
#BmLabelLigne2, #BmLabelLigne3, #BmLabelLigne4{ 
    padding-top: 0.7em;
}

#result_dateConv, #result_dateConvHeb { 
        color:black; 
        font-size: 1.2em;
        text-align: center;
}

#labelHazkara, #labelEvent, #labelConseil {
    text-align: left;
    
}

#BlocPersoLegende {
    margin-top: 0.7em;
    font-size:  0.8em;
}


#selBarMatinSoir        {margin-top: 1.0em;}


#Cal_Titre {
    color: #FFC000;
    text-align: center;
    font-size: 1.8em;
    margin-top: 0.7em;
    min-height: 1.5em;

}

#Bloc_details {
    border-radius: 11.2em;
    width: 90%;
    background-color:rgba(0,32,96,0.6);
    margin-top: 2.0em;
    min-height: 8.5em;
}


#BlocConvert {
    margin-top: 19.0em;
    padding-top: 1.0em;
    border-radius: 1.2em;
    width: 90%;
    background-color:rgba(0,32,96,0.6);
    height: 11.0em;
}


#Cal_DateCivile, #Cal_DateHeb {
    text-align: center;
    min-height: 1.2em;
}

#BlocHautEvent,  #BlocPersoEvent {
   margin-top: 0.7em; text-align: center;
}


#BlocHautDate {
    font-size: 0.8em;
    text-align: center;
    margin-top:-1.0emx;
    min-height: 1.2em;
}

#BloPersoLigne2 {
    font-size:      0.8em;
    margin-top:     0.4em;
}

#BlocPersoLigne1 {
    font-size:      1.6em;
    margin-top:     0.5em;
}

#BHLabelLigne1, #BHLabelLigne2,#BHLabelLigne3
{   color: #CF2895; vertical-align: middle; padding-top:1.0em;}



#BHDataLigne1, #BHDataLigne2, #BHDataLigne3
{
    padding-top:    0.3em;
    font-size:      1.2em;
    min-height:     1.5em;
}

#bpScan        { width:        7.0em; background-color:   #4BD763;}
#bpGeoloc      { width:        12.0em; background-color:   #4BD763;}


.bpLoc {
    color:              white;
    border-radius:      2.0em;
    border:             none;
    
}


#loader {
    position:   absolute;
    top:        30%;
    left:       46%;
    width:      2.5em;
    height:     2.5em
}


#myNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;


  position: fixed;
  bottom: 0;
  width: 100%;
  height: 9.0em;
  text-align:center;

}

#myNav li {
    float: left;
    width: 25%;
    font-size: 3.0em;
}

#myNav li a {
  display: block;
  color: #646464;
  text-align: center;
  padding: 1.0em 1.0em;
  text-decoration: none;
}

#myNav li a:hover:not(.active) {
  background-color: #F6F6F6;
  background-color: transparent;
}

#myNav .active {
  background-color: #4CAF50;
}

.new-navbar{
    background-color:transparent;
    color:333;
    border-radius:20px;
}

#date-converter {
    background-color:transparent;
    border: none;
    border-bottom: white solid 1px;
    outline:none;
    font-size: 1.2em;
    color: white;
    text-align: center;
    padding-bottom: 0.9em;
}

#date-Bar {
    background-color:transparent;
    border: none;
    border-bottom: white solid 1px;
    outline:none;
    font-size: 1.2em;
    color: white;
    text-align: center;
    padding-bottom: 0.9em;
}


#result_dateHeb, #result_bar {
    background-color:transparent;
    color:          #FFC000;
    font-size:      1.2em;
    text-align:     center;
    top:            0.9em;
    padding-top:    10.9em;
}


#bloc_reglages {
          font-family: 'Open Sans', sans-serif;
          background-color:#fafafa;
          color: black;
          margin-top: 3.0em;       
}
#bloc_reglages h1 { font-weight: 300;}
#bloc_reglages h2 {  }
#bloc_reglages h6 { font-weight: 300; }
#bloc_reglages td {font-size: 1.3em;}



#bloc_geoloc {
          font-family: 'Open Sans', sans-serif;
          background-color:#fafafa;
          color: black;    
}
#bloc_geoloc h1 { font-weight: 300;}
#bloc_geoloc h2 {  }
#bloc_geoloc h6 { font-weight: 300; }
#bloc_geoloc td {  }


#bloc_notif {
          font-family: 'Open Sans', sans-serif;
          background-color:#fafafa;
          color: black;  
}
#bloc_notif h1 { font-weight: 300;}
#bloc_notif h2 {  }
#bloc_notif h6 { font-weight: 300; }
#bloc_notif td {font-size: 1.3em;}


#bloc_reploc {
    
    font-size: 1.2em;
}

#repVille {font-weight: bold;}

#loc_iconeBas, #cal_iconeBas, #not_iconeBas {
    font-size:4.5em;
    color:#FFC000; 
    margin-top:0.2em;
}

#DowName {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    text-align: right;
    color: #CF2895;
}


#DateLaic, #dateLHoraires, #DateHeb, #dateHHoraires {
    font-size: 1.2em;
    text-align:left;
    margin-top: 0.2em;
}



.animate-icon {
  transition: 0.4s;
}
.rotate {
  transform:rotate(180deg);
}