/**
 * @file
 * Subtheme specific CSS.
 */
@font-face { font-family: "dinpro"; src: url("../fonts/dinpro.otf") format("opentype"); }
@font-face { font-family: "dinpro-bold"; src: url("../fonts/dinpro_bold.otf") format("opentype"); }
* { margin: 0; padding: 0; box-sizing: border-box; }
.w-35 { width: 35% !important; }
.w-30 { width: 30% !important; }
.offset-right-40 { margin-right: 40% }
.offset-right-70 { margin-right: 70% }
body { font-family: "dinpro"; line-height: normal; }
.accordion-body { padding-right: 0px; padding-left: 0px; color: rgba(0, 0, 0, 0.6) !important; padding-top: 0; padding-bottom: 0; font-size: 14px;}
.container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1256px; }
.block-page-title-block h1 { font-size: 16px; }
body.toolbar-fixed .navbar.fixed-top, body.toolbar-horizontal .navbar.fixed-top { top: 39px; z-index: 99; }
body.toolbar-tray-open .navbar.fixed-top { top: 79px; }
.navbar.navbar-expand-lg.fixed-top { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16) !important; padding: 12px 24px; background: #fff; height: 62px; }
.navbar-brand img { width: 92px; height: 36px; }
.block-menu.navigation.menu--main .nav-item:first-child { text-transform: uppercase; }
.path-frontpage .field__label { display: none; }
.region-content { padding: 0; }
input[type="text"], input[type="date"], select, input[type="email"], input[type="password"] { padding: 16px; border-radius: 4px; border: solid 0.5px #959595; background-color: #fff; font-size: 16px; color: #000; box-shadow: none; }
.form-control:focus { box-shadow: none; }
.accordion-button::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); }
.menu--main .nav-item .nav-link { font-size: 14px; color: #0057b8; }
.menu--main .nav-item .nav-link.is-active, .menu--main .nav-item .nav-link.active, .menu--main .nav-item .nav-link:hover { font-weight: bold; }
.right-header .login-btn { font-size: 14px; color: #0057b8; text-transform: uppercase; padding: 7px 16px; border: 1px solid #0057b8; }
.right-header .login-btn:hover { color: #fff; background: #0057b8; }
.right-header .register-btn { font-size: 14px; font-weight: bold; letter-spacing: normal; color: #fff; background: #0057b8; border: 1px solid #0057b8; padding: 7px 16px; text-transform: uppercase; }
.right-header .register-btn:hover { color: #0057b8; background: transparent; }
.form-item-lang-dropdown-select .form-control:focus { box-shadow: none; }
span.user-display { margin: 0px 8px; font-size: 16px; font-weight: bold; }
.user-display img { margin-right: 5px; }
.logout-btn { color: #f00; text-decoration: none; font-size: 16px;}
.logout-btn:hover { text-decoration: underline; }
.main-content { margin-top: 62px; padding: 0 40px 40px; }
.main-content.front-page { padding: 0;}
.main-wrapper { border-radius: 16px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); background-color: #fff; padding: 40px; min-height: 72vh;}
.hero-banner, .secondary-banner { height: 500px; }
.hero-banner h2, .secondary-banner h2 { align-self: stretch; flex-grow: 0; text-shadow: 0 0 10px rgba(0, 0, 0, 0.35); font-size: 48px; line-height: normal; }
.hero-banner p, .secondary-banner p { font-size: 20px; line-height: 1.6; letter-spacing: normal; max-width: 1128px; margin: 0px auto; }
.quick-access { background: #f6f6f6; padding: 42px 0 42px 0; }
.quick-access h2 { font-size: 24px; color: #000; margin: 0 !important; text-transform: uppercase; }
.quick-access p { font-size: 16px; color: rgba(0, 0, 0, 0.54); text-transform: capitalize; line-height: normal; margin-bottom: 0; }
.access-cards { margin-top: 32px; }
.access-cards .cards .shadow-sm { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12) !important; background-color: #fefefe; padding: 30px 29px !important; border-radius: 24px; }
.access-cards .cards img { width: 62px; }
.access-cards .cards h3 { margin-top: 28px; font-size: 20px; color: #000; }
.access-cards .cards p { margin-top: 16px; margin-bottom: 28px; }
.access-cards .cards a, .blue-button, #views-exposed-form-recent-feedback-page-1 .form-submit.btn.btn-primary, #views-exposed-form-recent-feedback-page-1 .form-submit.btn.btn-secondary { padding: 10px 20px !important; background-color: #0057b8; color: #fefefe; text-transform: uppercase; text-decoration: none; border: none; }
.access-cards .cards a:hover, .blue-button:hover, #views-exposed-form-recent-feedback-page-1 .form-submit.btn.btn-primary:hover, #views-exposed-form-recent-feedback-page-1 .form-submit.btn.btn-secondary:hover { color: #0057b8; background-color: transparent; border: 1px solid #0057b8;;}
.access-cards .cards:first-child a:hover { background-color: #0057b8; color: #fefefe; }
.access-cards .cards:first-child a { border: 1.5px solid #0057b8; color: #0057b8; background-color: transparent; }
.accordion .accordion-item h2 { font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #000; padding: 9px 0px; }
.accordion .accordion-item .accordion-button.collapsed { font-size: 14px; padding-right: 32px; padding-left: 32px; }
.faq .view-header h4 { flex-grow: 0; font-size: 32px; text-align: center; color: #000; }
.faq .view-header p { text-align: center; color: rgba(0, 0, 0, 0.54); margin-bottom: 32px; }
.more-faqs a { padding: 10px 22px; border-radius: 4px; border: solid 1.5px #0057b8; background-color: #0057b8; color: #f6f6f6; }
.more-faqs a:hover { color: #0057b8; background-color: transparent; }
footer { background-color: #0057b8; padding: 12px 24px;}
footer a, .footer-right { font-size: 12px; }
footer a { text-transform: uppercase; }
footer a:hover { font-weight: bold; }
#block-hfn-theme-footer ul, #block-hfn-theme-footer ul li { display: flex; }
.menu--footer .list-inline-item:after { content: "|"; margin-left: 10px; color: #fff; }
.menu--footer .list-inline-item:last-child::after { content: ""; }
.accordion-button:not(.collapsed) { background: transparent; box-shadow: none; }
button:focus:not(:focus-visible) { outline: none; }
.accordion-button:focus { box-shadow: none; }
#faqAccordion .accordion-button, #faqAccordion .accordion-body { font-size: 14px; padding-right: 32px; padding-left: 32px; }
.primary-button { padding: 10px 50px !important; border-radius: 4px; background-color: #0057b8; text-decoration: none; color: #fff;} 
.primary-button:hover { border: solid 0.6px #0057b8; color: #0057b8 !important; background-color: transparent !important; }
.secondary-button { padding: 10px 50px !important; border: solid 0.6px #0057b8; color: #0057b8; background-color: transparent; text-decoration: none; } 
.secondary-button:hover { border-radius: 4px; background-color: transparent; }

/* Login page */
.main-content.login-block, .main-content.forgot-pwd-block { background-color: #f6f6f6; }
.login-box { margin: 112px 372px 148px; border-radius: 24px; background-color: #fff; padding: 16px; }
.login-form { padding: 16px; }
.login-form h2, .block-page-title-block h1 { margin: 16px 135px 24px 0; font-size: 19px; color: #000; }
.login-form label { font-size: 14px; margin-bottom: 8px; }
.login-box .form-control:focus, .login-box .form-check-input:focus { outline: auto; box-shadow: none; }
.login-box .form-item-persistent-login { width: 48%; display: inline-block; margin
  : 0px; }
.login-box .form-item-persistent-login input#edit-persistent-login { border-radius: 1.5px; border: solid 0.8px #717375; }
.login-box .forgot-pass { width: 50%; display: inline-block; text-align: end; font-size: 11px; }
.login-box .forgot-pass a { text-decoration: none; font-size: 14px; }
.login-box input[type="submit"] { align-items: center; width: 100%; padding: 11.9px 38.5px; border-radius: 4px; background-color: #0057b8; font-size: 14px; text-transform: uppercase; }
.login-box .register-link { font-size: 14px; font-stretch: normal; color: #717375; }
.login-box .register-link a { font-weight: bold; color: #0057b8; }
.login-box .employee-box { align-self: stretch; display: flex; flex-direction: column; align-items: stretch; gap: 14px; padding: 160px 38px 0; }
.login-box .employee-box h3 { align-self: stretch; font-size: 19px; color: #000; }
.login-box .employee-box p { font-size: 14px; color: #333 !important; }
.login-box .employee-box a { align-self: stretch; flex-grow: 0; padding: 12px 58px !important; border-radius: 4px; background-color: #0057b8; font-size: 14px; }
.login-box .form-type-password button.shwpd { margin-top: -2px; }
.login-box .form-type-password input.error ~ label.error ~ button { position: absolute; margin-left: 185px; margin-top: -36px; }
input[type="radio"] + label.error { position: absolute; margin-top: 24px; }
.forgot-pwd-box { height: 86vh; }
.forgot-pwd-box .user-pass p { font-size: 13px; }
.forgot-pwd-box .user-pass input[type="submit"], .forgot-pwd-box .change-pwd-form input[type="submit"] { align-items: center; width: 100%; padding: 11.9px 38.5px; border-radius: 4px; background-color: #0057b8; font-size: 14px; text-transform: uppercase; }

/* Signup Form */
.main-content.registration-block { background-color: #f6f6f6; }
.main-content.registration-block .registration-div { gap: 11px; margin: 46px 81px; padding: 32px; border-radius: 24px; background-color: #fff; }
.registration-form .user-register-form { display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }
fieldset.basic-details { padding: 0 30px 0 4px; margin: 0; }
fieldset.company-details { padding: 0 25px 0 29px; margin: 0; }
fieldset.basic-details legend, fieldset.company-details legend { font-weight: bold; color: #6c6c6c; margin-bottom: 15px; font-size: 18px; }
fieldset.basic-details label, fieldset.company-details label { font-size: 16px; font-weight: 500; color: #333; margin-bottom: 8px; }
fieldset.basic-details .form-control, fieldset.company-details .form-control { padding: 12px; border-radius: 3.2px; border: solid 0.5px #b2b2b2; }
fieldset.basic-details .form-control:focus, fieldset.company-details .form-control:focus { box-shadow: none; }
fieldset.basic-details .password-confirm-message, fieldset.basic-details .description { font-size: 13px; }
.login-link { font-size: 16px; color: #717375; padding: 0 10px; }
.login-link a { font-weight: bold !important; color: #0057b8 !important; }
.sing-up-button { padding: 10px 40px !important; border-radius: 4px; background-color: #0057b8; }
.continue-button { padding: 10px 20px; border-radius: 4px; border: solid 0.6px #0057b8; color: #0057b8; }
.continue-button:hover { background-color: #0057b8; color: #fff; }
.sing-up-button:hover { border: solid 0.6px #0057b8; color: #0057b8; background-color: transparent;}
fieldset.company-details .address-container-inline > .form-item { width: 100%; margin-bottom: 0;}
.password-parent { margin-bottom: 1em;}
#edit-field-address-0 { margin: 0; }
#edit-field-address-0 .fieldset-legend { display: none; }
.user-register-form .form-item-field-address-0-address-address-line2 { margin-bottom: 0px; }
.user-register-form .form-item-field-address-0-address-address-line2 label { position: relative !important; width: auto !important; height: auto !important; }

/* User Edit Form */
.page-route-entity-user-edit-form fieldset.company-details { padding: 0 25px 0 0px; }
.page-route-entity-user-edit-form fieldset.basic-details { border-right: none !important; }
/* Feedback */
#views-form-feedbacks-page-1 { background-color: #f4f9ff; }
.feedback-section { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; padding: 30px 0; height: 86vh; }
.feedback-container { background-color: #fff; border-radius: 16px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 60px 20px; }
.feedback-image img { width: 226px; margin: 0 53px 16px 71px; }
.feedback-text h5 { font-weight: 600; margin-bottom: 10px; color: #000; }
.feedback-text p { width: 350px; margin: 0px auto; font-size: 16px; line-height: 1.38; color: rgba(0, 0, 0, 0.6); }
.feedback-container .btn-primary { padding: 8px 14px; border-radius: 4px; background-color: #0057b8; border: 1px solid #0057b8; font-weight: 600; }
.feedback-container .btn-primary:hover { background-color: #fff; border: 1px solid #0057b8; color: #0057b8; }

/* Feedback Submission*/
.progress-step .progress-marker::after{ display: none; }
.progress-step:last-child { display: none !important; }
.feedback-submission { background-color: #f4f9ff; }
.progress-tracker--center { margin: 0 14em; }
.feedback-submission .feedback-block h5 { font-size: 16px; color: #000; }
.feedback-submission .feedback-block .progress-step { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px 6px 6px; border-radius: 999px; border: solid 1px #959595; background-color: #fff; margin: 0px 12.5px; z-index: 1; }
.feedback-submission .feedback-block .progress-step.is-active { border: solid 1px #0057b8 }
.feedback-submission .feedback-block .progress-step.is-complete { background-color: #e6f5f0; border: 1px solid #00a46a; }
.progress-step.is-complete .progress-marker::before { content: ''; width: 20px; height: 20px; top: 0px; background-size: cover; background-image: url('../images/tickmark-completed.svg'); border: none; }
.feedback-submission .feedback-block .progress-step .progress-title { color: #959595; letter-spacing: 0.32px; font-size: 12px; }
.feedback-submission .feedback-block .progress-step.is-complete .progress-title { color: #03a169; }
.feedback-submission .feedback-block .progress-step .progress-text { padding: 0; width: 100%; }
.feedback-submission .feedback-block .progress-step.is-active .progress-title { color: #0057b8; }
.progress-step .progress-marker::before { border: 1px solid #959595; color: #959595; font-size: 12px; background-color: #fff !important;}
.progress-step.is-active .progress-marker::before { border: 1px solid #0057b8; color: #0057b8; }
.feedback-submission .feedback-pages { padding: 24px 25px; background: #fff; margin-top: -18px; border-radius: 16px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); }
.feedback-submission .feedback-pages .disclaimer { margin-top: 3em; margin-bottom: 3em; }
.feedback-submission .feedback-pages .disclaimer p { font-size: 14px !important; font-family: 'dinpro' !important; text-align: justify; }
.feedback-pages fieldset .fieldset-wrapper select { padding: 16px; border-radius: 4px; border: solid 0.5px #959595; background-color: #fff; font-size: 16px; color: #000; box-shadow: none; }
.feedback-pages fieldset.mb-4 { border-bottom: 2px dashed #959595; }
.feedback-pages fieldset .fieldset-legend, .feedback-pages .fieldset-label label { font-size: 16px; font-weight: 500; color: #000; }
.feedback-pages .fieldset-label label { margin-bottom: 1em; }
.feedback-pages .textarea-disable textarea { pointer-events: none; opacity: 0.6; cursor: not-allowed; background-color: #dcdcdc; font-size: 14px; width: 50%; }
.feedback-pages textarea:focus { box-shadow:none }
.feedback-pages fieldset .fieldset-wrapper label { font-size: 14px; font-weight: 600; color: #3b3b3b; margin-bottom: 8px; }
.feedback-pages .form-item-address-details-address-line2 label { position: relative !important; width: 100% !important; height: auto !important; }
.feedback-pages fieldset .fieldset-wrapper { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }
.feedback-pages fieldset .fieldset-wrapper > * { flex-shrink: 0; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); }
.feedback-pages .product-selection { display: block; width: 100%; background-color: #fff; padding: 0 !important; margin: 0 !important; }
.feedback-pages #edit-is-the-product-serial-number-available--wrapper { margin-top: 14px; }
.form-item-product-model, .form-item-product-serial-lot-number, .form-item-product-expiry-if-available, .form-item-product-expiry, .form-item-product-diopter { padding-top: 24px; }
.feedback-pages #edit-is-the-product-serial-number-available--wrapper, .form-item-search-serial-number { padding-right: 24px !important; padding-left: 24px !important; margin-bottom: 0 !important; padding-top: 10px; }
.form-item-product-model, #edit-is-this-product-part-of-a-clinical-trial--wrapper, .form-item-clinical-trial-reference-number { padding-left: 24px !important; }
.feedback-pages .product-selection .form-item-product-informations, .feedback-pages #edit-is-the-product-serial-number-available--wrapper .form-item-is-the-product-serial-number-available, #edit-do-you-require-the-investigation-report .form-item-do-you-require-the-investigation-report, #edit-are-there-any-product-concerns--wrapper .form-item-are-there-any-product-concerns, #edit-are-there-any-product-return--wrapper .form-item-are-there-any-product-return, #edit-credit-note-required--wrapper .form-item-credit-note-required, #edit-are-there-any-supporting-materials--wrapper .form-item-are-there-any-supporting-materials, #edit-is-there-any-patient-impact--wrapper .form-item-is-there-any-patient-impact, #edit-is-this-product-part-of-a-clinical-trial .form-item-is-this-product-part-of-a-clinical-trial, #edit-date-of-event1 .form-item-date-of-event1 { display: inline-block; min-height: 1.5rem; margin-bottom: 0px; margin-right: 15px; }
#edit-product-informations { padding: 0; }
.form-item-product-informations { padding: 9px 10px 8px 35px; }
.form-item-product-informations.selected { background-color: #f5faff; border-radius: 8px 8px 0 0; }
#edit-product-information > .fieldset-wrapper { background-color: #f5faff; margin: 0; border-radius: 8px; margin-bottom: 1.5rem !important; }
.feedback-pages [id^="address-details-ajax-wrapper"] { width: 60%; }
.feedback-pages [id^="address-details-ajax-wrapper"] .fieldset-wrapper [id^="edit-address-details-country-code"] { width: 50%; }
.feedback-pages [id^="address-details-ajax-wrapper"] .fieldset-wrapper [id^="edit-address-details-country-code"] .js-form-item.form-item { width: 100%; }
.feedback-pages [id^="address-details-ajax-wrapper"] .fieldset-wrapper .js-form-item.form-item { width: 50%; }
.feedback-pages [id^="address-details-ajax-wrapper"] .fieldset-wrapper .js-form-item.form-item select, .feedback-pages [id^="address-details-ajax-wrapper"] .fieldset-wrapper .js-form-item.form-item input { width: 100%; }
.feedback-pages [id^="address-details-ajax-wrapper"] .fieldset-wrapper [id^="edit-address-details-container2"] { display: none; }
#edit-do-you-require-the-investigation-report { width: 100%; }
#edit-do-you-require-the-investigation-report--wrapper .description { width: 50%; font-size: 12px; color: #818181; }
.form-note { font-size: 14px; color: #818181; margin-bottom: 5em; }
#edit-supported-files .webform-managed-file-placeholder span { font-size: 12px; color: #818181; }
.webform-submission-feedback-form .form-actions { position: relative; padding-left: 24px; margin-top: -59px; }
.webform-submission-feedback-form .form-actions .webform-button--next, .webform-submission-feedback-form .form-actions .webform-button--previous, .webform-submission-feedback-form .form-actions .webform-button--submit, .webform-button--draft { padding: 4px 10px; border-radius: 4px; border: solid 1px #0057b8; }
.webform-submission-feedback-form .form-actions .webform-button--next, .webform-submission-feedback-form .form-actions .webform-button--submit, .webform-submission-feedback-form .form-actions .webform-button--previous:hover, .webform-button--draft { background-color: #0057b8; color: #fff; }
.webform-submission-feedback-form .form-actions .webform-button--previous, .webform-submission-feedback-form .form-actions .webform-button--next:hover, .webform-submission-feedback-form .form-actions .webform-button--submit:hover, .webform-button--draft:hover { background-color: #fff; color: #0057b8; }
.main-content .faq-wrapper { padding: 0; }
.bg-color1 { background-color: #f4f9ff; }
.faq-wrapper .faq-box, .main-wrapper .help-box { padding: 0px 8em 2em; }
.faq-wrapper .faq-box .accordion-item.parent-item { padding: 20px 32px; border-radius: 8px; margin: 18px 0px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); }
.faq-wrapper .faq-box .accordion-item h2, .help-box .accordion .accordion-header { padding: 0; }
.faq-wrapper .faq-box .accordion-item .accordion-button.collapsed { padding: 0; font-size: 16px;}
.faq-wrapper .faq-box .accordion-button.parent-toggle { padding: 0 0 20px 0; font-size: 16px; }
.faq-wrapper .faq-box .parent-content-box, .help-box .accordion { padding: 24px 24px 14px; border-radius: 16px; background-color: #f0f0f0; }
.faq-wrapper .faq-box .accordion .accordion-item.child-item, .help-box .accordion .accordion-item { padding: 20px; border-radius: 8px; box-shadow: 0 0 24px 0 rgba(0, 19, 41, 0.02), 0 2px 0 0 rgba(0, 19, 41, 0.02); margin-bottom: 10px !important; }
.faq-wrapper .faq-box .accordion .accordion-item .accordion-button.collapsed.child-toggle { font-size: 14px; }
.faq-wrapper .faq-box .accordion .accordion-item .accordion-button.child-toggle, .help-box .accordion .accordion-header .accordion-button { padding: 0; }
.faq-wrapper .faq-box .accordion .accordion-item.child-item .accordion-collapse.collapse .accordion-body { padding-bottom: 0; padding-top: 10px; }
/* .feedback-pages [id^="edit-supported-files-upload"] { display: none; } */
.feedback-pages .webform-element-description { display: none; }
.custom-upload-area .custom-upload-inner { padding: 15px 40px; box-shadow: 0 4px 10px 0 rgba(0, 87, 184, 0.17); background-color: #fafafa; display: flex; align-items: center; justify-content: center; gap: 18px; cursor: pointer; }
.custom-upload-area .custom-upload-inner .upload-text { text-align: left; color: #525252; }
.custom-upload-area .custom-upload-inner .upload-text strong { color: #0057b8; }
.custom-upload-area .custom-upload-inner .upload-text small { color: #a3a3a3; }
.feedback-submission:has(.webform-confirmation) .page-title, .feedback-submission:has(.webform-confirmation) .webform-progress { display: none !important; }
.webform-confirmation { display: flex; flex-direction: column; justify-content: center; padding: 0 10em; border-radius: 16px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); background-color: #fff; height: 80vh; width: 70%; margin: 0px auto; text-align: center; }
.webform-confirmation-heading img { display: block; width: 60px; margin: 0px auto; }
.webform-confirmation-heading h1 { font-size: 30px; text-align: center; }
label.error { color: #FF0E00 !important; font-size: 13px !important; margin-bottom: 0 !important; }
fieldset.webform-composite-hidden-title { margin-top: 0; margin-bottom: 0;}
.choose-file-webform { background: #f8f9fa; color: #000; padding: 8px 12px; border-radius: 5px; cursor: pointer; font-weight: bolder; }
.choose-file-webform:has(+ .webform-file-button-input.error) { border: 1.5px solid #ff0000; }
.feedback-report-file input[type="file"] { display: none;}
.form-item-address-details-country-code label::after { content: " *"; color: #ff0000; font-weight: 500; font-size: 15px; }
.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; padding: 28px; position:relative; overflow: hidden;}
.select2-container .select2-selection--single .select2-selection__rendered { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; position: absolute; left: 10px; bottom: 18px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 15px; right: 1px; width: 20px; }
.ui-autocomplete { height: 200px; overflow: overlay; }
.ui-autocomplete li { padding: 8px 8px; border-bottom: 1px solid #cdcdcd; }
.ui-autocomplete li a { color: #000; text-decoration: none; width: 100%; display: block; border: none; }
.ui-autocomplete li:hover { background: #0057b8; }
.ui-autocomplete li:hover a { color: #fff; background: #0057b8; }
.ui-state-active, .ui-widget-content .ui-state-active { background: transparent; border: none; color: #000; }
.page-route-hoya-common-feedback-confirm .alert { display: none; }

/* Feedback Submission Edit */
.user-logged-in .webform-submission-feedback-edit-form .webform-submission-navigation, .user-logged-in .webform-submission-feedback-edit-form .webform-submission-information.card, .user-logged-in .feedback-submission .webform-submission-navigation, .user-logged-in .feedback-submission .webform-submission-information.card, .webform-details-toggle-state-wrapper, #edit-log-fieldset, .webform-type-webform-workflows-element, #edit-actions-draft, .form-item-access-control, .path-webform .form-item-report-type, .path-webform .form-item-intertime-report, .path-webform .form-item-final-report, .path-webform #edit-report-type--wrapper, .path-webform .form-item-rma-files { display: none; }

/* Feedback Submission View */
details { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16) !important; padding: 10px 20px; }
summary.card-header.bg-light { background-color: #fff !important; font-size: 18px; font-weight: bolder; border: none; text-transform: uppercase; }
.details-wrapper.card-body { background: #f0f0f0; margin: 14px 24px 14px; border-radius: 16px; }
.webform-container.webform-container-type-fieldset .fieldset-legend { font-size: 17px; text-transform: uppercase; font-weight: bold; }
.webform-container.webform-container-type-fieldset label, .webform-element.webform-element-type-radios label, .webform-element.webform-element-type-managed-file label { font-size: 16px; font-weight: bold; }
.webform-container-type-details label:after { content: ':'; }
#feedback--workflow, #webform-submission-feedback-edit-form--2, .webform-submission-data--view-mode-html .form-wrapper.card:first-child { display: none; }

/* User Dashboard */
.view-id-recent_feedback .view-header { position: relative; }
.view-id-recent_feedback .view-header .dashboard-button { position: absolute; top: -95px !important; right: -40px !important; border-radius: 4px; }
.view-header .dashboard-button:hover { background-color: #2b71bf; color: #fff; }
.dropdown-menu .dropdown-item { font-size: 14px; padding: 8px 15px; color: #0057B8; }
.dropdown-menu.show { min-width: 130px; padding: 8px; border-radius: 4px;}
.dropdown-item:hover, .dropdown-item:focus { background: #EFF6FF; }
.webform-workflow-state-label.with-color { background-color: transparent !important; fill: none; color: #000 !important; stroke: none; padding: 0; }
.webform-workflow-state-label:before { width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 6px; content: ''; }
.webform-workflow-state-label.webform-workflow-color-green:before { background: #117300; }
.webform-workflow-state-label.webform-workflow-color-orange:before { background: #ffa500; }
.webform-workflow-state-label.webform-workflow-color-red:before { background: #F8272C; }
.webform-workflow-state-label.webform-workflow-color-yellow:before { background: #FE9C00; }
#views-exposed-form-recent-feedback-page-1 #edit-completed-wrapper { min-width: 380px; margin-top: 0; }
/* #views-exposed-form-recent-feedback-page-1 #edit-completed-wrapper h4 { display: none; } */
/* #views-exposed-form-recent-feedback-page-1 #edit-actions { display: inline-block; } */
#views-exposed-form-recent-feedback-page-1 #edit-completed-wrapper legend { display: none; }
#views-exposed-form-recent-feedback-page-1 .form-item, #views-exposed-form-recent-feedback-page-1 .form-actions { margin-top: 0; }
#views-exposed-form-recent-feedback-page-1 { margin-bottom: 1em; }
#views-exposed-form-recent-feedback-page-1 input, #views-exposed-form-recent-feedback-page-1 select { padding: 11px 20px; }
#views-exposed-form-recent-feedback-page-1 input:focus, #views-exposed-form-recent-feedback-page-1 select:focus { box-shadow: none; }
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: #F4F4F4; }
.serial-no-view { color: #0057B8; text-decoration: none; }
.webform-workflow-author-and-changed, .webform-workflow-log-public { display: none; }
.page-link { background-color: #0057b8; border-color: #086cea; color: #fff;}
.active > .page-link { color: #0057b8; background-color: transparent; border-color: #0057b8; }
.page-link:hover { border-color: #0057b8; background-color: transparent; }
.page-link:focus { box-shadow: none; }
.feedback-stats-count .status-stats-box { display: inline-block; background: #EDEDED; padding: 5px 10px; margin-left: 5px; border-radius: 5px; width: 150px; }
.feedback-stats-count .status-stats-box .count { width: 25%; float: left; font-size: 24px; font-weight: 700; text-align: center; }
.feedback-stats-count .status-stats-box .label { width: 75%; float: left; text-transform: capitalize; font-size: 14px; padding-left: 10px; }
.view-recent-feedback .view-content { width: 100%; overflow: auto; min-height: 18em; }


/* Basic Page */
.h2-content { font-size: 18px; color: #000; font-weight: bolder; line-height: 1.5; }
.h3-content { font-size: 16px; color: #000; font-weight: bolder; line-height: 1.5; }
.p-content{ font-size: 14px; color: #000; text-align: justify; line-height: 1.5; margin-bottom: 10px; }
p.error-heading { font-size: 7em; }
p.error-label { font-size: 3em; }
.page-route-hoya-common-upload-feedback-report .main-wrapper { padding: 40px !important; }
.page-route-tfa-overview .card-header { background-color: #fff; }
.page-route-tfa-overview .details-wrapper.card-body { background: #fff; }
.page-route-tfa-validation-setup .main-wrapper { max-width: 600px; padding-top: 8em; }
.page-route-hoya-common-submission-revisions .main-wrapper .region-content { overflow: auto; }
.privacy-policy-content { color:#000; line-height:1.6; margin:0 auto; max-width:1200px; padding:0 20px; width:100%; }
.privacy-policy-content .heading1 { font-size:24px; margin-bottom:1.5rem; }
.privacy-policy-content .heading2 { font-size:24px; margin:2.5rem 0 1.5rem; }
.privacy-policy-content .heading3 { font-size:20px; margin:1.5rem 0 1rem; }
.privacy-policy-content .para1 { font-size:16px; line-height:1.6; margin-bottom:1rem; text-align:justify; }
.privacy-policy-content .para2 { font-size:16px; line-height:1.6; margin-bottom:1rem; }
.privacy-policy-content .para3 { font-size:16px; line-height:1.6; margin-bottom:2rem; }
.privacy-policy-content .para4 { font-size:16px; line-height:1.6; margin-bottom:2rem; }
.privacy-policy-content .para5 { font-size:16px; line-height:1.6; margin-bottom:0.5rem; }
.privacy-policy-content .ul1 { font-size:16px; list-style-type:disc; margin:0 0 1.5rem 2rem; padding:0; }
.privacy-policy-content .ul2 { font-size:16px; list-style-type:disc; margin:0 0 2rem 2rem; padding:0; }
.privacy-policy-content .li1 { line-height:1.5; margin-bottom:0.75rem; }
.privacy-policy-content .table-responsive { margin-bottom:2rem; overflow-x:auto; }
.privacy-policy-content .table-responsive .table { border-collapse:collapse; font-size:14px; width:100%; }
.privacy-policy-content .tr-bg-1 { background-color:#f8f9fa; }
.privacy-policy-content .th-1 { border-color:#dee2e6; padding:12px; text-align:left; }
.privacy-policy-content .td-1 { border-color:#dee2e6; padding:12px; vertical-align:top; }
.privacy-policy-content .a1 { color:#0066cc; text-decoration:none; }

/* Contact Us Page */
.webform-submission-contact-add-form select { padding: 16px; border-radius: 4px; border: solid 0.5px #959595; background-color: #fff; font-size: 16px; color: #000; box-shadow: none; }

/* User view page*/
.profile-table { table-layout: fixed; width: 100%; }
.profile-table th, .profile-table td { vertical-align: top; word-wrap: break-word; }
.profile-table th:nth-child(1), .profile-table td:nth-child(1) { width: 18%; }
.profile-table th:nth-child(2), .profile-table td:nth-child(2) { width: 22%; }
.profile-table th:nth-child(3), .profile-table td:nth-child(3) { width: 22%; }
.profile-table th:nth-child(4), .profile-table td:nth-child(4) { width: 38%; }

/* Contact us page */
.contact-section { background: #0057b8; color: #fff; }
.line-field { width: 100%; background: transparent !important; border: none; border-bottom: 2px solid #fff; border-radius: 0; color: #fff; padding: 6px 0; }
.line-field:focus { outline: none; box-shadow: none; border-bottom: 2px solid #fff; }
.floating-wrap { position: relative; }
.floating-wrap label { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; pointer-events: none; transition: all 0.2s ease; }
.floating-wrap input:focus+label, .floating-wrap input:valid+label { top: -6px; font-size: 12px; }
.static-label { display: block; font-size: 13px; line-height: 1; margin-bottom: 6px; transform: none; }
.message-box { color: transparent; background: transparent !important; border: 2px solid #fff; color: #fff; }
.message-box:focus, .message-box:active { color: transparent; background: transparent !important; outline: none; box-shadow: none; }
.btn-outline-light:hover { background: #fff; color: #0057b8; }
select.line-field { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent !important; border: none; border-bottom: 2px solid #fff; color: #fff; height: 38px; line-height: 38px; padding: 0; background-repeat: no-repeat; background-position: right 0 center; background-size: 16px; }
select.line-field { padding: 0 !important; height: 32px; line-height: 32px; }

/* Feedback View Page */
.webform-submission-table { width: 100%; border-collapse: collapse; }
.webform-submission-table th, .webform-submission-table td { padding: 0.75rem; border: 1px solid #dee2e6; vertical-align: top; }
.webform-submission-table th { width: 35%; text-align: left; font-weight: 600; background-color: #f8f9fa; }
.webform-submission-table td { width: 65%; }
.webform-submission-table tr.odd { background-color: #ffffff; }
.webform-submission-table tr.even { background-color: #f8f9fa; }
.webform-submission-table tr.section-header th { background-color: #e9ecef; font-weight: bold; text-align: center; }

.btn-homepage { padding: 10px 50px !important; border-radius: 4px; background-color: #0057b8; text-decoration: none; color: #fff; }
.btn-homepage:hover { background-color: #fff; color: #0057b8; }
.btn-feedback { padding: 10px 50px !important; border: 1px solid #0057b8; border-radius:none !important; color: #0057b8; background-color: transparent; text-decoration: none; }