/* 
    
     
*/
:root{
    --tableheader: #fff;
    --primary:#fff;
    --chartFontColor:#2e4251;
 	--chartGridColor:#F9ECEC;
 	--chartBorderColor:#ffffff;	
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-Thin.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-ExtraLight.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-Light.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-Regular.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-Medium.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-SemiBold.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-Bold.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-ExtraBold.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../fonts/geist/Geist-Black.woff2?v=R26.03.00.13') format('woff2');
    font-weight: 900;
    font-style: normal;
}


:root {
    --color-tmf-gray: #262828;
    --color-tmf-slate: #485662;
    --color-wedgewood: #576C7C;
    --color-muted-gray: #B2B3B5;
    --color-link-water: #D7D8D9;
    --color-selago: #F2F1F2;
    --color-white: #FFFFFF;
    --color-turqoise: #00B2A9;
    --color-surfie: #007878;
    --color-sherpa: #005050;
    --color-turq-lite-1: #A6E1DC;
    --color-turq-lite-2: #E0F4F3;
    --color-chart-1: #F3F3F3;
    --color-chart-2: #C8C2B5;
    --color-chart-3: #8A817C;
    --color-success: #4CAF50;
    --color-warning: #FF8C42;
    --color-error: #dc3545;
    --color-slate-gray: #576C7C;
    --color-success-bg: #E0F5F1;
    --color-info-bg: #E6ECF2;
    --color-warning-bg: #FBF3DC;
    --color-error-bg: #FAEEE8;
    --color-success-border: #BEEDE5;
    --color-info-border: #C8D2DD;
    --color-warning-border: #F3E2A8;
    --color-error-border: #F2D2C2;
    --color-success-icon: #0E7A78;
    --color-info-icon: #2C4F7D;
    --color-warning-icon: #967534;
    --color-error-icon: #C26A4A;
    --color-link-text: #005A7A;
    --color-mist-gray: #D9DEE3;
    --color-pale-aqua: #DDECED;
    --color-scarlet-red: #e53935;
    --color-slate-gray: #6b7c8d;
    --font-family-base: 'Geist';
    --font-size-sm: 11px;
    --font-size-md: 13pt;
    --font-size-lg: 15pt;
    --font-size-xl: 17pt;
    --font-size-xxl: 21pt;
    --sidebar-width: 110px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
body {
    font-family: var(--font-family-base) !important;
    background-color: var(--color-selago);
    color: var(--color-tmf-gray);
    line-height: 1.5;
    overflow-x: hidden;
    height: 100%;
    margin: 0;
    width: 100%;
}
body.filter-model-open, body.modal-open {
    overflow: hidden;
    height: 100vh;
}
img {
    max-width: 100%;
    height: auto;
}
.print {
    display: none !important;
}

.body-container {
    background: #fff;
    margin: 0px auto;
    /* 
    border: 1px solid rgb(199, 204, 207); */
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 12px 12px;
    border-bottom: 0px;
   /* min-height: calc(100vh - 200px);*/
}
 
    body > .container > footer {
        margin-top: auto;
    }
 body .container:not(.alert-container .container):not(.modal-body .container) {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
a, a:link, a:hover, a:visited, a:active {
    color: var(--color-link-text);
}
/*key board Tab Compatability*/
a:focus-visible {
    outline: 2px solid var(--color-surfie) !important;
    outline-offset: 2px !important;
}
input[type="checkbox"]:focus, .ui-datepicker-year:focus-visible,.ui-datepicker-month:focus-visible, button:focus-visible,.dropdown-list .value:focus-visible,.btn.dropdown-toggle:focus-visible,.selected-plan-section:focus-visible, .checkbox:focus-visible, .btn-link:focus-visible{
    outline: 2px solid var(--color-surfie) !important;
    outline-offset: 2px !important;
}
.dropdown-btn-group .select-all .label-text.keyboard-focused,
.dropdown-btn-group .select-all span.keyboard-focused {
  outline: 2px solid var(--color-surfie, #005050) !important;
  outline-offset: 2px !important;
  border-radius: 4px !important;
}
.dropdown-menu a.keyboard-focus,
.dropdown-menu button.keyboard-focus {
     background: var(--color-surfie);
}
.dropdown-list-ul.multiSelect input[type="checkbox"]:focus-visible {
     background: var(--color-surfie);
}

	.dropdown-list-ul.multiSelect .checkbox:has(input:focus-visible) {
	    background: var(--color-surfie);
	}
	
	
	.checkbox.select-all:has(input:focus-visible) {
   outline: 2px solid var(--color-surfie) !important;
    outline-offset: 2px;
}
.menu-container a {
    color: var(--color-link-text) !important;
}
.btn-link,
i,
.accordion-title .btn-link {
    color: #395f83;
}
.page-title {
    color: #2E4251;
    margin-bottom: 0px;
    position: relative;
    margin-top: 6px;
}

.page-title.p-absolute {
    position: absolute;
}
p {
    padding-left: 33px;
    padding-right: 33px;
    padding-bottom: 10px;
    background: var(--color-white);
    margin-bottom: 0 !important;
}
.menu-option-section{
display:flex;
}
.h2, h2 {
    font-size: 20px;
}
.h3, h3 {
    font-size: 18px;
    padding-left: 18px;
}
.card-body .card-list-content .list-table h3 {
	padding-left : 0px;
}
.row .col-md-12 p {
	padding-left: 18px;
	padding-right: 18px;
}
.h4, h4 {
    font-size: 16px;
    font-weight: normal;
    padding-left : 18px;
}
.h5, h5 {
    font-size: 16px;
}
.col-md-12 > b {
    padding-left: 18px;
}
.col-md-8 > p {
    padding-left: 20px;
}
.title-container {
    margin-top: 12px;
    margin-bottom: 12px;
}
hr {
    border-color: rgba(174, 187, 195, 1);
}
.accordion-container .accordion-title h4{
	padding-left:0;
}
.icon-large {
    font-size: 24px;
}
.footnotes.mut {
    color: var(--color-wedgewood);
    word-wrap: break-word;
    padding-left: 32px;
    font-size: 12px;
}
.footnotes.mut.mut li {
    font-size: 12px;
}
.session-timeout .flex-wrap input {
    margin-bottom: 10px;
}
.share-price-info {
    vertical-align: middle;
    font-size: 16px;
    display: inline-flex;
}
.equiv-share-price-info {
    vertical-align: middle;
    font-size: 16px;
    display: inline-flex;
    margin-left: unset !important;
    align-items: center;
}
.share-price-wrapper{
    display: inline-flex;
    margin-right: 12px;
}
.share-price-wrapper img{
	height : 25px !important;
}
/* menu */
@media only screen and (min-width:1199px) {
    .container {
        max-width: 1366px;
        margin: 0 auto;
        width: 100%;
    }
}
.iconsize {
    font-size: 12px;
    top: 2px;
    left: 3px;
}
.nav-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}
.nav-container li {
    display: inline-block;
}
.nav-container li a:hover {
    background: #2980B9;
    color: #fff !important;
}
.nav-container .nav-row .menu-footer {
    display: none;
}
.navbar-brand img {
    height: 40px;
    font-size: 0px;
    line-height: 0px;
}
.last-login {
    font-size: 12px;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    color: var(--color-surfie);
    margin-top: 4px;
    align-self: flex-end;
}
.user-details {
	color: var(--color-surfie);
	font-size: 13px;
    font-weight: 600;
	max-width: 455px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: flex-end;
}
.print-container .btn {
    margin-left: 2px;
}
/* list indiaction Starts here */
ul.status-indicator {
    list-style-type: none;
}
ul.status-indicator li {
    margin-bottom: 4px;
}
ul.status-indicator li::before {
    content: '';
    height: 17px;
    width: 16px;
    background: gray;
    position: absolute;
    margin-left: -24px;
    margin-top: 4px;
}
ul.status-indicator li.info::before {
    background: #428BCA;
}
ul.status-indicator li.warning::before {
    background: #967534;
}
ul.status-indicator li.error::before {
    background: #C26A4A;
}
/* list indication  Ends here*/

.float-inline-end {
    float: right;
}
/* dropdown -- Bootstrap */
.dropdown-item {
    cursor: pointer;
}
/*Custom Colors */
.bg-blue {
    background: rgba(42, 100, 150, 1);
}
/*Chart section table style*/
table.legend td:first-child{
  color:var(--chartFontColor) !important;
  opacity:1 !important;
}
table.legend td:last-child{
  color:var(--chartFontColor) !important;
  opacity:1 !important;
}
/* media Query  */
.card-section>div {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 120px;
    position: relative;
}
#gotoBottom i,
#gotoTop i {
    color: white;
}
#gotoBottom,
#gotoTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 12px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--color-surfie);
    cursor: pointer;
    border-radius: 50%;
    opacity: 0.5;
    height: 45px;
    width: 45px;
}
#gotoBottom {
    right: 0px;
    left: 10px;
}
#gotoBottom:hover,
#gotoTop:hover {
    opacity: 0.98;
}
.session-timeout .container {
    min-width: auto !important;
}

.loader-container {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 999999;
    background: rgba(256,256,256,0);
    display: flex;
	align-items: center;
	justify-content: center;
}

.loader-container-opaque {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 999999;
    background: rgba(256,256,256,1);
    display: flex;
	align-items: center;
	justify-content: center;
}

.loader-container>.loader,
.loader-container>img,
.modal .loader-container {
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 19;
}

.loader-container>img {
    top: -170px;
    position: absolute;
    height: 40px;
}

.loader-container>.loader {
    width: 300px;
}

.loader-container>.loader {
    height: 4px;
    overflow: hidden;
    background-color: var(--color-link-water) !important;
    border-radius: 12px;
}

.loader-container>.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: var(--color-surfie) !important;
    animation: loading-bar 1.5s linear infinite;
}

.loader-container.complete, .loader-container-opaque.complete {
    animation: hide-loader 0.5s linear 1.5s forwards;
}

.loader-container.complete>.loader:before {
    content: "";
    left: 0px;
    animation: loading-bar-complete 1s linear forwards;
}
.loader-container-opaque.complete>.loader:before {
    content: "";
    left: 0px;
    animation: loading-bar-complete 1s linear forwards;
}
/*Animation*/

@keyframes hide-loader {
    from {
        opacity: 1;
        display: block;
    }
    to {
        opacity: 0;
        z-index: -12;
        display: none;
    }
}

@keyframes loading-bar-complete {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@keyframes loading-bar {
    from {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 50%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

/* tabs  and it's break points */
.menu-container {
    margin-top: 12px;
    position: relative;
    padding-bottom: 12px;
}
.menu-container::after {
    content: '';
    background: #e1e1e1;
    width: calc(100% + 24px);
    height: 1px;
    position: absolute;
    bottom: -8px;
    left: -12px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
.menu-container .left-container .top {
    min-height: 36px;
}

.menu-container.scrollable .right-container .bottom,
.menu-container.scrollable .left-container .bottom {
    margin-top: 25px;
}
.menu-container .middle-container .bottom .btn-group .btn {
    margin-right: 8px;
    border-radius: 5px !important;
    padding: 2px 12px 4px 12px;
}
.menu-container .middle-container .top .btn-group .btn {
    min-width: 120px;
    max-width: 100%;
    display: inline-table;
    flex: none;
}
.menu-container .middle-container .bottom .btn-group .btn:hover {
    background: #2a6496;
    color: #fff;
}
.menu-container .middle-container .bottom .btn-group .btn.active {
    background: #169bd5;
    color: #fff;
}
.menu-container .top+.bottom {
    margin-top: 10px;
}
/* .menu-container  */
.menu-container .middle-container>div {
    display: -webkit-flex;
    display: flex;
    overflow-x: auto;
    justify-content: center;
}
.menu-container .btn-back {
    color: #333;
    border: 1px solid #ddd;
    background-color: #e6e6e6;
    height: 36px;
    margin-right: 8px;
    display: inline-flex;
}
.menu-container .btn-back i {
    align-self: center;
}
.menu-container .left-container .top:empty {
    display: none;
}
@media screen and (max-width: 576px),
       screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait),
       screen and (min-width: 821px) and (max-width: 1024px) and (orientation: portrait) {

	.wizard-footer:has(.wizard-wrapper > .col:first-child .radio-group) {
	    padding-top: 22px !important;
    }

    .wizard-footer .wizard-wrapper:has(> .col:nth-child(1):empty):has(> .col:nth-child(2):empty):has(> .col:last-child a) > .col:last-child {
	    padding-right: 36px;
    }	

    .wizard-footer .wizard-wrapper:has(.col:last-child a) > .col:nth-child(1):empty,
	.wizard-footer .wizard-wrapper:has(.col:last-child a) > .col:nth-child(2):empty {
  		display: none;
	}

	.wizard-footer .radio-group { 
  		margin: 0px 28px 0px 0px !important;
    }

	.wizard-bot-container .row.wizard-footer {
    background-color: var(--color-white) !important;
    }

	.notification-container-wrapper{
		padding-top:15px;
	}

	.wizard-footer>div:first-child>*{
		margin : 0px !important;
	}
	
	.wizard-wrapper>div:nth-child(2) {
 	   margin-left: -2px  !important;
       margin-top : 4px !important;
	}

	.wizard-wrapper:has(> div:first-child .radio-group) > div:last-child {
    margin-right: 25px !important;
	}
    .menu-container {
        flex-direction: column;
    }
    .right-container .document-tab {
        display: block !important;
        width: 100%;
    }
    .right-container .document-tab .dropdown {
        display: block;
        width: 100%;
        float: left;
    }
    .right-container .document-tab .dropdown .dropdown-toggle {
        width: 100%;
        margin-bottom: 10px;
    }
    .right-container .document-tab>* {
        float: left;
    }
    .right-container .document-tab>:last-child {
        float: right;
    }
 }
@media (max-width: 1024px) {
    .menu-container.scrollable .right-container .bottom,
    .menu-container.scrollable .left-container .bottom {
        margin-top: auto;
    }
    .menu-container .middle-container>div .btn-group {
        width: 100%;
    }
    .menu-container .middle-container .bottom .btn-group .btn {
        padding: .375rem .75rem;
    }
    .menu-container {
        display: flex;
        flex-wrap: wrap;
    }
    .left-container:not(.single) {
        width: 100%;
        max-width: 100%;
    }
    .left-container>div {
        align-items: center;
        align-self: center;
    }
    .left-container>div.bottom {
        margin: 0px;
        flex-grow: 1;
        align-self: center;
    }
    .middle-container {
        margin-top: 12px;
        width: 70%;
    }
    .menu-container .middle-container>div {
        justify-content: flex-start;
    }
    .right-container {
        display: inline-flex !important;
        justify-content: space-between;
    }
    .right-container>div {
        align-items: center;
    }
    .right-container .top {
        margin-top: 12px;
    }
    .page-title,
    .menu-container .left-container .top+.bottom {
        margin-top: 0px;
    }
     .menu-container .r26-left-section .page-title {
     	white-space: normal;
     }
}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1199.98px) {

     .row .col-md-12 .col-md-2.grouping .dropdown-list .value::after {
        left: 130px;
     }
	.wizard > .col:not(:last-child)::after {
   		left: 64% !important;
   		width: 74% !important;
	}
	.user-details {
	  max-width: 273px;
	}	
	.wizard-footer.bottom-sticky
	{
		width : 970px !important;
	}

    .container {
        width: 100%;
        max-width: 100%;
    }
    .menu-container {
        display: flex;
        flex-wrap: wrap;
    }
    .left-container:not(.single) {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
    .left-container>div {
        align-items: center;
    }
    .left-container>div.bottom {
        margin: 0px;
        flex-grow: 1;
        align-self: center;
    }
    .middle-container {
        margin-top: 12px;
        width: 70%;
    }
    .menu-container .middle-container>div {
        justify-content: flex-start;
    }
    .middle-container+.right-container {
        margin-top: 12px;
        width: 30%;
    }
    .page-title,
    .left-container .top+.bottom {
        margin-top: 0px;
    }
    
    .key-figure-container .key-container .value{
      font-size: 18px !important;
    }
}
@media (min-width: 1200px) {
    .menu-container {
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    .menu-container>div:not(.middle-container) {
        width: 20%;
    }
    .menu-container>div.middle-container {
        flex-grow: 1;
    }
}
@media only screen and (min-width:1199px) {
    .container {
        max-width: 1366px;
        margin: 0 auto;
        width: 100%;
    }
    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
}
#terms a:focus,
#terms .label-text:focus {
    outline: var(--color-surfie) 1px solid;
    background: #e8f1f9;
}
/*new style begin*/
.teal {
    color: var(--color-surfie);
}
.icon-size {
    font-size: 18px;
}
.top-header-logo img{
	height: 65px;
    width: auto;
}
.mobile-header {
    display: none;
}
.mobile-bottom-nav {
    display: none;
}
.main-content {
    flex: 1;  
    padding: 26px 0px; 
    min-width: 0;
}
.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.welcome-text {
    font-size: 24px;
    font-weight: bold;
    color: var(--color-tmf-gray);
}
.settings-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-wedgewood);
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
.settings-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.d_none {
    display: none !important;
}
.sidebar {
    width: auto;
    background-color: var(--color-tmf-slate);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
}
.logo-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-white);
    padding: 8px 0;
    text-align: center;
    height: auto;
}
.ewm-r26-logo {
    height: 70px;
    width: auto;
    background: var(--color-white);
    border-radius: 4px;
}
.logo-text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}
.logo-icon {
    font-size: 14px;
    margin-top: -5px;
}
.sidebar-nav {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 6px;
    padding: 2px 10px 10px;
    overflow: scroll;
    max-height: 788px;   
}
.sidebar-nav::-webkit-scrollbar {
    width: 3px;
}
.sidebar-nav::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 20px;
}
.sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar-nav::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}
.sidebar-nav::-webkit-scrollbar-corner,
.sidebar-nav::-webkit-resizer {
    display: none;
    background: transparent;
}
.tabs-nav-divider {
    display: none;
}
.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
    gap: 4px;
    color: var(--color-white);
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    background-color: transparent;
    border-radius: 4px;
    min-height: 60px;
    border-left: none;
}
.nav-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--color-white);
    border-radius: 16px;
}
.nav-item.active {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--color-white);
    border-radius: 16px;
    border-left: none;
}
.nav-item.active::before {
    display: none;
}
.nav-item.active::after {
    display: none;
}
.nav-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
}
.nav-label {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    font-weight: 500;
}
.sidebar-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 10px;
    padding: 10px 10px 0 10px;
}
.nav-item-account {
    position: relative;
}
.account-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--color-turqoise);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.filter-badge {
 	display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 18px;
    height: 18px;
    margin-left:6px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    padding:0 4px;
	background-color: var(--color-surfie);
    color: var(--color-white);
}
.btn-filters .filter-badge{
display:none;
}
.cards-carousel-wrapper {
    position: relative;
    margin-bottom: 0px;
    margin-top: 16px;
}
.carousel-nav {
    display: none;    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--color-link-water);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}
