:root {
    /* font size */
    --font-size-xxl: 50px;
    --font-size-xl: 20px;
    --font-size-lg: 18px;
    --font-size-md: 16px;
    --font-size-sm: 14px;
}

body.display-via-webview header.page-header,
body.display-via-webview #block-breadcrumbs,
body.display-via-webview .section-FindMore,
body.display-via-webview .page-footer {
    display: none;
}

/* global */
body.display-via-webview h6,
body.display-via-webview .h6,
body.display-via-webview h5,
body.display-via-webview .h5,
body.display-via-webview h4,
body.display-via-webview .h4,
body.display-via-webview h3,
body.display-via-webview .h3,
body.display-via-webview h2,
body.display-via-webview .h2,
body.display-via-webview h1,
body.display-via-webview .h1 {
    margin-bottom: 1rem;
}
body.display-via-webview .row {
    --bs-gutter-x: 20px;
}
body.display-via-webview .mt-5 {
    margin-top: 1rem !important;
}
body.display-via-webview .layout--twocol-section.layout--twocol-section--33-67>.layout__region--second,
body.display-via-webview .layout--twocol-section.layout--twocol-section--67-33>.layout__region--first {
    width: 100%;
}
body.display-via-webview #CommentRoom {
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 15px;
}
body.display-via-webview #CommentRoom footer>p {    
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;    
}
body.display-via-webview article.js-comment {
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 0;
}
body.display-via-webview .bg-white {
    padding: 30px 0;
}
body.display-via-webview p {    
    font-size: var(--font-size-md);
    line-height: 1.35;
    margin-bottom: 16px;
}
body.display-via-webview form label {
    font-size: var(--font-size-md) !important;
}
body.display-via-webview .card-products {
    border: #A4A4A4 1px solid;
    border-radius: 10px;    
    box-shadow: none;
}
body.display-via-webview .back-to-top {
    bottom: 25px;
    right: 25px;
}
body.display-via-webview table {
    font-size: var(--font-size-md);
}
body.display-via-webview .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #fff;
}
body.display-via-webview .col-right .lp-table h4,
body.display-via-webview .col-right .skills-list h4,
body.display-via-webview .col-right .training-content h4 {
    font-size: var(--font-size-md);
    margin-bottom: 0;
}
body.display-via-webview form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form) .form-item:not(.fieldgroup).form-item-sidebar-coupon-redemption-form-code {
    margin-bottom: 25px !important;
}

body.display-via-webview .form-text,
body.display-via-webview .admin-learning-path .form-text,
body.display-via-webview .form-email,
body.display-via-webview .form-tel,
body.display-via-webview .form-textarea {
    border-color: #A4A4A4;
    border-radius: 6px;
    width: 100%;
}

body.display-via-webview .content-box__info {
    margin-bottom: 25px;
}

body.display-via-webview .desktop_button_color {
    border-radius: 6px;
    border: none;
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    width: 100% !important;
    padding: 10px;    
    margin: 0 !important;
}
body.display-via-webview .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

/* scroll bar */
body.display-via-webview ::-webkit-scrollbar {
    -webkit-appearance: none;
}
body.display-via-webview ::-webkit-scrollbar:vertical {
    width: 4px;
}
body.display-via-webview ::-webkit-scrollbar:horizontal {
    height: 4px;
}
body.display-via-webview ::-webkit-scrollbar-thumb {
    background-color: #ffa842;
    border-radius: 2px;
    border: 1px solid #ffffff;
}
body.display-via-webview::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #ffffff;
}

/* Chatbot */
body.display-via-webview #block-chatbot {
    display: none;
}

/* font-size xl */
body.display-via-webview h2,
body.display-via-webview .h2,
body.display-via-webview .block-page-title-block h2 span,
.block-page-title-block .js-quickedit-page-title {
    font-size: var(--font-size-xl) !important;    
}
body.display-via-webview .group-opigno-learning-course .content-box .lp-content__top h2 {
    font-size: var(--font-size-xl) !important;
    margin: 25px 0;
}

body.display-via-webview .group-opigno-learning-course .group-opigno-learning-course-bottom #content p,
body.display-via-webview .group-opigno-learning-course .group-opigno-learning-course-date p {
    font-size: var(--font-size-xl) !important;
    line-height: 1.35;
}

/* font-size lg */
body.display-via-webview h3,
body.display-via-webview .h3 {
    font-size: var(--font-size-lg);
}
body.display-via-webview .card-products .card-body h5.card-title a,
body.display-via-webview .card-products .card-body h5.card-title {
    font-size: var(--font-size-lg) !important;
}

/* font size md */
body.display-via-webview main {
    font-size: var(--font-size-md) !important;
}

body.display-via-webview .group-opigno-course .course-details-top-icon .e123-ngo-name,
body.display-via-webview .content-col ul li span {
    font-size: var(--font-size-md) !important;
}

body.display-via-webview .group-opigno-learning-course .field_name_field_learning_path_category>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_type>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_date>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_trainer>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_certificate>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_quota>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_session>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_address>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_enrollment_deadline>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_auto_joined_user_count>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_district>div>div:nth-child(1) {
    font-size: var(--font-size-md) !important;
}

body.display-via-webview .group-opigno-learning-course .field_name_field_learning_path_category>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_type>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_date>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_trainer>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_certificate>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_quota>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_session>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_address>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_enrollment_deadline>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_auto_joined_user_count>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_district>div>div:nth-child(2) {
    font-size: var(--font-size-md) !important;
}

body.display-via-webview .group-opigno-learning-course .content-box .lp-content__bottom .field_name_field_learning_path_description p,
body.display-via-webview .group-opigno-learning-course .group-opigno-learning-course-bottom #content p {
    font-size: var(--font-size-md) !important;
}

.group-opigno-learning-course .epartner-other-info .go-to-epartner-link a {
    font-size: var(--font-size-md) !important;
    line-height: 1.35;
}

/* User Page */
body.display-via-webview .my-menu, 
body.display-via-webview #block-mymenu {
    display: none;
}

