body.mobile-device{
    height: calc(100vh - 16px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.mobile-device.light {
    background-color: rgb(203, 199, 199);
}
body.mobile-device.dark {
    background-color: dimgray;
}
body.mobile-device .login {
    display: flex;
    flex-direction: column;
}

body.mobile-device .login input[type=text],
body.mobile-device .login input[type=password]{
    height: 70px;
    font-size: 40px;
    margin-bottom: 20px;
}

body.mobile-device button {
    height: 70px;
    font-size: 35px;
    border-radius: 10px;
    border: none;
    background-color: goldenrod;
}


body.mobile-device .bt-notifications.bt-visible { top: -1px; }
body.mobile-device .bt-notifications.bt-success { background-color: #43ac6a; }
body.mobile-device .bt-notifications.bt-warning { background-color: #e99002; }
body.mobile-device .bt-notifications.bt-error { background-color: #f04124; }
body.mobile-device .bt-notifications.bt-info { background-color: #5bc0de; }
body.mobile-device #notifications span { height: 30%; float: left; text-align: center; line-height: 70px; font-size: 34px; width: 50vw; }
body.mobile-device #notificationsIcon { width: 60px; font-size: 37px; }
body.mobile-device #notificationsText { width: 100vw !important; height: 70% !important; margin-top:30px;
     }
body.mobile-device #notificationsClose { width: 60px; cursor: pointer; }


body.mobile-device .bt-notifications {
    position: fixed;
    z-index: 1;
    width: 100vw;
    height: 200px;
    top: -220px;
    left: calc(50% - 50vw);
    background-color: #AE9269;
    transition: top 2s;
    color: #FFF;
    font-weight: 800;
    box-shadow: 0 8px 6px -6px black;
}