.carousel-nav:hover {
    background-color: var(--color-surfie);
    border-color: var(--color-surfie);
}
.carousel-nav:hover svg {
    color: var(--color-white);
}
.carousel-nav svg {
    color: var(--color-wedgewood);
    transition: color 0.3s ease;
}
.carousel-prev {
    left: -20px;
}
.carousel-next {
    right: -20px;
}
.dashboard-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}
.card-item {
    background-color: var(--color-white);
    border-radius: 20px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    border: 2px solid #dbdbdb;
    gap: 0;
    position: relative;
    min-height: 125px;
    flex: 1 1 200px;
    min-width: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none !important;
}
.card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.card-item a:hover {
    text-decoration: none;
}
.card-highlight {
    background-color: var(--color-surfie);
    color: var(--color-white);
}
.card-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    background-color: rgba(20, 189, 189, 0.15);
    border-radius: 14px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-shrink: 0;
}
.card-highlight .card-icon {
    background-color: rgb(255 255 255 / 96%);
}
i[class^="iconpark-"],
i[class*="iconpark-"] {
    font-family: 'iconpark' !important;
    display: inline-block !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    text-align: center !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
i[class^="iconpark-"]::before,
i[class*="iconpark-"]::before {
    font-family: 'iconpark' !important;
    display: inline-block !important;
    line-height: inherit !important;
    vertical-align: middle !important;
}
footer {
    margin-left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
    padding: 0 40px;
    margin-top : 48px;
}
.no-sidebar .body-container,
.no-sidebar footer {
    margin: 0px auto;
}
.footer-wrapper {
    display: flex;
    justify-content: space-between;
}
.foot-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.footer-link {
    font-size: 12px;
    font-weight: 500;
    color: #6b7c8d;
    background: none;
    border: none;
    padding: 4px 10px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s ease;
    position: relative;
}
.footer-link+.footer-link::before {
    content: '|';
    position: absolute;
    left: -2px;
    color: #c8d3dc;
    font-weight: 300;
}
.footer-link:hover {
    color: #003057;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer-logo {
    display: flex;
    align-items: center;
}
.copy-rights {
    font-size: 12px;
    color: #8a9bb0;
    margin: 0;
    white-space: nowrap;
}
.footer-logo-img {
    height: 24px;
    width: auto;
    padding: 0 8px;
    object-fit: contain;
}
.sidebar-nav .nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 5px 4px !important;
    text-decoration: none !important;
    min-height: auto !important;
}
.app-bar-wrapper .main-content { 
    margin-left: 0;
    max-width: 1842px;
    margin: 0 auto;
}
.sidebar-nav .nav-item i[class^="iconpark-"],
.sidebar-nav .nav-item i[class*="iconpark-"] {
    display: inline-block !important;
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: center !important;
    vertical-align: middle !important;
    margin: 0 auto !important;
    flex-shrink: 0 !important;
}
.sidebar-nav .nav-item .nav-label {
    display: block !important;
    padding-top: 8px !important;
    font-size: 12px !important;
    color: var(--color-white) !important;
}
.card-icon i[class^="iconpark-"],
.card-icon i[class*="iconpark-"] {
    font-family: 'iconpark' !important;
    display: inline-block !important;
    font-size: 28px !important;
    line-height: 28px !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: var(--color-surfie) !important;
}
.card-highlight .card-icon i[class^="iconpark-"],
.card-highlight .card-icon i[class*="iconpark-"] {
    color: var(--color-surfie) !important;
}
.settings-btn {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
}
.settings-btn i[class^="iconpark-"] {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
}
.sidebar-footer .nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 0 !important;
    text-decoration: none !important;
}
.sidebar-footer i[class^="iconpark-"],
.sidebar-footer i[class*="iconpark-"] {
    font-size: 24px !important;
    width: auto !important;
    height: auto !important;
    line-height: 24px !important;
    margin: 0 auto !important;
}
.sidebar-footer .nav-label {
    display: block !important;
    padding-top: 8px !important;
    color: var(--color-white);
}
.nav-item {
    position: relative;
    display: inline-flex;
    flex-direction: column; 
    align-items: center;
}
.nav-item .badge-info, .mobile-nav-item .badge-info {
    position: absolute;
    top: 0px;
    left: calc(50% + 12px);
    transform: translateX(-50%);
    min-width: 18px;
    height: 18px;
    background-color: #FF3B30;
    color: #fff;
    padding: 0px 4px;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}
