.btn{
    width:100%;
    margin-bottom:2.5em;
    font-size:2em;
}
.fa,.fas,.far,.fab{
    margin-right:1em;
}
.select-dropdown.dropdown-trigger{
    font-size:2.2em !important;
    color:#767676;
    text-align:center;
}
button.choice_made{
    margin-top:0.2em;
    transition:margin-top 0.2s,font-size 0.2s;
    margin-bottom:0.7em !important;
    font-size:1.2em;  
}
button.auto{
    height:auto;
    line-height:1.1em;
}
button.auto.choice_made{
    height:auto;
    line-height:1.6em;
}
#top__logo{
    margin:auto;
    padding:0;
    text-align:center;
    margin-top:1em;
    margin-bottom:1.3em;
}
#top__logo.choice_made{
    font-size:.8em;
    margin-top:.2em;
    transition: all 0.2s linear;
}
.step_transition{
    margin:0px;
    color:gray;
    font-size: 2em;
    margin:0.2em;
}
#home__done button{
    margin:auto;
    width:90%;
    margin-top:1em;
    margin-bottom:3em;
}

#home__when{
    font-size:1.7em;
}
.mt-1{margin-top:1em !important;}
.mb-1{margin-bottom:1em !important;}
.mt-2{margin-top:2em !important;}
.mb-2{margin-bottom:2em !important;}
.ml-2{margin-left:2em !important;}
.ml-1{margin-left:1em !important;}
.mr-2{margin-right:2em !important;}
.mr-1{margin-right:1em !important;}
.m-auto{margin:auto !important;}
.smaller{font-size:smaller !important;}
.larger{font-size:xx-large !important!;}
.slightly-smaller{font-size:1.2em !important;}
.infowindow .btn{
    margin-bottom:0px;
}
.infowindow{
    height:25vh;
}
.debug{
    border:1px red solid;
}
.h-button{
    color:#7ecfc0;
}
.h-button-bg{
    background-color:#7ecfc0;
}
.h-light{
    color:#f2e3c9;
}
.h-light-bg{
    background-color:#f2e3c9;
}
.h-setting{
    color:#ec8f6a;
}
.h-setting-bg{
    background-color:#ec8f6a;
}
.h-danger{
    color:#ef4b4b;
}
.h-danger-bg{
    background-color:#ef4b4b;
}
/*
#qr-debug{
    text-align:left;
    transition:background-color 1s;
    background-color:white;
    max-height:5em;
    overflow:hidden;
    overflow-y: auto;
}
*/
.dev.new{
    background-color:fuchsia;
}
.h-spinner{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:100vw;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    background-color:white;
    padding-top:10em;
    z-index:9999;
}
#points{
    position:fixed;
    bottom:0;
    width:100%;
    text-align:center;  
    overflow:hidden;
    line-height:1em;
    font-size:1.7em;
    transform:translateY(3.5em);
    transition:all 0.4s;
}
#points.hidden{
    transform:translateY(8.5em);
    transition:all 0.4s;
}

#points .circle{
    width:7em;
    height:7em;
    background:#baadad;
    color:white;
    font-weight:bold;
    margin:auto;
    transform:rotate(0deg);
    line-height:2.5em;
    transition: all 0.4s;
    border:1px #848484 solid;
}
#points .circle.message{
    transform:rotate(180deg);
    transition: all 0.4s;
}
#points .circle .number{
    line-height:1.5em;
    font-size:1.5em;
    padding-top:0.2em;
}
#points .circle .number.cog{
    margin-bottom:0.7em;
}
#points .circle .message{
    font-size:0.45em;
    line-height:0.5em;
}
#points .circle .directions,#points .circle .directions2{
    transform:rotate(180deg);
/*     padding-bottom:1em; */
    line-height:1.2em;
}
#points .circle .directions2{
    font-size:0.5em;
    margin-top:2.2em;
}
.dev{
    position:absolute;
    top:0;
    right:0;
    left:0;
    background-color:gray;
    color:white;
    font-family: monospace;
    padding:0.5em;
    transition:background-color 1s;
}
.dev.new{
    background-color:fuchsia;
}
#account-debug,#map-debug{
    cursor: pointer;
}
#scan__confirm__arrival__time{display:none;}
.left-button{
    left:2em;
    right:auto;
}
#drive__scan__cancel__wrapper.fixed-action-btn{
    right:auto;
    left:23px;
}