body {
    background-image: none !important;
}
.navbar-brand-img {
    max-height: 32px;
}
#img_splash_frontpage{
    max-height:100px;
}
#img_elonhead_offcanvas {
    height:55px;
}
#img_dashboard_offcanvas, #img_interior_offcanvas{
    max-height:180px;
}
#main, #alert1 {
    font-size:18px;
}
.modal-title, .modal-body {
    font-size:18px;
}
#modal_splash_title {
    font-size:32px !important;
}
.navbar-brand {
    font-size:20px;
}
#btn_about {
    font-size: 18px;
    position:absolute;
    top:10px;
    right:12px;
}
#btn_refresh {
    font-size: 18px;
    position:absolute;
    top:10px;
    right:87px;   
}
#btn_ok {
    width:100%;
    font-size:18px;
}
#row1, #row2, #row3{
    margin-right: 48px;
    margin-left: 48px;
}
#row1, #row2, #row3 {
    margin-left:0px; margin-right:0px;
}
#heart {
    color:red;
    height:16px;
}
/**** offcanvas related *****/
.offcanvas {
    font-size:18px !important;
}
.offcanvas-bg-solid-white { /* used for offcanvas solid backgrounds */
    /*background-color: whitesmoke !important; /* rgb(217, 221, 233) !important;  */ /*whitesmoke*/
    opacity: 1.0 !important; /* you can try something like 0.9 but some platforms may choke on such CSS */
}

.offcanvas-header, .offcanvas-body {
    background: #cb15b6 !important; /* 7f3ed3  */
    z-index:99999999;
}
.offcanvas, .offcanvas-top {
    border-bottom: solid;
    border-bottom-color: #0c0c0c;
}

/* add class blink to elt to make it blink (e.g., the 'stop'/danger element ? */
.blink {
    animation: blinker 1s step-start infinite;
}
@keyframes blinker {
    50% { opacity: 0;}
}