.card-top-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}
.card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 0;
    margin-top: auto;
}
.card-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-tmf-gray);
    line-height: 1.3;
    margin: 0;
    text-align: left;
    margin-top: 12px;
    margin-bottom: 0px !important;
}
.card-highlight .card-title {
    color: var(--color-white);
}
.card-value-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 1;
    min-width: 0;
    text-align: right;
}
.card-label {
    font-size: 11px;
    color: var(--color-chart-3);
    font-family: 'Geist';
    margin-bottom: 2px;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.3;
    text-align: right;
    font-weight: 400;
    letter-spacing: 0;
}
.card-highlight .card-label {
    color: rgba(255, 255, 255, 0.7);
}
.card-value {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-surfie);
    line-height: 1;
    white-space: nowrap;
}
.card-highlight .card-value {
    color: var(--color-white);
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
}
.nav-container:not(:has(.tabs-nav)) {
  padding: 0;
}
.nav-container {
    border-radius: 47px;
    padding: 0 18px 18px;
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: space-around;
}
.tabs-nav {
    display: flex;
    gap: 0;
    background-color: var(--color-white);
    border-radius: 7px;
    overflow: hidden;
    box-shadow: none;
    border: 1px solid var(--color-chart-2);
    border-radius: 40px;
    max-width: max-content;
    padding: 8px;
    text-align: center;
}
.tabs-nav a {
  border-radius: 40px;
  max-width: max-content;
  text-align: center;
}
.tabs-nav a:hover {
    text-decoration: none;
}
.tab-btn {
    flex: 1;
    padding: 10px 18px;
    background-color: transparent;
    align-items: center;
    color: var(--color-wedgewood);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0;
    justify-content: space-between;
}
.tab-btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: var(--color-tmf-gray);
}
.tab-btn.active {
    background-color: var(--color-wedgewood);
    color: var(--color-white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page-bar-wrapper .main-content {
    flex: 1;
    padding: 0px 0;
    background-color: var(--color-selago); 
    max-width: 1842px;
    margin: 0 auto;
    min-width: 0;
    overflow-x: hidden;
}
.secondary-tabs-container {
    background: var(--color-white);
    border-radius: 12px 12px 0 0;
    padding: 0 20px;
}
.secondary-tabs-container:has(.secondary-tabs) {
    border-bottom: 1px solid var(--color-link-water);
}
.secondary-tabs {
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.secondary-tab {
    padding: 12px 12px;
    position: relative;
    text-decoration: none;
    color: var(--color-wedgewood);
    font-size: 14px;
    border-radius: 40px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.secondary-tab:hover {
    color: var(--color-surfie);
    text-decoration: none;
}
.secondary-tab.active {
    color: #f2f2f2;
    background: var(--color-wedgewood);
}

.mobile-drawer-backdrop, .mobile-drawer, .mobile-preferences , .prefrence-holder-div, .key-figure-container::-webkit-scrollbar {
	display: none;
}
.app-bar-wrapper {
    margin-left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
    padding: 0 40px;
}
.chart-wrapper {
    padding: 0 20px 10px;
}
body > .container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: var(--color-selago) !important;
}
.dashboard-container {
    display: flex;
    min-height: 100vh;
}
.body-container {
    background-color: var(--color-selago) !important;
    margin-left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
    border-radius: 8px;
    padding: 0 40px;
    flex: 1;
    height: max-content;
    margin-bottom: 30px;
    box-shadow: none !important;
}
.btn-preferences {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: var(--color-white);
    border: 1px solid var(--color-surfie);
    color: var(--color-surfie);
}
.btn-filters,.btn-filters {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: var(--color-white);
    border: 1px solid var(--color-link-water);
    color: var(--color-wedgewood);
    align-items: center;
}
.select-all-btn{
	display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 1px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: var(--color-white);
    border: 1px solid var(--color-link-water);
    color: var(--color-wedgewood);
    align-items: center;
}
.btn-filters:hover, .select-all-btn:hover {
    background-color: var(--color-white);
}
.btn-export {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid var(--color-surfie);
    color: var(--color-surfie);
}
.btn-export:hover, .btn-doc-dropdown:hover {
    background-color: var(--color-turq-lite-2);
    border-color: var(--color-surfie);
    color: var(--color-surfie);
}
.export-dropdown-menu .dropdown-item {
    color: var(--color-tmf-gray);
    display: flex;
    align-items: center;
    gap: 10px;
}
.export-dropdown-menu .dropdown-item svg {
    color: var(--color-surfie) !important;
    stroke: currentColor !important;
}
.control-divider {
    width: 1px;
    height: 32px;
    background-color: var(--color-link-water);
    align-self: center;
}
.dropdown-control {
    display: flex;
    align-items: center;
    gap: 8px;
}
.dropdown-control label {
    font-size: 14px;
    color: var(--color-wedgewood);
}
.btn-outline,
.btn-primary {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-outline {
    background-color: var(--color-white);
    border: 1px solid var(--color-link-water);
    color: var(--color-wedgewood);
}
.btn-outline:hover {
    background-color: var(--color-chart-1);
    border-color: var(--color-muted-gray);
}
.btn-primary {
    background-color: var(--color-turqoise);
    border: 1px solid var(--color-turqoise);
    color: var(--color-white);
}
.btn-primary:hover {
    background-color: var(--color-surfie);
    border-color: var(--color-surfie);
}
@media screen and (min-width: 2500px) {
    :root {
        --font-size-md: 16pt;
        --font-size-lg: 18pt;
        --font-size-xl: 20pt;
        --sidebar-width-base: 140px;
        --sidebar-width: 140px;
    }
    .sidebar {
        width: var(--sidebar-width);
    }
}
@media screen and (min-width: 2000px) and (max-width: 2499px) {
    :root {
        --sidebar-width: 125px;
    }
    .sidebar {
        width: var(--sidebar-width);
        padding: 16px 0;
    }
    .nav-item {
        min-height: 54px;
        padding: 5px 3px;
    }
    .nav-label {
        font-size: 11px;
    }
    .nav-icon {
        width: 20px;
        height: 20px;
        margin-bottom: 6px;
    }
    .ewm-new-logo {
        height: 28px;
    }
}
@media screen and (min-width: 2222px) and (max-width: 2499px) {
    :root {
        --sidebar-width: 135px;
    }
    .sidebar {
        width: var(--sidebar-width);
        padding: 18px 0;
    }
    .logo-section {
        margin-bottom: 36px;
    }
    .nav-item {
        min-height: 57px;
        padding: 6px 4px;
    }
    .nav-label {
        font-size: 11.5px;
    }

    .nav-icon {
        width: 22px;
        height: 22px;
        margin-bottom: 7px;
    }

    .ewm-new-logo {
        height: 30px;
    }
}
@media screen and (min-width: 2750px) {
    :root {
        --sidebar-width: 154px;
    }

    .sidebar {
        width: var(--sidebar-width);
        padding: 24px 0;
    }

    .logo-section {
        margin-bottom: 48px;
    }

    .nav-item {
        min-height: 66px;
        padding: 7px 5px;
    }

    .nav-label {
        font-size: 13px;
    }

    .nav-icon {
        width: 26px;
        height: 26px;
        margin-bottom: 9px;
    }

    .ewm-new-logo {
        height: 35px;
    }
}
@media screen and (min-width: 3125px) {
    :root {
        --sidebar-width: 175px;
    }
    .sidebar {
        width: var(--sidebar-width);
        padding: 25px 0;
    }
    .logo-section {
        margin-bottom: 50px;
    }
    .nav-item {
        min-height: 75px;
        padding: 8px 6px;
        gap: 5px;
    }
    .nav-label {
        font-size: 14px;
    }
    .nav-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }

    .ewm-new-logo {
        height: 40px;
    }
}


@media screen and (min-width: 2500px) {
    :root {
        --font-size-md: 16pt;
        --font-size-lg: 18pt;
        --font-size-xl: 20pt;
        --sidebar-width: 140px;
    }
    .sidebar {
        width: var(--sidebar-width);
    }
    .welcome-text {
        font-size: 32px;
    }

    .dashboard-cards {
        max-width: 1800px;
        margin: 0 auto;
        gap: 20px;
    }

    .card-item {
        min-height: 160px;
        padding: 24px;
        flex: 0 1 calc(20% - 16px);
    }

    .card-title {
        font-size: 20px;
    }

    .card-value {
        font-size: 24px;
    }

    .card-label {
        font-size: 13px;
    }

    .top-header {
        max-width: 1800px;
        margin: 0 auto;
    }
    .main-nav-container {
        margin-left: auto;
        margin-right: auto;
    }
    .tab-btn {
        padding: 18px 36px;
        font-size: 18px;
    }
    .secondary-tab {
        font-size: 18px;
    }
    .secondary-tabs-container {
        padding: 0 40px;
    }
    .action-content-wrapper {
 max-width: 1842px;
 margin: 0 auto;
 }
 .action-content-wrapper .menu-container {
 padding: 9px 20px;
 }
}
@media screen and (min-width: 1440px) and (max-width: 2499px) {
 :root {
 --sidebar-width: 120px;
 }
 .sidebar {
 width: var(--sidebar-width);
 }
}
@media screen and (min-width: 1152px) and (max-width: 1363px) {
 :root {
 --sidebar-width: 104px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 16px 0;
 }
 .logo-section {
 margin-bottom: 32px;
 }
 .nav-item {
 min-height: 52px;
 padding: 5px 3px;
 }
 .nav-label {
 font-size: 10px;
 }
 .nav-icon {
 width: 20px;
 height: 20px;
 margin-bottom: 6px;
 }
 .ewm-new-logo {
 height: 28px;
 }
}
@media screen and (min-width: 1296px) and (max-width: 1439px) {
 :root {
 --sidebar-width: 112px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 18px 0;
 }
 .logo-section {
 margin-bottom: 36px;
 }
 .nav-item {
 min-height: 56px;
 padding: 5px 3px;
 }
 .nav-label {
 font-size: 11px;
 }
 .nav-icon {
 width: 21px;
 height: 21px;
 margin-bottom: 7px;
 }
 .ewm-new-logo {
 height: 30px;
 }
}
@media screen and (min-width: 1584px) and (max-width: 2499px) {
 :root {
 --sidebar-width: 132px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 22px 0;
 }
 .logo-section {
 margin-bottom: 14px;
 }
 .nav-item {
 min-height: 66px;
 padding: 6px 4px;
 }
 .nav-label {
 font-size: 13px;
 }
 .nav-icon {
 width: 26px;
 height: 26px;
 margin-bottom: 9px;
 }
 .ewm-new-logo {
 height: 36px;
 }
}
@media screen and (min-width: 1728px) and (max-width: 2499px) {
 :root {
 --sidebar-width: 148px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 25px 0;
 }
 .logo-section {
 margin-bottom: 14px;
 }
 .nav-item {
 min-height: 70px;
 padding: 7px 4px;
 gap: 5px;
 }
 .nav-label {
 font-size: 13px;
 }
 .nav-icon {
 width: 28px;
 height: 28px;
 margin-bottom: 10px;
 }
 .ewm-new-logo {
 height: 38px;
 }
}
@media screen and (max-width: 1200px) {
 .dashboard-cards {
 flex-wrap: wrap;
 gap: 16px;
 justify-content: flex-start;
 }
 .card-item {
 flex: 1 1 calc(33.333% - 12px);
 min-width: 250px;
 max-width: calc(50% - 8px);
 }
 .tab-btn {
 padding: 10px 16px;
 font-size: 13px;
 }
 .secondary-tabs {
 gap: 20px;
 }
 :root {
 --sidebar-width: 110px;
 }
 .sidebar {
 width: var(--sidebar-width);
 }
}
@media screen and (min-width: 960px) and (max-width: 1059px) {
 :root {
 --sidebar-width: 88px;
 }

 .sidebar {
 width: var(--sidebar-width);
 padding: 16px 0;
 }

 .logo-section {
 margin-bottom: 14px;
 }
 .nav-item {
 min-height: 48px;
 padding: 4px 3px;
 gap: 3px;
 }
 .nav-label {
 font-size: 9px;
 }
 .nav-icon {
 width: 18px;
 height: 18px;
 margin-bottom: 4px;
 }
 .ewm-new-logo {
 height: 24px;
 }
 .sidebar-footer {
 padding: 8px 8px 0 8px;
 }
}
@media screen and (min-width: 1060px) and (max-width: 1169px) {
    :root {
        --sidebar-width: 99px;
    }
 .sidebar {
 width: var(--sidebar-width);
 padding: 18px 0;
 }
 .logo-section {
 margin-bottom: 14px;
 }
 .nav-item {
 min-height: 54px;
 padding: 5px 3px;
 }
 .nav-label {
 font-size: 10px;
 }
 .nav-icon {
 width: 20px;
 height: 20px;
 margin-bottom: 5px;
 }
 .ewm-new-logo {
 height: 28px;
 }
}
@media screen and (min-width: 1200px) and (max-width: 1363px) {
 :root {
 --sidebar-width: 121px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 22px 0;
 }
 .logo-section {
 margin-bottom: 44px;
 }
 .nav-item {
 min-height: 66px;
 padding: 6px 4px;
 gap: 4px;
 }
 .nav-label {
 font-size: 12px;
 }
 .nav-icon {
 width: 25px;
 height: 25px;
 margin-bottom: 8px;
 }
 .ewm-new-logo {
 height: 34px;
 }
}
@media screen and (min-width: 1364px) and (max-width: 1583px) {
 :root {
 --sidebar-width: 128px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 25px 0;
 }

 .logo-section {
 margin-bottom: 50px;
 }

 .nav-item {
 min-height: 70px;
 padding: 7px 4px;
 gap: 5px;
 }
 .nav-label {
 font-size: 13px;
 }
 .nav-icon {
 width: 27px;
 height: 27px;
 margin-bottom: 9px;
 }
 .ewm-new-logo {
 height: 38px;
 }
}
@media screen and (max-width: 1200px) {
 .dashboard-cards {
 flex-wrap: wrap;
 gap: 16px;
 justify-content: flex-start;
 }
 .card-item {
 flex: 1 1 calc(33.333% - 12px);
 min-width: 250px;
 max-width: calc(50% - 8px);
 }
 .tab-btn {
 padding: 10px 16px;
 font-size: 13px;
 }
 .secondary-tabs {
 gap: 20px;
 }
}
@media screen and (max-width: 991px) {
 .main-content {
 padding: 20px;
 }
 .welcome-text {
 font-size: 20px;
 }
 .card-item {
 flex: 1 1 calc(50% - 10px);
 min-width: 250px;
 }
 .sidebar {
 width: 100px;
 padding: 16px 0;
 }
 .nav-item {
 min-height: 56px;
 }
 .nav-label {
     font-size: 14px;
 }
}

@media screen and (min-width: 792px) and (max-width: 879px) {
 :root {
 --sidebar-width: 80px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 12px 0;
 }
 .logo-section {
 margin-bottom: 20px;
 }
 .nav-item {
 min-height: 45px;
 padding: 3px 2px;
 gap: 2px;
 }
 .nav-label {
 font-size: 14px;
 line-height: 1;
 }
 .nav-icon {
 width: 16px;
 height: 16px;
 margin-bottom: 3px;
 }
 .ewm-new-logo {
 height: 20px;
 }
 .body-container {
 padding: 0;
 }
}
@media screen and (min-width: 880px) and (max-width: 991px) {
    .sidebar {
        width: 90px;
        padding: 14px 0;
    }
    .logo-section {
        margin-bottom: 28px;
    }
    .nav-item {
        min-height: 50px;
        padding: 4px 2px;
    }
    .nav-label {
        font-size: 9px;
    }
    .nav-icon {
        width: 18px;
        height: 18px;
        margin-bottom: 4px;
    }
 .ewm-new-logo {
 height: 24px;
 }
}
@media screen and (min-width: 992px) and (max-width: 1099px) {
 :root {
 --sidebar-width: 108px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 18px 0;
 }
 .nav-item {
 min-height: 58px;
 padding: 5px 3px;
 }
 .nav-label {
 font-size: 11px;
 }
 .nav-icon {
 width: 22px;
 height: 22px;
 margin-bottom: 6px;
 }
 .ewm-new-logo {
 height: 30px;
 }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
 :root {
 --sidebar-width: 116px;
 }
 .sidebar {
 width: var(--sidebar-width);
 padding: 22px 0;
 }
 .nav-item {
 min-height: 65px;
 padding: 6px 4px;
 gap: 4px;
 }
 .nav-label {
 font-size: 12px;
 }
 .nav-icon {
 width: 24px;
 height: 24px;
 margin-bottom: 7px;
 }
 .ewm-new-logo {
 height: 34px;
 }
}
@media screen and (max-width: 991px) {
 .main-content {
 padding: 20px;
 }
 .welcome-text {
 font-size: 20px;
 }
 .card-item {
 flex: 1 1 calc(50% - 10px);
 min-width: 250px;
 }
}
@media screen and (min-width: 614px) and (max-width: 689px) {
 .sidebar {
 width: auto;
 padding: 12px 0;
 }
 .logo-section {
 margin-bottom: 20px;
 }
 .nav-item {
        min-height: 48px;
        padding: 3px 2px;
    }
    .nav-label {
        font-size: 8px;
        line-height: 1;
    }
    .nav-icon {
        width: 16px;
        height: 16px;
        margin-bottom: 3px;
    }
    .ewm-new-logo {
        height: 20px;
    }
}
@media screen and (min-width: 690px) and (max-width: 767px) {
    .sidebar {
        width: auto;
        padding: 14px 0;
    }

    .logo-section {
        margin-bottom: 24px;
    }
    .nav-item {
        min-height: 52px;
        padding: 4px 2px;
    }
    .nav-label {
        font-size: 9px;
    }
    .nav-icon {
        width: 18px;
        height: 18px;
        margin-bottom: 4px;
    }
    .ewm-new-logo {
        height: 24px;
    }
}
@media screen and (min-width: 845px) and (max-width: 879px) {
    .sidebar {
        width: 99px;
        padding: 18px 0;
    }
    .nav-item {
        min-height: 56px;

    }
    .nav-label {
        font-size: 11px;
    }
    .nav-icon {
        width: 21px;
        height: 21px;
        margin-bottom: 6px;
    }
    .ewm-new-logo {
        height: 28px;
    }
}
@media screen and (min-width: 880px) and (max-width: 959px) {
    .sidebar {
        width: 110px;
        padding: 20px 0;
    }
    .nav-item {
        min-height: 58px;
        padding: 5px 3px;
        gap: 3px;
    }

    .nav-label {
        font-size: 11px;
    }

    .nav-icon {
        width: 22px;
        height: 22px;
        margin-bottom: 6px;
    }
    .ewm-new-logo {
        height: 30px;
    }
}
@media screen and (max-width: 767px),
       screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait),
       screen and (min-width: 821px) and (max-width: 1024px) and (orientation: portrait) {
    .user-details {
	  align-self: unset;
	  padding: 0 10px;
	}
	.last-login { 
	  padding: 0 10px;
	}
	.r26-right-section > div:not(:last-child) {
	    border-right: unset;
	    padding-right: 9px;
	    margin-right: unset;
	}
	.r26-right-section>div:not(:last-child):not(:has(+ .mobile-preferences:last-child)) {
    padding-right: 14px !important;
	}
	.menu-container .r26-left-section {
		margin-right: auto;
	}
	.dropdown-list.small .value {
    min-width: 132px !important;
}
	.dropdown-list.small .value {
    padding: 5px 10px 5px 7px !important;
}
	.modal-dialog .modal-content .col-lg-2 {
		padding-right: unset !important ; 
		padding-left:unset !important ; 
	}
	.menu-container .r26-right-section {
		margin-left: auto !important;
		gap: 0px !important;
	}
   /* .dropdown-list .value::after {      
         top: unset !important;    
         width: unset !important;     
         height: unset !important;
         transform: none !important;
     }*/
   .mobile-button-popover .target-toggle .btn+.btn,
   .mobile-button-popover .target-toggle .btn {
        width: 100%;
    }
    .mobile-drawer-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.35);
        z-index: 1040;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .mobile-drawer-backdrop.open {
        display: block;
        opacity: 1;
    }
    .action-edit-btn,
    .action-delete-btn {
        width: 100px;
    }
    .user-details-wrapper {
	    padding: 5px;
	}
    .mobile-drawer {
        position: fixed;
        top: 0;
        left: 0;
        width: 280px;
        height: 100dvh;
        background-color: #ffffff;
        z-index: 9995;
        display: flex;
        flex-direction: column;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        visibility 0s linear 0.3s;
        overflow-y: auto;
        overscroll-behavior: contain;
        list-style: none;
        padding: 0;
        margin: 0;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
    }
    .mobile-drawer.open {
        transform: translateX(0);
        visibility: visible;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
            visibility 0s linear 0s;
    }
    .mobile-drawer-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 7px 20px;
        border-bottom: 1px solid #e8edf2;
        flex-shrink: 0;
        background-color: var(--color-tmf-slate);
    }
    .mobile-drawer-header .ewm-new-logo,
    .mobile-drawer-header .ewm-r26-logo {
        height: 40px;
        width: auto;
    }
    .mobile-drawer-close {
        background: none;
        border: none;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5px;
        height: 24px;
        border-radius: 50%;
        cursor: pointer;
        opacity: 0.8;
        transition: background-color 0.2s ease, opacity 0.2s ease;
        padding: 0;
        margin-left: auto;
    }
	.share-price-info {
		vertical-align: middle;
		font-size: 16px;
		display: inline-flex;
		margin: 0;
		margin-left: unset !important;
		margin-top: 18px;
		padding: 0 24px;
		align-items: center;
	}
	.mobile-r26-logo{
        height: 40px;
        width: auto;
    }
    .mobile-drawer-close i {
    color: #ffffff;
    }

    .mobile-drawer-close:hover {
        background-color: rgba(255, 255, 255, 0.15);
        opacity: 1;
    }
    .mobile-drawer-share-price {
        margin: 12px 12px 0;
        padding: 12px 14px;
        background-color: #f4f6f8;
        border: 1px solid #dde3ea;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .mobile-drawer-share-price .share-price-row {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        color: #485662;
        line-height: 1.4;
    }
    .mobile-drawer-share-price .share-price-icon {
        display: inline-flex;
        align-items: center;
        color: #00B2A9;
        flex-shrink: 0;
    }
    .mobile-drawer-share-price .share-price-value {
        font-size: 13px;
        font-weight: 700;
        color: #003057;
    }
    .mobile-drawer-share-price .share-price-meta,
    .mobile-drawer-share-price .share-price-equiv-label {
        font-size: 11px;
        color: #8a9bb0;
    }
    .mobile-drawer-section-label {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #8a9bb0;
        margin: 20px 20px 4px;
        padding: 0;
    }
   /* .mobile-drawer .header-account-dropdown {
        margin: 0 12px 8px;
    }*/
    .mobile-drawer .header-status-trigger {
        background-color: #f4f6f8;
        border: 1px solid #dde3ea;
        color: #283a47;
        width: 100%;
        border-radius: 8px;
    }
    .mobile-drawer .header-status-trigger:hover {
        background-color: #e8edf2;
    }
    .mobile-drawer .hsd-account-icon svg,
    .mobile-drawer .hsd-chevron svg {
        stroke: #485662;
    }
    .mobile-drawer .hsd-label {
        color: #283a47;
        font-weight: 600;
    }
    .mobile-drawer .header-status-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .mobile-drawer-nav {
        flex: 1;
        list-style: none;
        margin: 8px 0 0;
        padding: 0;
        overflow-y: auto;
        min-height: 0;
    }
    .mobile-drawer-nav li {
        margin: 0;
        padding: 0 12px;
    }
    .mobile-drawer-nav-item {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 11px 4px;
        color: #485662;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        border-radius: 8px;
        border-left: 3px solid transparent;
        transition: background-color 0.15s ease, color 0.15s ease,
        border-left-color 0.15s ease;
    }
    .mobile-drawer-nav-item i {
        font-size: 18px;
        flex-shrink: 0;
        width: 22px;
        text-align: center;
        color: #8a9bb0;
    }
    .mobile-drawer-nav-item:hover {
        background-color: #f0f4f8;
        color: #003057;
    }
    .mobile-drawer-nav-item:hover i {
        color: #00B2A9;
    }
    .mobile-drawer-nav-item.active {
        background-color: #e6f7f6;
        color: #003057;
        border-left-color: #00B2A9;
        font-weight: 700;
    }
    .mobile-drawer-nav-item.active i {
        color: #00B2A9;
    }
    .mobile-drawer-nav-logout {
        color: var(--color-scarlet-red) !important;
    }

    .mobile-drawer-nav-logout:hover {
        background-color: #fff0f0;
        color: #c62828;
        border-left-color: #e53935;
    }
   .mobile-drawer-footer {
       display: flex;
       flex-direction: column;
       flex-shrink: 0;      
       padding: 5px 20px !important;
       border-top: 1px solid rgba(255, 255, 255, 0.1);
   }
    .mobile-drawer-footer-item {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 13px 20px;
        color: rgba(255, 255, 255, 0.75);
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: background-color 0.2s ease, color 0.2s ease;
    }
    .mobile-drawer-footer-item i {
        font-size: 20px;
        flex-shrink: 0;
        width: 24px;
        text-align: center;
    }
    .mobile-drawer-footer-item:hover {
        background-color: rgba(255, 255, 255, 0.08);
        color: var(--color-white);
    } 
    .mobile-drawer-footer-icon-wrap {
        position: relative;
        display: inline-flex;
        align-items: center;
        width: 24px;
        flex-shrink: 0;
    }
    .mobile-drawer-footer-icon-wrap .badge-info {
        top: -6px;
        right: -8px;
        left: auto;
        transform: none;
    }
    .mobile-drawer-logout {
        color: rgba(255, 255, 255, 0.75);
    }
    .mobile-drawer-logout span {
        color: #ff6b6b;
    }
    .mobile-drawer-logout i {
        color: #ff6b6b;
        opacity: 1 !important;
    }
    .mobile-drawer-logout:hover {
        background-color: rgba(255, 80, 70, 0.12);
        color: rgba(255, 255, 255, 0.9);
    }
    .mobile-drawer-nav-item:hover {
	  text-decoration: none;
	}
    .mobile-drawer-logout:hover span,
    .mobile-drawer-logout:hover i {
        color: #ff4f4f;
    }
    

.child-account-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0;
}

