.center-block {
  width: 212px;
}


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

.toast .green {
	background-color:#33691e;
	color:#ffffff;
}
.input-field>label {
	color:#222;
	font-size:1em;
}


@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-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: 40px;
  }
}
@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: 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;
}

nav .sidenav-trigger {
  margin: 0 5px;
}

#sidenav-overlay {
  z-index: 996;
}

 .navback{
  z-index: 999;
  position: absolute;
  margin-left: 40px;
}

.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 #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 {
  background-color: #ffba01;
  border-radius: 10px;
  border: #ffba01 solid 0px;
  box-shadow: 0 0 0;
  text-decoration: none;
  color: #fff;
}
.btn-radius-yellow:hover {
  border: #ff880d solid 0px!important;
  background-color: #ff880d!important;
  color: #fff!important;
}


.btn-radius-yellowBorder{
  border-radius: 10px;
  border: #ffba01 solid 1px;
  background-color: #fff;
  color: #000;
  box-shadow: 0 0 0;
  text-transform: none;
  font-size: small;
  padding: 8px;
}


.btn-radius-yellow:hover {
  border: #ffba01 solid 1px;
  background-color: transparent;
  color: grey;
}


.btn-radius-blue {
  border-radius: 10px;
  background-color: #0d2c89;
  color: #fff;
  box-shadow: 0 0 0;
  text-transform: none;
  font-size: small;
  border: 0px;
  padding: 8px;
}

.btn-radius-blueBorder{
  border-radius: 10px;
  border: #0d2c89 solid 1px;
  background-color: #fff;
  color: #000;
  box-shadow: 0 0 0;
  text-transform: none;
  font-size: small;
  padding: 8px;
}


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




#identif {
  border-bottom: 1px solid #ffba01;
  color: grey;
}
input#password {
  border-bottom: 1px solid #ffba01;
  color: grey;
}
#logoSideNav {
  margin-top: 20px;
}
.side-nav .userView {
  padding-bottom: 25px;
}



.legendBottom {
	width: 98%;
	left:1%;
	bottom:64px;
	position: fixed;
	background-color: #fff;
	z-index:999;
}

.legendText {
	font-size:0.8em;
}

#navFooter td, #legend td {
	padding:2px 0;
}

.logoFFB {
  float: right;
  margin: 15px;
  width: 110px;
  margin-bottom: 0px;
}
.logobottomcontainer {
  width: 100%;
  background-color: #0d2c89;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.logoFFBlogin {
  width: 100px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.no-margin-bottom {
  margin-bottom: 0px;
}

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

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

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

.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;
}
.border-top-white {
  border-top: #D6D6D6 solid 0.5px;
}
.border-bottom-white {
  border-bottom: #D6D6D6 solid 1px;
}
.side-nav li a {
  color: grey;
}
.padding-top {
  padding-top: 50px;
}
.padding-bottom {
  padding-bottom: 50px;
}
.nav-wrapper {
  background-color: #ffba01;
  color: white;
}
nav .brand-logo {
  font-size: 23px;
}
.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: 1em;
}
a.lienListe, a.classic {
  font-size: 0.9em;
  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;
}