/**
 * Copyright (c) 2025 Ethoca
 * All Rights Reserved.
 * No part of this software may be reproduced, stored, used, modified or transmitted in any form or in any means
 * (including without limitation, electronic, mechanical, photocopying, recording or otherwise) without the prior
 * express written consent of Ethoca which may be withheld in Ethoca's sole and absolute discretion.
 */
/** A mixin function that is called by /src/styles.scss to patch in the theming variables */

:root {
  ---pegasus-primary-color: #496019;
  ---pegasus-secondary-color: #e8e5e1;
}

.content {
    margin: 10px;
    height: 100%;
    min-height: 65vh;
}
.contentZeroMargin {
    margin: 0px;
    height: 100%;
    min-height: 65vh;
}
.scollable300Div {
    overflow-y: auto;
    height: 350px;
}
.msgBoxStayOnTop {
    width: 700px;
    z-index: 100;
    margin-top: -14px;
}
.width200 {
    width: 200px;
}
.minWidth15rem {
    min-width: 15rem;
}
.width70Percent {
    width: 70%;
}
.width50Percent {
    width: 75%;
}
.width20Percent {
    width: 20%;
}
.width30Percent {
    width: 30%;
}
.width15Percent {
    width: 15%;
}
.width10Percent {
    width: 10%;
}
.width12Percent {
    width: 12%;
}

.button-transparent {
    background-repeat: no-repeat !important;
    border: none !important;
    cursor: pointer !important;
    overflow: hidden !important;
    outline: none !important;
}
.z-index-highest {
    z-index: 1500 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}
.padding-right-0 {
    padding-right: 0 !important;
}
.text-align-justify {
    text-align: justify;
}
.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}
.display-inline-block {
    display: inline-block;
}
.font-size-inherit {
    font-size: inherit !important;
}


.large-screen {
    display: block !important;
}
.small-screen {
    display: none !important;
}
.bg-pink {
    background-color: #f3f0ee !important;
}