.child-account-wrapper .header-account-dropdown,
.child-account-wrapper .child-account-dropdown {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.child-account-wrapper .child-account-dropdown > .dropdown-list {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.child-account-wrapper .account-name-wrap {
    display: flex;         
    width: 100%;
    max-width: 100%;       
    box-sizing: border-box;
    min-width: 0;         
}
.child-account-wrapper .account-name-wrap > .value {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.child-account-wrapper .account-name-wrap .account-chevron {
    flex-shrink: 0;
    margin-left: auto;
}
.child-account-wrapper .dropdown-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    z-index: 1100;
    left: 0;
    right: 0;
}
    
    .container {
        background-color: var(--color-selago);
    }
    .body-container {
        background-color: transparent;
        box-shadow: none;
        margin-left: 0;
        width: auto;
        padding: unset;
    }
    .app-bar-wrapper {
        margin-left: 0;
        width: 100%;
        padding: 0;
    }
    .app-bar-wrapper>.main-content {
        margin-left: 0;
        padding-bottom: 10px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 65px !important;
    }
    .sidebar{
        display: none;
    }
    .top-header {
        display: none;
    }
    .page-header {
        display: none !important;
    }
    .main-nav-container {
        border-radius: 8px;
        padding: 8px;
    }
    .transaction-wrapper {
        padding: 4px 10px 4px 10px !important;
    }
    
    .btn-filters .iconpark-setting-config {
        font-size: 1.25rem;
        color: var(--color-surfie);
    }
 .mobile-header {
     position: fixed;
     inset: 0 0 auto;
     z-index: 1000;
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 65px;
     padding: 12px 16px;
     background-color: var(--color-tmf-slate);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);	
 }
        .mobile-header i {
            color: var(--color-white) !important;
            text-decoration: none;
        }
    
        .mobile-header-icon {
            color: var(--color-white);
            cursor: pointer;
            font-size: 22px;
            text-decoration: none;
        }
    .mobile-logo {
        display: flex;
        align-items: center;
        color: var(--color-white);
        position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    justify-content: center;
    }
    .body-container {
    margin:unset;
    }
    .ewm-r26-logo {
	    height: 45px;
	    width: auto;
	    border-radius: unset;
	} 
    .cards-carousel-wrapper {
        position: relative;
        margin-bottom: 0px !important;
        padding: 0;
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
    .dashboard-cards {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 12px;
        margin-bottom: 0;
        padding: 5px 16px 5px 16px;
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap;
    }
    .card-item {
        max-width: 60%;
        min-width: 160px;
        padding: 12px;
        scroll-snap-align: center;
        flex: 0 0 85%;
        border: 2px solid #dbdbdb;
        min-height: 110px;
        margin-left: 6px;
        margin-right: 6px;
    }
    .card-value {
        font-size: 16px;
    }
    .card-value-section {
        margin-top: 5px;
    }
    .mobile-bottom-nav {
        position: fixed !important;	
        left: 0 !important;
        right: 0 !important;
        bottom: -2px !important;
        width: 100% !important;
        z-index: 9990 !important;
        display: flex;
        height: 80px;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap;
        background-color: var(--color-tmf-slate) !important;
        padding: 8px 0 !important;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -webkit-overflow-scrolling: touch;
    }
    .mobile-bottom-nav .mobile-nav-item {
    flex: 0 0 auto;
    }    
    .mobile-drawer-nav {
       flex: 1;
     }

    .mobile-drawer-footer {
      flex-shrink: 0;
      text-align: center;
      padding: 16px 0 24px;
     }

    .mobile-bottom-nav-items {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0 10px;
    }
    .mobile-bottom-nav .mobile-nav-item {
        flex: 0 0 auto;
        min-width: 75px;
    }
    .mobile-bottom-nav .mobile-nav-item {
        align-items: center;
 	    justify-content: center;
  	    text-align: center;
   	    white-space: nowrap;
    }
    .mobile-nav-item.active {
        color: var(--color-white);
        background-color: var(--color-slate-gray);
        border-radius: 16px;
    }
    .mobile-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 8px;
        text-decoration: none;
        transition: color 0.3s ease;
        color: var(--color-white);
        gap: 8px;
    }
    .mobile-nav-item i {
        color: #ffffff;
        text-decoration: none;
    }
       .mobile-nav-item span {
        color: #ffffff;
        text-decoration: none;
    }
    .page-bar-wrapper .main-content {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 0 !important;
        background-color: var(--color-white);
        overflow: hidden;
    }
    .nav-container {
        background-color: transparent;
        border-radius: 0;
        padding: 10px 8px 8px;
        width: 100%;
        margin-bottom: 0;
        box-shadow: none;
        display: flex !important;
        position: relative !important;
        justify-content: unset;
    }
    .tabs-nav {
        display: flex;
        flex-direction: row;
        gap: 10px;
        border: unset;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        background-color: transparent;
        padding: 0 3px;
    }
    .tab-btn {
        flex: 0 0 auto;
        padding: 8px 10px;
        background-color: var(--color-white);
        border: 2px solid var(--color-link-water);
        border-radius: 20px;
        white-space: nowrap;
        font-size: 13px;
        font-weight: 500;
        display: block !important;
    }
    .tab-btn.active {
        background-color: var(--color-surfie);
        color: var(--color-white);
        border-color: var(--color-surfie);
    }
    .secondary-tabs-container {
        padding: 0;
        margin-top: 0;
    }
    .secondary-tabs {
        display: flex;
        gap: 0;
        overflow-x: visible;
        padding: 0;
        border-radius: 0 !important;
    }
    .secondary-tab {
        flex: 1;
        text-align: center;
        padding: 5px 0;
        position: relative;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        color: var(--color-wedgewood);
        display: block;
        width: 100%;
    }
    .secondary-tab.active {
        color: var(--color-tmf-gray);
        font-weight: 700;
        background: var(--color-white);
    }
    .secondary-tab.active::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--color-surfie);
        border-radius: 2px 2px 0 0;
    }
    .meta-value {
        width: 180px !important;
        max-width: 200px !important;
    }
    .date-card, .btn-text {
        display: none !important;
    }
    .mobile-popover-body .target-toggle  button{
      border-radius : 1px !important;
    }
	.mobile-popover-body .target-toggle {
        display: flex;
        padding: 0px 4px 0px 4px;
		margin-left : 0px !important;
    }
    .mobile-popover-body .target-toggle.btn-group{
		overflow-x : visible;
	}
    #transpose-filter-wrapper {
        margin-left: 0px !important;
        width: 100% !important;
        padding: 0px !important;
    }
    .export-dropdown-menu .dropdown-item {
        width: 100% !important;
    }
    .btn-preferences i,.btn-filters i,.btn-export i {
        width: auto !important;
    }
    .card-icon i[class^="iconpark-"],
    .card-icon i[class*="iconpark-"] {
        width: auto !important;
        height: 30px !important;
    }
    .status-indicator {
        padding: 10px 20px !important;
        margin: 0px !important;
        width: 100% !important;
    }
    .dataTables_wrapper {
        margin-left: 0px !important;
        width: 100% !important;
       /* padding: 0 20px 0 20px !important; */
    }
    table .text-field {
        box-shadow: none !important;
        border: 0px !important;
    }
    .wizard-bot-container {
        bottom: 40px;
    }
    .wizard-bot-container .wizard-footer .menu-container {
        display: flex !important;
        flex-direction: row;
    }
    .prefrence-holder-div, .mobile-preferences {
        display: flex;
        gap: 12px;
    }
    .btn-preferences i,
    .btn-preferences svg {
        font-size: 16px !important;
        text-indent: 0 !important;
    }
    .btn-filters,
    .btn-export,
    .btn-preferences {
        font-size: 0;
        /*text-indent: -9999px;*/
        overflow: hidden;
        display: flex;
        align-items: baseline;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        padding: 10px;
    }
    .btn-export i,
    .btn-export svg {
        font-size: 16px !important;
        text-indent: 0 !important;
    }
    .btn-filters i,
    .btn-filters svg {
        font-size: 16px !important;
        text-indent: 0 !important;
    }
    .section-controls .text-field {
        display: none !important;
    }
    .section-controls #screenCurrency, .r26-right-section #screenCurrency{
        display: none !important;
    }
    .title-preferences-group {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        margin-left: 26px;
        justify-content: space-between;
    }
    .title-wrapper {
        display: block !important;
    }
    .section-controls button[name].popover-active {
        background-color: var(--color-surfie) !important;
        border-color: var(--color-surfie) !important;
        transform: scale(1.1);
    }
    .section-controls button[name].popover-active i {
        color: var(--color-white) !important;
    }
    .title-wrapper .selected-plan-section.popover-active,
    .title-wrapper #planSelector.popover-active,
    #planSelector.popover-active {
        background-color: rgba(0, 120, 120, 0.1) !important;
        border-radius: 8px !important;
        transform: scale(1.02) !important;
        transition: all 0.2s ease !important;
        box-shadow: 0 2px 8px rgba(0, 120, 120, 0.3) !important;
    }
    .title-wrapper .selected-plan-section.popover-active *,
    .title-wrapper #planSelector.popover-active *,
    #planSelector.popover-active * {
        color: var(--color-surfie) !important;
        min-width: 280px !important;
        max-width: 90vw !important;
        background-color: var(--color-white) !important;
        border: 1px solid var(--color-link-water) !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
        padding: 20px !important;
        position: absolute !important;
        z-index: 1050 !important;
        animation: mobilePopoverFadeIn 0.2s ease-out;
    }
    .mobile-button-popover .d-flex {
        position: relative !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .mobile-button-popover h6 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: var(--color-tmf-gray) !important;
        margin: 0 !important;
    }
    .mobile-popover-close {
        background: transparent !important;
        border: none !important;
        padding: 4px !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        width: 28px !important;
        height: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: background-color 0.2s ease !important;
    }
    .mobile-popover-close:hover {
        background-color: #F5F5F5 !important;
    }
    .mobile-popover-close i {
        font-size: 14px !important;
        color: var(--color-tmf-slate) !important;
    }
    .mobile-popover-content {
        margin-top: 12px !important;
        color: var(--color-tmf-slate) !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    @keyframes mobilePopoverFadeIn {
        from {opacity: 0; transform: translateY(-10px);}
        to {opacity: 1; transform: translateY(0);}
    }
    .mobile-button-popover::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 24px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid var(--color-white);
    }
    .mobile-button-popover::after {
        content: '';
        position: absolute;
        top: -9px;
        left: 24px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid var(--color-link-water);
    }
    .mobile-popover-content {
        max-height: 300px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .mobile-popover-content .filter-body {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }
    .mobile-popover-content .filter-body .row {
        margin: 0 !important;
    }
    #comp_search .row {
    padding: unset !important;
    margin-top: 0rem !important;
}
    .mobile-popover-content .filter-body .col-lg-2,
    .mobile-popover-content .filter-body .col-md-3,
    .mobile-popover-content .filter-body .col-sm-6 {
        width: 100% !important;
       /*margin-bottom: 15px !important;*/
        padding: 0 !important;
    }
    .mobile-popover-content .plan-search-container,
    .mobile-popover-content .plan-groups-container {
        margin-bottom: 15px !important;
    }
    .mobile-popover-content .plan-search-wrapper {
        position: relative !important;
        margin-bottom: 10px !important;
    }
    .mobile-popover-content .plan-group {
        margin-bottom: 10px !important;
    }
    .mobile-popover-content .plan-group-header {
        padding: 8px 12px !important;
        background-color: #F8F9FA !important;
        border-radius: 6px !important;
        cursor: pointer !important;
    }
    .mobile-popover-content .plan-items-list {
        padding-left: 0 !important;
        margin: 0 !important;
    }
    .mobile-popover-content .plan-item {
        list-style: none !important;
        margin-bottom: 5px !important;
    }
    .mobile-popover-content .plan-item-link {
        display: block !important;
        padding: 8px 12px !important;
        color: var(--color-surfie) !important;
        text-decoration: none !important;
        border-radius: 4px !important;
        font-size: 14px !important;
    }
    .mobile-popover-content .plan-item-link:hover {
        background-color: var(--color-turq-lite-2) !important;
        color: #005050 !important;
    }
    .mobile-popover-content .mobile-currency-selector {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .mobile-setting-item {
        margin-bottom: 15px !important;
        padding: 10px !important;
        background-color: #F8F9FA !important;
        border-radius: 6px !important;
    }
    .mobile-popover-content .export-options {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    .mobile-popover-content .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 10px 15px !important;
        font-size: 14px !important;
        /*border-radius: 6px !important;*/
    }
    .mobile-popover-content .btn i {
        font-size: 16px !important;
    }
    .mobile-popover-content .dropdown-list {
        font-size: 14px !important;
    }
    .btn-outline-primary:hover i,
    .btn-outline-primary:not(:disabled):not(.disabled).active i {
    color: #fff !important;
    }
    .mobile-popover-content .dropdown-list .value {
        padding: 8px 12px !important;
        border: 1px solid var(--color-link-water) !important;
        border-radius: 6px !important;
        background-color: var(--color-white) !important;
    }
    .mobile-popover-content .dropdown-container {
        position: static !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        max-height: 150px !important;
        overflow-y: auto !important;
    }
 
    .mobile-popover-content .text-field input {
        width: 100% !important;
        padding: 8px 12px !important;
        border: 1px solid var(--color-link-water) !important;
        border-radius: 6px !important;
        font-size: 14px !important;
    }
    .mobile-popover-content .text-field label {
        font-size: 13px !important;
        font-weight: 500 !important;
        display: block !important;
    }
    .segmented-control .segment-item {
        padding: 8px 8px;
        width: max-content;
    }
    #textField_comp_text_filter {
        display: none;
    }
    .mobile-popover-content #textField_comp_text_filter {
        display: block !important;
    }
}
.popover {
    max-width: 420px;
    border: 1px solid var(--color-turqoise) !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    font-family: var(--font-family-base) !important;
}
.popover-header {
    background: linear-gradient(135deg, var(--color-tmf-slate), var(--color-wedgewood)) !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 12px 20px !important;
    border-bottom: none !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    border-top-left-radius: calc(2.3rem - 21px) !important;
    border-top-right-radius: calc(2.3rem - 21px) !important;
}
.popover-body {
    padding: 0 !important;
    background: var(--color-white) !important;
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    border-top-color: var(--color-white) !important;
}
.chart-container-flex {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    margin-top: 15px;
    padding: 10px;
}
.chart-visual {
    position: relative;
    width: 216px;
    height: 154px;
    flex-shrink: 0;
}
.chart-center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.chart-center-text .label {
    font-size: 11px;
    color: var(--color-wedgewood);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.5px;
}
.chart-center-text .value {
    font-size: 17px;
    font-weight: 700;
    color: var(--color-tmf-gray);
    line-height: 1.2;
}
.custom-legend {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: -40px;

}
.legend-item {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: var(--color-tmf-slate);
    font-weight: 500;
}
.legend-item .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    flex-shrink: 0;
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: var(--color-white) !important;
}

#transpose-filter-wrapper {
    padding: 0 15px;
}
#transpose-filter-wrapper .menu-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 24px;
}
#transpose-filter-wrapper .menu-container>[class*="col-"] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
}
.status-indicator-container {
    margin-right: 0 !important;
}
@media (min-width: 600px) and (max-width: 1100px) {
    #transpose-filter-wrapper {
        padding: 16px 20px;
    }
    #transpose-filter-wrapper .menu-container {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px;
    }
    #transpose-filter-wrapper .menu-container>[class*="col-"] {
        flex: 1 1 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}
@media (min-width: 769px) and (max-width: 880px) {
    #transpose-filter-wrapper {
        padding: 12px 16px;
    }
    #transpose-filter-wrapper .menu-container {
        flex-wrap: wrap;
        gap: 10px;
    }
    #transpose-filter-wrapper .menu-container>[class*="col-"] {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
.target-toggle {
    margin-left: var(--sidebar-width);
    padding: 10px;
    margin-right: 0 !important;
    display: flex;
    gap: 0 !important;
}
.target-toggle .table-tab-btn {
    flex: 1;
    border-radius: 0;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 24px;
    border: 1px solid var(--color-link-water);
    color: var(--color-tmf-slate);
    background: var(--color-white);
}
.target-toggle .table-tab-btn.active {
    background-color: #0078ff;
    color: var(--color-white);
    border-color: #0078ff;
}
.dataTables_wrapper {
    margin-right: 92px;
    width: calc(100% - 1px);
    margin-right: 0 !important;
}
.dataTables-wrapper {
    margin-right: 92px;
    width: calc(100% - 1px);
    margin-right: 0 !important;
}
.table-wrapper {
    margin-right: 0 !important;
}
:root {
    --stepper-primary: #00B2A9;
    --stepper-primary-dark: var(--color-surfie);
    --stepper-bg-active: var(--color-turq-lite-2);
    --stepper-border-default: var(--color-link-water);
    --stepper-text-active: var(--color-tmf-gray);
    --stepper-text-muted: var(--color-chart-3);
    --transition-base: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.stepper-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    position: relative;
}
.stepper-container::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 16.666%;
    right: 16%;
    height: 1px;
    background: var(--color-tmf-gray, var(--color-wedgewood));
    z-index: 1;
}
.step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    flex: 1;
    text-align: center;
}
.step-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-white, var(--color-white));
    border: 2px solid var(--stepper-border-default);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--stepper-text-muted);
    transition: var(--transition-base);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 12px;
}
.step-label {
    font-family: 'Geist', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--stepper-text-muted);
    transition: var(--transition-base);
    letter-spacing: -0.01em;
}
.step-item.active .step-circle {
    background: var(--color-surfie);
    border-color: var(--color-surfie);
    color: var(--color-white, var(--color-white));
    transform: scale(1.1);
}
.step-item.active .step-label {
    color: var(--stepper-text-active);
    font-weight: 600;
    transform: translateY(2px);
}
.step-item.completed+.step-item::after {
    content: '';
    position: absolute;
    top: 24px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: var(--stepper-primary);
    z-index: -1;
}
.step-item.completed .step-circle {
    background: var(--stepper-primary-dark);
    border-color: var(--stepper-primary-dark);
    color: var(--color-white);
}
@media (max-width: 600px) {
    .stepper-container {
        padding: 0 10px;
        margin-left: auto;
    }
    .step-circle {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    .stepper-container::before {
        top: 18px;
    }
    .step-label {
        font-size: 11px;
    }
}
@media (min-width:1024px) and (max-width:1366px) {
    .modal-dialog.modal-lg {
        max-width: 1024px;
    }
}
@media (min-width: 1367px) {
    .modal-dialog.modal-lg {
        max-width: 1420px;
    }
}

@media (max-width:768px) {

.dropdown-container>ul>li.active,
.dropdown-container>ul>li:hover {
    background: unset !important;
}
.mobile-nav-item .badge-info { 
	left: unset;
	top: 6px;
	transform: translateX(58%);
}
.nav-item .badge-info {
		top: 10px;
	}
    .list-table.column-2 {
        display: flex;
        /* flex-direction: column; */
    }
    .list-table {
    	padding: 0 !important;
	}

    .list-table.column-2 li {
        width: 100% !important;
        max-width: 100% !important;
    }
    .modal-body .text-field>label{
		    margin-left: unset !important;
	}

}
.btn-link {
    color: var(--color-surfie) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: var(--color-turq-lite-2) !important;
    border-color: var(--color-link-water) !important;
}

.btn-outline-primary {
    color: var(--color-tfm-slate) !important;
    border-color: var(--color-surfie) !important;
    white-space: nowrap !important;
}
.text-field>span {
    min-height: 0px !important;
}
.filter-body .dropdown-list>span.help {
    min-height: unset;
}
.dropdown-list>span.help {
    min-height: 16px;
}
.text-field:focus-within > i,
.text-field.has-value > i {
    opacity: 1;
    visibility: visible;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: var(--color-surfie) !important;
    border-color: var(--color-surfie) !important;
    color: var(--color-white) !important;
}
.filter-container-dropdown {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    margin-right: 20px;
}
.filter-container-dropdown .dropdown-list {
    width: auto;
    min-width: 140px;
    max-width: 220px;
}
.secondary-tabs-container {
    margin-left: 0;
    width: 100%;
    padding: 0;
    background-color: transparent !important;
}
.secondary-tabs {
    background-color: var(--color-white);
    border-radius: 12px 12px 0 0;
    padding: 10px 30px;
    border: 1.5px solid var(--color-link-water);
    border-bottom: none;
    display: flex;
    list-style: none;
    margin-bottom: 0;
}
.menu-container-wrapper {
    background-color: transparent !important;
    position: relative;
    display: block;
    margin-top: 0px;
}

.filter-model-content #comp_search .row {
    padding: unset;
}
.filter-body .row , .row {
	  max-width: 1842px;
        margin: 0 auto;
        background-color: var(--color-white);   
}