/* Modal Page */
body.display-via-webview .modal-dialog {
    margin: 15px;
}
body.display-via-webview .modal-dialog-centered {
    min-height: calc(100% - 30px);
}
body.display-via-webview .modal-page-load .modal-content .modal-header {
    padding: 25px;
}
body.display-via-webview .modal-page-load .modal-header .modal-title {
    font-size: var(--font-size-xl);
    margin-bottom: 0px;
}
body.display-via-webview .modal-page-load .modal-content .modal-body {
    padding-top: 25px;
    padding-bottom: 25px;
}
body.display-via-webview .modal-page-load .modal-content .modal-body p.modal-subtitle {
    font-size: var(--font-size-lg);
    margin-top: 0;
}
body.display-via-webview .modal-page-load .modal-content .modal-body p {
    font-size: var(--font-size-md);
    line-height: 1.35;
    margin-bottom: 16px;
}
body.display-via-webview .modal-page-load .modal-content .modal-body p:last-child {
    margin-bottom: 0;
}
body.display-via-webview .modal-footer {
    padding: 25px 1rem;
}
body.display-via-webview .modal-page-load .modal-footer button {
    border-radius: 6px;
    border: none;
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    width: 100%;
    margin: 0;
    padding: 10px;    
}
body.display-via-webview.page-opigno-module-group-answer-form .block-page-title-block h2,
body.display-via-webview.page-opigno-module-module-result .block-page-title-block h2 {
    margin: 25px 0;
}
body.display-via-webview.page-opigno-module-group-answer-form .show-activity-list,
body.display-via-webview.page-opigno-module-module-result .show-activity-list {
    border-radius: 10px;
}
body.display-via-webview.page-opigno-module-group-answer-form .show-activity-list .lp-title,
body.display-via-webview.page-opigno-module-module-result .show-activity-list .lp-title {    
    border-bottom: none;
    font-size: var(--font-size-lg);
    padding: 15px;
}
body.display-via-webview.page-opigno-module-group-answer-form #block-lp-steps-block,
body.display-via-webview.page-opigno-module-module-result #block-lp-steps-block {
    margin-bottom: 30px;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno_activity__wrapper {
    border-radius: 10px;
    margin-bottom: 0;
    padding: 15px;
}
body.display-via-webview.page-opigno-module-module-result .col-lg-9 .content-box {
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 15px;
}
body.display-via-webview.page-opigno-module-group-answer-form .live-chat-section>div>div:nth-child(1) {
    margin-bottom: 25px;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno_activity__wrapper .opigno_activity {
    padding-bottom: 0;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno_activity__wrapper .btn-primary {
    border: none;
    border-radius: 6px;    
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    width: 100%;    
    min-height: auto;
    padding: 10px;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno-answer-opigno-video-form .container {
    height: 0;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno_activity__wrapper .form-actions {
    margin-top: 30px;
    padding-top: 0;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno_activity__wrapper .form-actions .is-disabled {
    display: none;
}
body.display-via-webview.page-opigno-module-group-answer-form .opigno_activity__wrapper .form-actions .form-submit,
body.display-via-webview.page-opigno-module-module-result #edit-submit {
    border-radius: 6px;
    font-size: var(--font-size-lg) !important;
    font-weight: 400;
    line-height: 1.35;
    width: 100%;
    min-height: auto;
    padding: 10px;
    margin: 0;
}

/* Course detail content box */
body.display-via-webview .group-opigno-learning-course {
    margin-top: 20px;
}
body.display-via-webview .group-opigno-learning-course .content-box .course-details-top {
    padding-bottom: 25px;
}
body.display-via-webview .group-opigno-learning-course .content-box,
body.display-via-webview .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row,
body.display-via-webview .channel-olink-comments {    
    border-radius: 10px;
    padding: 15px;
}
body.display-via-webview .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group {
    padding: 0 25px;
}
body.display-via-webview .group-opigno-learning-course .content-box.get-e123-ngo-info-to-group .row {
    overflow: hidden;
}
body.display-via-webview .group-opigno-learning-course .content-box .field_name_field_learning_path_media_image img {    
    border: none;
    border-radius: 0;
    width: calc(100% + 30px);
    max-width: none;
    margin-left: -15px;       
    margin-top: -15px;
}
body.display-via-webview .group-opigno-learning-course .field_name_field_learning_path_category>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_type>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_date>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_trainer>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_certificate>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_quota>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_session>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_address>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_enrollment_deadline>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_auto_joined_user_count>div>div:nth-child(1),
body.display-via-webview .group-opigno-learning-course .field_name_field_district>div>div:nth-child(1) {
    line-height: 1.35;
    margin-bottom: 16px;
}

body.display-via-webview .group-opigno-learning-course .field_name_field_learning_path_category>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_type>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_date>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_trainer>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_certificate>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_quota>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_session>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_address>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_enrollment_deadline>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_auto_joined_user_count>div>div:nth-child(2),
body.display-via-webview .group-opigno-learning-course .field_name_field_district>div>div:nth-child(2) {
    line-height: 1.35;
    margin-bottom: 16px;
}
body.display-via-webview .group-opigno-learning-course .lp-info {
    margin-top: 50px;
    margin-bottom: 55px;
}
body.display-via-webview .group-opigno-learning-course .lp-info .action-wrapper {
    margin-top: 0;
    padding-top: 0;    
}
body.display-via-webview .group-opigno-learning-course .lp-info .action-wrapper a {
    border-radius: 6px;
    border: none;
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    width: 100%;
    padding: 10px;    
}
body.display-via-webview .group-opigno-learning-course .field_name_field_zoom_link {
    left: 0;
    right: 0;
    bottom: 163px;
}
body.display-via-webview .group-opigno-learning-course .field_name_field_zoom_link a {
    width: 100%;
}
body.display-via-webview.user-not-logged-in .group-opigno-learning-course .lp-info .action-wrapper a {
    background-color: #fff;
    border: 1px #FF7C04 solid;
    /* pointer-events: non1e; */
}
body.display-via-webview .group-opigno-learning-course .field_name_field_enrollment_deadline {
    bottom: 0;
    left: 0;
}
body.display-via-webview .group-opigno-learning-course .epartner-other-info .go-to-epartner-link {        
    bottom: 22px;
}
body.display-via-webview .group-opigno-learning-course .lp-info .action-wrapper .course_submit_disabled_hint {
    bottom: -52px;
}

/* Course detail - logined */
body.display-via-webview .lp-global-progress .lp-global-progress-title {
    font-size: var(--font-size-lg) !important;
    margin-bottom: 16px !important;
}
body.display-via-webview.user-messages-auto-check form.comment-form .js-form-wrapper .form-submit,
body.display-via-webview.private-message-add-form .form-submit {
    border-radius: 6px !important;
    border: none;
    color: #461f00 !important;
    font-size: var(--font-size-lg) !important;
    font-weight: 400;
    line-height: 1.35;
    display: block;
    width: 100% !important;
    height: auto;
    margin: 0;
    padding: 10px !important;
}
body.display-via-webview .status-message.status {
    padding: 25px 0;
}
body.display-via-webview .status-message.status .container {
    padding-left: 50px;
    padding-right: 50px;
}
body.display-via-webview .profile-pic img,
body.display-via-webview .profile-pic .field_name_user_picture {
    margin-top: 2px;
}

/* Epartner detail */
body.display-via-webview.section-epartner .epartner-info-details-wrapper,
body.display-via-webview.section-kol .epartner-info-details-wrapper {
    margin-top: 25px;
}
body.display-via-webview.epartner-info-details-wrapper .layout__region--first,
body.display-via-webview.section-bookable-calendar .layout__region--first {
    margin-bottom: 50px;
}
body.display-via-webview.section-epartner .epartner-info-details-wrapper .epartner-info-company {
    display: block;
    margin-top: 0;    
}
body.display-via-webview.section-epartner .epartner-info-details-wrapper .layout__region--second>div:nth-child(2),
body.display-via-webview.section-epartner .epartner-info-details-wrapper .layout__region--second>div:nth-child(3),
body.display-via-webview.section-epartner .epartner-info-details-wrapper .layout__region--second>div:nth-child(5),
body.display-via-webview.section-epartner .epartner-info-details-wrapper .layout__region--second>div:nth-child(6) {
    display: block;
}
body.display-via-webview.section-epartner .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon {
    width: 72px;
    top: 5px;   
}
body.display-via-webview.section-epartner .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon img {
    width: auto;
    height: 40px;
}
body.display-via-webview.section-epartner .epartner-info-details-wrapper .epartner-name {
    font-size: var(--font-size-xl) !important;
    line-height: 1.35;
    padding-left: 82px;
    position: relative;
}
body.display-via-webview.section-epartner .epartner-info-details-wrapper .epartner-info-body p,
body.display-via-webview.section-epartner .kol-info-details-wrapper .field_name_field_short_desc_3 div>div:nth-child(2) {
    font-size: var(--font-size-md);
    line-height: 1.35;
}
body.display-via-webview.section-epartner .epartner-info-contact li {
    margin-top: 16px;
}
body.display-via-webview.section-epartner .epartner-info-contact li span,
body.display-via-webview.section-epartner .epartner-info-contact li p {
    font-size: var(--font-size-md);
}

/* Video detail */
body.display-via-webview .block-page-title-block {
    margin: 0;
    padding: 0 15px;
}
body.display-via-webview[class*="page-view-olink-channel-link-features-by-chann-name-page-"] .block-page-title-block h2 {
    margin-top: 60px;
}
body.display-via-webview.page-epartner .block-page-title-block h2 span {
    margin: 30px auto;
}
body.display-via-webview.page-node-programme_kol .chat_content {
    margin-top: 25px;
}
body.display-via-webview.page-node-programme_kol .chat_content ._none .container {
    padding-left: 25px;
    padding-right: 25px;
}
body.display-via-webview.page-node-programme_kol .chat_content .container {
    padding-left: 15px;
    padding-right: 15px;
}
body.display-via-webview.page-node-programme_kol .layout--onecol.bg-green .comment-form .container {
    padding-left: 0;
    padding-right: 0;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2),
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2),
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) {
    padding: 15px;
    border-radius: 10px;
}
body.display-via-webview.page-node-programme_kol .chat_content .container .content-row-video {
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_1 {
    margin-bottom: 20px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .olink_node_live_status,
body.display-via-webview .olink_node_live_status.live {    
    margin-bottom: 20px;
    padding: 3px 6px;
}
body.display-via-webview.page-node-programme_kol .layout--onecol.bg-green .container section,
body.display-via-webview.page-node-programme_epartner .layout--onecol.bg-green .container section {
    border-radius: 10px;
    padding: 15px;
}
body.display-via-webview.page-node-programme_kol .chat_content .container .field_name_field_display_title h1 {
    font-size: var(--font-size-lg) !important;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_kol_info .kol_name,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 .olink_epartner_info .epartner_name {
    font-size: var(--font-size-md) !important;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .field_name_body .content-row_2 {
    margin-top: 20px;
    margin-bottom: 15px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3,
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 {
    margin-top: 20px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .title,
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .title,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .title {
    line-height: 1.35;
    margin-bottom: 16px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_length_of,
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_datetime_start,
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_length_of,
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_datetime_start,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_length_of,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_datetime_start {
    font-size: var(--font-size-md) !important;
    line-height: 1.35;
    margin-bottom: 16px; 
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_programme_type>div,
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_programme_type>div,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .olink_programme_type>div {
    font-size: 14px;
    line-height: 16px;    
    padding: 4px 8px;
    margin-top: -2px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .content-row_3 .title,
body.display-via-webview.page-node-channel_olink .layout-builder__layout>div:nth-child(2) .content-row_3 .title,
body.display-via-webview.page-node-programme_epartner .layout-builder__layout>div:nth-child(2) .content-row_3 .title {
    font-size: var(--font-size-md) !important;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) .field_name_body p {
    font-size: var(--font-size-md) !important;
    line-height: 1.35;
}
body.display-via-webview .login-btn-on-add-to-cart-form,
body.display-via-webview .login-btn-on-entering-chat-room {
    margin-top: 30px;
    padding-top: 0;    
}
body.display-via-webview .login-btn-on-entering-chat-room a {
    border-radius: 6px;
    font-size: var(--font-size-lg) !important;
    width: 100%;
    padding: 10px;
}
body.display-via-webview.user-not-logged-in .login-btn-on-entering-chat-room a {
    background-color: #fff;
    border: 1px #FF7C04 solid;
    /* pointer-events: none; */
}
body.display-via-webview.page-node-programme_kol .bg-green {
    padding-bottom: 29px;
    padding-top: 30px;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) button,
body.display-via-webview .ion_reload button {
    border: none;
    border-radius: 6px !important;
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    min-height: auto;
    width: 100%;
    padding: 10px;
}
body.display-via-webview .ion_reload button img {
    width: 20px;
    height: auto;
    vertical-align: top;
}
body.display-via-webview.page-node-programme_kol .layout-builder__layout>div:nth-child(2) button {
    margin-top: 45px;
    margin-bottom: -16px;    
}

body.display-via-webview.page-node-programme_kol #private-message-page .private-message-form .form-submit {    
    border: 0;
    width: 100%;
    margin: 25px 0 0;
}

/* Index Product List */
body.display-via-webview .card-products .card-body {
    padding: 36px 15px 15px;
}
body.display-via-webview .card-products .get-epartner-or-kol-info-by-product-id .epartner-or-kol-icon {
    margin: 0 15px;
}

/* Product List */
body.display-via-webview.page-products .block-page-title-block h2 span {
    margin: 25px 0;
}

/* Product Detail */
body.display-via-webview .get-e123-ngo-info-to-product-details {
    margin-top: 25px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image .product-details-swiper .productSwiper2 {
    border-radius: 10px;
    margin-bottom: 15px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .field_name_field_main_image {
    margin-bottom: 15px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .e123-ngo-images {
    width: auto;
    height: 40px;
    margin-right: 10px;
    aspect-ratio: 16 / 9;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .e123-ngo-name {
    margin-left: 0;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_body .content-row_1 {
    padding-bottom: 25px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_field_product_cat {
    margin: 25px 0 15px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_field_product_cat a {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 8px;    
    height: auto;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_title {
    font-size: var(--font-size-lg) !important;
    margin-bottom: 16px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_list_price>div,
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_price>div {
    font-size: var(--font-size-xl) !important;    
}
body.display-via-webview .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(5),
body.display-via-webview .get-e123-ngo-info-to-product-details .layout--twocol-section--33-67 .layout__region--second>div:nth-child(6) {
    display: block;
    margin-left: 0;
}
body.display-via-webview .get-e123-ngo-info-to-product-details form.commerce-order-item-add-to-cart-form {
    margin-top: 0;
}
body.display-via-webview .login-btn-on-add-to-cart-form a {
    border-radius: 6px;
    font-size: var(--font-size-lg) !important;
    width: 100%;
    padding: 10px;    
}
body.display-via-webview.user-not-logged-in .login-btn-on-add-to-cart-form a {
    background-color: #fff;
    border: 1px #FF7C04 solid;
    /* pointer-events: non1e; */
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper {
    margin-bottom: 50px;
    padding-left: 0;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .store-type {
    margin-bottom: 5px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(1) {
    margin-bottom: 50px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) {
    padding: 50px 0;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) h2 {
    margin-bottom: 15px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_body {
    font-size: var(--font-size-md);
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .store-type p {
    font-size: var(--font-size-lg);
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .e123-ngo-desc p,
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .field_name_field_product_desc p {
    font-size: var(--font-size-md) !important;
    line-height: 1.35;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-product-page {
    margin-top: 40px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-product-page a {
    font-size: var(--font-size-lg);
    line-height: 1.35;
}
body.display-via-webview .get-e123-ngo-info-to-product-details article>div:nth-child(2) .store-info-wrapper .go-to-epartner-product-page img {
    vertical-align: text-top;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .field_name_field_product_desc {
    padding-bottom: 40px;
    margin-bottom: 50px;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .bg-green .layout__region--content section {
    border-radius: 10px;
    padding: 15px;    
}
body.display-via-webview .get-e123-ngo-info-to-product-details .bg-green .layout__region--content section .container {
    padding: 0;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .view-id-olink_products_variation_list {
    padding: 50px 0;
}

/* Product Detail - logined */
body.display-via-webview .group-opigno-course .course-details-top-icon,
body.display-via-webview .get-e123-ngo-info-to-product-details .e123-ngo-info {
    margin: 15px 0 25px;
}
body.display-via-webview .field_name_price > div {
    margin-bottom: 16px;
}
body.display-via-webview .button--add-to-cart.form-submit {
    border-radius: 6px !important;
    font-size: var(--font-size-lg) !important;
    font-weight: 400;
    line-height: 1.35;    
    width: 100%;    
    margin: 0;
}
body.display-via-webview .get-e123-ngo-info-to-product-details .bg-green .layout__region--content section article.js-comment {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* cart */
body.display-via-webview.page-cart .block-page-title-block h2 {
    margin: 25px 0;
}
body.display-via-webview.page-cart .cart-list-items {
    border-radius: 10px;
    padding: 15px;
}
body.display-via-webview.page-cart .cart-list-items .views-form .container .content-box {
    margin-bottom: 25px;
}
body.display-via-webview.page-cart .cart-list-items .content-box__info {
    margin-bottom: 10px;
    padding: 0;
}
body.display-via-webview.page-cart .views-responsive-table-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-cart .commerce-cart-form-default thead {
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.page-cart .commerce-cart-form-default thead th {
    padding: 15px;
}
body.display-via-webview.page-cart .commerce-cart-form-default tbody::before,
body.display-via-webview.page-cart .commerce-cart-form-default tbody::after {
    content: none;
}
body.display-via-webview.page-cart .commerce-cart-form-default tbody td {
    padding: 25px 15px;
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.page-cart .commerce-cart-form-default tbody td.views-field-purchased-entity .field_name_product_id {
    min-width: max-content;
}
body.display-via-webview.page-cart .commerce-cart-form-default tbody td.views-field-purchased-entity .field_name_product_id > div {
    max-width: 150px;
}
body.display-via-webview.page-cart .commerce-cart-form-default .views-field-edit-quantity,
body.display-via-webview.page-cart .commerce-cart-form-default .views-field-remove-button {
    min-width: 68px;
}
body.display-via-webview.page-cart .commerce-cart-form-default tbody td.views-field-purchased-entity .field_name_field_image {
    margin-right: 15px;
}
body.display-via-webview.page-cart .commerce-cart-form-default tbody td.views-field-purchased-entity > div > div:last-child {
    display: flex;
    align-items: center;
}
body.display-via-webview.page-cart .commerce-cart-form-default .form-submit[id*="remove"] {
    font-size: var(--font-size-md);
    min-width: auto;
    min-height: auto;
    margin: 0;
    padding: 0;
}
body.display-via-webview.page-cart .commerce-cart-form-default .views-field-total-price__number {
    min-width: 120px;
}
body.display-via-webview.page-cart .cart-list-items .field_name_total_price {
    font-size: var(--font-size-md);
    margin-bottom: 25px;
    padding: 0;    
}
body.display-via-webview.page-cart .cart-list-items .form-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0;
}
body.display-via-webview.page-cart .cart-list-items .form-actions .veri-email-status-access-denied {
    margin-top: 15px;
}
body.display-via-webview.page-cart .cart-list-items #edit-update-cart,
body.display-via-webview.page-cart .cart-list-items #edit-submit {
    border-radius: 6px;
    line-height: 1.35;
    width: calc(50% - 10px);
    margin: 0;
    padding: 10px;
}
body.display-via-webview.page-cart .cart-list-items #edit-update-cart {
    border: 1px #A4A4A4 solid;
}
body.display-via-webview.page-cart .order-total-line,
body.display-via-webview.section-checkout .order-total-line {
    padding: 0;
}
body.display-via-webview.page-cart .cart-list-items .order-total-line__adjustment,
body.display-via-webview.page-cart .order-total-line__total,
body.display-via-webview.section-checkout .order-total-line__adjustment,
body.display-via-webview.section-checkout .order-total-line__total {
    padding-top: 16px;
}

body.display-via-webview.page-cart .veri-email-status-access-denied {
    width: 100%;
}
body.display-via-webview.page-cart .veri-email-status-access-denied .link a {
    width: 100%;
    border-radius: 6px;
}

/* order information */
body.display-via-webview.section-checkout .block-page-title-block h2 {
    margin: 25px 0;
}
body.display-via-webview.section-checkout .layout-checkout-form {
    border-radius: 10px;
    margin-bottom: 85px;
    padding: 15px;
}
body.display-via-webview.section-checkout #edit-review-contact-information legend,
body.display-via-webview.section-checkout #edit-review-pickup-capable-shipping-information legend,
body.display-via-webview.section-checkout #edit-review-payment-information legend {
    font-size: var(--font-size-lg);
    margin-bottom: 5px;
    float: none;
}
body.display-via-webview.section-checkout .checkout-pane-pickup-capable-shipping-information legend {
    font-size: var(--font-size-lg);
    margin-bottom: 25px;
    float: none;
}
body.display-via-webview.section-checkout .layout-checkout-form .fieldset-legend {
    font-size: var(--font-size-lg) !important;
    float: none;
}
body.display-via-webview.section-checkout .layout-region-checkout-secondary h3 {
    font-size: var(--font-size-lg) !important;
    margin-bottom: 0;
}
body.display-via-webview.section-checkout .fieldgroup {
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
}
body.display-via-webview.section-checkout .fieldgroup .js-form-type-radio input[type=radio] {
    margin-top: 4px;
    vertical-align: top;
}
body.display-via-webview.section-checkout .fieldgroup .js-form-type-radio label {
    width: calc(100% - 30px);
    margin-bottom: 0;
}
body.display-via-webview.section-checkout form label {
    margin-bottom: 5px;
}
body.display-via-webview.section-checkout .form-item-sidebar-cart-agreement .field label {
    margin-top: 25px;
}
body.display-via-webview.section-checkout .form-item-sidebar-cart-agreement .field label {
    margin-bottom: 0;
}
body.display-via-webview.section-checkout .bootstrap-select .dropdown-toggle {
    border-color: #A4A4A4;
    border-radius: 6px;
    padding: 10px 15px;
}    
body.display-via-webview.section-checkout .bootstrap-select .dropdown-toggle .filter-option {
    font-size: var(--font-size-md);
    line-height: 1.35;
}
body.display-via-webview.section-checkout .field_name_address {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}
body.display-via-webview.section-checkout .field_name_address .address {
    font-size: var(--font-size-md);
}
body.display-via-webview.section-checkout .address-book-edit-button,
body.display-via-webview.section-checkout #commerce-checkout-flow-multistep-default #edit-actions-next {
    border-radius: 6px !important;
    border: none;
    font-size: var(--font-size-lg) !important;    
    line-height: 1.35;
    float: none;
    width: 100%;
    margin: 0;
}
body.display-via-webview.section-checkout form .form-item-payment-information-payment-method label::after {
    margin-top: 5px;
}
body.display-via-webview.section-checkout #edit-payment-information-payment-method--wrapper {
    background-color: #fff;
    margin-bottom: 0;
}
body.display-via-webview.section-checkout .layout-region-checkout-main {
    margin-bottom: 15px;
}
body.display-via-webview.section-checkout .view-commerce-checkout-order-summary .content-box {
    box-shadow: none;
    margin-bottom: 25px;
    padding: 0;
}
body.display-via-webview.section-checkout .view-commerce-checkout-order-summary table td {
    padding: 25px 10px;
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.section-checkout .commerce-checkout-flow-multistep-default tbody td.views-field-purchased-entity>div {
    display: flex;
}
body.display-via-webview.section-checkout .commerce-checkout-flow-multistep-default tbody td.views-field-purchased-entity .field_name_field_image {
    border: #e9e9e9 1px solid;
    margin-right: 15px;
    width: 80px;
}
body.display-via-webview.section-checkout .commerce-checkout-flow-multistep-default tbody td.views-field-purchased-entity > div > div:last-child {
    display: flex;
    align-items: center;
}
body.display-via-webview.section-checkout .field_name_total_price {
    margin-bottom: 25px;
}
body.display-via-webview.section-checkout .checkout-pane-coupon-redemption {
    background-color: #fff;
    padding: 0;
}
body.display-via-webview.section-checkout .form-item-sidebar-coupon-redemption-form-code .form-text {
    border-color: #A4A4A4;
    border-radius: 6px;
    font-size: var(--font-size-md);
    line-height: 1.35;
    padding: 10px 15px;    
}
body.display-via-webview.section-checkout #edit-sidebar-coupon-redemption-form-apply,
body.display-via-webview.section-checkout .checkout-pane-coupon-redemption .form-submit {
    background-color: #fff;
    border-color: #A4A4A4;
    border-radius: 6px;
    color: #461f00;
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: 1.35;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
}
body.display-via-webview.section-checkout .form-text,
body.display-via-webview.section-checkout .admin-learning-path .form-text,
body.display-via-webview.section-checkout .form-email,
body.display-via-webview.section-checkout .form-tel {
    border-color: #A4A4A4;    
}
body.display-via-webview.section-checkout .address-container-inline > .form-item {
    width: 100%;
    margin-right: 0;
}
body.display-via-webview.section-checkout .layout-region-checkout-secondary {
    margin-bottom: 25px;
}
body.display-via-webview.section-checkout .layout-region-checkout-footer {
    position: relative;
    bottom: 0;
}
body.display-via-webview.section-checkout #commerce-checkout-flow-multistep-default #edit-actions a {
    border-color: #A4A4A4;
    border-radius: 6px;
    display: block;
    font-size: var(--font-size-lg);    
    line-height: 1.35;    
    margin-top: 25px;
    padding: 10px 15px;
}

/* Email Verification */
body.display-via-webview.page-my-user-edit-email-verification .block-page-title-block h2 {
    margin: 25px 0;
}
body.display-via-webview.page-my-user-edit-email-verification .i2-custom-email-veri-main-form .messages {
    margin: 0 0 25px;
}
body.display-via-webview.page-my-user-edit-email-verification .i2-custom-email-veri-main-form #send-veri-code {
    border-radius: 6px;
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    max-width: none;
    margin: 25px 0 0;
    padding: 10px;
}
block-page-title-block
/* Olink Coupons */
body.display-via-webview.page-my-olink-coupons,
body.display-via-webview.page-my-olink-coupons-redeem-form,
body.display-via-webview.page-my-messages,
body.display-via-webview.page-my-bookings,
body.display-via-webview.page-my-user-edit-email-verification,
body.display-via-webview.page-commerce-order-address-book-overview,
body.display-via-webview.page-entity-commerce-order-user-view,
body.display-via-webview.page-my-own-epartner-membership,
body.display-via-webview.page-node-add-own_memship_record_epartner,
body.display-via-webview.page-epartner-feed,
body.display-via-webview.page-kol-feed,
body.display-via-webview.page-node-feed_epartner,
body.display-via-webview.page-node-feed_kol,
body.display-via-webview.page-welfare-resources-quick-enquiry-intro,
body.display-via-webview.page-welfare-resources-quick-enquiry,
body.display-via-webview.page-cognitive-aptitude-test-intro,
body.display-via-webview.page-cognitive-aptitude-test,
body.display-via-webview.page-welfare-services,
body.display-via-webview.page-entity-bookable-calendar-canonical,
body.display-via-webview.page-bookable-calendar-booking-contact-create {    
    background: #e9f8ff url(/themes/contrib/aristotle/dist/images/content/default-bg-pattern.png) 55% -10% no-repeat !important;
    background-size: 180% !important;
}
body.display-via-webview.page-my-olink-coupons .block-page-title-block h2,
body.display-via-webview.page-my-olink-coupons-redeem-form .block-page-title-block h2,
body.display-via-webview.page-my-messages .block-page-title-block h2,
body.display-via-webview.page-my-bookings .block-page-title-block h2,
body.display-via-webview.page-commerce-order-address-book-overview h2,
body.display-via-webview.page-commerce-order-address-book-add-form h2,
body.display-via-webview.page-commerce-order-address-book-edit-form h2,
body.display-via-webview.page-entity-commerce-order-user-view h2,
body.display-via-webview.page-my-own-epartner-membership h2,
body.display-via-webview.page-node-add-own_memship_record_epartner h2,
body.display-via-webview.page-epartner-feed h2,
body.display-via-webview.page-kol-feed h2,
body.display-via-webview.page-welfare-resources-quick-enquiry-intro h2,
body.display-via-webview.page-welfare-resources-quick-enquiry h2,
body.display-via-webview.page-cognitive-aptitude-test-intro h2,
body.display-via-webview.page-cognitive-aptitude-test h2,
body.display-via-webview.page-welfare-services h2,
body.display-via-webview.page-entity-bookable-calendar-canonical h2,
body.display-via-webview.page-bookable-calendar-booking-contact-create h2 {
    margin: 25px 0;
}
body.display-via-webview.page-my-olink-coupons .block-page-title-block h2 span,
body.display-via-webview.page-my-messages .block-page-title-block h2 span,
body.display-via-webview.page-my-bookings .block-page-title-block h2 span,
body.display-via-webview.page-commerce-order-address-book-overview h2 span,
body.display-via-webview.page-my-own-epartner-membership h2 span,
body.display-via-webview.page-welfare-resources-quick-enquiry-intro h2 span,
body.display-via-webview.page-welfare-resources-quick-enquiry h2 span,
body.display-via-webview.page-cognitive-aptitude-test-intro h2 span,
body.display-via-webview.page-cognitive-aptitude-test h2 span,
body.display-via-webview.page-welfare-services h2 span,
body.display-via-webview.page-entity-bookable-calendar-canonical h2 span,
body.display-via-webview.page-bookable-calendar-booking-contact-create h2 span {
    margin: 0;
    line-height: 1.35;
}
body.display-via-webview.page-my-olink-coupons .olink-coupons-redeem-form-link,
body.display-via-webview.page-my-olink-coupons .my-content-filter,
body.display-via-webview.page-my-messages .my-content-filter,
body.display-via-webview.page-my-bookings .my-content-filter {
    margin-bottom: 25px;
}
body.display-via-webview.page-my-olink-coupons .olink-coupons-redeem-form-link a {
    border-radius: 6px;
    border: none;
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    width: 100%;    
    padding: 10px;
}
body.display-via-webview.page-my-olink-coupons .my-content-filter ul li {
    background:none;
    border-radius: 0;
    box-shadow: none;
    width: calc((100% - 30px) * 0.333);    
}
body.display-via-webview.page-my-olink-coupons .my-content-filter ul li.active,
body.display-via-webview.page-my-messages .my-content-filter ul li.active,
body.display-via-webview.page-my-bookings .my-content-filter ul li.active {
    background:none;
}
body.display-via-webview.page-my-olink-coupons .my-content-filter ul li a,
body.display-via-webview.page-my-messages .my-content-filter ul li a,
body.display-via-webview.page-my-bookings .my-content-filter ul li a {
    background-color: #fff;
    border: 1px #FF7C04 solid;
    border-radius: 6px;
    color: #252525;
    font-size: var(--font-size-sm);
    text-decoration: none;
    padding: 10px 5px;
}
body.display-via-webview.page-my-olink-coupons .my-content-filter ul li.active a,
body.display-via-webview.page-my-messages .my-content-filter ul li.active a,
body.display-via-webview.page-my-bookings .my-content-filter ul li.active a {
    background-color: #ffa842;
    border-color: #ffa842;
}
body.display-via-webview.page-my-olink-coupons .view-olink-my-olink-coupons {
    margin-bottom: 85px;
}
body.display-via-webview.page-my-olink-coupons .view-olink-my-olink-coupons .my-card {
    border: #A4A4A4 1px solid;
    border-radius: 10px;        
    padding: 15px;
}

body.display-via-webview.page-my-olink-coupons .view-olink-my-olink-coupons .my-card .col-md-4 .card-time {
    font-size: var(--font-size-lg);
    margin-bottom: 0;
}

body.display-via-webview.page-my-olink-coupons .view-olink-my-olink-coupons .my-card .card-body .card-content .my-card-title .card-title {
    font-size: var(--font-size-lg);
    line-height: 1.35;
    margin-bottom: 16px;
}
body.display-via-webview.page-my-olink-coupons .view-olink-my-olink-coupons .my-card .card-body .card-content .card-course-name:not(:last-child) {
    margin-bottom: 5px;
}

/* Olink Coupons - Redeem */
body.display-via-webview.page-my-olink-coupons-redeem-form .container label:not(.option) {
    margin-bottom: 25px;
}
body.display-via-webview.page-my-olink-coupons-redeem-form #olink-coupon-redeem-main-form button {
    border-color: #A4A4A4;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 25px;
    padding: 10px 15px;
}
body.display-via-webview.page-my-olink-coupons-redeem-form .olink-coupon-redeem-main-form .container {
    border: #A4A4A4 1px solid;
    border-radius: 10px;
    box-shadow: none;
    padding: 15px;
}
body.display-via-webview.page-my-olink-coupons-redeem-form #edit-promotion-id--description div {
    font-size: var(--font-size-xl); 
    margin-bottom: 10px;
}
body.display-via-webview.page-my-olink-coupons-redeem-form .olink-coupon-redeem-main-form .form-item-confirm-submit {
    position: relative;
}
body.display-via-webview.page-my-olink-coupons-redeem-form .olink-coupon-redeem-main-form .container #edit-confirm-submit {
    position: absolute;
    top: 26px;
}
body.display-via-webview.page-my-olink-coupons-redeem-form .olink-coupon-redeem-main-form .container label {
    margin-bottom: 16px;
    padding: 0 18px;
}
body.display-via-webview.page-my-olink-coupons-redeem-form #edit-confirm-submit--description {    
    line-height: 1.35;
    height: auto;
}
body.display-via-webview.page-my-olink-coupons-redeem-form #edit-confirm-submit--description.succ {
    /* color: #2C69C4; */
    font-weight: 600;
}
body.display-via-webview.page-my-olink-coupons-redeem-form #edit-submit {
    border-radius: 6px !important;        
    line-height: 1.35;    
    width: 100%;
    margin: 0;
}

/* Address Book */
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__add-link {
    border-radius: 6px;
    border: none;
    font-size: var(--font-size-lg) !important;    
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 0;
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__add-link:hover {
    background-color: #fe6a00;
    color: #fff;
    text-decoration: none;
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__profile {
    border: #A4A4A4 1px solid;
    border-radius: 10px;
    box-shadow: none;
    margin: 25px 0 0;
    padding: 15px;
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .field_name_address {
    border: none;
    margin: 0;
    padding: 0;    
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__operations {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 0;
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__operations > a {
    border-radius: 6px;    
    font-size: var(--font-size-lg) !important;
    line-height: 1.35;
    text-align: center;
    margin-top: 0;
    margin-right: 0;
    padding: 10px;
    width: calc((100% - 15px) * 0.5);
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__operations > .address-book__edit-link {
    background-color: #fff;
    border: 1px #FF7C04 solid;
    color: #252525;
}
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__operations > .address-book__edit-link:hover,
body.display-via-webview.page-commerce-order-address-book-overview .address-book__container .address-book__operations > .address-book__set-default-link:hover {
    background-color: #fe6a00;
    color: #fff;
    text-decoration: none;
}

/* Address Book - add */
body.display-via-webview.page-commerce-order-address-book-add-form form.profile-customer-address-book-add-form,
body.display-via-webview.page-commerce-order-address-book-edit-form form.profile-customer-address-book-edit-form {
    border: #A4A4A4 1px solid;
    border-radius: 10px;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 100px;
    padding: 15px;
}
body.display-via-webview.page-commerce-order-address-book-add-form form.profile-customer-address-book-add-form .container,
body.display-via-webview.page-commerce-order-address-book-edit-form form.profile-customer-address-book-edit-form .container {
    padding: 0;
}
body.display-via-webview.page-commerce-order-address-book-add-form .form-select.bootstrap-select,
body.display-via-webview.page-commerce-order-address-book-edit-form .form-select.bootstrap-select {
    width: 100% !important;
}
body.display-via-webview.page-commerce-order-address-book-add-form .bootstrap-select .dropdown-toggle,
body.display-via-webview.page-commerce-order-address-book-edit-form .bootstrap-select .dropdown-toggle,
body.display-via-webview.page-node-add-own_memship_record_epartner .bootstrap-select .dropdown-toggle {
    border-color: #A4A4A4;
    border-radius: 6px;
    padding: 10px 15px;
}
body.display-via-webview.page-commerce-order-address-book-add-form .form-item-address-0-address-given-name,
body.display-via-webview.page-commerce-order-address-book-add-form .form-item-address-0-address-family-name,
body.display-via-webview.page-commerce-order-address-book-edit-form .form-item-address-0-address-given-name,
body.display-via-webview.page-commerce-order-address-book-edit-form .form-item-address-0-address-family-name,
body.display-via-webview.page-commerce-order-address-book-add-form .form-item-address-0-address-locality,
body.display-via-webview.page-commerce-order-address-book-edit-form .form-item-address-0-address-locality {
    width: 100%;
    margin-right: 0;
}
body.display-via-webview.page-commerce-order-address-book-add-form #profile-customer-address-book-add-form #edit-submit,
body.display-via-webview.page-commerce-order-address-book-edit-form #profile-customer-address-book-edit-form #edit-submit,
body.display-via-webview.page-node-add-own_memship_record_epartner #edit-submit {
    border-radius: 6px !important;
    border: none;
    font-size: var(--font-size-lg) !important;
    font-weight: 400;
    line-height: 1.35;
    float: none;
    width: 100%;
    margin: 0;
}

/* My Messages */
body.display-via-webview.page-my-messages .my-content-filter ul li {
    background:none;
    border-radius: 0;
    box-shadow: none;
    width: calc((100% - 15px) * 0.5);    
}
body.display-via-webview.page-my-messages .my-messages-1,
body.display-via-webview.page-my-messages .my-messages-2 {
    border: #A4A4A4 1px solid;
    box-shadow: none;
    padding: 15px;
}
body.display-via-webview.page-my-messages .my-card {
    margin-bottom: 25px !important;
    padding-bottom: 25px;
}
body.display-via-webview.page-my-messages .views-row:last-child .my-card {
    border: none;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}
body.display-via-webview.page-my-messages .my-card .col-lg-1 {
    width: 35px;
    justify-content: left !important;
}
body.display-via-webview.page-my-messages .my-card .card-mark-as-read {
    width: 20px;
    height: 20px;
}
body.display-via-webview.page-my-messages .my-card .card-mark-as-read.active {    
    border: 3px solid #ffa842;    
}
body.display-via-webview.page-my-messages .my-card .card-mark-as-read.active:hover {
    background-color: #ffa842;
}
body.display-via-webview.page-my-messages .my-card .col-lg-2 {
    width: calc(100% - 35px);
}
body.display-via-webview.page-my-messages .my-card .card-body {
    padding-left: 35px;
    padding-top: 10px;
}
body.display-via-webview.page-my-messages .my-card .card-body .card-content .card-course-name a {
    font-size: var(--font-size-lg);
}
body.display-via-webview.page-my-messages .my-card .card-body .card-content .card-time {
    font-size: var(--font-size-md);
}

/* My Bookings */
body.display-via-webview.page-my-bookings .my-content-filter ul li {
    box-shadow: none;
}
body.display-via-webview.page-my-bookings .my-orders-1,
body.display-via-webview.page-my-bookings .my-orders-2 {
    border: #A4A4A4 1px solid;
    box-shadow: none;
    padding: 15px;
}
body.display-via-webview.page-my-bookings .views-responsive-table {
    box-shadow: none;
    border-radius: 0;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper thead {
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper thead th {
    word-break: keep-all;
    padding: 15px;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper tbody td {
    padding: 15px;
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper tbody td:nth-child(2) {
    min-width: 120px;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper tbody td:nth-child(3) {
    min-width: 180px;
}
body.display-via-webview.page-my-bookings .views-responsive-table-wrapper tbody td:last-child {
    word-break: keep-all;
}

body.display-via-webview.page-my-bookings [class*='my-bookings-block-'] .e123-ngo-name {
    font-size: var(--font-size-md);
}

/* Achievements */
body.display-via-webview.page-opigno-statistics-user-achievements-page {    
    background: #e9f8ff url(/themes/contrib/aristotle/dist/images/content/default-bg-pattern.png) 55% -10% no-repeat !important;
    background-size: 180% !important;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .block-page-title-block h2 {
    margin: 25px 0;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .content-box {
    border: #A4A4A4 1px solid;
    box-shadow: none;
    padding: 7px 15px;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table thead th,
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table tbody td {
    padding: 0.5rem;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table thead th:first-child,
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table tbody td:first-child {
    padding-left: 0;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table thead th:last-child,
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table tbody td:last-child {
    padding-right: 0;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table td.name {
    width: auto;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page .statistics-table td.download {
    width: fit-content;
}
body.display-via-webview.page-opigno-statistics-user-achievements-page #opigno-achievements-content .tab-content .statistics-table td.download a {
    border-radius: 6px;
    font-size: 0;
    display: block;
    width: 40px;    
    height: 40px;
    margin: 0 auto;
    padding: 12px 5px;
    min-width: auto;
    min-height: auto;    
}

/* Order */
body.display-via-webview.page-entity-commerce-order-user-view h2 > div {
    display: flex;
    justify-content: center;
}
body.display-via-webview.page-entity-commerce-order-user-view h2 > div > div {
    padding: 0 4px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information {
    background: none;
    margin-bottom: 100px;
    padding: 0 15px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information > div {    
    background-color: #fff;
    border: #A4A4A4 1px solid;
    border-radius: 10px;    
    padding: 15px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_mail>div>div:nth-child(1),
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .order-epartner-information>div:nth-child(1),
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_completed>div>div:nth-child(1),
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_state>div>div:nth-child(1) {
    font-size: var(--font-size-lg);
    margin-top: 0;
    margin-bottom: 5px;    
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .customer-information,
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .order-epartner-information {
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .e123-ngo-info {
    margin-top: -5px;
    margin-bottom: -5px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_completed {
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_state>div>div:nth-child(2) {
    border-bottom: 1px #CDCDCD solid;
    margin-bottom: 0;
    padding-bottom: 25px;    
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_address {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .field_name_address .address {
    font-size: var(--font-size-md);
}
body.display-via-webview.page-entity-commerce-order-user-view .field_name_shipping_method {
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-commerce-order-user-view .field_name_shipping_method>div>div:nth-child(1),
body.display-via-webview.page-entity-commerce-order-user-view .field_name_order_items>div>div:nth-child(1) {
    font-size: var(--font-size-lg); 
    font-weight: 600;       
}
body.display-via-webview.page-entity-commerce-order-user-view .field_name_shipping_method>div>div:nth-child(1) {
    margin-bottom: 5px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .table-responsive {    
    margin-bottom: 25px;
    overflow-x: hidden;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .view-commerce-order-item-table .row {
    margin: 0;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information .content-box {
    padding: 0;
}
body.display-via-webview.page-entity-commerce-order-user-view .views-responsive-table-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-entity-commerce-order-user-view .section-customer-information table {
    margin-bottom: 0;
}
body.display-via-webview.page-entity-commerce-order-user-view .commerce-order-item-table-default thead {
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.page-entity-commerce-order-user-view .commerce-order-item-table-default thead th {
    padding: 15px;
}
body.display-via-webview.page-entity-commerce-order-user-view .commerce-order-item-table-default tbody td {
    padding: 25px 15px;
    border-bottom: 1px #A4A4A4 solid;
}
body.display-via-webview.page-entity-commerce-order-user-view .commerce-order-item-table-default .views-field-title {
    min-width: 170px;
}
body.display-via-webview.page-entity-commerce-order-user-view .commerce-order-item-table-default .views-field-field-image {
    min-width: 105px;
}
body.display-via-webview.page-entity-commerce-order-user-view .commerce-order-item-table-default .views-field-quantity {
    min-width: 68px;
}
body.display-via-webview.page-entity-commerce-order-user-view .order-total-line {
    padding-left: 0;
    padding-right: 0;
}
body.display-via-webview.page-entity-commerce-order-user-view .order-total-line:not(:first-child) {
    padding-top: 16px;
}
body.display-via-webview.page-entity-commerce-order-user-view .field_name_total_price {
    margin-top: 25px;
}

/* Own Epartner Membership */
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem {
    margin-bottom: 100px;
}
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem .content-box {
    border: #A4A4A4 1px solid;
    border-radius: 10px;
    box-shadow: none;
    padding: 15px;
}
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem .views-responsive-table-wrapper table.olink-my-own-epartner-mem-block-1 {
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem table.olink-my-own-epartner-mem-block-1 th:not(.tabledrag-hide) {
    border-bottom: 1px #A4A4A4 solid;
    font-size: var(--font-size-lg);
    word-break: keep-all;
    padding: 15px;    
}
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem table.olink-my-own-epartner-mem-block-1 th:first-child {
    min-width: 180px;
}
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem table.olink-my-own-epartner-mem-block-1 th:last-child {
    min-width: 300px;
}
body.display-via-webview.page-my-own-epartner-membership .view-olink-my-own-epartner-mem table.olink-my-own-epartner-mem-block-1 td:not(.tabledrag-hide) {
    border-bottom: 1px #A4A4A4 solid;
    font-size: var(--font-size-md);
    vertical-align: top;
    padding: 15px;
}

/* Own Memship Record Epartner */
body.display-via-webview.page-node-add-own_memship_record_epartner .form-item>.label,
body.display-via-webview.page-node-add-own_memship_record_epartner .form-item>legend {
    flex: 0 0 auto;
    width: 100%;
}
body.display-via-webview.page-node-add-own_memship_record_epartner .form-item>.label label {
    font-weight: 400;
}
body.display-via-webview.page-node-add-own_memship_record_epartner .form-item>legend {
    font-size: var(--font-size-lg);
    margin: 25px auto;
}
body.display-via-webview.page-node-add-own_memship_record_epartner .form-text {
    padding: 0 20px;
}
body.display-via-webview.page-node-add-own_memship_record_epartner input[type="date"] {
    border: #A4A4A4 1px solid;
    border-radius: 6px;
    padding: 5px;
}
body.display-via-webview.page-node-add-own_memship_record_epartner #edit-field-card-exp-date-ts-wrapper h4.form-required {
    font-size: var(--font-size-md);
    font-weight: 400;
    margin-bottom: 10px;
}
body.display-via-webview.page-node-add-own_memship_record_epartner .form-item-field-card-exp-date-ts-0-value-time {
    display: none;
}

/* Own Memship Record Epartner */
body.display-via-webview.page-entity-taxonomy-term-canonical .info-details-top {
    padding: 25px 15px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper {    
    border: #A4A4A4 1px solid;    
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 50px;
    padding: 130px 15px 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper .info-details-top .epartner-icon p.name {
    font-size: var(--font-size-xl);
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper .epartner-info-image,
body.display-via-webview.page-entity-taxonomy-term-canonical .field_name_field_images {
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper .epartner-info-image img {
    border-radius: 0;    
}
body.display-via-webview.page-entity-taxonomy-term-canonical.section-epartner .epartner-info-details-wrapper .epartner-info-details-subwrapper .icon {    
    height: auto;
    top: 0;
}
body.display-via-webview.page-entity-taxonomy-term-canonical.section-epartner .epartner-info-details-wrapper .epartner-name {
    font-size: var(--font-size-lg) !important;
    padding-top: 8px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper .epartner-info-details-subwrapper h3 {
    margin-top: 25px;
    margin-bottom: 10px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .bg-green {
    /* margin-left: -15px;
    margin-right: -15px; */
    padding: 50px 0 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;    
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-header h2,
body.display-via-webview.page-entity-taxonomy-term-canonical .block-header h2 {
    line-height: 1.35;
    margin-bottom: 0;
    padding-bottom: 0;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-header a,
body.display-via-webview.page-entity-taxonomy-term-canonical .block-header a {
    font-size: var(--font-size-md);
    line-height: 24px;
    position: relative;
    top: 0;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-card {
    margin-bottom: 25px !important;
    padding-bottom: 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-card .new-card-img ul,
body.display-via-webview.page-epartner-feed .new-card .new-card-img ul {
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-card .card-body,
body.display-via-webview.page-epartner-feed .new-card .card-body,
body.display-via-webview.page-kol-feed .new-card .card-body {
    padding: 0;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-card .card-title a,
body.display-via-webview.page-epartner-feed .new-card .card-title a,
body.display-via-webview.page-kol-feed .new-card .card-title a {
    font-size: var(--font-size-lg);
}
body.display-via-webview.page-entity-taxonomy-term-canonical .new-card .card-text,
body.display-via-webview.page-epartner-feed .new-card .card-text,
body.display-via-webview.page-kol-feed .new-card .card-text {
    font-size: var(--font-size-md);
}
body.display-via-webview.page-entity-taxonomy-term-canonical .bg-white {
    /* margin-left: -15px;
    margin-right: -15px; */
    padding: 50px 0 75px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .bg-white .views-element-container.container {
    /* padding: 0; */
}
body.display-via-webview.page-entity-taxonomy-term-canonical .card-products {
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .card-products .card-body {
    padding: 15px;
}

/* My Followed */
body.display-via-webview.page-entity-taxonomy-term-canonical .layout--twocol-section.layout--twocol-section--33-67>.layout__region--first {
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper .layout__region--second .field_name_field_image_1 img {
    margin-right: 15px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .kol-info-details-wrapper .field_name_field_short_desc_3 div>div:nth-child(1) {
    font-size: var(--font-size-lg);
    line-height: 1.35;
    margin-top: 25px;
    margin-bottom: 10px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .kol-info-details-wrapper .field_name_field_short_desc_3 div>div:nth-child(2) {
    font-size: var(--font-size-md);
    line-height: 1.35;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .epartner-info-details-wrapper .layout__region--second>div:nth-child(5) h2 {
    font-size: var(--font-size-lg);
    margin-bottom: 10px;
}
body.display-via-webview.page-entity-taxonomy-term-canonical .kol-info-details-wrapper .kol-tag--details-page .field_name_field_kol_type a {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 8px;    
}

/* Epartner Feed, KOL Feed */
body.display-via-webview.page-epartner-feed .view-olink-e-partner-feed-page,
body.display-via-webview.page-kol-feed .view-olink-kol-feed-page {
    padding-top: 25px;
}
body.display-via-webview.page-epartner-feed .new-card,
body.display-via-webview.page-kol-feed .new-card {
    margin-bottom: 25px !important;
    padding-bottom: 25px;
}
body.display-via-webview.page-epartner-feed .new-card .new-card-img img,
body.display-via-webview.page-kol-feed .new-card .new-card-img img {
    border: #A4A4A4 1px solid;
    border-radius: 6px;
    margin-bottom: 25px;
}

/* Epartner Feed detail, KOL Feed detail */
body.display-via-webview.page-node-feed_epartner .block-page-title-block,
body.display-via-webview.page-node-feed_kol .block-page-title-block {
    display: none;
}
body.display-via-webview.page-node-feed_epartner .new-flagging-wrapper,
body.display-via-webview.page-node-feed_kol .new-flagging-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 0;
}
body.display-via-webview.page-node-feed_epartner .new-flagging-wrapper ul,
body.display-via-webview.page-node-feed_kol .new-flagging-wrapper ul {
    margin-bottom: 25px;
}
body.display-via-webview.page-node-feed_epartner .new-flagging-wrapper ul li,
body.display-via-webview.page-node-feed_kol .new-flagging-wrapper ul li {
    align-items: center ;
}
body.display-via-webview.page-node-feed_epartner .field_name_field_images img,
body.display-via-webview.page-node-feed_kol .field_name_field_images img {
    border: #A4A4A4 1px solid;
    border-radius: 6px;
    margin-bottom: 25px;
}
body.display-via-webview.page-node-feed_epartner .col-12 > div,
body.display-via-webview.page-node-feed_kol .col-12 > div {
    margin-bottom: 16px;    
}
body.display-via-webview.page-node-feed_epartner .layout-builder__layout .col-12:nth-child(2)>div:nth-child(1),
body.display-via-webview.page-node-feed_kol .layout-builder__layout .col-12:nth-child(2)>div:nth-child(1) {
    font-size: var(--font-size-xl);
    font-weight: 600;
}

/* welfare resources quick enquiry */
body.display-via-webview.page-welfare-resources-quick-enquiry-intro p {
    text-align: center;
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro .questionnaire-intro-begin-box .guest-box .row>div,
body.display-via-webview.page-cognitive-aptitude-test-intro .questionnaire-intro-begin-box .guest-box .row>div {
    margin-bottom: 25px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro .questionnaire-intro-begin-box .login-e123-link-box,
body.display-via-webview.page-cognitive-aptitude-test-intro .questionnaire-intro-begin-box .login-e123-link-box {
    padding: 15px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro.user-not-logged-in .questionnaire-intro-begin-box .login-e123-link-box a,
body.display-via-webview.page-cognitive-aptitude-test-intro.user-not-logged-in .questionnaire-intro-begin-box .login-e123-link-box a {
    background-color: #fff;
    border: 1px #FF7C04 solid;    
    width: 100%;
    /* pointer-events: none; */
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro .tmp-register-box,
body.display-via-webview.page-cognitive-aptitude-test-intro .tmp-register-box {
    padding: 15px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro .tmp-register-box label,
body.display-via-webview.page-cognitive-aptitude-test-intro .tmp-register-box label {
    margin-bottom: 10px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro .questionnaire-intro-begin-box .tmp-register-box .js-form-item-nickname,
body.display-via-webview.page-cognitive-aptitude-test-intro .questionnaire-intro-begin-box .tmp-register-box .js-form-item-nickname {
    margin-bottom: 25px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry-intro .questionnaire-intro-begin-box #edit-actions #edit-submit,
body.display-via-webview.page-cognitive-aptitude-test-intro .questionnaire-intro-begin-box #edit-actions #edit-submit {
    border-radius: 6px !important;
    border: none;
    font-size: var(--font-size-lg) !important;    
    line-height: 1.35;
    float: none;
    width: 100%;
    min-height: auto;    
    padding: 10px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry .local-questionnaire {
    margin-bottom: 75px;
}
body.display-via-webview.page-welfare-resources-quick-enquiry .questionnaire-step-list a,
body.display-via-webview.page-welfare-resources-quick-enquiry .questionnaire-link {
    border: #A4A4A4 1px solid;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 25px;
}

/* cognitive aptitude test */
body.display-via-webview.page-cognitive-aptitude-test-intro .questionnaire-intro-begin-box #edit-actions {
    margin-bottom: 100px;
}
body.display-via-webview.page-cognitive-aptitude-test #webform-submission-olink-questionnaire-1-add-form {
    padding: 0 15px;
    margin-bottom: 100px;
}
body.display-via-webview.page-cognitive-aptitude-test #webform-submission-olink-questionnaire-1-add-form .webform-element-more--link {
    margin-top: 15px;  
}
body.display-via-webview.page-cognitive-aptitude-test #webform-submission-olink-questionnaire-1-add-form .fieldgroup {
    border: #A4A4A4 1px solid;
    box-shadow: none;
    padding: 15px;
    margin-bottom: 25px;
}
body.display-via-webview.page-cognitive-aptitude-test #webform-submission-olink-questionnaire-1-add-form .fieldgroup>legend {
    font-size: var(--font-size-lg);
}
body.display-via-webview.page-cognitive-aptitude-test #webform-submission-olink-questionnaire-1-add-form .js-webform-radios {
    padding-left: 0;
}
body.display-via-webview.page-cognitive-aptitude-test #webform-submission-olink-questionnaire-1-add-form #edit-actions-submit {
    border-radius: 6px !important;
    border: none;
    font-size: var(--font-size-lg) !important;    
    line-height: 1.35;
    float: none;
    width: 100%;
    min-height: auto;
    margin: 0;
    padding: 10px;
}
body.display-via-webview.page-cognitive-aptitude-test .webform-confirmation {
    border: #A4A4A4 1px solid;    
    border-radius: 10px;
    box-shadow: none;
    padding: 15px;
}
body.display-via-webview.page-cognitive-aptitude-test .webform-confirmation h2,
body.display-via-webview.page-cognitive-aptitude-test .webform-confirmation .webform-confirmation__message {
    margin: 0;
}
body.display-via-webview.page-cognitive-aptitude-test .webform-confirmation .webform-confirmation__message .text-content {
    font-size: var(--font-size-md) !important;
}
body.display-via-webview.page-cognitive-aptitude-test .webform-confirmation .webform-confirmation__message .score-summary {
    font-size: var(--font-size-lg);
}

/* welfare services */
body.display-via-webview.page-welfare-services .card-filter {
    margin-bottom: 25px;
}
body.display-via-webview.page-welfare-services .card-filter-header {
    border: #FF7C04 1px solid;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}
body.display-via-webview.page-welfare-services .card-filter-header a:hover {
    text-decoration: none;
}
body.display-via-webview.page-welfare-services .card-filter-header #collapsefilter {
    position: relative;
    z-index: 1;
}
body.display-via-webview.page-welfare-services .view-social-services .form-group .views-exposed-form {
    border: #A4A4A4 1px solid;
    border-radius: 0 0 10px 10px;
    margin-top: -5px;
    padding: 30px 15px 25px;
}
body.display-via-webview.page-welfare-services .view-social-services .views-exposed-form .form-items-group>.form-item {
    margin-right: 0;
    margin-bottom: 25px !important;
    padding: 0;
}
body.display-via-webview.page-welfare-services .view-social-services .views-exposed-form .form-select.bootstrap-select>.dropdown-toggle,
body.display-via-webview.page-welfare-services .view-social-services .views-exposed-form .form-items-group .form-search {
    border-color: #A4A4A4;
    border-radius: 6px;
    padding: 10px 15px;
}
body.display-via-webview.page-welfare-services .view-social-services #edit-submit-social-services {
    margin: 0;
}
body.display-via-webview.page-welfare-services .view-social-services .form-group .views-exposed-form .form-items-group {
    padding: 0;
}
body.display-via-webview.page-welfare-services .view-social-services .social-view {
    border: #A4A4A4 1px solid;
    box-shadow: none;
    padding: 15px;
    margin-bottom: 25px;
}
body.display-via-webview.page-welfare-services .view-social-services .social-view .information .social-view-img {
    font-size: var(--font-size-lg);
    margin-bottom: 15px;
}
body.display-via-webview.page-welfare-services .view-social-services .social-view .information>div:nth-child(2) img {
    border-top: #A4A4A4 1px solid;
    border-bottom: #A4A4A4 1px solid;
    width: calc(100% + 30px);
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 25px;    
}
body.display-via-webview.page-welfare-services .view-social-services .social-view .information p {
    margin-bottom: 16px;
}
body.display-via-webview.page-welfare-services .view-social-services .social-view .social-view-btn {
    margin-top: 9px;
}
body.display-via-webview.page-welfare-services .view-social-services .social-view .social-view-btn a {
    width: 100%;
}
body.display-via-webview.page-welfare-services .view-social-services .social-view .social-view-btn a:hover {
    background-color: #e7e7e7;
}
body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .layout__region--first {
    margin-bottom: 0;
}
body.display-via-webview.page-entity-bookable-calendar-canonical .layout--twocol-section {
    border: #A4A4A4 1px solid;
    box-shadow: none;    
    margin-top: 0;
    margin-bottom: 100px;
    padding: 0 15px 25px;
    overflow: hidden;
}
body.display-via-webview.page-entity-bookable-calendar-canonical .field_name_field_featured_image img {
    border: none;
    border-bottom: #A4A4A4 1px solid;
    border-radius: 0;    
    width: calc(100% + 30px);
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
}
body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .field_name_title {
    font-size: var(--font-size-lg);
    margin: 25px auto 25px;
}
body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .epartner_name {
    font-size: var(--font-size-md);
    padding-top: 2px;
}
body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .layout__region--second>div:last-child {
    margin-top: 25px;
}
body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .layout__region--second>div h3 {
    margin-top: 25px;
}
body.display-via-webview.page-entity-bookable-calendar-canonical.section-bookable-calendar .layout__region--second>div .bookable-calendar-opening-instance {
    padding: 0;
}
body.display-via-webview.page-bookable-calendar-booking-contact-create .booking-contact-add-form .container {
    border: #A4A4A4 1px solid;    
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 100px;
    padding: 25px 15px;
}
body.display-via-webview.page-bookable-calendar-booking-contact-create .form-select.bootstrap-select {
    width: 100% !important;
}
body.display-via-webview.page-bookable-calendar-booking-contact-create .form-select.bootstrap-select .dropdown-toggle {
    border-color: #A4A4A4;
    border-radius: 6px;
    padding: 10px 15px;
}
body.display-via-webview.page-bookable-calendar-booking-contact-create #edit-actions #edit-submit {
    border-radius: 6px !important;
    border: none;
    font-size: var(--font-size-lg) !important;    
    line-height: 1.35;    
    width: 100%;    
    margin: 0;    
}

/* Bookable Calendar */
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .booking-contact-container {
    margin-top: 25px;
}
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .booking-contact-container .booking-contact-result .container {
    border: #A4A4A4 1px solid;    
    border-radius: 10px;
    box-shadow: none;
    padding: 15px;
}
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--first {
    margin-bottom: 0;
    padding-bottom: 10px;
}
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .field_name_booking_instance {
    font-size: var(--font-size-xl);
    margin-bottom: 25px; 
}
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--first .field_name_body p,
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .layout__region--second .field_name_body p {
    color: #322959;
    font-size: var(--font-size-lg);
    margin-bottom: 25px;
}
body.display-via-webview.page-entity-booking-contact-canonical.section-bookable-calendar .booking-contact-result .container>div:not(:first-child) .booking-contact-label {
    font-size: var(--font-size-md);
}

/* Accessibility Statement */
body:not(.display-via-webview) .webview-accessibility {
    display: none;
}
.webview-accessibility h2 {
    margin-top: 80px;
}