strong {
    font-weight: bold !important;
}
.ethoca-focused-color, a.no-underline-focused-link:focus, a.no-underline-focused-link:hover, a.no-underline-focused-link:visited, .dxp-nav-menu, .dxp-deep-nav-item li a, .dxp-deep-nav-item, a.nav-item, .floating-nav-item, .nav-item, .nav-item-li, .nav-item-li a.nav-item:focus, a.nav-item:hover, a.nav-item:visited, a.nav-item-li.active, .dxp .dxp-theme-white.dxp-tabs .tab-control.tab-control-active .tab-title, .dxp .dxp-theme-white.dxp-input .custom-icon {
    color: #111010 !important;
}
.ethoca-primary-bg-color, .ethoca-primary-banner, .dxp-btn-primary, .dxp-btn-primary:hover, .dxp-btn-primary:focus, .dxp-btn-primary:active, .dxp-btn-primary:before, .dxp .dxp-theme-white.dxp-search-selector .list-wrapper li.selected, .dxp .dxp-theme-white.dxp-search-selector .list-wrapper li:focus, .dxp .dxp-theme-white.dxp-search-selector .list-wrapper li:hover, .dxp-link-selector .list-wrapper li.selected, .dxp-link-selector .list-wrapper li:hover, .dxp-selector .list-wrapper li.selected, .dxp-selector .list-wrapper li:hover, .dxp-expand-link > .link-wrapper > button.btn-link .expand-icon .icon-plus:after, .dxp-expand-link > .link-wrapper > button.btn-link .expand-icon .icon-plus:before {
    background-color: var(---pegasus-primary-color) !important;
}
.ethoca-primary-border-color, .dxp-btn-primary, .dxp-btn-primary:hover, .dxp-btn-primary:focus, .dxp-btn-primary:active, .dxp-btn-primary:before, .dxp-btn-secondary {
    border-color: var(---pegasus-primary-color) !important;
}
.ethoca-primary-color, .dxp-color-primary, .dxp-btn-secondary, .dxp-btn-secondary:hover, .dxp-btn-secondary:focus, .dxp-btn-secondary:active, .dxp-btn-secondary:before, .dxp-link-selector .btn-link, .dxp-selector .btn-link, .dxp-expand-link > .link-wrapper > button.btn-link, a, a:visited, a:hover, a:focus, .dxp .dxp-theme-white.dxp-accordion-item .acc-label.acc-label--active, .dxp .dxp-theme-white.dxp-accordion-item .acc-label.acc-label--active:focus, .dxp .dxp-theme-white.dxp-accordion-item .acc-label.acc-label--active:hover {
    color: var(---pegasus-primary-color) !important;
}
.ethoca-white-color, .ethoca-primary-banner, :is(.ethoca-white-link, .ethoca-white-link:hover, .ethoca-white-link:focus, .ethoca-white-link:active, .ethoca-white-link:before) {
    color: #fff !important;
}
.ethoca-white-background {
    background-color: #fff !important;
}
.ethoca-transparent-bg, .button-transparent, .dxp-radio-group, .dxp-radio-group-items, .dxp-radio-button, .dxp-checkbox {
    background-color: transparent !important;
}
.ethoca-warning-color {
    color: #cf4500;
}
.dxp .dxp-theme-white .dxp-button:hover .dxp-btn-primary:not(.disabled), .dxp .dxp-theme-white .dxp-button:hover .dxp-btn-secondary:not(.disabled) {
    box-shadow: 0 0.125rem 0.25rem 0 #e8e5e1 !important;
    top: 0 !important;
}
.dxp .dxp-theme-white.dxp-btn-primary:before, .dxp .dxp-theme-white.dxp-btn-secondary:before {
    transition: none !important;
}
.dxp-btn-primary:hover, .dxp-btn-primary:focus, .dxp-btn-primary:active, .dxp-btn-primary:before {
    box-shadow: 0 0.125rem 0.25rem 0 #e8e5e1 !important;
}
.dxp-btn-secondary:hover, .dxp-btn-secondary:focus, .dxp-btn-secondary:active, .dxp-btn-secondary:before {
    box-shadow: 0 0.125rem 0.25rem 0 #e8e5e1 !important;
}
.border1pxGrey {
    border: 2px solid #e8e5e1 !important;
}
.dxp-small-expand-link .dxp-expand-link > .link-wrapper > button.btn-link {
    font-size: 0.8rem !important;
}
.dxp-small-expand-link .dxp-expand-link {
    background-color: transparent !important;
}
a.no-underline-focused-link:focus, a.no-underline-focused-link:hover, a.no-underline-focused-link:visited {
    text-decoration: none !important;
}
.search-criteria-radio .dxp-radio-group {
    margin: 0px;
}
.dxp .dxp-theme-white.dxp-accordion-item .acc-label:focus, .dxp .dxp-theme-white.dxp-accordion-item .acc-label:hover {
    color: #141413 !important;
}
.dxp .dxp-theme-white.dxp-accordion-item .acc-label:focus .icon-plus:after, .dxp .dxp-theme-white.dxp-accordion-item .acc-label:focus .icon-plus:before, .dxp .dxp-theme-white.dxp-accordion-item .acc-hover .icon-plus:after, .dxp .dxp-theme-white.dxp-accordion-item .acc-hover .icon-plus:before {
    background-color: #141413 !important;
}
.dxp .dxp-theme-white.ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
    border: none !important;
}
.dxp-tab-item .horizontal.tab-item-content .tab-content-wrapper {
    padding: 10px 0 !important;
}
.dxp .dxp-accordion .toggle .title-wrapper {
    padding-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
}
.summary-container {
    height: auto;
    border: 1px solid #e8e5e1 !important;
    width: 98%;
    border-radius: 25px;
    padding: 10px;
}
.fullscreen-from20top {
    height: 100%;
    position: absolute;
    width: 97% !important;
    overflow: auto;
}
.summary-footer {
    position: absolute;
    bottom: 0;
    top: 100% !important;
    right: 20px;
    display: block;
}
.summery-content {
    border: 2px dashed red;
    position: absolute;
    height: 100%;
    top: 0;
    /* 30 plus 2*2 for the border */
    bottom: 0;
    left: 0;
    right: 0;
}
.autoMarginTop {
    margin-top: auto;
}
.criteriaSearchSelector .dxp-theme-white.dxp-search-selector .list-wrapper {
    height: 8rem !important;
}
.float-right {
    float: right;
}
.dxp-theme-white .dxp-calendar, .dxp-theme-white .dxp-input, .dxp-theme-white .dxp-search-selector {
    background-color: inherit !important;
}
.dxp .dxp-theme-white.dxp-pills .pill .icon-close {
    color: var(---pegasus-primary-color) !important;
}
footer.dxp-footer .content-cta-list {
    margin-top: 0rem !important;
}
.notification-position {
    position: absolute;
    right: 1%;
}
#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    cursor: pointer;
}
.spinner-position {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4rem;
    margin-top: -4rem;
}
.dxp-image-banner.dxp-50-50 .banner-state .content-wrapper {
    top: 23% !important;
    width: 37% !important;
}
.dxp-image-banner.dxp-50-50 .banner-state .img-wrapper {
    width: 65% !important;
}
.dxp .dxp-heading-2 {
    font-size: 2rem !important;
}
.dxp .dxp-heading-2 {
    font-size: 2rem !important;
}
ul li {
    display: list-item;
}
.container {
    position: relative;
}
.text-block {
    position: absolute;
    top: 50px;
    font-size: x-large;
    color: black;
    padding: 20px;
    background-color: white;
    opacity: 0.8;
    width: auto;
    max-width: 45%;
}
.mt-300 {
    margin-top: 60px !important;
}
.dxp-image-banner.dxp-50-50 .banner-state .content-wrapper {
    top: 1% !important;
    width: 40% !important;
}
.dxp-image-banner.dxp-50-50 .banner-state .img-wrapper {
    width: 65% !important;
}
.dxp-image-banner.dxp-50-50 .fifty-fifty-content .banner-state {
    flex-flow: row !important;
}
.dxp-image-banner.dxp-50-50 .banner-state .content-wrapper {
    transform: translateY(-35%) !important;
}
.dxp-image-banner .cta-container {
    margin-top: 22.5rem !important;
}
.dxp .dxp-theme-white.dxp-search.simple-search .searchbox {
    border: 1px solid #111010 !important;
    background-color: #f8f7f5 !important;
    color: #111010 !important;
}
.dxp .dxp-theme-white.dxp-search.simple-search .searchbox + .dxp-icon-search, .dxp .dxp-theme-white.dxp-search.simple-search .dxp-icon-close {
    color: #111010 !important;
}
.dxp-search.search-wrapper.simple-search .searchbox-lg, .dxp-search.search-wrapper.simple-search .searchbox-md, .dxp-search.search-wrapper.simple-search .searchbox-sm {
    border-radius: 0.2rem !important;
}
.height-100-percent {
    height: 100% !important;
}
.width-100-percent {
    width: 100% !important;
}
.color-black {
    color: black !important;
}
.ag-aria-description-container {
    z-index: 9999;
    border: 0px;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    padding: 0px;
    white-space: nowrap;
}
.ag-center-cols-viewport {
    height: 100% !important;
}
.ag-root.ag-layout-auto-height, .ag-root.ag-layout-normal {
    overflow-y: auto;
}


