body{
 background-color: white;
}

.center-block {
  width: 212px;
}

.toast {
  top: -500px!important;
  background-color: #FD4012;
}

.toast .green {
	background-color:#33691e;
	color:#ffffff;
}
.fixed-action-btn.direction-left {
	right:0px;
	bottom:0px;
	
}
.btn-floating {
	z-index: inherit;
}
.fixed-action-btn {
	z-index: inherit;
}

.select-wrapper {
	margin-top:50px;
}
.input-field>label {
	color:#222;
	font-size:1em;
}
 #iphone8 { display : block;}
 #ipad {display: none;}

.success {
	color: #fff;
  background-color: #23af47;
  border-color: #23af47;
}

.warning {
  color: #212529;
  background-color: #fbbc06;
  border-color: #fbbc06;
}

.secondary {
  color: #fff;
  background-color: #707889;
  border-color: #707889;
}

.danger { 
 color: #fff;background-color: #e94437;
  border: 1px solid #e94437;
}

@media only screen /* Nexus S*/
and (min-device-width: 320px) and (max-device-height: 534px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .center-block {
    width: 120px;
  }	
}

@media only screen and (min-device-height: 700px) {
  .center-block {
    width: 260px;
  }
  #iphone8 { display : none; }
  #ipad {display: block; }
}


@media only screen and (min-device-width: 358px) {
  .center-block {
    width: 260px;
  }

}
@media only screen /* Iphone6S */
and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .center-block {
    width: 350px;
    margin-bottom: 10px;
  }

}

@media only screen /* Iphone6S PLUS */
and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
  .center-block {
    width: 380px;
    margin-bottom: 20px;
  }
}
/*@media only screen and (min-device-width: 321px) {
    .center-block {
      width: 300px;
    }
}

@media only screen and (min-device-width: 375px) {
    .center-block {
    width: 350px;
    margin-bottom: 100px;
    }
}*/

body {
  display: flex;
  max-height: 100vh;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
#sidenav-overlay {
  z-index: 996;
}

.card {
  border-radius: 12px;
  box-shadow: inherit;

}
.card .card-content {
	padding:12px;

}

.card .card-content .card-title {
	line-height: 40px;
}

.nopaddingtop {
  padding-top: 0;
}
.nomargintop {
  margin-top: 0;
}
.nomarginbottom {
  margin-bottom: 0;
}


.pt-5 {
  padding-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}

.stick {
  position: fixed;
  top: 64px;
  transition-property: top, position;
  transition-duration: 2s, 1s, 0.5s, 0.5s;
  transition-delay: 0s, 0.5s, 1s, 1.5s;
}
#searchbar {
  padding-bottom: 15px;
}
.input-field .prefix ~ .autocomplete-content {
  width: 100%;
  margin-left: 0;
  /*margin-top: 70px;*/
  z-index: 999;
}
.card .input-field .prefix {
  padding-left: 2px;
}


 /* label color 
   .input-field label {
     color: grey
   }
   /* label focus color 
   .input-field input[type=email]:focus + label {
     /*color: white;
   }
   /* label underline focus color 
   .input-field input[type=email]:focus {
     border-bottom: 1px solid #ffba01 !important;
     box-shadow: 0 1px 0 0 #ffba01 !important;
     color: white;
   }

    /* label focus color 
   .input-field input[type=password]:focus + label {
    /* color: white;
   }
   /* label underline focus color 
   .input-field input[type=password]:focus {
     border-bottom: 1px solid #ffba01 !important;
     box-shadow: 0 1px 0 0 #ffba01 !important;
     color: white;
   }

   /* icon prefix focus color 
   .input-field .prefix.active {
     color: grey
   }

label {
  color: grey;
}
*/



#mobile-right {
  background-color: #0D2C89; /* fallback for old browsers */
}

