/***
Custom css
***/

.card-header-title,a,.nav-icon{
    color:#f12711 ;
}

a:hover{
    color: #f5af19;
}

.card-sub-body{
    background:rgba(255,168,81,0.2) ;
}

.auth_home_left_menu,.auth_home_bottom_menu{
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.auth_home_left_menu a,.auth_home_bottom_menu a{
    text-decoration: none;
    color: white;
    text-align: center;
}

.auth_home_left_menu a,.auth_home_left_menu a .card-body,
.auth_home_bottom_menu a,.auth_home_bottom_menu a .card-body{
    background: none;
}

.auth_home_left_menu a:hover ,
.auth_home_bottom_menu a:hover{
    background: rgba(255,255,255,0.2);
}


.auth_home_left_menu a .card-body .nav-icon{
    font-weight: 900;
    font-size: 50px;
    color: white;
}

.auth_home_bottom_menu  {
    position: fixed;
    bottom: 0;

}

.btn-primary{
    background:#f5af19 ;
    border: #f5af19;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    background:#f12711 ;
    border: #f12711;
}

.google-icon-svg{ height: 20px; width: 20px; }

.dropdown-toggle::after {
    display:none;
}

.homepage.jumbotron {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-top: solid 2px black ;
}

.homepage .jumbotron-background {
    object-fit:cover;
    font-family: 'object-fit: cover;';
    position:relative;
    top:0;
    z-index:1;
    width:100%;
    height:100%;
    /*opacity:0.5;*/
    background: rgba(0,0,0,0.3);
    margin: 0 !important;
    padding: 0 !important;
}

.homepage.jumbotron .container {
    position:relative;
    z-index:2;
    background:rgba(0,0,0,0.2);
    padding:2rem;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    text-align: center;
}

.homepage.jumbotron .container p{
    font-weight: 900;
}

.homepage.jumbotron .container .lead{
    font-weight: 900;
    font-size: 3vw;
    text-shadow: 1px 1px 1px black;
    padding-top:2rem;
}

.navbar{
    background-repeat: no-repeat;
    background-repeat: repeat-x;
}


input[type=range] {
    width: 100%;
    margin: 20.8px 0;
    background-color: transparent;
    -webkit-appearance: none;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    background: #ff7400;
    border: 0.2px solid #000101;
    border-radius: 25px;
    width: 100%;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
    margin-top: -21px;
    width: 30px;
    height: 50px;
    background: #fcb160;
    border: 3.2px solid #000000;
    border-radius: 50px;
    cursor: pointer;
    -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ff8d2e;
}
input[type=range]::-moz-range-track {
    background: #ff7400;
    border: 0.2px solid #000101;
    border-radius: 25px;
    width: 100%;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-moz-range-thumb {
    width: 30px;
    height: 50px;
    background: #fcb160;
    border: 3.2px solid #000000;
    border-radius: 50px;
    cursor: pointer;
}
input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 35.8px 0;
    color: transparent;
    width: 100%;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-ms-fill-lower {
    background: #d15f00;
    border: 0.2px solid #000101;
    border-radius: 50px;
}
input[type=range]::-ms-fill-upper {
    background: #ff7400;
    border: 0.2px solid #000101;
    border-radius: 50px;
}
input[type=range]::-ms-thumb {
    width: 30px;
    height: 50px;
    background: #fcb160;
    border: 3.2px solid #000000;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
}
input[type=range]:focus::-ms-fill-lower {
    background: #ff7400;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ff8d2e;
}
/*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
how to remove the virtical space around the range input in IE*/
@supports (-ms-ime-align:auto) {
    /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
    input[type=range] {
        margin: 0;
        /*Edge starts the margin from the thumb, not the track as other browsers do*/
    }
}

.trajet{
    background-repeat: no-repeat;
    background-size: contain  ;
    background-position: top center;
}