html,
body {
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    scrollbar-width: none;

}

.notifications {
    position: fixed;
    top: 10%;
    right: 50%;
    transform: translate(50%, -50%);
}

.base-page {
    height: 100%;
    width: 100%;
}


.base-layout {
    max-width: 330px;
    padding: 1rem;
}

.profile-pic {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
}

.profile-pic img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.profile-menu .dropdown-menu {
    right: 0;
    left: unset;
}

.profile-menu .fa-fw {
    margin-right: 10px;
}

.toggle-change::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

.btn.btn-no-bg-primary {
    color: var(--bs-primary)
}

.btn.btn-no-bg-danger {
    color: var(--bs-danger)
}

.btn.btn-no-bg-primary:hover  {
    border: 1px solid var(--bs-primary);
}

.btn.btn-no-bg-danger:hover  {
    border: 1px solid var(--bs-danger);
}

.btn.btn-no-bg-primary:active  {
    border: none;
    color: var(--bs-primary-bg-subtle)
}

.btn.btn-no-bg-danger:active  {
    border: none;
    color: var(--bs-danger-bg-subtle)
}

.btn.btn-no-bg-secondary {
    color: var(--bs-info)
}

.btn.btn-no-bg-secondary:active  {
    border: none;
    color: var(--bs-info-bg-subtle)
}

.btn.btn-no-bg-secondary:hover  {
    border: 1px solid var(--bs-info);
}

input::-webkit-calendar-picker-indicator{
    display: none;
}

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

.disabled {
    filter: grayscale(100%)
}

.accordion-header {
    width: 100%;
}

*::-webkit-scrollbar {
    display: none;
}