/* [type="checkbox"]:not(:checked), [type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
  border: 2px solid #ffba01;
	position: inherit;
	opacity: 1;
	padding: inherit;
	pointer-events: inherit;
}

[type="checkbox"]:checked, [type="checkbox"]:not(:checked), [type="checkbox"]:checked+label:before {
    border-right: 2px solid #ffba01;
    border-bottom: 2px solid #ffba01;
	position: inherit;
	opacity: 1;
	padding: inherit;
	pointer-events: inherit;
}
*/

.btn-radius-yellow {
  border-radius: 10px;
  border: #78b637 solid 1px;
  background-color: transparent;
  color: grey;
  box-shadow: 0 0 0;
  text-transform: none;
  font-size: small;
}
.btn-radius-yellow:hover {
  border: #66c700 solid 1px;
  background-color: transparent;
  color: grey;
}
.btn-white-transparent {
  border-radius: 14px;
  border: #78b637 solid 1px;
  background-color: transparent;
  color: grey;
  box-shadow: 0 0 0;
  text-transform: none;
}
#identif, #password {
  border-bottom: 1px solid #78b637;
  color: grey;
}
#logoSideNav {
  margin-top: 20px;
}

.btn-bottom-fixe {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
	bottom:70px;
	right:0px;
	position: fixed;
	z-index:8;

}

.logobottomcontainer {
  width: 100%;
  background-color: #121212;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
	bottom:0;
	position: fixed;
	z-index:10;
}

.logobottomcontainer img {
	margin-top:18px;
}

.logobottomcontainer i {
	color:white;
	font-size:3em;
	margin-top:0.2em;
}

.t-is-isAndroid {
	padding-bottom:18px;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

.btn:hover, .btn-large:hover {}
.padding-form-login {
  margin-top: 5px;
  margin-bottom: 25px;
}

.color-white {
  color: white;
}

#preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  /* background: url(../pictures/bglogin.png) no-repeat center center fixed;*/
}

.spinner-layer {
  border-color: #0d2c89;
}

.header-splashscreen {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  margin: auto;
}

div.preloader-wrapper.big.active {
  margin-top: 5em;
}

nav {
  background-color: #78b637;
  color: white;
display: inline-block; 
	height: inherit;
	padding-right:0.8em;
}

nav a {
  margin-left: 15px;
  background-color: inherit;
}

nav .input-field input {
  padding-left: 0;
}

nav .brand-logo {
  width: 263px; 
  font-size: 23px;
}



.sidenav .collapsible-header, .sidenav.fixed .collapsible-header {
  padding: 0px 16px;
}
.sidenav {
  /* background: url(../pictures/bglogin.png) no-repeat center center fixed; */
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:60%;
  min-width:250px;
}
.sidenav .userView {
  padding-bottom: 25px;
}

.sidenav ul {
	margin-top:0px;
}

.sidenav li {
  padding: 0px 16px;
}

.sidenav li a {
  padding : inherit;
  color: grey;
}
.sidenav li > a.btn {
	margin: 10px 0px;
}

.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
  margin: 0 10px 0 0;
}

.patreon-ad {
  position: fixed;
  left: 0;
  bottom: 70px;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
  border-top: 1px solid rgba(0,0,0,0.14);
	padding:5px;
}
.patreon-ad img {
  width: 30%;
}

.border-top-white {
  border-top: #D6D6D6 solid 0.5px;
}
.border-bottom-white {
  border-bottom: #D6D6D6 solid 1px;
}

.padding-top {
  padding-top: 50px;
}
.padding-bottom {
  padding-bottom: 50px;
}


.margin-right {
  margin-right: 5px;
  padding: inherit;
}
* {
  font-family: 'Raleway', sans-serif;
}

p {
  font-size: 1.2em;
}
a.lienListe, a.classic {
  font-size: 1.2em;
  color: black;
  background-color: inherit;
  border-radius: 0;
  padding: 0;
  margin-left: inherit;
}
a.lienListe p {
  font-size: 1em;
}
.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #0D2C89;
}
input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
  box-shadow: 0 0px 0 0 #FFFFFF;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  box-shadow: 0 0px 0 0 #FFFFFF;
}