/*# sourceMappingURL=custom.min.css.map */
.vue__time-picker {
    width: -webkit-fill-available !important;
}

.vue__time-picker input.vue__time-picker-input {
    border: 1px solid #d2d2d2 !important;
    ;
    width: -webkit-fill-available !important;
    ;
    height: 2.2em !important;
    ;
    padding: 19px !important;
    ;
    font-size: 1em !important;
    ;
    border-radius: 5px !important;
    ;
}

.vue__time-picker .dropdown {
    top: calc(2.2em + 11px) !important;
    width: min-content !important;
}

.vue__time-picker .dropdown .select-list {
    width: 15em !important;
}

input:focus-visible {
    outline: 1px solid #d2d2d2 !important;
}

.vue__time-picker .controls .char {
    font-size: 2em !important;
}

.vue__time-picker .controls {
    top: 6px !important;
    right: 5px !important;
}

/* calendar-custom.css */

/* Example styles for FullCalendar events */
.fc-event {
    color: black;
    background-color: transparent;
    border: 1px solid #25a0e2;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
    max-width: 400px !important;
    ;
}

.fc-event:hover {
    color: black;
    border: 1px solid #f0f8ff;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;

}

/* Quill Editor */
.ql-editor {
    min-height: 500px !important;
    max-height: 500px !important;
    overflow-y: auto !important;
}

/* Chat Conversation */
.chat-conversation {
    height: calc(90vh - 299px);
}

.conversation-list .ctext-content p {
    margin: 0px !important;
}

/* Styling for the view link */
.view-link {
    position: absolute;
    top: 175px;
    left: 80px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 1.2rem;
    text-decoration: underline;
    color: white;
}

/* Hover effect for view link */
.view-link:hover {
    color: white;
}

/* Styling for the copy link/button */
.copy-link {
    position: absolute;
    top: 175px;
    left: 120px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    /* Smooth fade-in transition */
    font-size: 1rem;
    text-decoration: underline;
    color: white;
    cursor: pointer;
}

/* Hover effect for copy link */
.copy-link:hover {
    color: white;
}

/* Show copy link on hover */
.file-container .copy-link {
    opacity: 100;
}

/* Other styles remain the same */
/* General styles for images and iframes */
.img-fluid-scenario {
    width: 100%;
    height: auto;
    transition: filter 0.3s ease;
}

/* Media wrapper to handle position of link */
.media-wrapper {
    position: relative;
}



/* Show view link on hover */
.file-container .view-link {
    opacity: 100;
}

/* Close button styling */
.close-button {
    opacity: 0;
    z-index: 2;
    transition: opacity 0.3s ease;
    right: 18px;
    top: 10px;
}

/* Show close button on hover */
.file-container:hover .close-button {
    opacity: 0;
}

.pdf-text-link {
    position: absolute;
    top: 120px !important;
    right: 65px !important;
}

/* Hover effect for media */
.file-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-title-box {
    margin-right: -10px;
    margin-left: -10px;
}

.page-title-box-alt {
    border-bottom: none;
}

.ctext-content {
    text-align: start;
}

.page-content {
    padding: calc(61px + 1.5rem) calc(0.75rem) 60px;
}


/* Chat System For Students */
.info-message-icon {
    position: relative;
    /* Ensure the icon is a reference point for the tooltip */
}

.tooltip {
    position: absolute;
    background-color: white;
    color: black;
    padding: 10px;
    border-radius: 5px;
    z-index: 1000;
    width: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 14px;

    /* Initial state: Hidden and positioned above the icon */
    bottom: 100%;
    /* Position the tooltip above the icon */
    left: 50%;
    /* Center it horizontally relative to the icon */
    transform: translateX(-50%) translateY(-10px);
    /* Center and slightly offset */

    opacity: 0;
    pointer-events: none;
    /* Prevent blocking of hover event */
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* When hovering over the icon, show the tooltip */
.info-message-icon:hover .tooltip {
    opacity: 1;
    transform: translateX(-92%) translateY(-5px);
    /* Slight upward animation on hover */
    pointer-events: auto;
    /* Allow interaction */
}