@font-face { font-family: elle-futura; src: url("../fonts/elle-futura-book.otf"); font-display: block; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: rgb(241, 241, 241); }
::-webkit-scrollbar-thumb { background: rgb(231, 73, 41); }
::-webkit-scrollbar-thumb:hover { background: rgb(231, 73, 41); }
body { font-family: elle-futura; float: left; width: 100%; margin: auto; color: rgb(70, 89, 100); }
header.halink-site-header { background: rgb(255, 255, 255); padding: 15px 0px; float: left; width: 100%; margin: auto; position: relative; }
.halink-widget-img img { float: left; width: 100%; }
.href-logo-site > img { width: 70px; height: auto; }
.cart-site { color: rgb(255, 255, 255); }
.cart-site i { font-size: 30px; }
.search-form-menu .halink-nav-menu a { color: rgb(143, 199, 74); padding: 0px 10px 0px 0px; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: auto !important; }
.search-form-menu .halink-nav-menu li a:hover { background: none; text-decoration: underline; }
.search-form-menu .halink-nav-menu ul { list-style: none; }
.search-form-menu .halink-nav-menu ul.sub-menu { display: none; }
.search-form-menu .halink-nav-menu { display: flex; gap: 15px; justify-content: flex-start !important; align-items: flex-start !important; }
.halink-search-gr form.halink-search-form { width: 100%; float: left; margin-bottom: 5px; }
form.halink-search-form button[type="submit"] { position: absolute; }
.halink-search-gr form.halink-search-form input { width: 100%; float: left; height: 35px; border: none; border-radius: 2px; padding: 10px; font-size: 14px; }
.halink-search-gr button.halink-search-form-submit { position: absolute; right: 0px; top: 0px; height: auto; border: none; font-size: 15px; background: rgb(245, 61, 45); color: rgb(255, 255, 255); padding: 6px 20px; }
.d-flex { display: flex; align-items: center; }
jc-spacebetween { justify-content: space-between; }
.halink-search-gr { position: relative; }
.search-form-menu { float: left; width: 100%; }
.jc-spacebetween { justify-content: space-between; }
a { transition: all 300ms ease 0s; color: rgba(0, 0, 0, 0.75); font-size: 14px; }
.productcat-box-gr { float: left; width: 100%; margin-bottom: 10px; }
.productcat-box-gr img { width: 100%; height: auto; }
.slider-container { float: left; width: 100%; position: relative; }
.slider-container-gr-content { display: grid; justify-content: center; float: left; width: 100%; grid-template-columns: 70% auto; gap: 5px; }
.banner-slider-container img { width: 100%; height: 100%; object-fit: cover; }
.banner-slider-container { display: grid; grid-template-columns: repeat(1, 1fr); gap: 5px; }
.owl-dots { position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; }
.owl-dots button.owl-dot { width: 12px; height: 12px; background: rgba(25, 22, 22, 0.14); border-radius: 100%; margin: 0px 4px; }
.owl-dots button.owl-dot.active { background: rgb(255, 255, 255); }
.owl-nav button { position: absolute; top: 0px; left: 0px; bottom: 0px; transition: all 300ms ease 0s; opacity: 0; }
.owl-nav button span { font-size: 50px; background: rgba(255, 255, 255, 0.35); padding: 0px 15px 10px; display: flex; justify-content: center; align-items: center; }
.owl-nav button.owl-next { position: absolute; right: 0px; }
.owl-carousel:hover .owl-nav button { opacity: 1; }
.owl-nav button:hover span { background: rgb(255, 255, 255); }
.container { padding: 0px; width: 1170px; max-width: 100%; margin: auto; }
.halink-widget-content { float: left; width: 100%; margin: 0px auto 5px; }
.halink-site-content .home-page-content {float: left;width: 100%;margin: auto;padding: 0px;position: relative;justify-content: center;align-items: center;background: rgb(245, 245, 245);}
.halink-site-inner { float: left; width: 100%; margin: auto; }
li { list-style: none; position: relative; }
.imglist-container-content { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.imglist-container-content .item > a { display: grid; justify-content: center; align-items: center; margin: auto; }
.imglist-container-content .item > a img { float: none; margin: auto; }
.imglist-container-content .item > a span { color: rgba(0, 0, 0, 0.75); padding: 5px 0px; }
.imglist-container-content .item > a img { width: 45px; height: 45px; transition: all 300ms ease 0s; }
.imglist-container-content .item > a:hover img { transform: scale(1.2); }
.productcat-box { text-align: center; font-size: 13px; }
.productcat-box a { color: rgba(0, 0, 0, 0.75); float: left; width: 100%; position: relative; }
.productcat-box a span { float: left; width: 100%; padding: 5px 0px; font-size: 14px; }
.product-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.productcat-box > a img { width: 100%; }
.product-box-price { display: flex; justify-content: center; align-items: center; float: left; width: 100%; }
.product-sale-number { position: absolute; top: 0px; right: 0px; z-index: 1; background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51)); color: rgb(255, 255, 255); padding: 5px; box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 10px; font-weight: 700; }
.product-sale-number span { font-size: 12px !important; }
a.productcat-viewmore { float: left; text-align: center; margin: 30px 0px; width: 100%; }
a.productcat-viewmore span { background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51)); padding: 10px 15px; color: rgb(255, 255, 255); }
footer.halink-site-footer {float: left;width: 100%;margin: auto;background: rgb(70, 89, 100);padding-top: 0px;color: rgb(255, 255, 255);position: relative;}
.middle-footer { float: left; width: 100%; padding: 30px 0px 0px; }
.middle-footer .details-col { display: grid; grid-template-columns: repeat(4, 23%); justify-content: center; gap: 30px; }
.middle-footer .details-col .nav { display: block; }
footer .gallery-container { display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(3, 30%); gap: 10px; }
footer .gallery-container .item img { width: 100%; }
.middle-footer .details-col .nav li a { padding: 5px 0px; color: rgb(255, 255, 255); }
.bottom-footer { float: left; width: 100%; text-align: center; font-size: 14px; padding: 10px 0px 0px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.small-title { font-size: 20px; }
.halink-widget-title > h2 { font-size: 14px; text-transform: uppercase; position: relative; }
.halink-widget-title > h2::before { content: ""; position: absolute; width: 50px; height: 2px; background: rgb(255, 255, 255); bottom: 0px; }
a:hover { color: red; text-decoration: none; transition: all 300ms ease 0s; }
p { margin-bottom: 15px; }
.title-tin { text-align: center; text-transform: uppercase; font-weight: 700; }
.editor-content { color: rgba(0, 0, 0, 0.73); font-size: 14px; }
header.halink-site-header.fixed { position: fixed; z-index: 999999999; padding: 5px 0px; }
header.halink-site-header.fixed .href-logo-site > img { width: 55px; }
header.halink-site-header.fixed .halink-search-gr form.halink-search-form input { height: 30px; }
header.halink-site-header.fixed .halink-search-gr button.halink-search-form-submit { font-size: 18px; }
.halink-widget-productcat-slider, .halink-widget-product-by-type, .home-page-content .halink-editor-content { padding: 15px 15px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
a.productcat-viewmore span:hover { background: red; }
span.product-price.product-price { color: rgb(245, 61, 45); font-size: 15px; }
span.product-price.has-sale { text-decoration: line-through; color: rgba(0, 0, 0, 0.81); }
.halink-nav-menu > li:hover > ul { display: block !important; }
.halink-nav-menu ul.sub-menu { position: absolute; top: 40px; z-index: 9; background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51)); min-width: 100%; max-width: 100%; margin: auto; padding: 0px; }
.halink-nav-menu li { position: relative; padding: 0px; margin: 0px; font-size: x-large; }
.halink-nav-menu ul.sub-menu > li:hover > ul.sub-menu { display: block; }
.halink-nav-menu ul.sub-menu2 { left: 101%; top: 0px; }
.halink-nav-menu ul.sub-menu3 { left: 101%; top: 0px; }
.halink-nav-menu ul.sub-menu a { font-size: 13px; }
.details-productcat, .details-postcat { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.halink-pagging { float: left; width: 100%; text-align: center; margin: 15px 0px 0px; }
.halink-pagging a { padding: 5px 10px; font-weight: 700; }
.halink-pagging a.current { cursor: not-allowed; background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51)); color: rgb(255, 255, 255); }
.post-type-content { display: grid; grid-template-columns: 20% 79%; gap: 10px; }
.post-type-content.no-sidebar { display: block; }
.details-post figure { margin: auto !important; }
.post-image-gr { display: grid; grid-template-columns: 45% 54%; gap: 10px; }
.post-image > img { float: left; width: 100%; height: auto; }
.post-content { margin-top: 15px; }
.breadcrumb-nav-inner { display: flex; justify-content: space-between; align-items: center; }
.breadcrumb { margin-bottom: 0px; background: none; padding: 0px; }
.title-post { margin-bottom: 0px; font-size: 15px; text-transform: uppercase; }
.breadcrumb-nav { padding: 10px 0px; font-size: 14px; background: rgb(255, 255, 255); margin-bottom: 0px; }
.breadcrumb-nav span { color: rgba(0, 0, 0, 0.52); }
.breadcrumb-nav-inner i { padding: 0px 5px; }
.price-for-product-details .product-box-price { justify-content: flex-start; gap: 10px; }
.price-for-product-details .product-box-price span { font-size: 20px; }
.price-for-product-details .product-box-price span.product-price-sale { font-size: 25px; }
.price-for-product-details .product-box-price span.has-sale { color: rgba(0, 0, 0, 0.45); }
.price-for-product-details { float: left; width: 100%; margin-bottom: 10px; }
.product-desc-content { float: left; width: 100%; margin-bottom: 10px; }
header.halink-site-header.fixed .halink-nav-menu li { padding: 0px; }
.product-list-gallery { float: left; width: 100%; margin: 10px 0px; position: relative; }
.product-list-gallery img.actived { border: 2px solid red; padding: 5px; }
.owl-nav:hover { z-index: 1; }
.owl-nav button.owl-next { right: 0px; left: unset; }
.large-title { font-size: 200px; text-align: center; text-shadow: rgba(0, 0, 0, 0.35) 0px 10px 10px; color: rgb(245, 61, 45); }
.notfound-type-content.notfound-page { text-align: center; font-size: 20px; padding: 60px 0px; }
.notfound-type-content.notfound-page a { display: block; margin: 30px 0px 15px; }
.notfound-type-content.notfound-page a span { background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51)); padding: 10px 20px; color: rgb(255, 255, 255); font-size: 15px; }
footer .halink-nav-menu li { padding: 0px; }
.post-type-content .productcat-box { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
.post-type-content .productcat-box .productcat-box-title { padding: 5px; }
.frm-register-content { width: 600px; margin: auto; background: rgb(255, 255, 255); padding: 30px; box-shadow: rgba(0, 0, 0, 0.23) 0px 0px 10px; max-width: 100%; height: 100%; display: flow-root; }
.home-page-content { float: left; width: 100%; }
.bottom-footer .halink-widget-title > h2::before { left: 0px; right: 0px; margin: auto; display: none; }
.main-site-content { float: left; width: 100%; margin: 15px 0px; }
label.halink-register-frm-alert { padding-left: 5px; color: rgb(221, 16, 16); margin: auto !important; }
.halink-account-page-content { display: grid; grid-template-columns: 15% 84%; justify-content: center; gap: 15px; }
.halink-account-page-content > .right-panel { padding: 30px; }
.halink-account-page-content > .left-panel { padding: 15px; }
.halink-account-page-content > .left-panel ul { padding: 0px; }
ul.list-action-member li { padding: 0px; line-height: 35px; }
ul.list-action-member li a { font-size: 15px; }
.halink-account-page-content > div { box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px; background: rgb(255, 255, 255); }
.form-control[readonly] { background: rgba(255, 0, 0, 0.08); border: none; }
.halink-contact-form { float: left; width: 100%; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.form-group label { font-size: 15px; }
ul.list-action-member li a i { font-size: 18px; color: rgb(245, 61, 45); font-weight: 700; }
ul.list-action-member li a.actived { color: rgb(245, 61, 45); }
ul.list-top-nav { color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 0px; padding: 5px 0px; }
ul.list-top-nav a { color: rgb(255, 255, 255); }
ul.list-top-nav a:hover { text-decoration: underline; }
ul.list-top-nav ul { display: none; position: absolute; left: 0px; background: rgb(255, 255, 255); min-width: 160px; width: 100%; padding: 10px; top: 25px; z-index: 1; }
ul.list-top-nav > li:hover > ul { display: block; }
ul.list-top-nav ul a { color: rgba(0, 0, 0, 0.8); }
ul.list-top-nav i { font-size: 18px; }
.form-control { font-size: 15px; padding: 10px; float: left; width: 100%; height: auto; }
label { font-size: 15px; }
.search-form-site { width: auto; max-width: 100%; }
.product-box-addtocart { display: flex; float: left; width: 100%; gap: 10px; }
.product-input-quantity input { height: 50px; width: 50px; padding-left: 5px; font-size: 20px; }
.product-box-addtocart button { border: none; padding: 10px 20px; }
.product-box-addtocart button i { font-size: 25px; }
.btn-primary { background: linear-gradient(-180deg, rgb(245, 61, 45), rgb(255, 102, 51)); border: none !important; }
.btn-primary:hover { background: rgb(194, 13, 13); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: rgb(194, 13, 13); border: none; }
.halink-cart-number { position: absolute; top: -5px; right: -15px; background: rgb(255, 255, 255); padding: 0px 4px; color: rgb(210, 11, 11); border-radius: 100%; font-size: 13px; border: 1px solid rgb(210, 11, 11); }
.cart-site-content { position: relative; }
.cart-site-content > a { color: rgb(255, 255, 255); }
.cart-member-detais { display: grid; grid-template-columns: 60% auto; gap: 30px; }
table.payment-table { float: left; width: 100%; margin: auto; }
table.payment-table.payment-table-edit-cart thead td { padding: 5px 0px; text-align: center; font-weight: 500; font-size: 15px; }
table.payment-table thead { background: rgb(255, 255, 255); }
.info-user-payment { background: rgb(255, 255, 255); padding: 15px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px; }
table.payment-table td { font-size: 14px; padding: 5px; }
.payment-table span.product-price.product-price-regular { padding-right: 5px; }
a.remove-item-cart { cursor: pointer; }
a.remove-item-cart:hover { color: red !important; }
a.remove-item-cart i { font-size: 20px; }
.info-order-details-gr { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.info-order-details { background: rgba(255, 255, 255, 0.57); padding: 15px; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px; }
.info-order-details.info-order-details-overview { margin-bottom: 15px; }
.group-title { display: flex; gap: 5px; }
.group-title .left-title label { font-weight: 700; }
h3.smaller-title { font-size: 18px; margin-bottom: 15px; }
.right-title span { padding-right: 2px; }
.group-title.product-order-total-price { border-top: 1px solid rgba(0, 0, 0, 0.13); color: rgb(236, 15, 15); float: left; width: auto; }
.form-group { float: left; width: 100%; }
.list-table-order-user thead { background: rgb(245, 245, 245) !important; }
.list-table-order-user tbody tr:nth-child(2n) { background: rgba(255, 0, 0, 0.03); }
.note-for-user { float: left; width: 100%; margin-top: 15px; }
ul.order_notes { padding: 2px 0px 0px; float: left; width: 100%; margin: auto; }
ul.order_notes li { padding: 0px 10px; float: left; width: 100%; }
ul.order_notes li .note_content { padding: 10px; background: rgba(202, 51, 51, 0.08); position: relative; }
ul.order_notes li .note_content p { margin: 0px; padding: 0px; overflow-wrap: break-word; }
ul.order_notes li .note_content::after { content: ""; display: block; position: absolute; bottom: -10px; right: 20px; width: 0px; height: 0px; border-width: 10px 10px 0px 0px; border-style: solid; border-color: rgba(202, 51, 51, 0.08) transparent; }
ul.order_notes li a.delete_note { color: rgb(170, 0, 0); cursor: pointer; }
ul.order_notes li p.meta .exact-date { border-bottom: 1px dotted rgb(153, 153, 153); }
ul.order_notes li p.meta { padding: 10px; color: rgb(131, 128, 128); margin: 0px; font-size: 12px; text-align: right; }
.list-note.list-note-for-user.list-note-mess { float: left; width: 100%; }
.list-note.list-note-for-user.list-note-mess .info-order-details { float: left; width: 100%; }
.qc-vivaweb > h1 { text-align: center; text-transform: uppercase; font-size: 30px; font-weight: 600; }
.qc-vivaweb {float: left;width: 100%;padding: 60px 0px 30px 0;}
.qc-vivaweb > p { text-align: center; font-size: 20px; }
.qc-vivaweb-frm { text-align: center; }
.qc-vivaweb-frm input[type="text"] {width: 500px;max-width: 100%;height: 50px;border: 1px solid rgb(203, 213, 224);padding: 10px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.qc-vivaweb-frm button { background: rgb(143, 199, 74); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 10px; height: 50px; border: none; cursor: pointer; padding: 10px 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.qc-vivaweb-frm .ip-gr { display: flex; justify-content: center; align-items: center; }
.halink-widget-content.halink-editor-content p { margin: 0px 0px 5px; }
.summary-graph {display: grid;align-items: center;grid-template-columns: 20% 80%;padding: 15px;}
.summary-graph-split .progress-item .ant-progress { margin-top: 4px; }
.ant-progress-line { position: relative; width: 100%; font-size: 14px; }
.ant-progress-outer { display: inline-block; width: 100%; margin-right: 0px; padding-right: 0px; }
.ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: rgb(245, 245, 245); border-radius: 100px; }
.summary-graph-split .progress-item .ant-progress-bg, .summary-graph-split .progress-item .ant-progress-inner { height: 20px !important; border-radius: 4px !important; }
.failed .ant-progress-bg { background: rgb(243, 10, 10); }
.halink-summary-qc-check { float: left; width: 100%; background: rgb(255, 255, 255); margin-bottom: 15px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
.card-header { background: none; box-shadow: none; border-top: none; border-right: none; border-left: none; border-image: initial; text-align: left; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px; position: relative; }
.summary-graph-split { text-align: left; }
.progress-item { float: left; width: 100%; margin-bottom: 15px; }
.warning .ant-progress-bg { background: rgb(255, 171, 0); }
.ok .ant-progress-bg { background: rgb(40, 167, 69); }
.qc-vivaweb-result {float: left;width: 100%;margin: 30px 0 0 0;}
.summary-graph-total .progress-label {position: absolute;font-size: 16px;font-weight: 500;left: 0px;right: 0px;text-align: center;height: 24px;bottom: 20%;display: none;}
.summary-graph-total { position: relative; }
.qc-sitename strong { font-size: 18px; font-weight: 600; }
.qc-desc {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
}
.report-element.info i {
    color: #0000008a;
}
.summary-check { display: block; padding: 0px 15px 15px; }
.report-element { display: grid; justify-content: flex-start; align-items: center; grid-template-columns: 15% 85%; text-align: left; margin-bottom: 15px; }
.report-element-title i { font-size: 20px; color: rgb(243, 10, 10); }
.report-element.passed i { color: rgb(40, 167, 69); }
.report-element.failed { color: rgb(243, 10, 10); }
.report-element .note a { font-size: 13px; font-weight: 400; }
.report-element .note {display: block;font-size: 14px;color: rgb(0, 0, 0);}
.report-element.warning i { color: rgb(255, 171, 0); }
.share-qc {position: absolute;right: 15px;top: 15px;color: rgb(243, 10, 10);font-size: 30px;cursor: pointer;display: flex;justify-content: center;align-items: baseline;}
.qc-vivaweb-result-content span.error { color: rgb(219, 20, 20); font-size: 18px; }
input[name="qc-code-key-share"] { font-size: 13px; background: rgb(245, 245, 245); transition: all 0.3s ease 0s; border: none !important; width: auto !important; height: auto !important; max-width: 0px !important; padding: 0px !important; }
.share-qc.active input[name="qc-code-key-share"] { min-width: 400px; background: none; max-width: 100% !important; padding: 0px 10px 0px 0px !important; }
button.toggle-menu { position: fixed; top: 10px; right: 10px; z-index: 999999; border: none; background: rgb(143, 199, 74); cursor: pointer; }
button.toggle-menu i { font-size: 30px; color: rgb(255, 255, 255); }
.gr-qc-code-key-share { background: rgb(245, 245, 245); padding: 5px 10px; display: none; align-items: center; margin-left: 5px; }
.copy_url { font-size: 20px; display: none; }
.share-qc.active .gr-qc-code-key-share { display: flex; }
.share-qc.active .gr-qc-code-key-share .copy_url { display: block; }
input:focus-visible { outline: none !important; }
.qc-date-share {font-size: 15px;color: rgb(243, 10, 10);font-weight: 600;}
.qc-vivaweb-history{float:left;width:100%;margin: 0 0 15px 0;}
.qc-vivaweb-history > ul{padding:0;display:grid;grid-template-columns: repeat(4,auto);gap:10px;float: left;width: 100%;}
.qc-vivaweb-history > ul li{display:grid;background:#fff;padding: 0;transition:all .3s;box-shadow:0 0 10px #0000002e}
.qc-vivaweb-history > ul li:hover{ box-shadow: 0 0 10px #00000061;}
.qc-vivaweb-history .summary-graph {grid-template-columns: repeat(1,1fr);padding: 10px;}
.qc-vivaweb-history > ul li span i{font-style:normal;color:#f30a0a;padding-right:5px;font-weight:700}
a.view-details-qc-link{background:#8fc74a;padding:10px 15px;color:#fff;box-shadow: #00000057 0 0 6px;transition:all .3s}
a.view-details-qc-link:hover{background:#f30a0a}
.qc-vivaweb-history .card-header{height:auto;padding:10px;margin:auto;text-align:center}
.qc-vivaweb-history .card-header a strong{font-size:17px}
.qc-vivaweb-history > h2 {margin: auto;text-align: center;margin-bottom: 30px;float: left;width: 100%;font-weight: 600;font-size: 30px;}
.qc-vivaweb-history > h2 span:after{content:'';position:absolute;left:0;right:0;width:50px;height:4px;background:#465964;margin:auto;bottom:0}
.qc-vivaweb-history > h2 span{position:relative;padding-bottom:10px}
@media only screen and (max-width: 768px) {
.qc-vivaweb-frm input[type="text"] {width: 50%;}
  .share-qc.active input[name="qc-code-key-share"]{min-width:95%}
.share-qc{position:relative;right:unset;left:unset;float:left;width:100%;justify-content:space-between}
.share-qc.active .gr-qc-code-key-share{float:left;width:100%}
  button.toggle-menu { display: block !important; }
  .report-element .note { display: none; }
  .report-element { grid-template-columns: 40% 60%; }

  .qc-vivaweb-frm button {padding: 10px;min-width: 160px;}
  .qc-vivaweb-result { padding: 0px; }
  .search-form-menu .halink-nav-menu { animation: 0s ease 0s 1 normal none running none; display: none; width: 100%; position: fixed; top: 0px; right: 0px; z-index: 999999; background: rgb(255, 255, 255); }
  .halink-nav-menu li { padding: 10px !important; }
  .search-form-menu .halink-nav-menu.active-mobile { display: block !important; }
}
@media only screen and (max-width: 1024px) {
  .qc-vivaweb-history > ul { grid-template-columns: repeat(1,100%);}
  .logo-site { padding-left: 10px; }
  .halink-site-content .home-page-content { padding: 0px 10px !important; }
    .summary-graph {grid-template-columns: repeat(1, 1fr) !important;}
}