/* LAYOUTS */
.c-container {
    background: var(--background) 0% 0% no-repeat padding-box;
    width: 64.5%;
    height: auto;
    margin: 0 344px;
    padding-bottom: 80px;
}

.c-container-bigger {
    background: var(--background) 0% 0% no-repeat padding-box;
    width: 100%;
    height: auto;
    padding: 0 32px 80px 32px;
}

    .c-container-bigger:not(.container-hero .c-container-bigger) {
        margin-top: -5px;
    }

.c-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-family: 'Fira Sans', sans-serif;
    color: #000000;
}

.authorization-none {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 44px;
}

.c-content h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 24px;
}

.c-content h2 {
    grid-column-end: span 12;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    margin: 0;
}

.c-content h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 24px;
}

.c-content h4 {
    margin: 0;
}

.c-content p:not(.cez-label) {
    font-size: 15px;
    font-weight: 400;
    /* margin-bottom: 24px !important;*/
}

.c-content label {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-700) !important;
}

/*
        .c-content span {
            font-size: 15px;
            font-weight: 500;
        }
    */

.c-page-header {
    padding-bottom: 8px;
}

    .c-page-header h1 {
        font-size: 26px;
        font-weight: 500;
        margin: 0px 0px 16px 0px;
    }

    .c-page-header p {
        font-size: 16px;
        font-weight: bold;
        margin: 0 !important;
    }

    .c-page-header .custom-breadcrumb {
        margin: 12px 0 24px 0;
    }

.a-bordered {
    border-bottom: 1px solid #0064A3;
}

.c-content a {
    color: #0064A3;
}

    .c-content a:hover {
        color: #0064A3;
    }

    .c-content a:active {
        color: #0064A3;
    }

.c-content .c-page-header p {
    margin-bottom: 0px !important;
}

.error-container {
    height: 100%;
    width: 100%;
    padding-left: 320px;
    padding-right: 84px;
    padding-top: 48px;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 350px;
    overflow: hidden;
}

/* FORMS */
.form-container {
    background: var(--background) 0% 0% no-repeat padding-box;
    width: 64.5%;
    height: auto;
    margin: 0 344px;
    padding-bottom: 80px;
}

.form-header {
    min-width: 700px;
}

    .form-header h1 {
        font-size: 26px;
        font-weight: 500;
        margin: 0px 0px 8px 0px;
    }

    .form-header p {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin: 0;
    }

        .form-header p:last-of-type {
            margin-bottom: 32px;
        }

    .form-header .custom-breadcrumb {
        margin: 12px 0 24px 0;
    }

