html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.loading-br {
    border-radius: 8px;
}

.loading-w80 {
    width: 80%;
}

.loading-loadcard {
    /*border: 2px solid #fff;*/
    /*box-shadow: 0px 0px 5px 0 #a9a9a9;*/
    /*padding: 10px 20px;*/
    width: 100%;
    /*margin: 50px auto;*/
}

.loading-wrapper {
    width: 0px;
    animation: loading-fullView 0.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.loading-profilePic {
    height: 65px;
    width: 65px;
    border-radius: 50%;
}

.loading-comment {
    height: 15px;
    background: #777;
    margin-top: 9px;
}

@keyframes loading-fullView {
    100% {
        width: 100%;
    }
}

.loading-animate {
    animation: loading-shimmer 2s infinite linear;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 1000px 100%;
}

@keyframes loading-shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

.toast-header {
    background-color: #FF474D;
    color: white;
}

.toast-header > .btn-close {
    background-color: white;
}

.textwrapinit {
    overflow-wrap: initial;
}

.rounded-circle {
    min-height: 0.625rem;
    min-width: 0.625rem;
}
.fa-xmark {
    font-size: 28px; /* Adjust the size as needed */
}

.error-msg{
    display:inline-block;
}

.profile-icon {
    width: 1.875rem;
    height: 1.875rem;
}

.cursor-pointer {
    cursor: pointer;
}

#mobileToggleBtn {
    height: 40px;
    width: 50px;
}

#ToastContainer {
    z-index: 11
}

.footer-padding {
    padding-left: calc(100vw - 100%);
}

.btn-color {
    background-color: #0645C2 !important;
    color: white;
}

.display-block {
    display: block
}