/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

#contactButton {
    position: fixed;
    bottom: 0;
    right: 15px;
    max-height: 100%;
    width: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
}

#contactButton .panel {
    margin-bottom: 0;
    width: 100%;
    color: #333;
    display: none;
}

#contactButton .ctb {
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 1000;
    text-align: center;
}

#contactButton .ctb,
#contactButton .panel {
    border-radius: 5px 5px 0 0;
}

#contactButton .ctb em {
    margin-right: 3px;
    font-size: 1.6em;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    #contactButton .ctb {
        right: 70px;
    }
}

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

/* The expanded investor form uses the full content wrapper. */
.investqn-contact-page > .row > :first-child { display:none; }
.investqn-contact-page > .row > :last-child { width:100%; }
.investqn-contact-page .panel-heading { font-size:26px; font-weight:600; }
.investqn-contact { padding:18px; }
.investqn-contact fieldset { min-width:0; margin:0 0 24px; padding:0; border:0; }
.investqn-contact legend { color:#16476a; font-size:21px; margin-bottom:20px; padding-bottom:10px; }
.investqn-contact .contact-field { margin:0 0 14px; }
.investqn-contact .contact-field label { display:grid; grid-template-columns:240px 1fr; gap:8px 16px; align-items:center; position:relative; font-weight:400; width:100%; }
.investqn-contact .contact-field label > span { position:absolute; left:225px; color:#b51f2c; }
.investqn-contact input:not([type=radio]):not([type=checkbox]):not([type=hidden]), .investqn-contact textarea { width:100%; min-width:0; padding:10px 12px; border:1px solid #cbd6df; border-radius:5px; background:#fff; color:#153c5b; font:inherit; }
.investqn-contact input[readonly] { background:#f3f6f8 !important; }
.investqn-contact .contact-interest label { display:flex; gap:10px; align-items:flex-start; margin:0 0 18px; font-weight:400; }
.investqn-contact .contact-interest input { margin-top:5px; flex-shrink:0; }
.investqn-contact .contact-interest em { font-size:14px; }
.investqn-contact .contact-request { display:block; width:100%; font-size:21px; color:#16476a; font-weight:400; }
.investqn-contact textarea { display:block; resize:vertical; margin:16px 0; font-size:16px; }
.investqn-contact .contact-actions { display:flex; justify-content:center; gap:12px; }
.investqn-contact .contact-actions button { min-height:44px; }
.investqn-contact .contact-error { color:#b51f2c; font-size:14px; display:block; grid-column:2; }
.investqn-contact [aria-invalid=true] { border-color:#b51f2c !important; }
.investqn-contact .contact-result:empty { display:none; }
.investqn-contact :focus-visible { outline:2px solid #008cd1; outline-offset:2px; }
@media(max-width:760px) {
 .investqn-contact { padding:4px; }
 .investqn-contact .contact-field label { grid-template-columns:minmax(0,1fr); }
 .investqn-contact .contact-field label > span { position:static; display:none; }
 .investqn-contact .contact-field label:has([required])::before { content:"*"; color:#b51f2c; position:absolute; right:0; top:0; }
 .investqn-contact .contact-error { grid-column:1; }
 .investqn-contact legend { font-size:19px; }
}
.body-mod-contact .wraper > section > .container > .row > div:has(> .investqn-contact-page) { width:100%; left:0; }

/* Reuse the shared news masthead for Contact and meeting registration. */
.investqn-contact-masthead { margin-bottom:32px; }
@media(max-width:760px) {
    .investqn-contact-masthead { margin-bottom:24px; }
    .investqn-contact-masthead .qeza-news-masthead-inner { width:calc(100% - 28px); }
}

.investqn-meeting .contact-field small { grid-column:2; color:#526678; font-weight:400; }
.investqn-meeting .contact-field textarea { margin:0; }
@media(max-width:760px) { .investqn-meeting .contact-field small { grid-column:1; } }
@media(max-width:760px) {
 body:has(.investqn-meeting:focus-within) .qeza-chatbot-fab { visibility:hidden; }
}