/**
 * Giao diện mamnon75 - Trang thông tin điện tử Trường Mầm non 7 tháng 5
 * CSS riêng của module contact (trang liên hệ và block góp ý nổi). Kiểu dùng chung nằm trong mn.css.
 */

.mn-contact__note {
    margin-bottom: var(--mn-space-5);
}

.mn-contact__form .mn-card__body {
    padding-top: 12px;
}

.mn-dept .mn-card__title {
    color: var(--mn-blue-800);
}

/* Nút góp ý nổi (block global.contact_form) */
#contactButton {
    position: fixed;
    bottom: 0;
    right: 76px;
    z-index: 950;
    width: min(380px, calc(100vw - 24px));
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: none;
}

#contactButton .panel {
    display: none;
    width: 100%;
    margin-bottom: 0;
    border-radius: var(--mn-radius) var(--mn-radius) 0 0;
    box-shadow: var(--mn-shadow-lg);
}

#contactButton .ctb {
    position: fixed;
    bottom: 0;
    right: 76px;
    z-index: 950;
    border-radius: var(--mn-radius) var(--mn-radius) 0 0;
    min-height: 44px;
}

#contactButton .ctb em {
    margin-right: 6px;
}

@media (max-width: 499px) {
    #contactButton {
        left: 12px;
        right: auto;
    }
}