#comp_search .dropdown-list>span.help{
min-height:unset !important;
}
.wizard-bot-container .row
{
	max-width: unset;
}
.filter-body .row{
     max-width: unset;
    margin: unset;
    margin-top: 0rem !important;
    background-color: unset;
}

.filter-body .row {
    padding: 0 4px 10px;
    margin-top: 0rem !important;

}
.modal-body  .align-items-stretch{
	display:block !important;
}
.menu-container {
    background-color: var(--color-white);
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: unset !important;
    border-top: none;
}
.menu-container-radius-bottom {
    border-radius: 0 0 12px 12px;
}
.page-title {
    font-size: 18px;
    font-weight: 700;
    color: #202124;
    margin: 0;
    white-space: nowrap;
}
.menu-container .r26-right-section {
    display: flex;
    align-items: center;
    gap: 12px;
    width: unset;
    margin: 0;
    flex-wrap: nowrap;
    margin-right: 16px;
    justify-content: flex-end;
}
.menu-container .r26-left-section {
	width: unset !important;
    margin-left: 16px;
}
.document-wrapper .dropdown-menu .dropdown-item i {
  padding-left: 0px !important;
}
.menu-option-section>div:not(:last-child):not(:has(+ .mobile-preferences:last-child)) {
    padding-right: 16px;
}
.filter-body #textField_comp_text_filter input{
	width:100%;
}
#textField_comp_text_filter input {
    height: 42px !important;
    padding: 0px 35px 0px 8px;

    font-size: 16px !important;
    color: var(--color-tmf-slate) !important;
    background-color: var(--color-white) !important;
    border: 1px solid var(--color-link-water) !important;  
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
    width: 150px;
    outline: none !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}
.filter-body #textField_comp_text_filter i {
	top:62% !important;
}
#textField_comp_text_filter i {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: auto !important;
    font-size: 20px !important;
    color: var(--color-tmf-slate) !important;
    pointer-events: none !important;
    cursor: pointer !important;
    opacity: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    z-index: 5;
    transition: opacity 0.2s ease !important;
}
#textField_comp_text_filter.success i,
#textField_comp_text_filter.error i{
    opacity: 1 !important;
    pointer-events: auto !important;
}
#textField_comp_text_filter input:focus {
    border-color: var(--color-link-water) !important;
    outline: none !important;
}
#textField_comp_text_filter input::placeholder {
    color: var(--color-tmf-slate) !important;
    opacity: 0.8 !important;
}
.modal-header .dropdown-list .value::before {
    content: 'Currency : ';
    font-weight: 400;
    color: var(--color-wedgewood);
    margin-right: 4px;
}
.menu-container .dropdown-list .value::before {
    content: 'Currency : ';
    font-weight: 400;
    color: var(--color-wedgewood);
    margin-right: 4px;
}
.menu-container .dropdown-list .value {
    padding: 8px 30px 8px 12px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid var(--color-link-water);
    background-color: var(--color-white);
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.menu-container .dropdown-list .value:hover {
    border-color: var(--color-link-water);
    background-color: var(--color-white);
}
.filter-btn {
    display: none;
}
.btn-export, .btn-doc-dropdown {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-surfie);
    background-color: var(--color-white);
    border: 1.5px solid var(--color-surfie);
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
}
.export-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + -15px);
    right: 35px;
    left: auto !important;
    z-index: 1050;
    min-width: 98px !important;
    padding: 8px 0;
    width: 0 !important;
    margin: 0;
    list-style: none;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    animation: dropdownFadeIn 0.15s ease;
    border-radius: 10px !important;
}
.export-dropdown-menu.show {
    display: block;
}
@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.export-dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-tmf-slate);
    text-decoration: none;
    background: none;
    border: none;
    width: 100%;
    transition: background-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
}
.export-dropdown-menu .dropdown-item:hover {
    background-color: #f0fafa;
    color: var(--color-surfie);
}
.export-dropdown-menu .dropdown-item svg {
    color: var(--color-wedgewood);
    flex-shrink: 0;
    transition: color 0.15s ease;
}
.export-dropdown-menu .dropdown-item:hover svg {
    color: var(--color-surfie);
}
.control-divider {
    width: 1px;
    height: 32px;
    background-color: var(--color-link-water);
    margin: 0 8px;
}
.section-controls .icon-dropdown {
    position: relative;
}

#screenCurrency {
    position: relative;
    margin-bottom: 0;
}
.dropdown-list.small {
    width: auto;
    min-width: 0;
}
.dropdown-list.small {
    max-width: none !important;
}
.dropdown-list.small .value {
    padding: 8px 32px 8px 14px;
    font-size: 14px;
    min-height: 38px;
    border-radius: 8px;
    min-width: 160px;
}
.dropdown-list.small .dropdown-container {
    min-width: 160px;
}
.custom-search-dropdown {
    width: auto;
}
.custom-search-dropdown .dropdown-container input[type="text"] {
    font-size: 13px;
    padding: 10px 14px;
    background-color: var(--color-white);
}

.custom-search-dropdown .dropdown-container input[type="text"]:focus {
    background-color: var(--color-white);
}
.filter-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.dropdown-list {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.col-md-3 #selectedExerciseMethod {
  width: 90%;
}
.dropdown-list label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    color : var(--color-tmf-gray);
	font-weight : 400;
    text-align: left;
    margin-bottom: unset;
}
.dropdown-list.no-label label {
    display: none;
}
.dropdown-list.open .value {
    border-color: var(--color-surfie);
    background-color: var(--color-white);
}
.dropdown-list .value.placeholder {
    color: var(--color-tmf-gray);
}
.dropdown-list .value::after {
    content: '';
    position: absolute;
    right: 16px;
  /*  top: 30%;
    width: 12px;
    height: 7px;
    transform: translateY(-50%);*/    
    top: unset ;    
    width: unset ;     
    height: unset ;
    transform: none ;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    pointer-events: none;
    font-family: 'iconpark' !important;
    content: '\E2E5';
}
.child-account-dropdown > .dropdown-list .value {
	border: none;
	padding: 0px;
	height: 35px;
}
.dropdown-list .value {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border: 1px solid var(--color-link-water);
    border-radius: 10px;
    background-color: var(--color-white);
    color: var(--color-tmf-gray);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    min-width: 160px;
    transition: all 0.2s ease;
    user-select: none;
    justify-content: flex-start;
    height: 42px;
}
.dropdown-list .value:hover {
    border-color: var(--color-link-water);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    background-color: var(--color-link-water);
}
.dropdown-list .value b {
    color: var(--color-tmf-gray);
    font-weight: 600;
}
.dropdown-list.open .value::after {
    transform: translateY(-50%) rotate(180deg);
}

#contact_EWM_form .dropdown-container
{
	 top: 24%;
}

.dropdown-container {
    position: absolute;
    /*top: 78%;*/
    left: 0;
    right: 0;
    margin-top: 0px;
    background-color: var(--color-white);
    border: 1px solid var(--color-link-water);
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    overflow: hidden;
    display: none;
    animation: dropdownFadeIn 0.2s ease-out;
}
@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.dropdown-list.open .dropdown-container {
    display: block;
}
.dropdown-container input[type="text"] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #F3F4F6;
    outline: none;
    font-size: 14px;
    color: var(--color-tmf-slate);
    background-color: var(--color-white);
    background-repeat: no-repeat;
    background-position: 12px center;
}
.dropdown-container input[type="text"]::placeholder {
    color: var(--color-muted-gray);
}
.dropdown-list-ul {
    list-style: none;
    padding: 0px;
    margin: 0;
    max-height: 250px;
    overflow-y: auto;
}
table .dropdown-list-ul {
    max-height: none;
}
.dropdown-list-ul::-webkit-scrollbar {
    width: 6px;
}
.dropdown-list-ul::-webkit-scrollbar-track {
    background: transparent;
}
.dropdown-list-ul::-webkit-scrollbar-thumb {
    background-color: var(--color-link-water);
    border-radius: 10px;
}
.dropdown-list-ul li {
    padding: 10px 16px;
    font-size: 14px;
    color: var(--color-tmf-slate);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}
.dropdown-list-ul li:hover {
    background-color: #F3F4F6;
    color: var(--color-tmf-gray);
}
.dropdown-list-ul li.active {
    background-color: #E8F5F5;
    color: var(--color-surfie);
    font-weight: 600;
}
.dropdown-list-ul li.no-results {
    padding: 16px;
    text-align: center;
    color: var(--color-muted-gray);
    font-style: italic;
    justify-content: center;
}
.dropdown-list-ul.multiSelect li {
    padding: 0px 4px 0px 4px;
}
.dropdown-list-ul.multiSelect li .checkbox {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px 7px;
    margin: 0;
    cursor: pointer;
}
.dropdown-list-ul.multiSelect li .checkbox input {
    width: 16px;
    height: 16px;
    accent-color: var(--color-surfie);
    cursor: pointer;
}
.dropdown-list-ul.multiSelect li .checkbox .label-text {
    font-size: 14px;
    color: var(--color-tmf-gray);
    margin-left: 10px;
}
.dropdown-btn-group {
    border-top: 1px solid #F3F4F6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F9FAFB;
      padding: 12px;
}
.dropdown-btn-group .select-all {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-tmf-slate);
    cursor: pointer;
    margin-left: -1px;
    gap: 20px;
}
.dropdown-btn-group .select-all input[type="checkbox"] {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: var(--color-surfie);
    cursor: pointer;
}
.dropdown-btn-group .done {
    background-color: var(--color-surfie);
    color: var(--color-white);
    border: 1px solid var(--color-surfie);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}
.dropdown-btn-group .done:hover {
    background-color: var(--color-surfie);
    color: var(--color-white);
    border: 1px solid var(--color-surfie);
}
.dropdown-btn-group .clear {
    background: none;
    border: none;
    color: var(--color-muted-gray);
    font-size: 13px;
    cursor: pointer;
    padding: 4px;
}
.dropdown-btn-group .clear:hover {
    color: var(--color-tmf-slate);
}

.transaction-wrapper {
    padding: 4px 10px 30px 8px;
    max-width: 1842px;
    margin: 0 auto;
}


@media (max-width: 600px) {
    .main-content,
    .menu-container-wrapper {
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: auto;
    }
    .menu-container {
        padding: 8px 0px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 0;
    }
    .menu-container .section-controls {
        width: 100%;
        display: flex;
        margin-right: 42px;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: flex-end;
    }
    .section-controls .control-divider {
        display: none;
    }
    .menu-container .custom-search-dropdown.small {
        min-width: 100px;
        flex: 1;
    }
    .btn-filters,
    .btn-export {
        padding: 8px 14px;     
        font-size: 13px;
        flex: 0 0 auto;
    }
    .btn-export {
        margin-left: 0;
    }
    .btn-filters {
	    position: relative;
	    display: inline-flex;
	    overflow: visible;
	}
	.btn-filters .filter-badge {
	    position: absolute;
	    top: 0px;
	    left: calc(50% + 12px);
	    transform: translateX(-50%);
	    min-width: 18px;
	    height: 18px;
		background-color: var(--color-surfie);
	    color: #fff;
	    padding: 0px 4px;
	    font-size: 11px;
	    font-weight: 700;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 1.25rem;
	
	    white-space: nowrap;
	    pointer-events: none;
	
	}
    .secondary-tabs {
        padding: 0 12px;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        scrollbar-width: none;
    }
    .secondary-tabs::-webkit-scrollbar {
        display: none;
    }
    .secondary-tab {
        padding: 12px 14px;
        font-size: 13px;
        border-radius: unset;
    }
    .secondary-tab.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-surfie);
    border-radius: 4px 4px 0 0;
    }
    .tabs-nav {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        scrollbar-width: none;
        border-radius: 8px;
        width: 100%;
        display: flex;
        border: none;
    }
    .tabs-nav::-webkit-scrollbar {
        display: none;
    }
    .tab-btn {
        flex: 0 0 auto;
        padding: 10px 16px;
        font-size: 13px;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .menu-container {
        padding: 16px 20px;
        flex-wrap: wrap;
        gap: 12px;
    }

    .page-title {
        font-size: 18px;
        width: 100%;
    }

    .section-controls {
        width: 100%;
        justify-content: flex-start;
    }
}
@media (min-width: 1024px) and (max-width: 1440px) {
    .menu-container {
        padding: 20px 20px;
    }
    .table-container {
        padding: 0px 20px;
    }
    .page-title {
        font-size: 18px;
    }
}
@media (min-width: 1440px) and (max-width: 1920px) {
    .modal-body .table-container {
        padding: unset;
    }
    .menu-container {
        padding: 16px 20px;
    }
    
    .table-container {
        padding: 0px 20px;
    }
    .page-title {
        font-size: 18px;
    }
}
@media (min-width: 1920px) {


    tr.group.group-start > td.first-child:has(> .table-group-btn):not(.table-level-2 tr.gp-level-1 > td:first-child) > .table-group-btn {
        position: absolute !important;
        left: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
   }
	th:has(> .expand-collapse-all) > .expand-collapse-all,
	td.first-child:has(> .table-group-btn):not(.table-level-2 tr.gp-level-1 > td:first-child) > .table-group-btn {
   		position: absolute;
   	    left: 12px;
  		top: 50%;
  		transform: translateY(-50%);
  		margin: 0;
	}	
    .ewm-r26-close::before {
  	    font-family: 'iconpark' !important;
  	    content: "\E1D6" !important;
  	    position: relative;
  	    top: -1px;
	    left: -0.3px;
	}
    .modal-body .table-container {
        padding: unset;
    }
    .table-container {
        padding: 0px 18px;
    }
    .menu-container, .main-content {
        padding: 14px 18px;
    }
    .menu-container,.table-container, .main-content {
        max-width: 1842px;
        margin: 0 auto;
    }
    .app-bar-wrapper .main-content {
		padding: 18px 0px;
	}
    .wrapper-content {
        padding: 18px 18px;
        max-width: 1842px;
        margin: 0 auto;
    }
    .page-title {
        font-size: 18px;
    }
}
.trpStickybar .list-table.column-2 > li.text-right {
    display: flex;
    justify-content: flex-end;
}
.segmented-control {
    display: flex;
    background-color: var(--color-chart-1);
    border-radius: 8px;
    padding: 8px;
    margin: 0;
    margin-right: auto;
}
.segment-item {
    padding: 6px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-wedgewood);
    transition: all 0.2s ease;
}
.segment-item.active {
    background-color: white;
    color: var(--color-surfie);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.status-indicator {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc(100% - 23px);
    margin: 10px 45px 10px;
}
.status-indicator li {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-tmf-gray);
    font-weight: 500;
}

.status-indicator li::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    flex-shrink: 0;
    border-radius: 2px;
    margin-top: 2px;
}
.status-indicator li.warning::before {
    background-color: var(--color-warning);
}
.status-indicator li.success::before {
    background-color: #0E7A78;
}
.status-indicator li.error::before {
    background-color: var(--color-error);
}
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-header-middle {
	display: flex;
    align-items: center;
}
.breadcrumb-section {
    display: flex;
    align-items: center;
    gap: 8px;
}
.breadcrumb-item {
    font-size: 14px;
    color: var(--color-tmf-gray);
    font-weight: 400;
}
.breadcrumb-current {
    font-weight: 600;
    color: var(--color-tmf-gray);
}
.breadcrumb-separator {
    color: var(--color-tmf-slate);
    font-size: 14px;
    margin: 0 4px;
}
.selected-plan-section {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;         
    background-color: var(--color-white);
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--color-link-water);
}
a.selected-plan-section,
a.selected-plan-section:hover,
a.selected-plan-section:visited {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  outline: none;
}

  .selected-plan-section .selected-plan-label {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    flex-shrink: 0;
}

  .selected-plan-section .selected-plan-value {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;          
}

  .selected-plan-section .btn-link {
    flex-shrink: 0;
    padding: 0;
    line-height: 1;
}
.valuation-info-bar {
    display: flex;
    align-items: center;
    background-color: var(--color-turq-lite-2);
    border-radius: 4px;
    padding: 10px 16px;
    margin-bottom: 14px;
    font-size: 15px;
    color: var(--color-tmf-slate);
    font-weight: 500;
    line-height: 1.5;
}
.valuation-info-bar span {
    color: var(--color-tmf-slate);
}
.toggle-wrapper {
    margin-left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
    padding: 0 40px;
    background-color: transparent !important;
    position: relative;
    display: block;
    margin-top: -28px;
}
.toggle-wrapper .menu-container {
    display: flex;
    justify-content: center !important;
}

