html, body {
    height: 100%;
    width: 100%;
}

.safe-area {
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.safe-area-top {
    padding-top: max(0px, env(safe-area-inset-top));
}

.text-truncate-horizontal {
    /*overflow-x: hidden;*/ 
    overflow-x: clip; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-transports-overlay {
    position: fixed;
    top: 45%;
    /*height: 100px;*/
    right: 0px;
    left: 0px;
    margin: auto;
    padding: 0px;
    z-index: 10000;  
}

.card {
    width: 100%;
    max-width: 600px;
    background-color: #f3f3f3!important;
    margin: 16px;
    padding: 8px 10px 8px 10px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
}