body   {
    padding-top: var(--safe-top);
    padding-bottom: var(--safe-bottom);
    padding-left: var(--safe-left);
    padding-right: var(--safe-right);
}

.full-height   {
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
}

@media (max-width: 768px)   {
.show-mobile{
display: block !important;
}
.container,
    .container-fluid{
padding-left: 16px;
        padding-right: 16px;
}
}

@media (min-width: 769px)   {
.show-mobile{
display: none !important;
}
}

@media (pointer: coarse)   {
button,
    .btn,
    [role="button"],
    a.btn,
    .clickable{
min-height: 44px;
        min-width: 44px;
}
.tooltip:hover{
display: none !important;
}
}

@supports not (padding: env(safe-area-inset-top))   {
:root{
--safe-top: 0px;
        --safe-bottom: 0px;
        --safe-left: 0px;
        --safe-right: 0px;
}
}