.notification-bar {
    padding: 10px;
    background-color: var(--color-white);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-width: 1842px;
    margin: 0 auto;
}
.valuation-info-bar p {
    align-items: center;
    margin: 0px;
    padding: 10px;
}
.modal-body .container {
    background-color: var(--color-white) !important;
}
.ewm-arrow-down:before {
    font-family: 'iconpark' !important;
    content: "\E2E5" !important;
    color: var(--color-surfie);
    font-size: 15px;
}
.ewm-arrow-right:before {
    font-family: 'iconpark' !important;
    content: "\E7E0" !important;
}
.ewm-arrow-up:before {
    font-family: 'iconpark' !important;
    content: "\E9CE" !important;
}
.filter-model-body .dropdown-list>span.value:after {
    font-family: 'iconpark' !important;
    content: '';

}
#point_table i.ewm-arrow-right,
#point_table i.ewm-arrow-down,
#point_table .exp-col-all-btn i {
    display: inline-block !important;
    transition: transform 0.3s ease-in-out !important;
}
#point_table i.ewm-arrow-right {
    transform: rotate(-90deg) !important;
}

.filter-model-body .dropdown-btn-group .done {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
}
.filter-model-body .dropdown-container input[type="text"] {

    padding: 12px 14px 12px 14px;
}
.filter-model-body .dropdown-list-ul.multiSelect li .checkbox .label-text {
    padding-left: 10px;
}
.filter-model-body .dropdown-list-ul.multiSelect li:hover {
    background-color: var(--color-white) !important;
}
.filter-model-body .dropdown-list-ul.multiSelect li.active {
    background-color: var(--color-white) !important;
    color: var(--color-tmf-gray) !important;
}
.filter-model-body .dropdown-list .value::after {
    display: block !important;
    content: '\E2E5' !important;
    font-family: 'iconpark' !important;
    position: absolute !important;
    right: 18px !important;
    top: 68% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    color: var(--color-tmf-slate) !important;
    pointer-events: none;
}
.filter-model-body .dropdown-list .dropdown-container {
    position: absolute;
    top: 32px;
    border-radius: 14px;
}
.dropdown-container>ul>li.active,
.dropdown-container>ul>li:hover {
   	background: var(--color-turq-lite-2) !important;
    color: var(--color-tmf-gray);
}
.dropdown-container>ul>li {
    margin: 6px;
    padding: 6px;
    transition: 0.25s all;
    border-radius: 2px;
    word-wrap: break-word;
    font-size: 14px;
    cursor: pointer;
    display: block;
    font-weight: 500;
}
.child-account-dropdown>.dropdown-list>span.value,
.dropdown-container>ul>li {
    font-size: 14px;
}
table .iconpark-down:before {
    position: relative;
    left: 4px;
}
table .ewm-arrow-right:before {
    position: relative;
    left: 3px;
}
.dropdown-container>input {
    display: block;
    width: 100%;
    padding: 6px 30px 6px 12px;
    border: 0px;
    border-bottom: 1px solid #D3D9Df;
    min-height: 36px;
    box-sizing: border-box !important;
    border-radius: 5px 5px 0px 0px;
    outline: none !important;
    box-shadow: none !important;
}
/*.filter-model-body :focus,
.modal-vertical-filters :focus,
.dropdown-container :focus,
.dropdown-list .value:focus,
.dropdown-list.open .value {
    box-shadow: none !important;
    outline: none !important;
}*/
.filter-model-body .text-field input::placeholder,
.filter-model-body .dropdown-list>span.value.placeholder {
    color: var(--color-tmf-gray) !important;
    font-weight: 300;
}
.filter-model-body .dropdown-container,
.modal-vertical-filters .dropdown-container {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
}
.dropdown-container>ul.multiSelect>li.active>.checkbox {
    
    background: var(--color-turq-lite-2);
}
.dropdown-list>span.value>span {
    padding: 2px;
    background: var(--color-surfie);
    color: var(--color-white);
    margin-right: 4px;
    margin-left: -8px;
    border-radius: 54%;
    border: 2px solid var(--color-white);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    text-align: center;
    min-width: 24px;
    display: inline-block;
    position: relative;
    top: 0px;
    line-height: 17px;
    font-size: 15px;
}
.filter-model-body .dropdown-list i,
.filter-model-body .text-field i {
    position: absolute !important;
    right: 18px !important;
    top: calc(50% + 18px) !important;
    transform: translateY(-50%) !important;
    color: var(--color-surfie) !important;
    font-size: 18px !important;
    display: block !important;
    visibility: visible;
}
.input {
    color: var(--color-tmf-gray);
}
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--color-tmf-gray);
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: var(--color-tmf-gray);
}
.tooltip-inner {
    background-color: var(--color-turq-lite-2);
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--color-turq-lite-1) !important;
    border-color: var(--color-turq-lite-1) !important;
}
.filter-model-body {
    position: relative;
}
.filter-model-body .dropdown-container {
    z-index: 120108 !important;
}
.filter-model-body .dropdown-container>ul>li {
    margin: 1px 0px 1px 0px !important;
}
.wizard div.col:first-child::before {
 /*   margin-left: 56px; */
}
.agreement-container>* {
    float: left;
}
.wizard>div.col:last-child:after {
    content: none;
}


.wizard>div.col a:hover {
    text-decoration: none;
}
.wizard>div.col a {
    color: #2E4251;
}
 /*
.wizard>div.col.active::before {
    background: var(--color-surfie);
    color: var(--color-white);
    border-color: var(--color-surfie);
   
} */
.wizard>div.col.error::before,
.wizard>div.col.warning::before,
.wizard>div.col.success::before {
    font-family: 'ewm-icon';
    color: var(--color-white);
}
.wizard>div.col.success::before {
	font-family: 'iconpark' !important;
    content: '\E196';
    background: var(--color-surfie);
	border-color: var(--color-surfie);
    font-size: 24px;
}
.wizard>div.col.error::before,
.wizard>div.col.warning::before {
    content: '\e645';
    background: #FAA51F;
    border-color: #FAA51F;
}
.wizard>div.col.active.success:before {
    color: var(--color-white);
    content: '\E196';
    background: var(--color-surfie);
    border-color: var(--color-surfie);
    animation: loading 3s ease-in 1 forwards;
}
.wizard>div.col.warning {
    background: #FEF4E4;
}
.wizard>div.col.warning::after {
    background: #FEF4E4;
}
.wizard>div.col.error {
    background: #F9E1E4;
}
.wizard>div.col.error::after {
    background: #F9E1E4;
}
.wizard>div.col.error::before {
    background: var(--color-error);
    border: 1px solid var(--color-error);
}
.wizard>div.col.disabled {
    background: #e4e4e4;
}
.wizard>div.col.disabled::after {
    background: #e4e4e4;
}
.wizard>div.col.disabled::before {
    color: var(--color-white);
    background: #c9cac8;
    border-color: #bebebe;
    pointer-events: none;
}
.wizard-footer .btn {
    margin: auto 3px;
}
.wizard-footer .dropdown-list>span.value {
    height: 36px;
}
.wizard-footer .btn.btn-reset {
    color: #428BCA;
    background: transparent;
}
.wizard.top-sticky,
.wizard-footer.bottom-sticky {
    position: fixed;
    z-index: 99;
    width: cal(100%-115px);
    padding-left: 178px !important;
}
.wizard.top-sticky {
    top: 0;
    margin-left: -28px;
    padding: 0px 12px;
    width: 100%;
}
.wizard-footer.bottom-sticky {
    bottom: 0;
    margin: 0px -193px;
    width: 100%;
    padding: 0px 82px;
}
.wizard-footer .btn i {
    padding: 0px !important;
}
.wizard-footer.bottom-sticky .dropdown-list>span.value::before {
    display: inline;
    transform: rotate(180deg);
}
.wizard-top-container {
    min-height: 55px;
}
.wizard-bot-container {
    min-height: 64px;
    width: 100%;
}

.wizard-footer .checkbox input[type="checkbox"] {
    position: relative;
    top: 2px;  
    left : 16px;
}

.wizard-bot-container:has(.bottom-sticky) {
padding-right: 15px;
padding-left: 15px; 
}
.wizard-footer>div {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #bebebe;
    background: var(--color-white);
}
.wizard-footer>div {
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
}
.wizard-footer .ewm-close::before {
    font-size: 12px;
}
.wizard-footer>div:first-child {
    justify-content: flex-start;
}
.wizard-footer>div:first-child>* {
    margin: 2px;
}
.wizard-footer>div:first-child {
    justify-content: center;
}
.wizard-footer>div:nth-child(2) {
    order: -1;
}
.wizard-footer>div:last-child {
    justify-content: flex-end;
}
.wizard-footer .dropdown.show .dropdown-toggle {
    background: rgb(243, 248, 252);
}
.wizard-footer .dropdown .btn {
    background: #E8F1F9;
    color: #2E4251;
    border: 1px solid #a7a7a7;
}
.wizard-footer .radio-group .checkbox {
    margin-right: 0px;
    white-space: nowrap;
}
.wizard-footer .radio-group {
    height: auto;
}
.wizard-footer .radio-group+a.btn {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: var(--color-link-text);
    margin-top: 1.2px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 8px;
}
.wizard-footer .radio-group+a.btn:hover {
    text-decoration: underline;
}
.wizard-footer .radio-group .label-text::before {
    height: auto;
    width: auto;
    font-size: 14px;
}
.btn.btn-primary {
    background: var(--color-surfie);
    color: var(--color-white);
    border: 1px solid var(--color-surfie);
    font-size: 14px;
    white-space: nowrap;
    border-radius: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
}
.btn.btn-link {
    text-decoration: none;
    background: transparent;
    cursor: default;
}
.btn.btn-link i.inActive {
    color: var(--color-link-water);
}
.btn.btn-icon {
    cursor: pointer;
}
.btn.btn-danger {
    color: var(--color-error);
    background: transparent;
    border: 1px solid var(--color-error);
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
    color: var(--color-error);
}
.btn.btn-reset:hover,
.btn.btn-reset:focus {
    color: var(--color-sherpa);
}
.btn.btn-secondary i {
    font-size: 12px;
    margin-right: 4px;
    
}
#cancel i {
    margin-top: 9px !important;
    margin-left: 0px;
    margin-right: 0px;
}
.btn.btn-primary i {
    font-size: 12px;
    color: var(--color-white);
    margin-left: 4px;
}
.wizard-footer .btn.btn-primary i {
    font-size: 22px;
    color: var(--color-white);
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 4px;
}
.btn.btn-secondary {
    color: var(--color-surfie);
    background-color: var(--color-turq-lite-2);
    border-color: var(--color-surfie);
    border-radius: 50px !important;
    font-size: 14px;
    height: 40px;
    font-weight: 600;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    margin: 5px !important;
    text-decoration: none !important;
   /* padding-bottom: 8px;*/
  /*  min-width: 98px; */
}
.wizard-footer .btn.btn-secondary {
    justify-content: flex-start !important;
}
.expand-collapse-all .btn.disabled {
  pointer-events: auto;
}
.btn:disabled,
.btn.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.btn.btn-secondary:disabled,
.btn.btn-secondary.disabled {
    pointer-events: none;
    border-color: var(--color-turq-lite-1);
    opacity: 0.45;
}
.btn.btn-primary-dark {
    font-size: 14px;
    height: 36px;
    background: var(--color-surfie);
    color: var(--color-white);
}
.btn.btn-primary-dark:focus {
    box-shadow: 0px 0px 2px 4px var(--color-wedgewood);
}
.document-wrapper .show > #documentMenu.btn-primary.dropdown-toggle {
    background-color: var(--color-surfie) !important;
    border-color: var(--color-surfie) !important;
}
.document-wrapper .dropdown-menu {
	border-radius: 10px !important;
}
.btn.btn-primary-dark:hover {
    background: var(--color-turqoise);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: var(--color-turqoise);
    border-color: var(--color-turqoise) !important;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
    background-color: var(--color-turq-lite-1) !important;
   /*color: var(--color-tmf-slate) !important;*/
}
.btn.btn-secondary:active {
    background-color: var(--color-turq-lite-2) !important;
    border-color: var(--color-sherpa) !important;
    box-shadow: 0 0 0 .2rem var(--color-sherpa);
    color: var(--color-white) !important;
}
.text-right input {
    text-align: right !important;
}
.text-field>input {
    width: 100%;
    font-size: 14px;
    padding: 6px;
    border: 1px solid var(--color-link-water);
    color: var(--color-chart-3);
    transition: 0.25s all;
    height: 42px;
    border-radius: 8px;
}
.text-field .iconpark-close-one {
    top: 12px;
}
input[type="radio"],
input[type="checkbox"] {
    accent-color: var(--color-surfie);
    appearance: auto !important;
    -webkit-appearance: auto !important;
}
input[type="radio"]:focus,
input[type="radio"]:focus-visible {
    outline: none;
    box-shadow: none;
}
.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.awardSelect input[type="checkbox"] {
    transform: translateY(4px);
}

.card-value {
    white-space: normal;
    overflow-wrap: break-word;
}
.card-value-section {
    min-width: 0 !important;
}
.card-value-section {
    display: flex;
    align-items: center;
    gap: 8px;
    align-items: flex-end;
}
.meta-value {
    display: inline-block;
    text-align: center;
    line-height: 1.3;
    max-width: 230px;
    word-break: break-word;
    white-space: normal;
}
.all-accounts-link {
    text-align: left !important;
}
.meta-value::first-line {
    white-space: nowrap;
}
.meta-value {
    display: inline-block;
    text-align: right;
    width: 220px;
    line-height: 1.3;
    white-space: normal;
}
/*.filter-body {
    display: flex;
}*/
.section-controls .text-field {
    position: relative !important;
    display: flex;
    align-items: center;
}
.section-controls .text-field i.iconpark-close-small,
.section-controls .text-field i.ewm-cancel {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    pointer-events: none !important;
    color: var(--color-surfie);
    font-size: 18px !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}
.section-controls .text-field.success i.iconpark-close-small,
.section-controls .text-field.success i.ewm-cancel,
.section-controls .text-field.error i.iconpark-close-small,
.section-controls .text-field.error i.ewm-cancel {
    opacity: 1 !important;
    pointer-events: auto !important;
}
.ewm-cancel::before {
    font-family: 'iconpark' !important;
    content: "\E1D4" !important;
}
.export-list {
    display: flex;
    align-items: center;
    gap: 10px;
    width: -webkit-fill-available;
}
.action-content-wrapper {
    max-width: 1842px;
    margin: 0 auto;
}
.ewm-more::before {
    font-family: 'iconpark' !important;
    content: "\E64C" !important;
}
table .ewm-close::before {
    font-family: 'iconpark' !important;
    content: "\E1D4" !important;
    position: absolute;
    top: 4px;
    right: 4px;
}
.text-field>i {
    position: absolute;
    top: 58%;
    right: 12px;
    opacity: 1;
    transition: 0.25s all ease;
    font-size: 16px;
    cursor: pointer;
    visibility: hidden;
    z-index: 2;
}
.text-field.no-label>i,
.text-field.table-filter>i,
.text-field>input:first-child+i {
    top: 6px;
}

