@import "color-palette.css";

.navigation .nav-content ul li>a.active {
    border-right: 5px solid var(--primary_medium);
}

.navigation .nav-content ul li>a.active span {
    color: var(--primary_medium) !important;
}

.navigation .nav-content ul li>a.active:hover span {
    color: var(--primary_dark) !important;
}

.bg-primary-light {
    background: var(--primary_light) !important;
}

.bg-primary-medium {
    background: var(--primary_medium) !important;
}

.bg-primary-dark {
    background: var(--primary_dark) !important;
}

.text-primary-light {
    color: var(--primary_light) !important;
}

.text-primary-medium {
    color: var(--primary_medium) !important;
}

.text-primary-dark {
    color: var(--primary_dark) !important;
}

.border-primary-light {
    border-color: var(--primary_light) !important;
}

.border-primary-medium {
    border-color: var(--primary_medium) !important;
}

.border-primary-dark {
    border-color: var(--primary_dark) !important;
}

.bg-primary-gradiant-custom {
    background: linear-gradient(to right, var(--primary_dark), var(--primary_medium)) !important
}




.img-container {
    max-height: 350px;
}

.data-card {
    transition: 0.4s;
}

.data-card:hover {
    transform: translateY(-10px);
    /* Lift effect */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    /* Bigger shadow */
}

.chat-left,
.chat-wrapper,
.modal-popup-body {
    height: calc(78vh - 120px)
}

.chat-body .messages-content .message-item .message-wrap {
    z-index: 0;
}
/* hiding overflow of message */
.message-wrap {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
}

/*Navlink*/
.app-footer .nav-content-bttn.active{
    border-bottom: 5px solid var(--primary_light);
    color: var(--primary_light);
}
/*Navlink*/

/*Quasar pop up mods*/
/* Select only action buttons inside this notification */
.q_pop_MSG_IN .q-btn--actionable {
    /*margin-left: 30px !important;*/
}
/*Quasar pop up mods*/

.no-select{
    pointer-events: none !important;
}