/* Fix for mobile zoom on button taps */
.btn {
    touch-action: manipulation;
}

@media (orientation: portrait) {
    html.pwa-mode .header_item_title {
        display: none;
    }
}

.touch-icon {
    font-size: 1.25rem;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.touch-icon:active {
    background-color: rgba(0, 0, 0, 0.1);
}

/* set custom colour for bg name: primary-dark: 004D3A*/
.bg-primary-dark {
    background-color: #004D3A;
    color: #FFFFFF !important;
}

/* Primary button with dark primary color */
.btn-primary-dark {
    background-color: #004D3A;
    color: #FFFFFF !important;
    border-color: #004D3A;
}

.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active {
    background-color: #003b2c;
    color: #FFFFFF !important;
    border-color: #003b2c;
}

.bg-primary-blue { background-color: #08365F !important; }

.stat_card {
    width: 36px;
    height: 36px;
}

.avatar_card {
    width: 65px;
    height: 65px;
}

/* Fix excessive body height when sidebar is collapsed */
body.vertical-collpsed {
    min-height: 100vh !important;
}

.dropdown-menu {
    z-index: 2000 !important;
}

.w-10px {
    width: 10px !important;
}

.w-20px {
    width: 20px !important;
}

.w-30px {
    width: 30px !important;
}

.w-40px {
    width: 40px !important;
}


.w-50px {
    width: 50px !important;
}

.w-60px {
    width: 60px !important;
}

.w-70px {
    width: 70px !important;
}

.w-80px {
    width: 80px !important;
}

.w-90px {
    width: 90px !important;
}

.w-100px {
    width: 100px !important;
}