* {
    margin: 0;
    padding: 0;
}


body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.block {
    display: block;
}

.in-block {
    display: inline-block;
}

.txt-icon {
    vertical-align: bottom;
    margin-right: 10px;
}

main {
    flex: 1 0 auto;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}

h1, h2, h3, h4, h5, h6, th {
    font-family: 'Roboto Condensed', Arial,sans-serif;
}

fieldset {
    border: 0;
}

.nobreak {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bg-lg-navbar {
    background-color: #f5f5f5;
}

.bg-lg-navbar a{
    color: #007bff;
}

.fs-15 {
    font-size: 15px;
}

.fs-17 {
    font-size: 17px;
}

.fs-20 {
    font-size: 20px;
}

.fs-30 {
    font-size: 30px;
}

footer p {
    font-size: 14px;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.bold-text {
    font-weight: bold;
}

.parallax-container {
    height: 600px;
}

.h-700 {
    height: 700px;
}

.m-15 {
    margin: 15px;
}

.p-20 {
    padding: 20px;
}

.p-50 {
    padding: 50px;
}

.p-100 {
    padding: 100px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-200 {
    margin-top: 200px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-50 {
    margin-bottom: 50px;;
}

.mb-0 {
    margin-bottom: 0;
}

.max-h-500 {
    max-height: 300px;
    overflow-y: scroll;
}

fieldset {
    margin-bottom: 20px;
}

.clickable {
    cursor: pointer;
}

.red-hover:hover {
    color:red;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.inline {
    display: inline;
}

.button-form button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.toast-zone {
    position: absolute;
    top: 0;
    right: 0;
}

.border-img {
    border: 1px solid #007bff;
}

/* Video */

video {
    max-height: 800px;
}

/* GDPR */
#gdprFooter {
    width:100%;
      bottom:0;
      left:0;
      position: fixed;
      z-index: 999;
}
/* End GDPR */

/*.toast-zone {
    position: fixed;
    padding: 10px 25px;
    top: 0;
    right: 0;
    z-index: 900;
}*/

/*.toast-zone div {
    position: relative;
    width: auto;
    margin-top: 10px;
    max-width: 100%;
    min-height: 48px;
    display: flex;
}*/

/*.carousel .carousel-item{
    height: 350px;
}

.carousel .card{
    height: 250px;
}*/
.carousel .carousel-item {
    width: 300px;
}

.chip.tiny-chip {
    height: 15px;
    font-size: 11px;
    line-height: 14px;
}

/* Login and Registration */

.bg-image-track {
    background-image: url("../img/couloir-piste-bg.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* End Login and Registration */

/* Form */

select[multiple].browser-default {
    height: 90px;
}

/*End form*/

/* Navbar */

nav ul a {
    padding: 0 25px;
}

@media (max-width: 1595px) {
    nav ul a {
        padding: 0 15px;
    }
}

.sidenav li > a {
    color: #007bff;
}

.sidenav li > a > i, 
.sidenav li > a > [class^="mdi-"], 
.sidenav li > a li > a > [class*="mdi-"], 
.sidenav li > a > i.material-icons {
    color: #007bff;
}

/* End navbar */

/* Pagination */
.pagination li.active {
    background-color: #0091ea;
}
/* End Pagination */

input:not([type]):focus:not([readonly]), 
input[type="text"]:not(.browser-default):focus:not([readonly]), 
input[type="password"]:not(.browser-default):focus:not([readonly]), 
input[type="email"]:not(.browser-default):focus:not([readonly]), 
input[type="url"]:not(.browser-default):focus:not([readonly]), 
input[type="time"]:not(.browser-default):focus:not([readonly]), 
input[type="date"]:not(.browser-default):focus:not([readonly]), 
input[type="datetime"]:not(.browser-default):focus:not([readonly]), 
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), 
input[type="tel"]:not(.browser-default):focus:not([readonly]), 
input[type="number"]:not(.browser-default):focus:not([readonly]), 
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {

    border-bottom: 1px solid #3297d3;
    -webkit-box-shadow: 0 1px 0 0 #3297d3;
    box-shadow: 0 1px 0 0 #3297d3;

}

input:not([type]):focus:not([readonly]) + label, 
input[type="text"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="password"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="email"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="url"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="time"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="date"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="number"]:not(.browser-default):focus:not([readonly]) + label, 
input[type="search"]:not(.browser-default):focus:not([readonly]) + label, 
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #3297d3;
}

@media (max-width: 1500px) {
    video {
        max-height: none;
    }
}