.form-steps-action {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

.form-steps-container {
    margin-top: 24px;
}

h1[tabindex='-1'].main_page_header:focus-visible {
    outline: 2px solid white !important;
    outline-offset: 5px;
}

h1[tabindex='-1']:focus-visible {
    outline: 2px solid black !important;
    outline-offset: 5px;
}


.form-steps-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .form-steps-content h2 {
        grid-column-end: span 12;
        font-size: 22px;
        font-weight: 500;
        font-family: 'Fira Sans', sans-serif;
        margin: 0;
    }

.form-item-unlabelled {
    padding-top: 25px;
}

    .form-item-unlabelled .cez-checkbox-wrapper {
        padding-top: 8px;
    }

.summary-steps-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

/* CARDS */
.cez-card {
    padding: 32px;
    background: var(--white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 3px #0000001A;
}

.summary-cez-card {
    padding: 24px 32px !important;
    background: var(--white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 3px #0000001A;
}

.cez-card a {
    color: var(--blue-500);
    border-bottom: 1px solid var(--blue-500);
}

    .cez-card a:hover {
        color: var(--blue-500);
    }

    .cez-card a:active {
        color: var(--blue-500);
    }

.cez-card label {
    color: var(--gray-700);
    /*    min-width: 100px;*/
}

/*.cez-card p {
    margin: 0;
    font-size: 15px;
}*/

.cez-card .ant-alert {
    margin: 0 !important;
}

.cez-card-header {
    grid-column-end: span 12;
    font-size: 18px !important;
    font-weight: 500;
    margin: 8px 0 0 0;
}

    .cez-card-header:first-child {
        margin: 0;
    }

.cez-card-subHeader {
    grid-column-end: span 12;
    font-size: 16px;
    font-weight: 500;
    margin: 8px 0 0 0;
}

.cez-card h3 {
    margin: 0;
}

.c-dashboard-cards .cez-card {
    padding: 40px;
}

    .c-dashboard-cards .cez-card h3 {
        margin: 0;
        line-height: 29px;
    }

.c-clickable-cards .cez-card:hover {
    box-shadow: 3px -3px 0px var(--blue-500) inset, -3px 3px 0px var(--blue-500) inset;
    cursor: pointer;
}

.c-notification-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.c-notification-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .c-notification-cards .c-grid {
        gap: 16px;
    }

    .c-notification-cards h2 {
        margin: 16px 0px 8px 0px !important;
    }

    .c-notification-cards h3 {
        margin: 0 !important;
    }

    .c-notification-cards p {
        margin-bottom: 8px !important;
    }

    .c-notification-cards .navigation-link {
        padding-top: 4px;
    }

.card-body-nav-buttons {
    display: flex;
    gap: 24px;
    justify-content: right;
    align-items: center;
    margin-top: -20px;
    margin-bottom: -16px;
}

/* GRIDS */
.c-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.c-col-1 {
    grid-column-end: span 1;
}

.c-col-2 {
    grid-column-end: span 2;
}

.c-col-3 {
    grid-column-end: span 3;
}

.c-col-4 {
    grid-column-end: span 4;
}

.c-col-5 {
    grid-column-end: span 5;
}

.c-col-6 {
    grid-column-end: span 6;
}

.c-col-7 {
    grid-column-end: span 7;
}

.c-col-8 {
    grid-column-end: span 8;
}

.c-col-9 {
    grid-column-end: span 9;
}

.c-col-10 {
    grid-column-end: span 10;
}

.c-col-11 {
    grid-column-end: span 11;
}

.c-col-12 {
    grid-column-end: span 12;
}

.c-jc-start {
    grid-column-start: 1;
}

.c-jc-unset {
    grid-column-start: unset;
}

.c-ps-end {
    place-self: end;
}

.c-ps-start-end {
    place-self: start end;
}
/* CHECKBOXES */
.checkbox-question {
    font-weight: normal;
}

.checkbox-group .ant-checkbox, .checkbox-group .ant-checkbox-wrapper:last-child .ant-checkbox-checked {
    margin-bottom: 16px;
}

.checkbox-group .ant-checkbox-checked {
    margin-bottom: 0;
}

.checkbox-group > .ant-form-item-label:first-child {
    margin-bottom: 16px;
}

.checkbox-group-item {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

    .checkbox-group-item .ant-divider-horizontal {
        margin-top: 0 !important;
    }

    .checkbox-group-item .ant-checkbox-wrapper {
        grid-column-end: span 12;
    }

.cez-checkbox-wrapper:has(.checkbox-no-margin-bottom) {
    margin-bottom: 0px !important;
}

.cez-checkbox-wrapper:has(.checkbox-without-padding-and-margin) {
    padding: 0px;
}

    .cez-checkbox-wrapper:has(.checkbox-without-padding-and-margin) label {
        margin-bottom: 0px;
    }

.cez-checkbox-wrapper:has(.form-item-checkbox-below) {
    padding: 8px 8px 0 0;
}

/* LABELS */
label {
    margin-bottom: unset;
}

.unbold-labels label {
    font-weight: 400 !important;
}

.unbold-labels p:not(.cez-input-textarea-counter):not(.unbold-labels-exclude) {
    font-weight: bold;
}

.unbold-labels span:not(.cez-input-textarea-counter):not(.cez-tooltip-text):not(.unbold-labels-exclude) {
    font-weight: bold;
}

.unbold-labels .cez-dropdown-button-content span, .unbold-labels .cez-label {
    font-weight: 400;
}

.unbold {
    font-weight: normal !important;
}

.bold-labels label {
    font-weight: 500;
}


/* INPUTS */
.input-with-addon .ant-input {
    border-radius: 3px 0 0 3px !important;
}

input::placeholder {
    color: var(--gray-500) !important;
}

/* TEXTAREAS */
.textarea-form-item {
    margin-bottom: 24px;
}

.textarea-counter {
    pointer-events: none;
    white-space: nowrap;
    color: var(--gray-500);
    position: absolute;
    right: 0;
    margin-top: 8px;
}

/* BUTTONS */
.ghost-button {
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 16px !important;
}

    .ghost-button span {
        font-weight: 500 !important;
        text-decoration: underline;
        line-height: normal;
    }

    .ghost-button:hover span, .ghost-button:focus span {
        text-decoration: none;
    }

    .ghost-button span {
        text-decoration: none !important;
        display: inline-block !important;
    }

    .ghost-button .ant-badge-count:not(.ant-badge-count-overflow) {
        padding: 3px 7px 2px 7px !important;
    }

.ghost-btn-bell:focus {
    background: var(--blue-500) !important;
    outline: 2px solid var(--black);
    border-radius: 3px !important;
}

.ghost-btn-bell:hover {
    background: var(--blue-500) !important;
    outline: 2px solid var(--black);
    border-radius: 3px !important;
}

.ghost-btn-bell img {
    filter: brightness(0) saturate(100%) invert(20%) sepia(96%) saturate(2381%) hue-rotate(187deg) brightness(91%) contrast(101%) !important;
}


.ghost-button-with-icon {
    padding-right: 6px !important;
}

    .ghost-button-with-icon svg {
        margin: 0 7px !important;
    }

    .ghost-button-with-icon:hover svg path, .ghost-button-with-icon:focus svg path {
        fill: var(--white) !important;
    }

a.ghost-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

a:hover.ghost-button, a:focus.ghost-button {
    color: var(--white) !important;
    text-decoration: none !important;
    outline: 2px solid var(--black);
    border-radius: 3px;
}

.ant-btn.ant-btn-primary.login-button:focus, .ant-btn.ant-btn-primary.login-button:hover {
    outline: 2px solid var(--black);
    outline-offset: 1px;
}

.action-column-button {
    display: flex;
    justify-content: flex-end;
}

.info-medical-using-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.report-preview-button:focus {
    background-color: var(--blue-700);
    border-color: var(--blue-700);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500);
}

.report-preview-button:focus svg path {
    fill: var(--white);
}

/* RADIO BUTTONS */
.cez-radio-group-lowercase .cez-radio-label {
    text-transform: lowercase;
}

/* LINKS */
.link-button {
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 3em !important;
}

    .link-button a {
        text-decoration: underline;
        color: var(--blue-500);
    }

.navigation-link {
    display: flex !important;
    justify-content: flex-end;
    line-height: 26px;
}

    .navigation-link svg path {
        fill: var(--blue-500);
    }

    .navigation-link:hover svg path, .navigation-link:focus svg path {
        fill: var(--blue-700);
    }

    .navigation-link span {
        text-decoration: underline;
    }

/* ICONS */
.cez-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cez-icon {
    cursor: pointer;
}

.ci--m {
    height: 34px;
    width: 34px;
}

.ci--blue svg path {
    fill: var(--blue-500);
}

.ci--blue:hover, .ci--blue:focus {
    background-color: var(--blue-500);
}

    .ci--blue:hover path, .ci--blue:focus path {
        fill: var(--white);
    }

.icon-background-class {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.icon-right .ant-form-item-control-input-content {
    display: flex !important;
    justify-content: flex-end !important;
}

.icon-right-summary {
    display: flex;
    justify-content: flex-end;
}

.container-border {
    border: 3px solid var(--blue-500);
    margin-top: 16px;
    box-shadow: 0px 2px 3px #0000001A;
}

.summary-icon:hover {
    cursor: pointer;
}

.summary-icon-replace {
    background-color: var(--blue-500);
}

    .summary-icon-replace:hover {
        cursor: pointer;
    }

.icons-legend {
    display: flex;
    gap: 24px;
    margin-top: 8px;
}

    .icons-legend div {
        display: inherit;
        align-items: center;
    }

        .icons-legend div label {
            margin-bottom: 0 !important;
        }

        .icons-legend div svg {
            margin-right: 8px;
        }

.tooltip-info-icon {
    height: 16px;
    width: 16px;
    cursor: default;
}

    .tooltip-info-icon svg {
        height: 16px;
        width: 16px;
    }

    .tooltip-info-icon span[role=img] {
        display: flex;
    }


/* DIVIDERS */
.divider-no-margin {
    padding: 0 32px;
    margin: 0 0 0 0;
}

.divider-full-size {
    width: calc(100% + 64px) !important;
    margin-left: -32px !important;
}

.divider-no-margin-top {
    margin: 0px 0px 32px 0px !important;
}

.divider-margin-0 {
    margin: 0;
    padding: 0;
}

.divider-first-hidden:is(:first-of-type) {
    display: none;
}

.divider-last-hidden:is(:first-of-type) {
    display: none;
}

/* SELECTORS */
.dropdown-select select {
    position: absolute;
    left: 0px;
    height: 0px;
    width: 0px;
    border: none;
    border-radius: 1px;
    padding: 4px 0;
}

    .dropdown-select select:focus {
        width: 394px;
        height: auto;
        margin-top: 38px;
        z-index: 999;
        overflow: auto;
    }

    .dropdown-select select:focus-visible, .dropdown-select input:focus-visible {
        outline: none;
    }

.dropdown-select-single {
    height: 39px !important;
}

.dropdown-select select option {
    padding: 7px 12px;
    color: var(--black);
    cursor: pointer;
}

    .dropdown-select select option:hover, .dropdown-select select option:checked {
        background-color: var(--blue-700);
        box-shadow: 0 0 10px 100px var(--blue-700) inset;
        color: white;
    }

.dropdown-select-icon {
    float: right;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dropdown-select-icon svg path {
        fill: var(--blue-500);
    }

.dropdown-select-text {
    float: left;
    color: var(--black);
}

.dropdown-select button {
    width: 394px;
    height: 34px;
    line-height: 34px;
    background-color: var(--gray-100);
    color: var(--gray-500);
    border: 1px solid var(--gray-500);
    padding-left: 16px;
    border-radius: 3px;
}

    .dropdown-select-button-focus, .dropdown-select button:hover {
        background-color: var(--blue-100) !important;
        border-color: var(--blue-700) !important;
        color: var(--black) !important;
    }

        .dropdown-select-button-focus .dropdown-select-icon {
            background-color: var(--blue-700);
            transform: rotate(180deg);
        }

            .dropdown-select-button-focus .dropdown-select-icon svg path {
                fill: var(--white) !important;
            }

.select-search-with-arrow .anticon-search svg {
    width: 26px !important;
    height: 26px !important;
    transform: rotate(180deg) !important;
}

    .select-search-with-arrow .anticon-search svg path {
        d: var(--cez-icon-path-select-arrow) !important;
    }

.select-readonly-inline .ant-select-selector {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-weight: bold !important;
    cursor: default !important;
}

    .select-readonly-inline .ant-select-selector .ant-select-selection-item {
        user-select: unset !important;
    }

.select-readonly-inline input {
    cursor: default !important;
}

/* ACCORDIONS */
.cez-accordion-footer {
    padding: 16px 32px !important;
    border-top: 1px solid var(--gray-300) !important;
}

.accordion-more-info {
    display: flex;
    width: max-content;
    height: max-content;
    gap: 4px;
}

    .accordion-more-info > span {
        height: 26px;
        cursor: pointer;
    }

    .accordion-more-info a {
        height: max-content;
    }

        .accordion-more-info a:focus-visible {
            box-shadow: unset;
        }

    .accordion-more-info:has(a:focus-visible) {
        box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500);
    }

    .accordion-more-info svg path {
        fill: var(--blue-500);
    }

    .accordion-more-info:hover svg path {
        fill: var(--blue-700);
    }

@media (forced-colors: active) {
    .accordion-more-info:hover svg path {
        fill: var(--blue-600);
    }
}

.accordion-more-info:hover a {
    color: var(--blue-700) !important;
    border-color: var(--blue-700) !important;
}

/* HEADERS */
.summary-section-header {
    padding: 24px 32px;
    align-items: center;
}

.h2-headers {
    margin-top: 24px;
    padding: 0;
}

.custom-h3 {
    padding: 0 !important;
    font-size: 18px;
    font-family: 'Fira Sans',sans-serif;
    font-weight: 500;
    margin-bottom: 0px !important;
}

.header-with-icon {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .header-with-icon h2 + .cez-tooltip-wrapper > .tooltip-info-icon {
        height: 14px;
    }

/* FOOTERS */
.summary-section-footer {
    margin-top: -1.60em !important;
    padding: 0 32px;
}

.footer-logo-SMZ {
    display: flex;
    width: max-content;
}

    .footer-logo-SMZ svg path {
        fill: var(--white);
    }

.footer-subpage-card {
    padding: 24px 32px !important;
}

    .footer-subpage-card h2 {
        margin-top: 24px !important;
        margin-bottom: 8px !important;
    }

        .footer-subpage-card h2:first-child, .footer-subpage-card h3:first-child {
            margin-top: 0px !important;
        }

    .footer-subpage-card h3 {
        margin-top: 16px !important;
        margin-bottom: 8px !important;
    }

.footer-container a {
    color: var(--white) !important;
    border-color: var(--white) !important;
}

/* MODALS */
.modal {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.45);
    overflow: hidden;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    overscroll-behavior: contain;
}

.modal-open {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
}

.modal-window {
    background-color: var(--white);
    font-size: 15px;
    padding: 32px;
    max-width: 640px;
    position: relative;
    margin-top: 5%;
    margin-bottom: 5%;
}

.veterinary-redirection-modal .cez-dialog-window {
    width: unset !important;
    max-height: unset !important;
}

.veterinary-redirection-modal-span {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}

.modal-window button:focus-visible {
    outline: none;
    box-shadow: none;
}

.modal-window h1 {
    font-size: 26px;
    margin-bottom: 24px;
}

.modal-close-x {
    position: absolute;
    top: 24px;
    right: 24px;
}

.modal-action-buttons {
    display: flex;
    gap: 24px;
    margin-top: 32px;
    justify-content: flex-end;
}

.modal-window > *:first-child {
    margin-top: 0px;
}

.modal-window > *:last-child {
    margin-bottom: 0px;
}

.modal-with-dropdown .cez-dialog-window-body {
    display: unset;
    overflow: unset;
}

    .modal-with-dropdown .cez-dialog-window-body cez-scrollbar {
        display: contents;
    }

        .modal-with-dropdown .cez-dialog-window-body cez-scrollbar .cez-scrollbar {
            visibility: hidden;
        }

.modal-with-no-flex-body .cez-dialog-window-body {
    display: unset;
}

/* CHIPS */
.chips-container {
    min-height: 24px;
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
}

/* BADGES */
.text-badge {
    background-color: var(--red-500);
    color: var(--white);
    padding: 3.5px 16px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.icsr-badge {
    color: var(--gray-700) !important;
    padding: 3.5px 16px !important;
    font-size: 10px !important;
    max-height: 21px !important;
}

    .icsr-badge .cez-badge-value {
        max-height: 100%;
    }

/* TABS */
.tab-style {
    width: 120%;
    margin: 24px -32px 0 -32px;
}

    .tab-style .ant-tabs-tabpane {
        display: flex;
        width: 100%;
        outline: 0;
        flex-wrap: wrap;
        row-gap: 24px;
    }

    .tab-style .ant-tabs-content-holder {
        flex: auto;
        min-width: 0;
        min-height: 0;
        margin: 8px 32px 0px 32px;
    }

    .tab-style .ant-tabs-card .ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
        border-bottom-color: #fff;
        width: 120px;
        display: flex;
        justify-content: center;
    }

    .tab-style .ant-divider-horizontal {
        margin: 0 !important;
    }

/* DISPLAY */
.display-none {
    display: none;
}

.display-flex-justify-end {
    display: flex !important;
    justify-content: flex-end;
    gap: 12px;
}

.display-flex-justify-start {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
}

.display-flex-justify-content-center {
    display: flex !important;
    justify-content: center;
}

.display-flex-align-center {
    display: flex !important;
    align-items: center;
}

.display-flex-align-end {
    display: flex !important;
    align-items: flex-end;
}

.display-contents {
    display: contents !important;
}

.display-flex-col-g8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.display-flex-col-g16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.display-flex-align-start {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

.display-flex-justify-end {
    display: flex;
    justify-content: flex-end;
}

/* OTHERS */
.text-font-open-sans,
.text-font-open-sans p:not(.text-font-open-sans-exclude),
.text-font-open-sans span:not(.text-font-open-sans-exclude),
.text-font-open-sans li:not(.text-font-open-sans-exclude) {
    font-family: 'Open Sans', sans-serif;
}

.text-font-fira-sans,
.text-font-fira-sans p:not(.text-font-fira-sans-exclude),
.text-font-fira-sans span:not(.text-font-fira-sans-exclude),
.text-font-fira-sans li:not(.text-font-fira-sans-exclude) {
    font-family: 'Fira Sans', sans-serif;
}

.blue-link svg path {
    fill: var(--blue-500);
}

.blue-link:hover svg path,
.blue-link:focus svg path {
    fill: var(--blue-700);
}

.no-scroll {
    padding-right: 17px;
}

    .no-scroll .container-navbar {
        padding-right: 17px;
    }

.less-margin-top-section {
    /*margin-top: -1.6em !important;*/
    border-top: 1px solid var(--gray-500) !important;
}

.table-td-open {
    border: 3px solid var(--blue-500) !important;
}

.table-cell-with-badge {
    display: flex;
    align-items: center;
    gap: 6px;
}

.more-margin-bottom {
    margin-bottom: 24px;
}

.no-paddings-hr {
    padding: 0 !important;
    margin: 0 !important;
}

.paragraphs-no-margin p {
    margin: 0 !important;
}

.rotate-information-arrow {
    transform: rotate(180deg);
}

.overflow-hidden-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-logo-SMZ {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px 0px;
}

.logo-high-contrast {
    display: none;
}

@media (forced-colors: active) {
    .logo-default {
        display: none;
    }

    .logo-high-contrast {
        display: inline;
    }

    .logo-mobile{
        display: none;
    }
}


.navbar-logo-SMZ:focus {
    outline: 2px solid var(--black);
    border-radius: 3px;
    outline-offset: 2px;
}

.container-navbar {
    display: inline-flex;
}

.summary-alert ul {
    margin-left: 32px;
}

.table-col-with-bold-labels span {
    font-weight: 400 !important;
    color: var(--gray-700) !important;
}

    .table-col-with-bold-labels span.text-badge {
        color: var(--white) !important;
    }

.table-col-with-bold-labels p:not(.row-header) {
    font-weight: 500 !important;
    color: var(--black) !important;
}

.no-elements-record {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .no-elements-record h3 {
        margin-bottom: 0px !important;
    }

.report-details .container-border {
    margin-top: 16px;
}

.margin-vertical-24px {
    margin: 24px 0;
}

.bold-text {
    font-weight: 500;
}

.p-labelled-readonly-data {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-weight: 600;
}

/*SEARCH CARDS*/
.search-card-action-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

.user-details-grid .display-contents p {
    margin-bottom: 0px !important;
}

.cez-tabs .user-details-grid .ant-divider {
    margin: 8px 0px !important;
}

.list-with-dividers .table {
    border-spacing: 0px !important;
    margin: 16px 0px !important;
}

    .list-with-dividers .table > tbody > tr {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

        .list-with-dividers .table > tbody > tr > td {
            border-top: 1px solid var(--gray-300);
        }

        .list-with-dividers .table > tbody > tr:last-of-type > td {
            border-bottom: 1px solid var(--gray-300);
        }

/* LISTS */
.foreach-list .ant-divider-horizontal:last-child {
    display: none;
}

.foreach-list-item {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 24px;
}

.foreach-list-actions {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .foreach-list-actions img {
        height: 34px;
        width: 34px;
    }

.custom-table .table .ant-row {
    margin: 0 !important;
    padding: 24px 32px !important;
    row-gap: 24px !important;
}

    .custom-table .table .ant-row p {
        margin: 5px 5px 0 0 !important;
        font-weight: 500;
    }

    .custom-table .table .ant-row .ant-typography {
        color: var(--gray-700);
        font-size: 14px;
        font-weight: 400;
    }

.custom-table .ant-space {
    display: none !important;
}

.custom-table .list-header-margin {
    margin-top: 0px !important;
}

.cez-list:is(.card-nested-cez-list) {
    gap: 0px;
}

.card-nested-cez-list .cez-list-item {
    box-shadow: none;
    border-bottom: 1px solid var(--gray-300);
}

    .card-nested-cez-list .cez-list-item:first-child {
        border-top: 1px solid var(--gray-300);
    }

/* LISTS - action buttons (Administrator Dashboard)*/
.details-col {
    display: flex;
    justify-content: flex-end;
}

.details-button {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--blue-500);
}

    .details-button .ant-btn, .details-button-rotate-180 .ant-btn {
        box-shadow: none !important;
        height: 34px !important;
        min-width: 32px !important;
        padding: 0 !important;
        font-size: 15px !important;
    }

    .details-button .ant-btn-default:focus {
        background-color: var(--white) !important;
    }

    .details-button:hover {
        background-color: var(--blue-500);
        cursor: pointer;
    }

        .details-button:hover img {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(243deg) brightness(117%) contrast(100%);
        }

    .details-button .ant-btn:focus {
        box-shadow: 0 0 2px black !important;
    }

.details-button-rotate-180 {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--blue-500);
    border: 1px solid var(--blue-500);
}

    .details-button-rotate-180 img {
        transform: rotate(180deg);
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(243deg) brightness(117%) contrast(100%);
    }

    .details-button-rotate-180:hover {
        background-color: var(--blue-700);
        cursor: pointer;
    }

    .details-button-rotate-180 .ant-btn {
        background-color: #0064A3 !important;
    }

        .details-button-rotate-180 .ant-btn:focus {
            box-shadow: 0 0 2px black !important;
        }

.accordion-footer-buttons {
    gap: 24px;
    margin: -8px 0px;
}

/* LISTS - action buttons (Medicinal product list)*/
.buttons {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .buttons:hover {
        background-color: var(--blue-700);
        cursor: pointer;
    }

        .buttons:hover img {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(243deg) brightness(117%) contrast(100%);
        }

/* SUMMARY SECTION */

.long-pause {
    margin-left: 12px;
}

.death-section {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.other-death-effects {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.death-fields-ndpl4 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

span.cez-label {
    font-weight: 400 !important;
}

span.data::before {
    content: "\A";
    white-space: pre;
}

span.data.data-no-before::before {
    content: none;
}

span.svg-container {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

span.data.data-container {
    display: flex;
    gap: 24px;
    margin-left: -24px;
}

span.data {
    word-break: break-word;
}

h3.my-account-header {
    margin-bottom: 24px !important;
}

/* USER ACCOUNT NOTIFICATIONS */
.action-section {
    display: flex;
    gap: 24px;
    justify-content: flex-start;
}

.notification-list .cez-list-item .cez-list-item-expandable-content {
    padding: 0 !important;
}

.notification-list .cez-list-item-expandable-content:has(.notification-list-details-edit) {
    border-top: unset;
}

.notification-list-details {
    padding: 24px;
}

.notification-list-details-row {
    display: flex;
    flex-direction: column;
}

    .notification-list-details-row span {
        font-size: 15px;
    }

    .notification-list-details-row label {
        font-size: 14px;
        font-weight: 500;
        color: var(--gray-700);
    }

.notification-list-details-edit {
    padding-top: 0;
}

.notification-list-action-buttons {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    border-top: 1px solid var(--gray-300);
    padding: 24px;
}

/*Tooltip expiration date*/
.cez-tooltip-expiration-date {
    position: absolute;
    margin-left: 125px;
    margin-top: -8px;
}

.cez-tooltip-series-number {
    position: absolute;
    margin-left: 1px;
    margin-top: -10px;
}
/* ------------------------------------------------ Search medical products list (view) */
.privacy-list {
    margin-left: 20px;
    margin-bottom: 0px;
}

.privacy-list-numbers {
    margin-left: 40px;
    list-style-type: none;
}

    .privacy-list-numbers li:nth-child(1)::marker {
        content: "1) ";
    }

    .privacy-list-numbers li:nth-child(2)::marker {
        content: "2) ";
    }

/* ------------------------------------------------ List header (sorting/pagination) */
.list-header {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px 24px;
    margin: 12px 0;
}

/* LOGIN PARTIAL */
.login-partial {
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    list-style: none;
}

    .login-partial > li {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.login-partial-button {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 24px;
}

    .login-partial-button:hover, .login-partial-button:focus {
        color: var(--white) !important;
        background-color: var(--blue-700);
    }

.login-partial > li > .cez-button {
    height: 100%;
    width: 100%;
    border: none;
    background: none;
    padding: 0 24px;
    font-weight: 500;
    color: var(--blue-500);
    border-radius: unset;
}

    .login-partial > li > .cez-button:hover {
        color: var(--white) !important;
        background-color: var(--blue-700);
    }

.login-partial > li > .cez-button-icon, .login-partial > li > .cez-button-icon {
    height: 100%;
    width: 100%;
    padding: 0 24px;
    border: none;
}

    .login-partial > li > .cez-button-icon .ant-badge {
        width: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-partial > li > .cez-button-icon svg {
        width: 26px;
        height: 26px;
    }

/* ----------- { Do poprawy/usunięcia */
.login-partial-header {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    height: 68px;
}

.login-partial-header-links {
    display: inherit;
    align-items: center;
}

    .login-partial-header-links .ghost-button {
        height: 100% !important;
        min-width: unset !important;
        padding: 0 24px !important;
        font-weight: 500 !important;
    }

    .login-partial-header-links .ant-btn-default:hover {
        background-color: var(--blue-500) !important;
        border-color: var(--blue-500) !important;
    }

.login-partial-header-badge {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

    .login-partial-header-badge .ant-badge {
        font-size: 26px;
        color: var(--blue-500);
    }

    .login-partial-header-badge:hover, .login-partial-header-badge:focus {
        background-color: var(--blue-500);
    }

        .login-partial-header-badge:hover .ant-badge, .login-partial-header-badge:focus .ant-badge {
            color: var(--white);
        }
/* } ----------- */

.login-partial .cez-overlay-outside-click-handler {
    display: contents;
}

.login-partial-overlay {
    top: 68px;
    left: 0px;
    right: 0px;
    padding: 32px 17.75% 64px 17.75%;
    align-items: flex-start;
    gap: 24px;
    background-color: var(--blue-500) !important;
    border: none !important;
}

.login-partial-overlay-switch-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-right: 16px !important;
    color: var(--blue-500);
    background-color: var(--white);
    font-weight: 500;
    border: none;
}

    .login-partial-overlay-switch-button:hover {
        color: var(--white);
        background-color: var(--blue-700);
    }

    .login-partial-overlay-switch-button svg path {
        fill: var(--blue-500);
    }

    .login-partial-overlay-switch-button:hover svg path, .login-partial-overlay-switch-button-open svg path {
        fill: var(--white);
    }

.login-partial-overlay-switch-button-open {
    color: var(--white) !important;
    background-color: var(--blue-500) !important;
}

.login-partial-overlay-switch-button .cez-button-content span:first-of-type {
    position: absolute;
    top: 6px;
    right: 50px;
    font-size: 12px;
    font-weight: 400;
}

.login-partial-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 200px;
    background-color: var(--white);
    color: var(--blue-500);
    font-weight: 500;
}

    .login-partial-menu .cez-button-icon:focus {
        background-color: transparent;
    }

        .login-partial-menu .cez-button-icon:focus svg path {
            fill: var(--blue-500);
        }

    .login-partial-menu > .cez-button:first-child {
        height: 100%;
        padding-left: 24px;
        border: none;
        background-color: transparent;
        width: 100%;
    }

    .login-partial-menu:has(.cez-button:hover), .login-partial-menu:has(.cez-button-icon:hover) {
        background-color: var(--blue-700);
        color: var(--white);
    }

    .login-partial-menu:hover > .cez-button-icon svg path, .login-partial-menu:has(.login-partial-menu-switch-button-open) svg path {
        fill: var(--white) !important;
    }

    .login-partial-menu:has(.login-partial-menu-switch-button-open) {
        background-color: var(--blue-500);
        color: var(--white);
    }

.login-partial-menu-switch-button {
    height: 100% !important;
    width: unset !important;
    padding-right: 16px;
}

.login-partial-menu-overlay {
    top: 68px;
    width: 200px;
    background-color: var(--blue-500) !important;
    color: var(--white) !important;
}

    .login-partial-menu-overlay .cez-overlay-content-inside > ul {
        list-style: none;
    }

        .login-partial-menu-overlay .cez-overlay-content-inside > ul > li:not(:first-child) {
            border-top: 1px solid var(--white);
        }

        .login-partial-menu-overlay .cez-overlay-content-inside > ul > li > a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 50px !important;
            color: var(--white) !important;
        }

            .login-partial-menu-overlay .cez-overlay-content-inside > ul > li > a:hover {
                background-color: var(--blue-700);
            }

            .login-partial-menu-overlay .cez-overlay-content-inside > ul > li > a:focus-visible {
                outline: 2px solid var(--black);
            }

.login-partial-mobile-menu {
    width: 100%;
}

    .login-partial-mobile-menu .cez-overlay-outside-click-handler {
        display: contents;
    }

.login-partial-mobile-menu-overlay {
    width: 100%;
    top: 48px;
    left: 0px;
    border: none !important;
}

    .login-partial-mobile-menu-overlay .cez-overlay-content-inside > ul {
        list-style: none;
        margin-bottom: 0;
        background-color: var(--blue-500);
        padding: 16px 64px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .login-partial-mobile-menu-overlay .cez-overlay-content-inside > ul > li > a {
            height: 48px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 16px;
            border: 1px solid var(--white);
            color: var(--white) !important;
        }

            .login-partial-mobile-menu-overlay .cez-overlay-content-inside > ul > li > a:hover, .login-partial-mobile-menu-overlay .cez-overlay-content-inside > ul > li > a:focus-visible {
                background-color: var(--blue-700) !important;
                outline: 2px solid var(--white);
                outline-offset: -2px;
            }

            .login-partial-mobile-menu-overlay .cez-overlay-content-inside > ul > li > a:focus-visible {
                box-shadow: 0 0 0 2px var(--blue-500), 0 0 0 4px var(--white);
            }

.login-partial-mobile-menu-button {
    height: 48px !important;
    width: 48px !important;
    margin-left: auto;
}

.login-partial-mobile-menu-open .login-partial-mobile-menu-button {
    background-color: var(--blue-500);
}

    .login-partial-mobile-menu-open .login-partial-mobile-menu-button svg path {
        fill: var(--white);
    }

/* NDPL FORM SUMMARY */
.summary-card .ant-form-item-control-input {
    min-height: unset !important;
}

/* ------------------------------------------------ Search section */
.link-button-section-search .ant-form-item-control-input-content {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0 32px;
}

/* ------------------------------------------------ Search medical products list (view) */
.list-button {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.medicines-list-search-panel {
    display: flex;
    gap: 24px;
}

.medicines-list-search-panel-input {
    width: -webkit-fill-available;
}

.medicines-list-search-panel-button {
    display: flex;
    align-items: flex-end;
}

.medicines-table span:not(.cez-tab .cez-button-content):not(.bold-text) {
    font-size: 15px;
    font-weight: 400;
}

.medicines-table h2 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 22px;
    font-weight: 500;
}

.medicines-table .ant-row {
    display: flex !important;
    align-items: center !important;
}

.medicines-table p {
    margin-bottom: 0 !important;
    font-weight: 500;
}

.medicines-table-selection-button {
    margin-top: 16px;
}

.error-button {
    margin-left: 145px;
}

.details-full .ant-divider-horizontal {
    width: 108.5%;
    margin-left: -35px;
}

.details-full .ant-divider {
    color: black !important;
}

.margin-top-32 {
    margin-top: 32px !important;
    display: inline-block;
}

.margin-bottom-32 {
    margin-bottom: 32px !important;
    display: inline-block;
}

.list-header-margin {
    margin: 12px 0;
}

.help-section {
    width: 100%;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
}

    .help-section p {
        font-size: 15px;
        font-weight: 500;
    }

    .help-section .cez-button {
        width: max-content;
    }

    .help-section a {
        width: max-content;
        margin-top: 16px;
        color: var(--blue-500);
        border-bottom: 1px solid var(--blue-500);
    }

.selected-medicines .ant-form-item-control-input {
    min-height: unset;
}

/* ------------------------------------------------ Form section here! */
.less-margin-bottom {
    margin-bottom: 0 !important;
}

.less-margin-bottom-little {
    margin-bottom: 1em !important;
}

.more-margin-left {
    margin-left: 2em !important;
}

.less-margin-top {
    margin-top: -1.65em !important;
}

.less-margin-top-little {
    margin-top: 0 !important;
}

.more-margin-top {
    margin-top: 1.5em !important;
}

.more-margin-top-high {
    margin-top: 25px !important;
}

.more-margin-top-little {
    margin-top: 6px !important;
}

.end-information-section-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

/* ------------------------------------------------ action buttons on list (edit, copy, delete) */
.icons-class {
    display: flex !important;
    justify-content: flex-end !important;
}

    .icons-class .ant-form-item-control-input-content {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 12px !important;
    }

.position-sorting-icon {
    margin-left: 10px;
    margin-right: 10px;
    width: 32px;
    height: 32px;
}

.sorting-icon-hover:hover {
    box-shadow: 0 0 0 5px var(--blue-500) !important;
}

.flex {
    width: 32px;
    height: 32px;
    position: relative;
    cursor: pointer;
}

    .flex .hover-image {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .flex:hover .hover-image {
        display: inline;
        background-color: var(--blue-500);
    }

.icon-style .anticon-info-circle {
    margin-top: 5px !important;
}

.user-list-buttons-action {
    display: flex;
    gap: 24px;
}


.system-error-list-spin, .system-error-list-spin > div, .system-error-list-spin > div > .ant-spin-container {
    display: contents;
}


/* REPORT REGISTRATION VIEW (LIST AND SEARCHER) */
/* SEARCHER (SELECTED FILTERS) */
.selected-items-box {
    width: auto;
    display: flex;
    min-height: 24px;
    line-height: 19px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

    .selected-items-box span {
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }

.selected-item {
    color: #0064A3;
    border: 1px solid #0064A3;
    border-radius: 3px;
    padding: 2px 6px 2px 12px;
    height: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .selected-item:hover {
        color: #FFFFFF;
        background-color: #0064A3;
    }

.selected-close-icon {
    width: 24px;
    height: 24px;
}

.selected-item:hover .selected-close-icon svg path {
    fill: #FFFFFF;
}

.selected-item .selected-close-icon:hover {
    background-color: transparent;
}

.selected-item .selected-close-icon svg path {
    fill: #0064A3;
}

.empty-col {
    display: block;
}

/* MORE MENU OPTION (LIST) */
.more-operation-position {
    margin-top: 0px;
}

    .more-operation-position .details-button:hover {
        background-color: #0064A3 !important;
    }

.align-center-for-error-icon {
    display: flex;
    align-items: center;
    height: 32px;
}

/* BADGE */
.badge-blue-circle {
    box-sizing: border-box;
    display: inline-block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border: 2px solid #0064A3;
    border-radius: 40px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

/*REPORT ASSESSMENT sideEffect section*/
.section-hide {
    border: none !important;
    margin-top: 24px !important;
    box-shadow: 0px 2px 3px #0000001A !important;
}

/*REPORT ASSESSMENT style for labels*/
.cez-styles label {
    font-weight: 500 !important;
}

.cez-styles span {
    font-weight: 400 !important;
}

.cez-styles p {
    font-weight: 500 !important;
}

.cez-styles legend {
    font-weight: 500 !important;
}


/* SKIP LINKS */

.skip-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 1002;
}

a.skip-link {
    position: absolute;
    top: -3em;
    padding: 0.5em 0.75em;
    font-weight: 700;
}

    a.skip-link:focus {
        margin-top: 14px;
        top: 68px;
        right: 24px;
        z-index: 1000;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 273px;
        height: 34px;
        background: var(--blue-700);
        outline: 2px solid var(--white);
        color: var(--white) !important;
    }

/* CONNECT USER WITH EPLOZ */
.add-user-eploz-info {
    display: flex;
    flex-direction: row;
    padding: 10px;
}

.eploz-info-item {
    max-width: 250px;
    padding: 10px;
    margin: 10px 120px 10px 10px;
}

    .eploz-info-item p {
        line-height: 0;
    }

.eploz-title {
    color: var(--bs-gray);
}

.eploz-content {
    color: var(--black);
    font-weight: 600;
}

.form-steps-action {
    grid-column-start: 12;
}

.add-user-cancel-button {
    display: flex;
    justify-content: flex-end;
}

.add-user-button {
    align-self: center;
    grid-column-end: 13;
    padding-top: 24px;
}

.error-container h3 {
    margin-bottom: 0px;
}

.lower-gap {
    gap: 8px;
}

.action-column {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.action-column-right {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

.dataTable-fullWidth-container {
    overflow: auto;
    margin-bottom: 16px;
    height: 550px;
    margin-top: 10px;
    max-width: 96vw;
}

.dataTable-fullWidth {
    margin-top: 16px;
    margin-bottom: 2px;
    white-space: nowrap;
    max-width: 96vw;
}

.dataTable-fullWidth-small-length {
    min-height: 400px !important;
}

.dataTable-fullWidth-thead {
    background-color: var(--white);
    height: 50px;
    border-bottom: 1px solid var(--gray-500);
}

    .dataTable-fullWidth-thead th {
        border-right: 1px solid var(--gray-500);
        font-weight: 400;
    }

        .dataTable-fullWidth-thead th:last-of-type {
            border-right: none;
        }


        .dataTable-fullWidth-thead th.center-checkbox-dataTable .dataTable-fullWidth-header-content > * {
            grid-column-end: 3;
        }

.dataTable-fullWidth-header-content {
    display: inline-grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    width: 90%;
    gap: 15px;
}

.dataTable-fullWidth-data-content {
    display: inline-grid;
    width: 90%;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    align-items: center;
    gap: 15px;
}

.dataTable-fullWidth-tbody .dataTable-fullWidth-data-content p {
    margin-bottom: 0px !important;
    font-weight: 500;
}

.dataTable-fullWidth-tbody {
}

    .dataTable-fullWidth-tbody tr {
        height: 50px;
        border-bottom: 1px solid var(--gray-500);
    }

        .dataTable-fullWidth-tbody tr:nth-child(even) {
            background-color: var(--white);
        }


        .dataTable-fullWidth-tbody tr:nth-child(odd) {
            background-color: var( --gray-250);
        }

    .dataTable-fullWidth-tbody td {
        font-size: 14px;
        font-weight: bold;
        border-right: 1px solid var(--gray-500);
        padding: 24px 15px;
    }

        .dataTable-fullWidth-tbody td.center-checkbox-dataTable .dataTable-fullWidth-data-content > * {
            grid-column-end: 3;
        }


        .dataTable-fullWidth-tbody td:last-of-type {
            border-right: none;
        }

.dataTable-fullWidth-tfoot {
    background-color: var(--white);
}

.dataTable-fullWidth-action-buttons {
    display: flex;
    gap: 24px;
}

.c-notification-cards a.navigation-link, .navigation-link span {
    text-decoration: none !important;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.footer-container ul {
    list-style: none;
}

.cez-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.login-partial-role-selection-dropdown {
    width: 394px;
}

    .login-partial-role-selection-dropdown .cez-label {
        color: var(--white);
    }

.similar-reports-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 150px;
    justify-content: center;
    margin-left: 10%;
}

/* NDPLW FORM */
.ndplw-selected-drugs-list, .ndplw-selected-drugs-list > li {
    display: contents;
}

.ndplw-selected-drugs-list-data-columns > p {
    display: flex;
    flex-direction: column;
    font-weight: 500;
}

    .ndplw-selected-drugs-list-data-columns > p > span:first-of-type {
        font-weight: 400;
    }

.ndplw-selected-drugs-list-action-columns {
    display: flex;
    align-content: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

    .ndplw-selected-drugs-list-action-columns .context-menu {
        right: 0;
        min-width: 160px;
    }

.ndplw-searched-drugs-list > li > div > div > p {
    display: flex;
    flex-direction: column;
    font-weight: 500;
}

    .ndplw-searched-drugs-list > li > div > div > p span:first-of-type {
        font-weight: 400;
    }

.ndplw-searched-drugs-list > li > .ant-row {
    row-gap: 16px !important;
}

    .ndplw-searched-drugs-list > li > .ant-row > .ant-col:not(:last-of-type) {
        padding: 0 24px 0 0 !important;
    }

    .ndplw-searched-drugs-list > li > .ant-row > .ant-col:nth-last-child(2) {
        padding: 0 !important;
    }

.ndplw-is-medicine-still-used-checkbox {
    margin-top: 28px;
}

.ndplw-reaction-date-input-group {
    margin-top: 17px;
}

.ndplw-summary-field {
    display: flex;
    flex-direction: column;
}

    .ndplw-summary-field > span:not(.text-font-open-sans):not(.cez-label) {
        font-weight: bold;
    }

    .ndplw-summary-field .cez-label {
        font-weight: 400;
    }

    .ndplw-summary-field .text-font-open-sans {
        word-break: break-word;
    }

span.text-font-open-sans, p.text-font-open-sans {
    word-break: break-word;
}

.ndplw-summary-field-text-with-icon-vertical {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .ndplw-summary-field-text-with-icon-vertical > span:first-child, .ndplw-summary-field-text-with-icon-horizontal > span {
        margin-top: 7px;
    }

    .ndplw-summary-field-text-with-icon-vertical:is(.ndplw-summary-field-hidden-label + .ndplw-summary-field-text-with-icon-vertical) > span:first-child, .ndplw-summary-field-text-with-icon-horizontal:is(.ndplw-summary-field-hidden-label + .ndplw-summary-field-text-with-icon-horizontal) > span {
        margin-top: 0;
    }

.ndplw-summary-field-text-with-icon-horizontal {
    display: flex;
    gap: 24px;
}

    .ndplw-summary-field-text-with-icon-vertical > span, .ndplw-summary-field-text-with-icon-horizontal > span {
        display: flex;
    }

    .ndplw-summary-field-text-with-icon-vertical svg, .ndplw-summary-field-text-with-icon-horizontal svg {
        margin-right: 8px;
    }

/* ICSR FORM */
.icsr-form {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 32px 32px 32px;
}

.icsr-form-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .icsr-form-header h2 {
        margin-bottom: 0 !important;
    }

    .icsr-form-header .custom-breadcrumb {
        margin-top: 12px;
    }

.icsr-form-content {
    display: flex;
    gap: 24px;
    min-height: 720px;
}

    .icsr-form-content .ant-spin-nested-loading {
        width: -webkit-fill-available;
    }

    .icsr-form-content .ant-form {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

.icsr-form-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    padding-right: 32px;
}

    .icsr-form-navigation a {
        margin-right: auto;
    }

.icsr-form-tree-bar-wrapper {
    width: 460px;
    max-width: 460px;
    min-width: 460px;
    margin-left: -32px;
}

.icsr-form-tree-bar {
    min-height: 100%;
    height: 0;
}

    .icsr-form-tree-bar .cez-scrollbar-content {
        max-width: inherit;
    }

.icsr-form-section-view {
    background: white;
    width: -webkit-fill-available;
    padding: 32px;
    box-shadow: 0px 2px 3px #0000001a;
}

.icsr-tree-hidden {
    display: none;
}

.icsr-tree .icsr-tree:after {
    content: "";
    background: #b6b7b8;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    transform: translateX(-2px);
}

.icsr-tree-childrens {
    position: relative;
    margin-left: 32px;
}

.icsr-tree-node-wrap {
    position: relative;
}

.icsr-tree-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    cursor: pointer;
}

.icsr-tree .icsr-tree .icsr-tree-icon {
    margin-left: -11px;
}

.icsr-tree-icon svg {
    z-index: 1;
}

.icsr-tree-icon:hover svg rect:first-child {
    fill: var(--blue-700);
}

.icsr-tree-icon:hover svg rect:last-child {
    stroke: var(--blue-700);
}

.icsr-tree-icon:hover svg path {
    fill: var(--white);
}

.icsr-tree-node-title {
    margin-left: 32px;
    min-height: 50px;
    line-height: 18px;
    margin-bottom: 4px;
    box-shadow: 0 2px 6px #00000029;
    border-left: 4px solid var(--black);
    display: flex;
    align-items: center;
    padding: 16px 32px;
    position: relative;
    background-color: white;
    cursor: pointer;
}

    .icsr-tree-node-title > span {
        text-overflow: ellipsis;
        overflow: hidden;
    }

.icsr-tree-node {
    position: relative;
}

    .icsr-tree-node:not(.icsr-tree-node-disabled) > .icsr-tree-node-wrap > .icsr-tree-node-title:hover {
        outline: 4px solid var(--blue-700);
        outline-offset: -4px;
    }

.icsr-tree-node-invalid:not(.icsr-tree-node-disabled) > .icsr-tree-node-wrap > .icsr-tree-node-title:hover {
    outline: 4px solid var(--red-800);
    outline-offset: -4px;
}

.icsr-tree-node-selected > .icsr-tree-node-wrap .icsr-tree-node-title {
    outline: 4px solid var(--blue-500);
    outline-offset: -4px;
}

.icsr-tree-node-disabled > .icsr-tree-node-wrap > .icsr-tree-node-title {
    cursor: default;
}

.icsr-tree-node-with-children .icsr-tree-node-title:before, .icsr-tree .icsr-tree .icsr-tree-node-without-children .icsr-tree-node-title:before {
    content: "";
    background: #b6b7b8;
    width: 32px;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0px;
    margin-left: -36px;
    pointer-events: none;
}

.icsr-tree-node-with-toggle-disabled:is(.icsr-tree-node-level-0) > .icsr-tree-node-wrap .icsr-tree-node-title:before {
    content: none;
}

.icsr-tree .icsr-tree .icsr-tree-node:not(.icsr-tree-node-last):not(.icsr-tree-node-with-children) .icsr-tree-node-title:after {
    content: "";
    background: #b6b7b8;
    width: 2px;
    height: calc(100% + 4px);
    position: absolute;
    top: 2px;
    left: 0px;
    margin-left: -36px;
    pointer-events: none;
}

.icsr-tree .icsr-tree .icsr-tree-node-with-children:not(.icsr-tree-node-last):after {
    content: "";
    background: #b6b7b8;
    width: 2px;
    height: calc(100% + 4px);
    position: absolute;
    top: 2px;
}

.icsr-tree .icsr-tree .icsr-tree-node-last .icsr-tree-node-title:after {
    content: "";
    background: #b6b7b8;
    width: 2px;
    height: calc(50% - 2px);
    position: absolute;
    top: 2px;
    left: 0px;
    margin-left: -36px;
}

.icsr-tree-node-title-counter {
    margin-left: 8px;
}

.icsr-tree-node-title-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: auto;
    max-height: 18px;
}

.icsr-tree-node-level-0 .icsr-tree-node-title {
    border-color: var(--blue-700);
}

.icsr-tree-node-level-1 .icsr-tree-node-title {
    border-color: var(--blue-500);
}

.icsr-tree-node-level-2 .icsr-tree-node-title {
    border-color: var(--green-600);
}

.icsr-tree-node-level-3 .icsr-tree-node-title {
    border-color: var(--yellow-400);
}

.icsr-tree-node-level-4 .icsr-tree-node-title {
    border-color: var(--red-500);
}

.icsr-tree-node-level-5 .icsr-tree-node-title {
    border-color: var(--red-700);
}

.icsr-tree-node-level-6 .icsr-tree-node-title {
    border-color: var(--red-900);
}

.icsr-tree-node-level-7 .icsr-tree-node-title {
    border-color: var(--gray-800);
}

.icsr-form-section-header h2 {
    margin-bottom: 0 !important;
    font-size: 22px;
    font-weight: 500;
}

.icsr-form-validation-modal .cez-dialog-window-body {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
}

.icsr-form-validation-modal-section {
    background-color: var(--blue-200);
    padding: 16px 24px;
    width: 100%;
}

    .icsr-form-validation-modal-section:not(:first-child) {
        border-top: 1px solid var(--gray-300);
    }

    .icsr-form-validation-modal-section > span {
        font-weight: 500;
    }

    .icsr-form-validation-modal-section ul {
        margin: 0 0 0 48px;
    }

.icsr-form-section-view .ant-alert {
    margin-bottom: 0 !important;
}

.icsr-tree-node-invalid > .icsr-tree-node-wrap > .icsr-tree-node-title {
    background-color: var(--red-100);
    outline: 2px solid var(--red-500);
    outline-offset: -2px;
    border-color: transparent;
}

.icsr-tree-node-selected.icsr-tree-node-invalid > .icsr-tree-node-wrap > .icsr-tree-node-title {
    outline-width: 4px;
    outline-offset: -4px;
}

.icsr-form-preview {
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.icsr-form-subsection-action-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 26px;
}

.cez-tooltip-wrapper:has(.icsr-tree-node-expand-button-tooltip) {
    position: absolute;
    top: calc(50% - 12px);
    height: 24px;
    width: 24px;
}

.cez-checkbox-wrapper:has(.icsr-form-null-checkbox) {
    padding: 8px 8px 0 0;
}

.icsr-tree-node-expand-button-tooltip {
    margin-left: 13px;
}

/* Main Page ul styles */
.cez-ul-styles li {
    display: flex;
    align-items: flex-start;
}

    .cez-ul-styles li:not(:first-child) {
        padding-top: 8px;
    }

    .cez-ul-styles li > span > span {
        white-space: nowrap;
    }

ul.cez-ul-styles {
    list-style: none;
}

    ul.cez-ul-styles li:before {
        content: "•";
        color: #D13101;
        padding-right: 9px;
        font-size: 32px;
        line-height: 18px;
    }

/* FAQ Section  */
.faq-numbered-list ul {
    margin-left: 20px;
    margin-bottom: 0px;
}

    .faq-numbered-list ul li:not(:first-of-type) {
        padding-top: 8px;
    }

.faq-numbered-list h3 {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}

.back-to-form-button {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    color: var(--blue-500);
    border: none;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    font-weight: 500 !important;
}

    .back-to-form-button:hover {
        color: var(--blue-700) !important;
        border-color: var(--blue-700) !important;
    }

    .back-to-form-button:active, .back-to-form-button:hover {
        text-decoration: none;
        outline: 0;
    }

    .back-to-form-button:focus {
        text-decoration: none;
        outline: 0;
        outline-offset: -2px;
    }

    .back-to-form-button:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500);
    }

    .back-to-form-button .cez-button-content {
        border-bottom: 1px solid var(--blue-500);
    }

.thanks-content-box {
    display: flex;
    gap: 24px;
    flex-direction: column;
}


.pagination-page-size {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 120px;
    margin-left: 24px;
}

.selected-medicine-p {
    display: flex;
    flex-direction: column;
}

.searched-medicine-p {
    display: flex;
    flex-direction: column;
}

    .searched-medicine-p span {
        font-size: 14px !important;
    }

        .searched-medicine-p span:not(.unbold-span) {
            font-weight: bold !important;
        }

.unbold-span {
    font-weight: 400 !important;
}

/* Data table / pagination */
.data-table-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pagination-show-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pagination-page-container {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.data-table-sort {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .data-table-sort span, .data-table-pagination span {
        font-size: 14px !important;
    }

.data-table-sort-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
    padding: 5px 12px;
}

    .data-table-sort-option:hover {
        cursor: pointer;
    }

        .data-table-sort-option:hover .data-table-sort-icon {
            background-color: var(--blue-500);
        }

            .data-table-sort-option:hover .data-table-sort-icon svg path {
                fill: var(--white);
            }

.data-table-sort-option-name {
    user-select: none;
    white-space: pre;
}

.data-table-sort-icon {
    height: 34px;
    width: 34px;
    display: flex;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
}

    .data-table-sort-icon svg path {
        fill: var(--blue-500);
    }

.flip-vertical {
    transform: scaleY(-1);
}

.data-table-sort-menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.data-table-sort-options {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}

.data-table-sort-menu-overlay-button:hover {
    background-color: unset !important;
}

    .data-table-sort-menu-overlay-button:hover svg path {
        fill: var(--blue-700) !important;
    }

.data-table-sort-menu-overlay-content {
    user-select: none;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.13);
}

.data-table-sort-menu-option {
    border: none;
    background: none;
    padding: 8px 24px;
    display: flex;
}

    .data-table-sort-menu-option:hover {
        background: var(--blue-700);
        color: var(--white);
    }

.data-table-sort-menu-option-active {
    background: var(--blue-500);
    color: var(--white);
}

.data-table-sort-option-button {
    border: none;
    background: none;
    padding: 0 !important;
    display: flex;
    align-items: center;
    text-decoration: underline;
    color: var(--blue-500);
}

    .data-table-sort-option-button .cez-button-suffix-icon svg path {
        fill: var(--blue-500);
    }

    .data-table-sort-option-button:hover {
        text-decoration: none;
        color: var(--blue-700);
    }

        .data-table-sort-option-button:hover .cez-button-suffix-icon svg path {
            fill: var(--blue-700);
        }

    .data-table-sort-option-button:focus-visible {
        box-shadow: none !important;
    }

        .data-table-sort-option-button:focus-visible .cez-button-suffix-icon {
            background: var(--blue-700);
            box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500);
        }

            .data-table-sort-option-button:focus-visible .cez-button-suffix-icon svg path {
                fill: var(--white);
            }

.data-table-sort-option-button-flipped .cez-button-suffix-icon {
    transform: scaleY(-1);
}

.data-table-no-elements {
    display: flex;
    justify-content: center;
}

    .data-table-no-elements h3 {
        margin: 24px 0px;
    }

.table-box .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    display: none !important;
}

.select-checkbox {
    margin-right: 24px;
}

    .select-checkbox .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
        display: block !important;
    }


.sorting-div {
    display: inline-block;
    cursor: pointer;
}

.sorting-arrow-icon-custom {
    width: 32px !important;
    height: 32px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .sorting-arrow-icon-custom .hover-image {
        display: none;
        position: absolute;
        z-index: 190;
    }

    .sorting-arrow-icon-custom:hover .hover-image {
        display: inline;
        background-color: #0064A3;
    }

    .sorting-arrow-icon-custom:hover {
        background-color: #0064A3;
    }

.page-size-select-custom {
    width: 84px !important;
    padding-left: 0 !important;
}

.pagination-page-count .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    display: block !important;
}

.pagination-page-count .ant-select-selection-item {
    margin-right: 20px !important;
}

.pagination-page-count .ant-select-selector {
    margin-left: 0 !important;
}

.pagination-page-count .ant-select-single .ant-select-selector .ant-select-selection-search {
    left: 0 !important;
}

.list-item {
    background-color: #fff;
    border: none;
    text-align: center;
    -moz-box-shadow: 0px 2px 3px #0000001A;
    -webkit-box-shadow: 0px 2px 3px #0000001A;
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

/* Summary classification */
.death-section {
    margin-top: 24px;
}

.classification-span {
    margin-bottom: 12px;
}

/* Report lists */
.report-list-tab-record {
    row-gap: 16px;
    padding: 24px 0;
}

.report-list-tab-record:not(:last-child) {
    border-bottom: 1px solid var(--gray-300);
}

.report-list-tab-record-action-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.report-list-tabs {
    width: calc(100% + 64px);
    margin: 24px -32px 0 -32px;
}

    .report-list-tabs .cez-tab:first-of-type:is(.cez-tab-selected) {
        border-left: 0px;
    }

.report-list-tab-content {
    display: flex;
    width: 100%;
    outline: 0;
    flex-wrap: wrap;
    row-gap: 24px;
    padding: 24px 32px 0 32px;
}

    .report-list-tab-content .ant-divider-horizontal {
        margin: 0;
    }

.report-list-tab-content-attachments {
    width: 100%;
    outline: 0;
    padding: 24px 32px 0 32px;
}

    .report-list-tab-content-attachments .ant-divider-horizontal {
        margin: 0;
    }

.attachment-data {
    display: inline-flex;
    gap: 0px 24px;
    align-items: center;
    margin-left: 20px;
}

    .attachment-data span {
        font-size: 15px;
    }

        .attachment-data span.attachment-data-span {
            font-weight: 500 !important;
        }
/* Main page - width when screen is less */
.max-width-for-elements {
    max-width: 1920px;
}

.flexBadgeContainer {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

/* ################################################################################################################################################ */
/* -------------------------------------------------------------------- MOBILE -------------------------------------------------------------------- */
/* ################################################################################################################################################ */
/*
    c-xb:       1600-1920 (0-1920px)
    c-b:        1400-1600 (0-1600px)
    c-xxl:      1200-1400 (0-1400px)
    c-xl:        992-1200 (0-1200px)
    c-lg:         768-992 (0-992px)
    c-md:         576-768 (0-768px)
    c-sm:         320-576 (0-576px)
    c-xs:           0-320 (0-320px)
*/

.mobile-divider {
    display: none;
}

@media screen and (max-width: 1920px) {
    /* GRIDS */
    .c-xb-12 {
        grid-column-end: span 12;
    }

    .c-xb-11 {
        grid-column-end: span 11;
    }

    .c-xb-10 {
        grid-column-end: span 10;
    }

    .c-xb-9 {
        grid-column-end: span 9;
    }

    .c-xb-8 {
        grid-column-end: span 8;
    }

    .c-xb-7 {
        grid-column-end: span 7;
    }

    .c-xb-6 {
        grid-column-end: span 6;
    }

    .c-xb-5 {
        grid-column-end: span 5;
    }

    .c-xb-4 {
        grid-column-end: span 4;
    }

    .c-xb-3 {
        grid-column-end: span 3;
    }

    .c-xb-2 {
        grid-column-end: span 2;
    }

    .c-xb-1 {
        grid-column-end: span 1;
    }

    .c-xb-jc-start {
        grid-column-start: 1;
    }

    .c-xb-jc-unset {
        grid-column-start: unset;
    }

    /* MEDICAL PRODUCTS LIST */
    .table .ant-row {
        margin: 24px 32px !important;
        padding-left: 0 !important;
    }

    .table-box .ant-col {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .table-box .ant-col {
        align-self: flex-start;
    }

    .table-box > .data-table-pagination:last-of-type .size-span {
        display: none;
    }

    .empty-col {
        display: none !important;
    }
}

@media screen and (max-width: 1600px) {

    /* GRIDS */
    .c-b-12 {
        grid-column-end: span 12;
    }

    .c-b-11 {
        grid-column-end: span 11;
    }

    .c-b-10 {
        grid-column-end: span 10;
    }

    .c-b-9 {
        grid-column-end: span 9;
    }

    .c-b-8 {
        grid-column-end: span 8;
    }

    .c-b-7 {
        grid-column-end: span 7;
    }

    .c-b-6 {
        grid-column-end: span 6;
    }

    .c-b-5 {
        grid-column-end: span 5;
    }

    .c-b-4 {
        grid-column-end: span 4;
    }

    .c-b-3 {
        grid-column-end: span 3;
    }

    .c-b-2 {
        grid-column-end: span 2;
    }

    .c-b-1 {
        grid-column-end: span 1;
    }

    .c-b-jc-start {
        grid-column-start: 1;
    }

    .c-b-jc-unset {
        grid-column-start: unset;
    }

    .container-hero:not(.c-container-bigger .container-hero) {
        margin-top: -25px;
    }

    /* REPORT REGISTRATION MENU(MORE) */
    .more-operation-position-registration {
        margin-top: -25px !important;
    }

    .more-operation-position {
        margin-top: -90px !important;
    }
    /* LAYOUT MAIN PAGE */
    .c-container {
        width: auto;
        margin: 0 84px;
    }

    .more-operation-position {
        margin-top: 12px !important;
    }

    /* OVERLAYS */
    .login-partial-overlay {
        top: 48px !important;
    }

    /* FORMS */
    .form-container {
        width: auto;
        margin: 0 84px;
    }

    /* BANNER (MAIN PAGE) */
    .banner-box {
        background: transparent url('../img/MainPageIMG/1600px/Baner-SMZ.png') 0px center no-repeat;
        background-size: 1920px 295px;
    }

    .banner-content {
        grid-column-start: unset;
        grid-column-end: span 12;
        padding: 0 84px;
    }

    /* TOP CONTAINER (MAIN PAGE) */
    .statement-container {
        grid-template-columns: 84px auto 84px;
    }

    /* BOTTOM CONTAINER (MAIN PAGE) */
    .bottom-main-container {
        padding: 24px 84px 24px 84px;
    }

        .bottom-main-container .about-soid-container {
            font-size: 15px;
        }

        .bottom-main-container .legal-basis-container {
            font-size: 15px;
        }


    /* LOGIN PARTIAL */
    .login-partial {
        height: 48px;
    }

    .login-partial-header {
        height: 48px;
    }

    /* NAVBAR LOGO */
    .container-navbar {
        height: 48px;
    }

    .navbar-logo {
        margin: 0 24px 10px 0 !important;
        width: 60px;
        height: 48px;
    }


    /* CONTAINER HERO */
    .container-hero {
        margin-top: -25px;
        width: 100%;
        row-gap: 0;
    }

    /* FOOTER */

    .footer-container {
        height: 100%;
        width: 100%;
        max-width: 1920px;
        padding-left: 84px;
        padding-right: 84px;
    }

    .footer-add .footer_add-container {
        padding: 0 84px 0 84px;
    }

    .footer-add {
        height: 48px;
    }

    .text-container .right-wrapper button, .text-container .right-wrapper .actionButton {
        margin-top: 1em;
    }

    .footer-container {
        padding-top: 48px;
    }

    .error-container {
        height: 100%;
        width: 100%;
        padding-left: 84px;
        padding-right: 84px;
        padding-top: 48px;
    }
    /* LOGIN PARTIAL - MENU REPORT */
    .menu-context {
        margin-top: 8px;
    }

    .empty-col {
        display: block !important;
    }

    a.skip-link:focus {
        top: 48px;
    }
}


@media screen and (max-width: 1400px) {

    /* GRIDS */
    .c-xxl-12 {
        grid-column-end: span 12;
    }

    .c-xxl-11 {
        grid-column-end: span 11;
    }

    .c-xxl-10 {
        grid-column-end: span 10;
    }

    .c-xxl-9 {
        grid-column-end: span 9;
    }

    .c-xxl-8 {
        grid-column-end: span 8;
    }

    .c-xxl-7 {
        grid-column-end: span 7;
    }

    .c-xxl-6 {
        grid-column-end: span 6;
    }

    .c-xxl-5 {
        grid-column-end: span 5;
    }

    .c-xxl-4 {
        grid-column-end: span 4;
    }

    .c-xxl-3 {
        grid-column-end: span 3;
    }

    .c-xxl-2 {
        grid-column-end: span 2;
    }

    .c-xxl-1 {
        grid-column-end: span 1;
    }

    .c-xxl-jc-start {
        grid-column-start: 1;
    }

    .c-xxl-jc-unset {
        grid-column-start: unset;
    }

    .display-none-xxl {
        display: none;
    }

    .pagination-component {
        justify-content: space-between !important;
    }

    /*    .size-span{
        display:none;
    }*/

    .pagination-select {
        order: 2;
    }

    .pagination-page-count {
        order: 1;
    }

    .form-item-labelled-xxl {
        padding-top: 0;
    }

        .form-item-labelled-xxl .cez-checkbox-wrapper {
            padding-top: 4px;
        }

    /* BANNER */
    .banner-content-row1 {
        font-size: 40px;
    }

    .banner-content-row2 {
        font-size: 18px;
    }


    /* FOOTER */
    .footer-container {
        height: 100%;
        width: 100%;
        padding-left: 84px;
        padding-right: 84px;
    }

    /* HELP SECTION (MEDICAL PRODUCTS LIST) */
    .help-section {
        margin-top: 48px;
    }

    .error-container {
        height: 100%;
        width: 100%;
        padding-left: 84px;
        padding-right: 84px;
    }
}

@media screen and (max-width: 1200px) {

    /* GRIDS */
    .c-xl-12 {
        grid-column-end: span 12;
    }

    .c-xl-11 {
        grid-column-end: span 11;
    }

    .c-xl-10 {
        grid-column-end: span 10;
    }

    .c-xl-9 {
        grid-column-end: span 9;
    }

    .c-xl-8 {
        grid-column-end: span 8;
    }

    .c-xl-7 {
        grid-column-end: span 7;
    }

    .c-xl-6 {
        grid-column-end: span 6;
    }

    .c-xl-5 {
        grid-column-end: span 5;
    }

    .c-xl-4 {
        grid-column-end: span 4;
    }

    .c-xl-3 {
        grid-column-end: span 3;
    }

    .c-xl-2 {
        grid-column-end: span 2;
    }

    .c-xl-1 {
        grid-column-end: span 1;
    }

    .c-xl-jc-start {
        grid-column-start: 1;
    }

    .c-xl-jc-unset {
        grid-column-start: unset;
    }

    .display-none-xl {
        display: none;
    }

    /* BANNER */
    .banner-box {
        background: transparent url('../img/MainPageIMG/1600px/Baner-SMZ.png') 0% 0% no-repeat padding-box;
        background-size: 1920px 295px;
    }

    .ul-custom {
        background-color: var(--blue-500);
        padding-left: 60px !important;
    }

    .statement-container {
        grid-template-columns: 64px auto 64px;
    }

    /* BOTTOM CONTAINER (MAIN PAGE) */
    .bottom-main-container {
        padding: 24px 84px 24px 84px;
    }

    /* FOOTER */
    .text-container {
        width: 100%;
        height: 50%;
        margin: 32px 0 0 0px;
        display: flex;
        justify-content: space-between;
        color: White;
        font-size: 17px;
    }

    .right-wrapper {
        margin-right: 50px !important;
    }

    .text-container .right-wrapper {
        width: 34%;
    }

    .toogle-navbar-menu-icon-custom {
        display: flex;
    }

    /* NDPLW FORM */
    .ndplw-is-medicine-still-used-checkbox {
        margin-top: 0;
    }

    .ndplw-reaction-date-input-group {
        margin-top: 0;
    }

    .bottom-main-container .about-soid-container {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {

    /* GRIDS */
    .c-lg-12 {
        grid-column-end: span 12;
    }

    .c-lg-11 {
        grid-column-end: span 11;
    }

    .c-lg-10 {
        grid-column-end: span 10;
    }

    .c-lg-9 {
        grid-column-end: span 9;
    }

    .c-lg-8 {
        grid-column-end: span 8;
    }

    .c-lg-7 {
        grid-column-end: span 7;
    }

    .c-lg-6 {
        grid-column-end: span 6;
    }

    .c-lg-5 {
        grid-column-end: span 5;
    }

    .c-lg-4 {
        grid-column-end: span 4;
    }

    .c-lg-3 {
        grid-column-end: span 3;
    }

    .c-lg-2 {
        grid-column-end: span 2;
    }

    .c-lg-1 {
        grid-column-end: span 1;
    }

    .c-lg-jc-start {
        grid-column-start: 1;
    }

    .c-lg-jc-unset {
        grid-column-start: unset;
    }

    .display-none-lg {
        display: none;
    }

    .more-operation-position-registration {
        margin-top: -90px !important;
    }

    /* FORMS */
    .form-container {
        width: auto;
        margin: 0 64px;
    }

    /* SELECTED PRODUCT LIST */
    .icons-class .ant-form-item-control-input-content {
        gap: 0 !important;
    }

    /* BANNER */
    .banner-content-row1 {
        font-size: 18px;
    }

    .banner-content-row2 {
        font-size: 14px;
    }

    .SMZ1-Menu-img {
        width: 1137.42px;
        height: 392.12px;
    }

    /* FOOTER */
    .footer-logo-SMZ svg {
        margin-top: 32px;
    }

    .footer-container {
        margin-top: 41px !important;
        margin-bottom: 48px !important;
        width: 100%;
        padding: 0 84px;
    }

    .footer-text {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .text-container {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 0 32px 0 !important;
    }

        .text-container .left-wrapper, .center-wrapper, .right-wrapper {
            width: 100% !important;
            margin-top: 32px !important;
        }

    .right-wrapper {
        margin-right: 0 !important;
    }

    .text-container .right-wrapper button, .text-container .right-wrapper .actionButton {
        width: 100% !important;
    }

    /* MEDICAL PRODUCTS LIST */
    .action-button {
        display: flex;
        justify-content: flex-end !important;
    }

    .error-container {
        margin-bottom: 40px;
    }

    .error-button {
        margin-left: 0px;
    }

    .data-table-pagination {
        justify-content: flex-start;
    }

    .navbar-logo {
        margin: 0px !important;
    }

        .navbar-logo img {
            margin: 7px;
        }

    .navbar-logo-SMZ {
        margin: 4px;
    }
}

@media screen and (max-width: 768px) {

    /* GRIDS */
    .c-md-12 {
        grid-column-end: span 12;
    }

    .c-md-11 {
        grid-column-end: span 11;
    }

    .c-md-10 {
        grid-column-end: span 10;
    }

    .c-md-9 {
        grid-column-end: span 9;
    }

    .c-md-8 {
        grid-column-end: span 8;
    }

    .c-md-7 {
        grid-column-end: span 7;
    }

    .c-md-6 {
        grid-column-end: span 6;
    }

    .c-md-5 {
        grid-column-end: span 5;
    }

    .c-md-4 {
        grid-column-end: span 4;
    }

    .c-md-3 {
        grid-column-end: span 3;
    }

    .c-md-2 {
        grid-column-end: span 2;
    }

    .c-md-1 {
        grid-column-end: span 1;
    }

    .c-md-jc-start {
        grid-column-start: 1;
    }

    .c-md-jc-unset {
        grid-column-start: unset;
    }

    /* BANNER (MAIN PAGE) */

    .banner-content h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .banner-content p {
        font-size: 18px;
        line-height: 23px;
    }

    /* FORMS */
    .form-header {
        min-width: unset;
    }

    /* BUTTONS */
    .ant-btn {
        height: 48px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-steps-action {
        margin-top: 16px;
        flex-direction: column;
        gap: 16px;
        padding: 0 16px;
    }

    .display-flex-justify-end button {
        width: 100%;
    }

    /* SELECTED PRODUCT LIST */
    .icons-class .ant-form-item-control-input-content {
        gap: 16px !important;
    }

    .medicines-list-search-panel {
        flex-direction: column;
    }

    .medicines-list-search-panel-button {
        justify-content: flex-end;
    }

    /* BOTTOM CONTAINER (MAIN PAGE) */
    .bottom-main-container {
        padding: 24px 84px;
    }

    /* NAVBAR */
    .navbar-text h3 {
        width: auto;
    }

    .navbar-text {
        float: left;
    }

    /* FOOTER */
    .footer-container {
        height: auto !important;
        width: 100%;
    }

    .right-wrapper {
        margin-right: 0 !important;
    }

    .text-container .right-wrapper button, .text-container .right-wrapper .actionButton {
        width: 100% !important;
    }

    /* MEDICAL PRODUCTS LIST */
    .table-button {
        width: 100%;
    }

    /* HELP SECTION (MEDICAL PRODUCTS LIST) */
    .help-section button {
        width: 100% !important;
    }

    /* NDPLW FORM */
    .ndplw-radio-group {
        flex-direction: column;
    }

    .pagination-page-container .pagination-page-size {
        margin-left: 12px;
    }
}

@media screen and (max-width: 576px) {

    /* GRIDS */
    .c-grid {
        gap: 16px;
    }

    .c-sm-12 {
        grid-column-end: span 12;
    }

    .c-sm-11 {
        grid-column-end: span 11;
    }

    .c-sm-10 {
        grid-column-end: span 10;
    }

    .c-sm-9 {
        grid-column-end: span 9;
    }

    .c-sm-8 {
        grid-column-end: span 8;
    }

    .c-sm-7 {
        grid-column-end: span 7;
    }

    .c-sm-6 {
        grid-column-end: span 6;
    }

    .c-sm-5 {
        grid-column-end: span 5;
    }

    .c-sm-4 {
        grid-column-end: span 4;
    }

    .c-sm-3 {
        grid-column-end: span 3;
    }

    .c-sm-2 {
        grid-column-end: span 2;
    }

    .c-sm-1 {
        grid-column-end: span 1;
    }

    .c-sm-jc-start {
        grid-column-start: 1;
    }

    .c-sm-jc-unset {
        grid-column-start: unset;
    }

    .display-none-sm {
        display: none;
    }

    .banner-box {
        height: 350px;
        background-size: 1920px 350px;
    }

    /* FORMS */
    .form-container {
        width: auto;
        margin: 0;
        padding-bottom: 16px;
    }

    .form-header {
        padding: 0 16px;
    }

        .form-header h1 {
            font-size: 18px;
        }

        .form-header p {
            font-size: 14px;
            margin: 0;
        }

        .form-header .custom-breadcrumb {
            margin: 12px 0 16px 0;
        }

    /* CARDS */
    .cez-card {
        padding: 16px;
    }

    .cez-card-header {
        font-size: 16px;
        margin: 0;
    }


    /* LABELS */
    .ant-form .ant-form-item .ant-form-item-control, .ant-form .ant-form-item .ant-form-item-label {
        flex: none;
    }

    /* LISTS */
    .foreach-list-actions {
        padding: 0 16px;
        justify-content: space-between;
    }

    /* OTHERS */
    .no-padding-top-sm {
        padding-top: 0;
    }

    /* Medical product information BUTTONS */
    .end-information-section-buttons {
        flex-wrap: wrap;
        padding: 0 16px;
    }

        .end-information-section-buttons button {
            width: 100%;
        }

    /* MEDICAL product list (search section) */
    .link-button-section-search .ant-form-item-control-input-content {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 16px 16px;
        padding: 0;
        margin: 0;
    }

    .link-button-section-search button {
        width: 100%;
    }

    /* HEADER MEDICAL PRODUCT LIST */
    .h2-headers {
        padding: 0 16px;
        font-size: 22px;
    }

    /* Pagination component */
    .pagination-component {
        flex-wrap: wrap;
    }

    .pagination-select {
        width: 100%;
        order: 2;
        display: flex;
        justify-content: center;
    }

    .pagination-page-count {
        order: 1;
        padding: 16px;
    }

    .sort-span {
        padding: 16px;
    }

    /* SELECTED LIST */
    .icons-class .ant-form-item-control-input-content {
        justify-content: space-between !important;
        padding: 0 16px;
    }

    /* TOP CONTAINER (MAIN PAGE) */
    .statement-container {
        margin-top: 16px;
        margin-bottom: 40px;
        grid-template-columns: 16px auto 16px;
    }

    /* BOTTOM CONTAINER (MAIN PAGE) */
    .bottom-main-container {
        padding: 24px;
    }

    .about-soid-container h3 {
        font-size: 16px;
    }

    .legal-basis-container h3 {
        font-size: 16px;
    }

    .bottom-main-container .about-soid-container {
        margin-bottom: 0;
        width: 100%;
    }

    .bottom-main-container .legal-basis-container {
        margin-bottom: 0;
        width: 100%;
    }

    /* NAVBAR */
    .navbar-logo {
        height: 48px;
        width: 48px;
        margin: 0 !important;
    }

        .navbar-logo img {
            width: 31.65px;
            height: 35px;
            margin: 7px 8px;
        }

    .navbar-text h1 a {
        font-size: 34px;
    }

    .navbar-text h3 {
        font-size: 14px;
    }

    /* FOOTER */
    .footer_add-container {
        width: 100% !important;
        padding-right: 24px;
    }


    .footer-add .footer_add-container {
        padding: 0 24px 0 24px;
    }

    .footer-container {
        padding: 0 24px;
    }

    .bottom-main-container ul {
        padding-left: 0px !important;
    }


    .right-wrapper {
        margin-right: 0 !important;
    }

    .text-container .right-wrapper button, .text-container .right-wrapper .actionButton {
        width: 100% !important;
    }

    /* MEDICAL PRODUCTS LIST */
    .table .ant-row {
        margin: 16px 16px !important;
        padding-left: 0 !important;
    }

    /* HELP SECTION (MEDICAL PRODUCTS LIST) */
    .help-section {
        padding: 0 16px;
    }

    /* LOGIN PARTIAL */
    .ul-custom {
        background-color: var(--blue-500);
        padding-left: 60px !important;
    }

    .banner-content {
        padding: 0 24px;
    }

    .login-partial-mobile-menu-overlay .cez-overlay-content-inside > ul {
        padding: 16px 24px;
    }

    /* DATEPICKERS */
    .cez-picker-overlay {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .cez-picker-header {
        padding: 8px 0 !important;
    }

    .cez-calendar {
        min-width: 282px !important;
        max-width: 360px !important;
        width: 100vw !important;
    }

    .cez-calendar-table-container {
        display: flex !important;
        justify-content: center !important;
    }

    .cez-calendar-table {
        padding: 16px 0 !important;
        min-width: 282px !important;
    }

    .cez-datepicker-calendar-left {
        margin-right: -2px !important;
    }

    /* BUTTONS */
    .cez-button:is(.mobile-width-cez-button) {
        width: 100%;
    }

    /* NDPLW */
    .ndplw-summary-field-text-with-icon-horizontal {
        flex-direction: column;
        gap: 12px;
    }

        .ndplw-summary-field-text-with-icon-horizontal > span:not(:first-child) {
            margin-top: 0;
        }


    /* PAGINATION */

    .pagination-mobile-container {
        flex-direction: column;
        gap: 16px;
    }

        .pagination-mobile-container .ant-pagination {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

    .pagination-page-container {
        width: 100%;
        justify-content: space-between;
    }

        .pagination-page-container .pagination-page-size {
            margin-left: 0px;
        }

        .pagination-page-container .pagination-page-dropdown {
            width: 157px !important;
        }

    .mobile-divider {
        display: block;
    }
}


@media screen and (max-width: 320px) {

    /* GRIDS */
    .c-xs-12 {
        grid-column-end: span 12;
    }

    .c-xs-11 {
        grid-column-end: span 11;
    }

    .c-xs-10 {
        grid-column-end: span 10;
    }

    .c-xs-9 {
        grid-column-end: span 9;
    }

    .c-xs-8 {
        grid-column-end: span 8;
    }

    .c-xs-7 {
        grid-column-end: span 7;
    }

    .c-xs-6 {
        grid-column-end: span 6;
    }

    .c-xs-5 {
        grid-column-end: span 5;
    }

    .c-xs-4 {
        grid-column-end: span 4;
    }

    .c-xs-3 {
        grid-column-end: span 3;
    }

    .c-xs-2 {
        grid-column-end: span 2;
    }

    .c-xs-1 {
        grid-column-end: span 1;
    }

    .c-xs-jc-start {
        grid-column-start: 1;
    }

    /* Main page */
    .container-navbar {
        max-width: 320px;
    }

    .banner-content {
        max-width: 320px;
        padding: 0 25px;
    }

    .container-hero {
        max-width: 320px;
    }

    .bottom-main-container {
        padding: 0px;
    }
}

/* ################################################################################################################################################ */
/* -------------------------------------------------------------------- FIREFOX ------------------------------------------------------------------- */
/* ################################################################################################################################################ */

@supports (-moz-appearance:none) {
    .medicines-list-search-panel-input {
        width: -moz-available;
    }

    .cez-dropdown-button:hover .cez-button-suffix-icon, .cez-dropdown-button:focus .cez-button-suffix-icon, .cez-dropdown-open .cez-dropdown-button .cez-button-suffix-icon {
        background-color: var(--blue-500);
    }

    .cez-multiselect-button:hover .cez-button-suffix-icon, .cez-multiselect-button:focus .cez-button-suffix-icon, .cez-multiselect-open .cez-multiselect-button .cez-button-suffix-icon {
        background-color: var(--blue-500);
    }

    .public-button-with-suffix {
        padding: 0 8px 0 32px !important;
    }

    .public-button-with-prefix {
        padding: 0 32px 0 8px !important;
    }
}