@use '../abstracts/variables' as *;
@use "../mixins/breakpoints" as *;
.header {
    .navbar-toggler {
        border: none;
        margin-right: 15px;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none !important;
    }
    .user-header {
        background-color: $header-clr;
        border: 2px solid $dark-brown;
        border-radius: 0px 0px 25px 25px;
        width: 100%;
    }

    .indiv-logo {
        width: 50%;
        text-align: center;

        @include media-min-xs-l {
            width: 35%;
        }

        @include media-min-sm {
            width: 25%;
        }

        @include media-min-md {
            width: 30%;
        }

        @include media-min-md-l {
            width: 25%;
        }
    }
    .user-logo {
        width: 50%;
        text-align: center;

        @include media-min-xs-l {
            width: 35%;
        }

        @include media-min-sm {
            width: 25%;
        }

        @include media-min-md {
            width: 45%;
        }

        @include media-min-md-l {
            width: 30%;
        }

        @include media-min-lg {
            width: 30%;
        }

        @include media-min-xl {
            width: 25%;
        }
    }

    .organization-image {
        width: 55px;
        height: 55px;
        border-radius: 30%;
    }

    .profile-name {
        color: #151d48;
        font-size: 0.95rem;
        font-weight: 500;
    }

    .dashboard-text {
        color: #737791;
        font-size: 14px !important;
        font-weight: 400;
    }

    .logoutText {
        color: #737791;
        font-size: 15px !important;
        font-weight: 400;
        cursor: pointer;
        top: 50px;
        right: 0;
    }


}
.home-share-app{
    --bs-modal-width: 729px !important
}
.share-app-next-popup{
    --bs-modal-width: 729px !important
}