.text-field>i:hover {
    opacity: 0.7;
}
.text-field {
    position: relative;
    overflow: hidden;
}
.text-field>input:active,
.text-field>input:focus {
    border: 1px solid var(--color-link-water);
    background-color: var(--color-white);
    outline: none;
} 
.modal .h4,
h4 {
    font-size: 16px;
}
.modal .modal-title {
    font-size: 20px !important;
    margin-left: 12px;
}
.modal-body .card-heading h4 {
    font-size: 18px !important;
    font-weight: 500 !important;
}
.modal .h1,
.modal .h2,
.modal .h3,
.modal .h4,
.modal .h5,
.modal .h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
}
.modal table tbody tr td h3 {
  padding-left: 0;
}
.btn-primary.focus,
.btn-primary:focus {
    border-color: var(--color-turqoise);
}
.modal .card-list {
    border: 1px solid var(--color-turq-lite-1);
    margin-top: 10px;
    margin-right: 0 !important;
}
.modal-content {
    border-radius: 22px !important;
}
.list-table {
    width: 100%;
    background: #fff;
    margin: 0px auto;
    padding: 12px 0px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
}
.list-table>li {
    width: calc(100% - 1%);
    max-width: calc(100% - 1%);
    flex-basis: calc(100% / 1 - 1%);
    padding-bottom: 3px;
    border-bottom: 1px solid var(--color-surfie);
    margin: 0px 0.5%;
}
.list-table.no-border>li {
    border-bottom: 1px solid transparent;
}
.list-table.no-border>li .btn {
    margin-top: 17px;
}
.list-table.column-2>li {
    max-width: calc(100% / 2 - 1%);
    flex-basis: calc(100% / 2 - 1%);
}
.list-table.column-3>li {
    max-width: calc(100% / 3 - 1%);
    flex-basis: calc(100% / 3 - 1%);
}
.list-table.column-4>li {
    max-width: calc(100% / 4 - 1%);
    flex-basis: calc(100% / 4 - 1%);
}
.list-table.column-5>li {
    max-width: calc(100% / 5 - 1%);
    flex-basis: calc(100% / 5 - 1%);
}
.list-table.column-6>li {
    max-width: calc(100% / 6 - 1.01%);
    flex-basis: calc(100% / 6 - 1.01%);
}
.list-table.column-7>li {
    max-width: calc(100% / 7 - 1.01%);
    flex-basis: calc(100% / 7 - 1.01%);
}
.list-table.column-8>li {
    max-width: calc(100% / 8 - 1%);
    flex-basis: calc(100% / 8 - 1%);
}
.list-table>li>div:not([class]):first-child {
    font-size: 12px;
}
.list-table>li>div:not([class]):last-child {
    margin-top: 10px;
    color: #758999;
    font-size: medium;
    font-family: 'semibold';
}
.list-table.with-help>li>div .help {
    min-height: 18px;
    display: block;
}
.list-table>li>div {
    min-height: 0px;
    margin-top: 6px;
    height: auto;
}
.list-table>li>div .help {
    min-height: 0px;
}
.text-text {
    position: relative;
    overflow: hidden;
    min-height: 0px;
    padding: 0px;
}
.text-text>label {
    font-size: 12px;
    color: #283A47;
    font-weight: normal;
}
.text-text>span.value {
    display: block;
    padding: 6px 0px;
    font-size: 12px;
    color: #283A47;
}
.text-text>span.help {
    min-height: 18px;
    font-size: 12px;
    display: block;
}
.text-area>textarea {
    background: #FFFFFF;
    border: 1px solid var(--color-link-water);
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    color: #2E4251;
    padding: 6px;
}
.modal .modal-header {
    padding: 0.75rem 1.3rem;
    padding-bottom: 8px;
    align-items: center;
    justify-content: space-between;
}
.modal .modal-header .close{
    margin: 0rem -0.3rem 0rem auto !important;
}
.modal-footer {
  padding: 0.75rem 1.75rem !important;
}
.text-area>textarea:focus {
    border: 1px solid var(--color-link-water);
    background-color: var(--color-white);
    outline: none;
}
.modal-body .dropdown-container {
    top: 80% !important;
}
.filter-model-body .dropdown-container {
    top: 100% !important;
}
.dropdown-container>button.clear {
    background: var(--color-surfie) !important;
    color: var(--color-white);
    border: none;
    width: 96%;
    margin: 4px 2%;
    padding: 8px;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    transition: all 0.2s ease;
}
.dropdown-container>button.clear:hover {
      color: var(--color-white);
}
.dropdown-container>button.clear:active {
    background: var(--color-turqoise) !important;
    transform: scale(0.98);
}
.dropdown-container>button.clear:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 178, 169, 0.3);
}
.card-list-content > p {
   margin: 12px 0.5% 0 0.5%;
   overflow-wrap: break-word;
   padding: unset;
}
.card-icon + .card-list-content > p {
   margin: 12px 2.5% 0 2.5%;
}
.card-heading h4 {
    margin-left: 0.5%;
    padding-left: 0px;
}
.card-list-content {
    max-width: 100%;
}
.card-list .card-heading {
    padding: 0.25rem !important;
}
.card-list .card-heading {
    padding-bottom: 0px !important;
    padding-top: 12px !important;
}
.card-list .card-body {
    padding-top: 1px !important;
}
.card-list .card-list-content {
    padding: 1px !important;
}
#textField_benefAccOrIbanCash,
#textField_correspAccOrIbanCash {
    overflow: visible !important;
}
#countryOptCash .value {
    line-height: 30px !important;
}
#countryOptCash span.value {
    margin-top: 2px;
}
.text-field>span,
.text-field>label {
    font-size: 12px;
    display: block;
    color : var(--color-tmf-gray);
	font-weight : 400;
    margin-bottom: unset;
}
.text-field:has(input[type="radio"])>i {
    top: 60%;
}
.tooltip .tooltip-inner {
    background-color: var(--color-surfie) !important;
    color: var(--color-white) !important;
}
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: var(--color-surfie) !important;
}
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--color-surfie) !important;
}
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: var(--color-surfie) !important;
}
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--color-surfie) !important;
}
table th .exp-col-all-btn {
    position: relative;
    right: 5px;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--color-tfm-slate) !important;
    text-decoration: none;
    background-color: var(--color-turq-lite-2) !important;
    border-radius: 10px ;
}
.dropdown-menu.dropdown-menu-form .dropdown-list-ul li:hover {
    background-color: var(--color-turq-lite-2) !important;
}
th>.indeterminate>input[type="checkbox"]+.label-text:before {
    content: "_";
    color: #428BCA;
    background: transparent;
    font-family: 'iconpark';
}
.indeterminate.readonly>input[type="checkbox"]:checked+.label-text:before,
.indeterminate.disabled>input[type="checkbox"]:checked+.label-text:before {
    content: "+";
    color: #C6DCEF;
    background: transparent;
}
.indeterminate>input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
}
.indeterminate>input[type="checkbox"]::after {
    content: "\E638";
    font-family: 'iconpark';
    position: relative;   
    font-weight: 800;    
    border: 1px solid var(--color-surfie);
    font-size: 14px;
    line-height: 1;
    color: var(--color-white);
    background-color: var(--color-surfie);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--color-link-water) !important;
    background: var(--color-surfie) !important;
    font-weight: normal !important;
    color: var(--color-white) !important;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    margin-right: 10px;
}
.text-field.date-picker:focus-within i::before {
    content: "\E1D4";
    
}
.text-field.date-picker input:not(:placeholder-shown) + i::before {
  content: "\E1D4"; 
}
@media screen and (max-width: 769px),
screen and (max-height: 375px) and (max-width: 812px) {
	.currency-wrapper{
		display:none;
	}
	.table-container{
		padding: unset;
	}
    .table-res thead th.check-all,
    .table-res thead th.more {
        font-family: "Geist" !important;
    }
    .filter-body>div>div:not(.filter-body-top).filter .dropdown-list>label {
               background: var(--color-surfie) !important;
    }
    .filter-body .text-field>label {
              background: var(--color-surfie) !important;
    }
    #clearForm.btn-secondary,
    #resetForm.btn-secondary {
        width: 52px;
    }
    #cancel.btn.btn-secondary {
        /* width: 100%; */
        min-width: 52px;
        padding-left: 18px;
        padding-bottom: 7px;
    }
    #cancel.btn.btn-secondary i {
        padding-right: 3px;
    }
    #continue.btn.btn-primary {
        width: 52px;
    }
    td a:has(i.iconpark-info) {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
}
#investment_table {
  /*  table-layout: fixed; */
}
/*
#investment_table th,
#investment_table td {
    width: auto !important;
}*/
.table tr td:has(> div > input) {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}
.table> :not(caption)>*>* {
    background-color: transparent ;
    color: var(--color-tmf-slate);
    padding: 12px !important;
    padding-bottom: 7px !important;
    padding-top: 7px !important;

}
.body-container > .row:has(.row.wizard) {
    background-color: var(--color-white) !important;
    margin-bottom: 2px;
}
.row.wizard::before {
   /* content: "";
    position: absolute;
    top: 52px;          
    left: 16%;
    right: 16%;
    height: 2px;
    background-color: var(--color-tmf-slate);
    z-index: 0; */
}
.row.wizard::before {
    display: none;
}

table thead.fixed-header tr th:first-child {
    border-top-left-radius: 10px;
}
table thead.fixed-header tr th:last-child {
    border-top-right-radius: 10px;
}
table tfoot.fixed-footer tr:nth-last-child(2) th:first-child {
    border-bottom-left-radius: 10px;
}
table tfoot.fixed-footer tr:nth-last-child(2) th:last-child {
    border-bottom-right-radius: 10px;
}
.menu-container-wrapper .menu-container::after{
    content: none !important;
    display: none !important;
}
 .toggle-btn-wrapper .main-content{
	    padding: 8px 15px !important;
}
 .toggle-btn-wrapper .main-content {
    flex: 1;
    background-color: var(--color-white);
    max-width: 1842px;
    margin: 0 auto;
    min-width: 0;
    overflow-x: hidden;
}
 .toggle-btn-wrapper .main-content .secondary-tabs-container{
   border-bottom : none !important;
 }

.filter-container{
	display : none;
	margin-top: unset !important;
}
.page-bar-wrapper:has(.secondary-tabs-container .secondary-tabs)
  + .menu-container-wrapper
  .menu-container {
  border-radius: 0;
}
.menu-container {
    margin-top: 0px !important;
    border-radius: 12px 12px 0 0;
}

.ewm-flag::before{
	 font-family: 'iconpark' !important;
	 content : "\E3E4";
}
.ewm-close::before {
    font-family: 'iconpark' !important;
    content: "\E1D6" !important;
}
.ewm-r26-close::before {
    font-family: 'iconpark' !important;
    content: "\E1D6" !important;  
    position: relative;
    top: -0.6px;
    left: -0.3px;
}
.ewm-delete::before {
    font-family: 'iconpark' !important;
    content: "\E290" !important;
}
.ewm-replay::before {
    font-family: 'iconpark' !important;
    content: "\E9BE" !important;
}
.radio-group .checkbox .label-text{
    padding-left : 22px;
}
.ewm-arrow_forward::before
{
	font-family : 'iconpark';
	content: "\E094" !important;
}
.ewm-arrow-left::before
{
	font-family : 'iconpark';
	content: "\E587" !important;
}
.row:has(.toggle-btn-wrapper) {
   position: relative !important;
    z-index: 999 !important;
    overflow: visible !important;
      /* border-top-left-radius: 10px !important; */
   /* border-top-right-radius: 10px !important; */
    border-bottom: 3px solid var(--color-selago) !important;
}

.row:has(> .col-md-12 > .row.wizard) {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.toggle-btn-wrapper .main-content > .secondary-tabs-container {
    
    border-bottom : none !important;
}
.wizard-bot-container .row.wizard-footer {
    background-color: transparent ;
}
.share-price-info > span > b > small {
	font-size: 12px;
	color: var(--color-slate-gray);
	vertical-align: text-top;
}
.top-header-logo {
  margin-right: 30px;
}
.share-price-wrapper img {
  margin-right: 5px;
}
.equiv-share-price-info > span > b > small {
  font-size: 12px;
  color: #6b7c8d;
}
.equiv-share-price-info > span > small {
  font-size: 12px;
  color: #6b7c8d;
}
.top-header-right {
	display: flex;
}
.body-container:has(.row.wizard) .menu-container {
	 border-radius : unset !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	    color: #fff;
    background-color: var(--color-turqoise) !important;
    border-color: var(--color-turqoise) !important;
}
.wizard-footer .menu-container {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
}
.wizard-footer .menu-container > .col:nth-child(2) {
    order: 1 !important;
    justify-content: flex-start !important;
    flex: 1 1 0 !important;
}
.wizard-footer .menu-container > .col:nth-child(1) {
    order: 2 !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
}
.wizard-footer .menu-container > .col:nth-child(3) {
    order: 3 !important;
    justify-content: flex-end !important;
    flex: 1 1 0 !important;
}
.wizard-footer .menu-container > .col {
    display: flex !important;
    align-items: center !important;
}
.wizard-footer.bottom-sticky {   
    padding-right : 52px;
}
.ewm-star::before{
      font-family: 'iconpark' !important;
    content: "\E8D2";
    font-weight : 800;
}
  .ewm-lock::before{
    font-family: 'iconpark' !important;
    content: "\E5C5";
    font-weight : 800;
}
footer .footer-logo img.float-right {
    height: 52px;
    margin: 10px 17px 10px 10px;
}
footer .btn.btn-light {
    color: var(--color-surfie);
    background: transparent ; 
    margin-left: 7px;
}
footer .btn.btn-light:hover {
    color: var(--color-surfie);
}
.mobile-powered-logo{
	height : 40px !important;
}
.h4, h4 {
    font-family:  var(--font-family-base) !important;
    font-weight : 600;
}
.ewm-contact_phone::before
{
	font-family: 'iconpark' !important;
	content :"\E717";
}
.ewm-mail_outline::before
{
	font-family: 'iconpark' !important;
	content :"\E5E4";
}
.card-list .card-icon i {
    padding: 10px !important;
    background: var(--color-surfie);
    border-radius: 50%;
    color: #fff;
    /*margin-top: 55px !important;*/
}
.card-list .card-body>.card-icon{
	margin-top : 26px !important;
	margin-left: 20px !important;
    margin-bottom: 10px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
    footer {
         padding: 0px !important; 
    }
}
.dataTable-actions i {
	display: none;
}
.select-all-wrapper button {
   	border: 1px solid var(--color-surfie);
    margin-bottom: 12px;
    display: inline-flex;
    border-radius: 24px;
    color: var(--color-surfie) !important;
    align-items: center;
    gap: 6px;
}
.select-all-wrapper button:hover {
    background-color: var(--color-turq-lite-2);
}
.dataTable-actions button {
    margin-right: 8px;
}
.dataTable-actions button:last-child {
    margin-right: 0;
}
.dataTable-actions button:hover {
    background-color: var(--color-turq-lite-2);
}
.switch-account-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}
.switch-account-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: #ffffff;
    border: 1.5px solid #D7D8D9;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #485662;
    white-space: nowrap;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    max-width: 260px;
}
.switch-account-button:hover {
    border-color: var(--color-surfie);
    box-shadow: 0 0 0 3px rgba(0, 178, 169, 0.10);
}
.switch-account-button.open {
    border-color: var(--color-surfie);
    box-shadow: 0 0 0 3px rgba(0, 178, 169, 0.12);
}
.switch-account-button .hsd-account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #576C7C;
    flex-shrink: 0;
}
.switch-account-button .switch-account-label {
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}
.switch-account-button .hsd-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.22s ease;
    color: #576C7C;
    flex-shrink: 0;
}
.switch-account-button.open .hsd-chevron {
    transform: rotate(180deg);
}
.switch-account-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 280px;
    background: #ffffff;
    border: 1.5px solid #D7D8D9;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    overflow: hidden;
    animation: hsdSlideIn 0.18s ease forwards;
}
.switch-account-menu.open {
    display: block;
}
@keyframes hsdSlideIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.switch-account-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #F2F1F2;
    background: #fafafa;
    border-radius: 10px 10px 0 0;
}
.hsd-search-icon {
    display: inline-flex;
    align-items: center;
    color: #B2B3B5;
    flex-shrink: 0;
}
.switch-account-search-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    color: #262828;
    min-width: 0;
}
.switch-account-search-input::placeholder {
    color: #B2B3B5;
}
.switch-account-menu ul {
    list-style: none;
    margin: 0;
    padding: 6px;
}
.switch-account-menu li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    color: #485662;
    transition: background-color 0.15s ease;
    user-select: none;
}
.switch-account-menu li:not(.hsd-current):hover {
    background-color: #E0F4F3;
    color: #005050;
}
.switch-account-menu li.hsd-current {
    background-color: #E0F4F3;
    cursor: default;
    pointer-events: none;
}
.hsd-account-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background-color: #007878;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: -0.5px;
}
.hsd-account-avatar.hsd-avatar-alt {
    background-color: #576C7C;
}
.hsd-account-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.hsd-account-name {
    font-size: 13px;
    font-weight: 600;
    color: #262828;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hsd-account-id {
    font-size: 11px;
    color: #B2B3B5;
    font-weight: 400;
}
.hsd-current-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background-color: #E0F4F3;
    color: #005050;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}
.hsd-switch-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #007878;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}
.switch-account-menu li:not(.hsd-current):hover .hsd-switch-icon {
    opacity: 1;
}
.ui-tooltip {
    background: var(--color-turq-lite-2) !important;
    color: var(--color-tmf-gray) !important;
    font-size: 12px !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}
a:hover{
	color:var(--color-link-text);
	text-decoration:underline;
}
.error input, .dropdown-list.error > span.value {
  border-color: #dc3545;
}
.text-field.error > i::before {
 font-family : 'iconpark' !important;
 content: "\E09C" !important;
      color: #D0021B;
}
.text-field.error > span{
color: #D0021B;
}

.text-field.error > i{
  top : 40%;
}

.text-field.success>i.ewm-calendar-small:before,
.text-field>i.ewm-calendar-small:hover:before,
.text-field>i.ewm-cancel:hover:before {
	font-family: 'iconpark' !important;
	content :"\E1D4" !important;
    color: var(--color-tmf-slate) ;
    transition: 0.25s all ease;
    opacity: 1;
}
.ewm-share::before{
    font-family : 'iconpark';
    content: "\E858";
    color: var(--color-surfie);   
}
.header-account-dropdown {
  display: flex;
  justify-content: flex-end;
}
.user-details-wrapper {
  display: flex;
  flex-direction: column;
}
.account-name-wrap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0px 10px;
    background: #ffffff;
    border: 1.5px solid #D7D8D9;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Geist', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #485662;
    white-space: nowrap;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.account-name-wrap:has(.account-icon) {
    max-width: 464px;
}
.account-name-wrap:hover {
    border-color: #007878;
    box-shadow: 0 0 0 3px rgba(0, 178, 169, 0.10);
}
.account-name-wrap.open {
    border-color: #007878;
    box-shadow: 0 0 0 3px rgba(0, 178, 169, 0.12);
}
/* Account icon */
.account-name-wrap .account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #576C7C;
    flex-shrink: 0;
}
/* Label — truncates if long */
.account-name-wrap .hsd-label {
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}
/* Chevron */
.account-name-wrap .account-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.22s ease;
    color: #576C7C;
    flex-shrink: 0;
}
.account-name-wrap.open .account-chevron {
    transform: rotate(180deg);
}
  #nonExecutiveChildAccountList > .dropdown-container > .sub-acc-value.sub-acc-placeholder{
   all: unset;
}
.child-account-dropdown > .dropdown-list .value:hover {
  border: none;
  border-color: unset !important;
  box-shadow: none;
  background-color: unset;
}
#nonExecutiveChildAccountList > span > span.sub-acc-value.sub-acc-placeholder{
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
}   

