.login-card {
    margin-top: 5%;
    margin-bottom: 5%;
}

/* html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
*/

@media screen and (max-height: 568px) {    
    #mapid {
        height: 350px;
    }
}

 @media screen and (min-height: 569px) {    
    #mapid {
        height: 450px;
    }
}    

/* #mapid {
    height: 60vh;
    //height: 400px;
} */

.toggle.ios, .toggle-on.ios, .toggle-off.ios { 
    border-radius: 20px; 
}
.toggle.ios .toggle-handle { 
    border-radius: 20px; 
}

.toggle.android { 
    border-radius: 0px;
}

.toggle.android .toggle-handle { 
    border-radius: 0px; 
}