/* Style the top navigation bar */
.topnav {
    overflow: hidden;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    color: black;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
    float: left;
    width: 65%;
}

/* Right column */
.rightcolumn {
    float: left;
    width: 35%;
    padding-left: 20px;
}

/* banner image */
.bannerimg {
    width: 65%;
    padding: 1px;
}

.img-wrapper {
    height: 100vh;
    max-height: 100vh;
}

/* Add a card effect for articles */
.card {
    background-color: white;
    padding: 1rem 1rem 0rem 1rem !important;
}

.row-text {
    margin-top: 20px;
    width: 100% !important;
}

/* Clear floats after the columns */
.row::after {
    content: "";
    display: table;
    clear: both;
}

/* Footer */
.footer {
    padding: 20px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
}


.container {
    position: relative;
    display: flex;
    text-align: left;
    min-height: 400px;
}
.container .login_section {
    width: 50%;
    justify-content: left;
    padding-left: 3em;
}
.container .image-section-div {
    width: 70%;
}

.container .image_section {
    display: flex;
    justify-content: center;
    vertical-align: top;
    height: 100%;
    min-height: 50em !important;
}
.image_section img {
    width: 100%;
}

.notification-message {
  position: absolute;
  width: auto;
  min-width: 25%;
  max-width: 35%;
}

label {
    display: flex;
    flex-direction: column;
    text-transform: capitalize;
}

a {
  font-weight: bold;
}

.dxp ul {
    list-style: disc !important;
    margin-left: 25px !important;
}

label {
    text-transform: none !important;
}
.tableCellDiv {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}
i#toggler, i#togglerc {
    position: absolute;
    cursor: pointer;
    margin-left: 13.5%;
    margin-top: -1.5%;
}

.hrStyle {
    height: 2px !important;
    border: none;
    color: #E8E5E1;
    background-color: #E8E5E1;
    margin: 0px;
}

.mt4em {
    margin-top: 4em !important;
}

.mt5em {
  margin-top: 5em !important;
}

.signInHeaderSize {
  font-size: 24px !important;
}

.font-size-12px {
  font-size: 12px !important;
}

.font-size-14px {
  font-size: 14px !important;
}

.font-size-16px {
  font-size: 16px !important;
}

.password-toggle-icon {
  position: relative !important;
}

.password-toggle-icon i {
  position: absolute;
  cursor: pointer;
  z-index: auto;
  font-size: large;
  margin-left: -30px;
  margin-top: 8px;
}

.display-none {
  display: none;
}