#nonExecutiveChildAccountList > .dropdown-container {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    right: 0px;
 	left: calc(100% - 307px);
    background: #ffffff;
    width: 100%;
    border: 1.5px solid #D7D8D9;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    overflow: hidden;
    animation: hsdSlideIn 0.18s ease forwards;
}
.table-container:has(.table.d-none) {
    display: none;
}
.dropdown-list:has(.account-name-wrap) .value::after {
    all: unset;
}
#nonExecutiveChildAccountList > .dropdown-container[style*="display: block"] ~ .account-name-wrap .account-chevron {
    transform: rotate(180deg);
}
thead th.sorting:hover {
    background-color: var(--color-turq-lite-2) !important;
    color: var(--color-surfie) !important;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
thead th.sorting_asc,
thead th.sorting_desc {
    background-color: var(--color-selago) !important;
    color: var(--color-white) !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
thead th.sorting_asc::after,
thead th.sorting_desc::after {
    opacity: 1 !important;
}

.ewm-format_list_bulleted::before
{
	font-family : 'iconpark';
    content: "\E5B2";
} 
ul.ewm-r26-breadcrumb li, ul.ewm-r26-breadcrumb {
	list-style-type: none;
	cursor: default;
	margin-bottom: unset;
}
ul.ewm-r26-breadcrumb li {
	float: left;
    color: var(--color-tmf-gray);
}
ul.ewm-r26-breadcrumb > li::after {
	font-family: 'iconpark' !important;
    content: '\E7E0';
    font-size: 12px;
    margin-right: 12px;
    margin-left: 12px;
}
ul.ewm-r26-breadcrumb > li > a {
	color: var(--color-tmf-gray);
	font-weight: unset;
}
ul.ewm-r26-breadcrumb > li:last-child {
	font-weight: 600;
}
ul.ewm-r26-breadcrumb > li:last-child::after {
    content: '';
}

.card-item:hover{
	background-color: var(--color-surfie);
	color:white;
}

.card-item:hover .card-icon{
	background-color :  var(--color-white);
}

.card-item:hover .card-title {
    color: var(--color-white);
}

.card-item:hover .card-label {
    color:  var(--color-white);
}

.card-item:hover .card-value {
    color: var(--color-white); 
}

#contact_EWM_form .card-list .card-icon i 
{
	margin-right: 14px;
} 
#contact_EWM_form .card-list .card-body {
    align-items: center !important;  
}

.dropdown-btn-group>button:hover, 
.dropdown-container>button:hover {
    background: var(--color-turqoise) !important;
    color: #fff;
}
.dropdown-btn-group>button:active, .dropdown-container>button:active {
    background: var(--color-turqoise) !important;
}

.help {
    font-size: 12px;
    color: #D0021B;
    display: block;
}

#contact_EWM_form .card-icon
{
   font-size : 30px;
   background-color: transparent !important;
}

.dropdown-list.success>span.value:after, 
.dropdown-list.error>span.value:after {
    font-family: 'iconpark' !important;
    position: absolute;
    right: 7px;
   /*margin: 0px 24px 0px 0px;*/
    font-size: 18px;
}
.dropdown-list.error>span.value:after {
    content: '\E09C';
    color: #D0021B;	
}
#contact_EWM_form .text-area>textarea{
	height:132px;
}
.wizard-footer .wizard-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.wizard-wrapper {
    margin-top: 0px !important;
	flex-wrap: nowrap;
   /* padding: 18px 18px; */
    max-width: 1842px;
    margin: 0 auto;
    position: relative;
 }
 
.wizard-wrapper>div:first-child {
    justify-content: center;
}
.wizard-wrapper>div:nth-child(2) {
    order: -1;
   margin-left: 18px;
}
.wizard-wrapper>div:last-child {
    justify-content: flex-end;
    margin-right: 18px;
}

.wizard-wrapper>div:first-child>* {
    margin: 2px;
}
.wizard-wrapper>div {
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
}

#contact_EWM_form .ewm-mail_outline::before
{
	position: relative !important;
	top: -1px !important;
}
.chartjs-render-monitor{
  	margin-bottom : 8px;
  	margin-top : 8px;
}

.text-area label {
	font-size : 12px;
	color : var(--color-tmf-gray);
	font-weight : 400;
	margin-bottom: 1px;
}

.menu-container .target-toggle {
    padding: 0px;
    margin-right: 518px !important;
}
.menu-container:not(:has(.document-wrapper)) .target-toggle {
    margin-right: 315px !important;
}
.accordion-container .card-list-content:has(.payout_radio),
.accordion-container .card-list-content:has(.timeOfpayment_radio) {
    padding-left: 0 !important;
}
.btn-outline-primary {
  margin-bottom: 10px;
  margin-top: 10px;
}
.text-sm-right .btn-outline-primary {
  margin-right: 16px;
}
.d-flex .btn-primary {
  margin-bottom: 0px;
}
.accordion-container .payment_section .row [class*="col-md-"] {
    padding-left: 0 !important;
}
.col-md-8 .radio-group {
  padding-left: 18px;
}
.accordion-body .payment_section > .row > .col-md-6 > h4 {
    padding-left: 0;
}
.col-md-1 .btn-primary {
  margin-right: 20px;
  float: right;
}
.list-table.no-border > li > a.btn {
    margin-top: 17px !important;
}
.hasDatepicker::placeholder {
   font-weight : 300;
}
#filter_settlementDate_period > .value {
    font-weight: 300;
}
.card-list.w-100 .card-body .card-list-content > table {
    width: 100% !important;
}
.modal-body .list-table.with-help>li>div .help {
    min-height: 18px !important;
}
.card-list-content ul.list-table > li > #countryOptBrkge {
    margin-top: 13px !important;
}
/* steps Wizard starts */

.row.wizard {
    counter-reset: step-counter;
    background-color: var(--color-white);
}
.wizard > .col {
    counter-increment: step-counter;
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;

    padding: 12px 0;
    text-align: center;
}
.wizard > .col::before {
    content: counter(step-counter);

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    border: 2px solid var(--color-link-water);
    border-radius: 50%;
    background: var(--color-white);

    position: relative;
    z-index: 2;
}
.wizard > .col:not(:last-child)::after {
    content: "";

    position: absolute;
    top: 36px;

    left: calc(50% + 30px);
    width: calc(100% - 60px);

    height: 2px;
    background-color: var(--color-surfie);

    z-index: 1;
}
.wizard > .col.active::before {
    content: "";

    border: 2px solid var(--color-surfie);

    background:
        radial-gradient(
            circle,
            var(--color-surfie) 0 6px,
            transparent 7px
        );

    box-shadow: 0 0 0 4px rgba(0, 128, 128, 0.15);
}
.wizard > div.col:not(:last-child)::after {
    content: "" !important;
    position: absolute;
    top: 35px;
    left: calc(50% + 30px);
    width: calc(100% - 60px);
    height: 3px;
    background: var(--color-surfie);
    z-index: 1;
    transform: scaleY(0.67);
    transform-origin: center;
}
/* steps wizard end */

.card-list-wrapper {
	margin: 0 18px 18px;
}
.row > .col-md-6.d-flex > .card-list-wrapper {
    width: inherit;
}
.section-wrapper {
	padding: 0px 18px 20px;
}
.section-wrapper .card-list-wrapper {
    margin: 0 0px 18px;
}
.section-wrapper .card-heading .d-flex > .btn {
    padding-top: 0;
    padding-bottom: 0;
}
.section-wrapper .card-body p {
    padding-left: 0;
}
.account-chevron {
    display: inline-flex;
    transition: transform 0.2s ease;
}
.account-chevron.open {
    transform: rotate(180deg);
}
.filter-body  .expand-collapse-all {
  display: none;
}
label.radio {
  margin-top: 0.5rem;
}
.filter-body  .expand-collapse-all {
  display: none;
}
label.radio {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {


    .document-wrapper {
        display: inline-flex;
        align-items: center;
    }


    #documentMenu.btn.btn-primary.dropdown-toggle {
  
        background-color: transparent !important;
        border-color: transparent !important;
        color: inherit !important;
        box-shadow: none !important;


        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-width: 0;
        padding: 0;
        border-radius: 50%;
        border: 1px solid #ccc;

        background-image: none;
    }


    #documentMenu .btn-text,
    #documentMenu::after {
        display: none !important;
    }

    #documentMenu i.iconpark-doc-search-two,
    #documentMenu::before {
        font-size: 18px;
        line-height: 1;
    }


    #documentMenu.popover-active {
        background-color: rgba(0, 0, 0, 0.06) !important;
        border-color: #aaa !important;
    }


       (the popover handles it instead) */
    .document-wrapper .dropdown-menu {
        display: none !important;
    }
}

.alert.modal-alert.error > p > span > br {
    display: none;
}
/* .alert > span > p{
 background-color: var(--color-error-bg); !important ;
} */
.alert.modal-alert.error > p:has(> i:only-child) {
    flex: 0 0 auto;
}
.body-container:has(.row.wizard) > .row:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.row:has(> .col-md-12 > .row.wizard) {
  /*  border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; */
}
.notification-container-wrapper .alert.info.sticky p {
    display: block !important;
}
.notification-container-wrapper .col-md-12 .alert.info.sticky p {
	display: contents !important;
}
.body-container:has(.wizard) 
.notification-container-wrapper:has(+ .notification-container-wrapper) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.notification-container-wrapper + .row:has(> .col-md-12 > .row.wizard) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.row.notification-container-wrapper:has(+ .row .row.wizard) {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.row:has(> .col-md-12 > .row.wizard):not(:has(.notification-container-wrapper)) {
   /*  border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important; */
}
.styled-select.rounded {
	padding: 0 5px;
}
.notification-container-wrapper ~ .row > .col-md-12 > h3 {
    padding-top: 10px;
}
.row > .col-md-6 > .row > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

	  body > .container {
	        min-height: unset;
	        display: block;
	    }
    
    .plan-search-icon {
	  top: 35% !important;
	}
	 .mobile-nav-item .badge-info {
        left: unset;
        top: 6px;
        transform: translateX(58%);
    }
	.alert {
	   margin: unset !important;
	 }
    /* 1. Tabs Navigation Pill styling for iPad Portrait - Centered */
    .page-bar-wrapper,
    .main-nav-container,
    .nav-container.main-nav-container,
    .nav-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 8px 0 0 !important;
        background: transparent !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    .nav-container.main-nav-container > .tabs-nav,
    .tabs-nav {
        display: inline-flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        background-color: var(--color-white, #ffffff) !important;
        border-radius: 40px !important;
        padding: 8px 14px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        box-shadow: none !important;
        float: none !important;
    }
    .tabs-nav::-webkit-scrollbar {
        display: none !important;
    }
    .nav-container.main-nav-container > .tabs-nav .tab-btn,
    .nav-container.main-nav-container > .tabs-nav a,
    .tabs-nav .tab-btn,
    .tabs-nav a {
        flex: 0 0 auto !important;
        padding: 6px 16px !important;
        background-color: transparent !important;
        border-radius: 40px !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: var(--color-surfie, #007878) !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .nav-container.main-nav-container > .tabs-nav .tab-btn.active,
    .nav-container.main-nav-container > .tabs-nav a.active,
    .tabs-nav .tab-btn.active,
    .tabs-nav a.active {
        background-color: var(--color-surfie, #007878) !important;
        color: var(--color-white, #ffffff) !important;
        border-radius: 40px !important;
    }

    /* 2. Hide currency-wrapper for iPad Portrait alone */
    .currency-wrapper {
        display: none !important;
    }

    /* 3. Section Controls & Action Buttons Alignment for iPad Portrait */
    .filter-component-wrapper,
    .menu-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .title-preferences-group {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .menu-container .section-controls,
    .section-controls {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        width: auto !important;
        box-sizing: border-box !important;
    }
    .prefrence-holder-div,
    .mobile-preferences {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    /* 3. Bottom navigation sizing and item layout for iPad Portrait alone */
    .mobile-bottom-nav {
        min-height: 70px !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    .mobile-bottom-nav-items {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 !important;
    }
    .mobile-bottom-nav .mobile-nav-item,
    .mobile-nav-item {
        flex: 1 1 0% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 2px !important;
        text-align: center !important;
        font-size: 12px !important;
    }
    .mobile-bottom-nav .mobile-nav-item i,
    .mobile-bottom-nav .mobile-nav-item svg,
    .mobile-nav-item i,
    .mobile-nav-item svg {
        font-size: 22px !important;
        margin-bottom: 3px !important;
    }
   .row > .col-md-12 > .col-md-2 > .dropdown-list > .dropdown-container {
    width: 160px;
    }
    .row .col-md-12 .col-md-2.grouping .dropdown-list .value::after {
        left: 130px;
     }
		
     /* 4. Fix Filter & Toolbar Button icon centering & badge positioning */
    .btn-filters,
    .btn-preferences,
    .btn-export,
    .filter-btn {
        position: relative !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .btn-filters i,
    .btn-filters svg,
    .btn-preferences i,
    .btn-preferences svg,
    .btn-export i,
    .btn-export svg,
    .filter-btn i,
    .filter-btn svg {
        font-size: 18px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-indent: 0 !important;
        vertical-align: middle !important;
        margin-bottom: 4px !important;
    }

    .btn-filters .btn-text,
    .btn-preferences .btn-text,
    .btn-export .btn-text {
        display: none !important;
    }

    .btn-filters .filter-badge:not(.active),
    .btn-filters .badge:not(.active),
    .filter-btn .badge:not(.active),
    .filter-btn .filter-badge:not(.active),
    .btn-filters .filter-badge:empty,
    .btn-filters .badge:empty,
    .filter-btn .badge:empty,
    .filter-btn .filter-badge:empty {
        display: none !important;
        background: transparent !important;
        border: none !important;
    }

    .btn-filters .filter-badge.active,
    .btn-filters .badge.active,
    .filter-btn .badge.active,
    .filter-btn .filter-badge.active,
    .btn-filters .filter-badge:not(:empty),
    .btn-filters .badge:not(:empty),
    .filter-btn .badge:not(:empty),
    .filter-btn .filter-badge:not(:empty) {
        position: absolute !important;
        top: -4px !important;
        right: -4px !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        min-width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        background-color: var(--color-surfie, #007878) !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        text-align: center !important;
        padding: 0 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2 !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
        border: 1.5px solid #ffffff !important;
        margin: 0 !important;
    }

    .row {
    display: flex;
    flex-direction: column;
    	flex-wrap: nowrap;
}
    .col-md-6 {
        flex: 0 0 50%!important;

    }
  .col-md-4,.col-md-6,.col-md-3 ,.col-md-7,.col-md-5 {
          flex: 0 0 100%;
          max-width: 100%;
    }
    .wizard > .col:not(:last-child)::after {
        left: 60% !important;
        width: 80% !important;
    }
    .row.wizard {
        flex-direction: row;
    }
      .table-res td a.btn.btn-link.icon-left i.ewm-star:not(.Active) {
        margin-bottom : 10px;
    }
     #cancel.btn.btn-secondary {
        min-width: 52px;
        padding-left: 18px;
        padding-bottom: 10px;
    }
    .wizard-footer #clearForm
    {
 	    padding-top: 6px;
	    padding-left : 18px;
    }
    .wizard-footer #resetForm {
        padding-top: 6px;
        padding-left: 18px;
    }
      .table-res td a.btn.btn-link.icon-left i.ewm-star:not(.Active) {
        margin-bottom : 10px;
    }
     #cancel.btn.btn-secondary {
        min-width: 52px;
        padding-left: 18px;
        padding-bottom: 10px;
    }
    .wizard-footer .btn.btn-primary i {
 		font-size: 22px;
        color: var(--color-white);
        margin-left: -8px;
        margin-right: -8px;
        margin-top: 0px;
	}
	.modal-body {
  	    display: unset !important;
	}
	.mobile-bottom-nav .mobile-nav-item {
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    }
    .mobile-nav-item i {
	   font-size: 1.4rem;
	}
	
}
#textField_benefAccOrIbanCash input[type="radio"] {
    position: relative;
    top: 2px;
}
#textField_correspAccOrIbanCash input[type="radio"] {
    position: relative;
    top: 2px;
} 
.notification-container-wrapper .col-md-12 .alert.info.sticky p:has(b) {
    display: block !important;
}
.alert-container.alert-modal > .container > .alert.modal-alert.error {
    display: block;
}
.alert-container .alert.error:not(:has(> p ~ p)) > p:has(> i.ewm-error):has(> a) {
    position: relative;
    display: block;
    padding-left: 32px !important;
}
.alert-container .alert.error:not(:has(> p ~ p)) > p:has(> i.ewm-error):has(> a) > i.ewm-error {
    float: none;
    position: absolute;
    left: 0;
    top: 12px;
    margin: 0;
}
.alert-container .alert.error:not(:has(> p ~ p)) > p:has(> i.ewm-error):has(> a) > a {
    display: inline;
    white-space: nowrap;
}
.body-container ol,
.body-container ul:not([class]) {
    padding-left: 18px;
    list-style-position: inside;
}
.row .col-md-12 ol ~ span[data-teams="true"],
.row .col-md-12 ul:not([class]) ~ span[data-teams="true"] {
    display: block;
    padding-left: 18px;
    padding-right: 18px;
    text-align: justify;
}
table:has(.dropdown-container) {
    overflow: visible;
}