body{
 background-color: white;
}

::placeholder {
  color: #464646;
}

.center-block {
  width: 50%;
}

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

.toast .green {
	background-color:#33691e;
	color:#ffffff;
}

.text-white {
	color:#fff;
}
.text-blue {
	color:#00479a;
}

.bold {
	font-weight: bold;
}

.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;
}

.align-justify {
	text-align:justify;
}

 #iphone8 { display : block;}
 #ipad {display: none;}

@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: 30%;
  }
  #iphone8 { display : none; }
  #ipad {display: block; }
}


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

/* Iphone6S PLUS */
@media only screen 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: 93px;
  }
}
/*@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;
    }
}*/
nav .brand-logo {
  width: 263px;
}
nav a {
  background-color: inherit;
}
.side-nav li > a {
  padding: 0px 16px;
}
.side-nav .collapsible-header, .side-nav.fixed .collapsible-header {
  padding: 0px 16px;
}
body {
  display: flex;
  max-height: 100vh;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
#sidenav-overlay {
  z-index: 996;
}
.nopaddingtop {
  padding-top: 0;
}
.nomargintop {
  margin-top: 0;
}
.nomarginbottom {
  margin-bottom: 0;
}
.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;
}
nav .input-field input {
  padding-left: 0;
}
.card .input-field .prefix {
  padding-left: 2px;
}
#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 #003b80;
	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 #003b80;
    border-bottom: 2px solid #003b80;
	position: inherit;
	opacity: 1;
	padding: inherit;
	pointer-events: inherit;
}

.btn-radius-yellow {
  background-color: #003b80;
  border-radius: 10px;
  border: #003b80 solid 0px;
  box-shadow: 0 0 0;
  text-decoration: none;
  color: #fff;
}
.btn-radius-yellow:hover {
  border: #004996 solid 0px!important;
  background-color: #004996!important;
  color: #fff!important;
}

.btn-radius-blue {
  background-color: #00479a;
  border-radius: 10px;
  border: #003b80 solid 0px;
  box-shadow: 0 0 0;
  text-decoration: none;
  color: #fff;
}
.btn-radius-blue:hover {
  border: #003b80 solid 0px!important;
  background-color: #003b80!important;
  color: #fff!important;
}

.btn-radius-green {
  border-radius: 10px;
  border: #258f51 solid 1px;
  background-color: transparent;
  color: grey;
  box-shadow: 0 0 0;
}
.btn-radius-green:hover {
  border: #155f34 solid 1px;
  background-color: transparent;
  color: grey;
}

.btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #258f51;
}

.btn:hover, .btn-large:hover {
	background-color: #155f34;
}

.btn-white-transparent {
  border-radius: 14px;
  border: #003b80 solid 1px;
  background-color: transparent;
  color: grey;
  box-shadow: 0 0 0;
  text-transform: none;
}

.btn-white-transparent:hover {
  border-radius: 14px;
  background-color: #003b80;
  color: #fff;
  box-shadow: 0 0 0;
  text-transform: none;
}


#identif {
  border-bottom: 1px solid #003b80;
  color: grey;
}
input#password {
  border-bottom: 1px solid #003b80;
  color: grey;
}
#logoSideNav {
  margin-top: 20px;
}
.side-nav .userView {
  padding-bottom: 25px;
}
.logoFFB {
  float: right;
  margin: 15px;
  width: 110px;
  margin-bottom: 0px;
}

.logoFFBlogin {
  width: 100px;
  margin-right: 5px;
  margin-bottom: 5px;
}

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

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

.logobottomcontainer img,  .logoFBTP09 {
	margin-top:0px;
}

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



#navFooter td {
	padding:2px 0;
}
.t-is-isAndroid {
	padding-bottom:18px;
}

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


.padding-form-login {
  margin-top: 5px;
}

.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;
}
.side-nav {
  /* 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;
}

.side-nav li a {
  color: grey;
}

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

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

.nav-wrapper {
  background-color: #009144;
  color: white;
}

nav .brand-logo {
  font-size: 23px;
}
.patreon-ad {
   /* position: fixed;
    left: 0;
    bottom: 35px;*/
    width: 100%;
    background-color: #fff;
    z-index: -1;
    border-top: 1px solid rgba(0,0,0,0.14);
    padding: 5px;
}

.margin-right {
  margin-right: 5px;
  padding: inherit;
}
* {
  font-family: 'Raleway', sans-serif;
}
a {
  color: #FFF;
  font-size: 1em;
  border-radius: 10px;
  background-color: #0D2C89;
  box-sizing: border-box;
  padding: 0.1rem 0.9rem;
  margin-left: 0.2em;
  display: block;
}
p {
  font-size: 1.2em;
}
a.lienListe, a.classic {
  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;
}

.input-field .prefix {
    top:inherit;
}