/* Version 2.8.0 */


{
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */


    font-family:        system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
    font-size:          12px;
    height:             100vh;
    margin:             0px;
    padding:            0px;

    overflow-y:         hidden;
    overflow-x:         hidden;
    width:              100%;
    color:              white;



    /* Padding to avoid the "unsafe" areas behind notches in the screen */
    /* padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);   */

}

@media screen and (prefers-color-scheme: dark) {
    body {
        background-image:linear-gradient(to bottom, #585858 0%, #1B1B1B 51%);
    }
}

h2   { color:#FFC000; font-size: 1.6em; }
h3   { margin-top: -5px; font-size: 1.5em; }


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


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


#anneeHebraique, #embolismique, #anneeClass, #nombreJour {color:#FFC000;};


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


#z_horaires { 
    height:  33.0em; 
    font-size: 1.0em; 
}

#t_Horaires { color:#002060; }

#t_Horaires tr { border:  solid 0.4em transparent;}
#t_Horaires tr:first-child td:first-child { border-top-left-radius: 0.8em;       }
#t_Horaires tr:first-child td:last-child  { border-top-right-radius: 0.8em;      }
#t_Horaires tr:last-child td:first-child  { border-bottom-left-radius: 0.8em;    }
#t_Horaires tr:last-child td:last-child   { border-bottom-right-radius: 0.8em;   }

#t_Horaires td {    
    height: 4.2em;
    overflow: hidden;
    vertical-align: middle;    
    background-color:rgba(191,144,0,0.6);
}

#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:  17.0em; font-size: 1.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;
}

#bloc_auto, #bloc_manuel  {margin-top: 2.0em;}


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

#CreateModif {

    text-align: center;
}


#BlocVille          {margin-top: 4.0em;}
#BlocHaut           {height: 21.0em;}
#BlocConvertDate    {margin-top: 1.0em;}


#InputConvertDate, #InputConvDateHeb   {height: 15.0em;}
#InputBarMitzvah    {height: 35.0em;}
#InputDeces         {height: 50.0em;}
#InputConseil       {height: 10.0em;}

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


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

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

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

#BmDataLigne1,
#BmDataLigne2,
#BmDataLigne3,
#BmDataLigne4 {
    color:#FFC000;
    font-size: 1.5em;
    text-align: center;
    line-height: 0.4em;

}

#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:#FFC000;
    font-size: 1.5em;
    text-align: center;
}

#Enterrement {
    margin-top: 1.0em;

}

.btn-xs {

    width:  80%;
}
.bloc {
    border-radius: 0.8em;
    width: 80%;
    background-color:rgba(0,32,96,0.6); 
    overflow: hidden;
}

.indate {

    background-color:transparent;
    border: none;
    outline:none;
    border-radius: 0px;
    font-size: 1.8em;
    color: white;
    text-align: center;
    height: 1.8em;

}

.intime {

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

.smalllabbel {
    font-size: 1.0em;
    text-align: center;

}

.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: white;
    text-align: center;
    font-size: 1.8em;
    height: 1.8em;
    

}


#selJourNuit {margin-top: 1.0em;}

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

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

#labelEntreeDate, #labelDateNaissance, #labelHazkara, #labelEvent, #labelConseil {
    margin-top: 1.0em;
    margin-bottom: 1.0em;
    text-align: center;
    
}


#labelDateCalc {
    margin-top: 3.0em;
    
}

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


#Bloc_typeAnnee           {
    border-radius: 0.8em;
    width: 80%;
    background-color:rgba(0,32,96,0.6); 
    margin-top: 2.0em;
    padding-top: 1.5em;
    text-align: center;
}

#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, #BlocBasEvent, #calInfoEvent {
    color: #FFC000; font-size: 1.8em; margin-top: 0.7em; text-align: center;
}


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

#BlocBasLigne1, #BlocBasLigne2 {
    font-size:      0.8em;
    margin-top:     0.4em;
}

 

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



#BHDataLigne1, #BHDataLigne2, #BHDataLigne3, #calInfoLigne1, #calInfoLigne2
{
    padding-top:    0.3em;
    font-size:      1.8em;
    min-height:     1.8em;
    font-family:    'RobotoCondensed', Calibri, Arial, sans-serif;
}

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


.bpLoc {
    color:              white;
    border-radius:      2.0 em;
    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-family: 'Open Sans', sans-serif;
    background-color:#fafafa;
    margin-top: 1.5em;
    color: black;
    font-size: 1.25em;
}

#repVille {font-weight: bold;}

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

#DowName, #DowName2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    text-align: right;
}

#CityName, #titreHoraires {color:rgba(0,32,96,0.6);}

#DateLaic, #dateLHoraires {
    font-size: 28px;
    text-align:right;
    margin-top: 0.2em;
}
#DateHeb, #dateHHoraires {
    text-align:right;
}


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



/* iPhone SE wide or less */
@media screen and (min-width: 319px) {
    body { font-size: 10px; }
}

/* iPhone 12 MINI, iPhone X, iPhone 8, iPhone 7, iPhone 6, iPhone 6s, iPhone 6s Plus:  wide or less */
@media screen and (min-width: 374px) {
    body { font-size: 10px; }
}

/* iPhone 12 wide or less */
@media screen and (min-width: 389px) {
    body { font-size: 12px; }
}

/* iPhone 8 PLUS, iPhone 7 PLUS wide or less */
@media screen and (min-width: 413px) {
    body { font-size: 12px; }
}

/* iPhone 12 PRO wide or less */
@media screen and (min-width: 4278px) {
    body { font-size: 12px; }
}

/* iPad Pro (9.7-inch) or iPad Air 2, iPad Mini 4, iPad Air 2 :  wide or less */
@media screen and (min-width: 767px) {
    body { font-size: 12px; }
    h2   { font-size: 3.0em; }
    h3   { margin-top: -0.5em; font-size: 2.0em; }
    #z_horaires { font-size: 1.3em;}
   
}

/* iPad Pro (10.5-inch) wide or less */
@media screen and (min-width: 833px) {
    body { font-size: 14px; }
    h2   { font-size: 3.0em; }
    h3   { font-size: 2.0em; }

     #z_horaires { font-size: 1.3em;}
     
}

/* iPad Pro (12.9-inch) wide or less */
@media screen and (min-width: 1023px) {
    body { font-size: 18px; }
    h2   { font-size: 3.0em; }
    h3   { font-size: 2.0em; }

     #z_horaires { font-size: 1.5em;}
     

}

/* iPad Pro (10.5-inch) wide or less */
@media screen and (min-width: 1111px) {
    body { font-size: 18px; }
    h2   { font-size: 3.0em; }
    h3   { font-size: 2.0em; }

    #z_horaires { font-size: 1.5em;}
    
}