/* show only in desk and mobile*/

.mobi,
.nav-container li ul,
.nav-container ul.mobi,
.nav-container li.mobi,
.navbar-brand h2,
.btn.filter-btn,
.filter-floating-container,
.tab-active-label {
    display: none;
}

.nav-container li ul li a {
    border-bottom: 0px;
    background: #E8F1F9;
    padding-left: 24px;
}

.nav-container li ul li a.active {
    background: #3C83C5;
}

.nav-container li ul li {
    border-bottom: 1px solid #e1e1e1;
    display: block;
}

.nav-container ul.active,
.desk {
    display: block;
}

.level-1-tab .btn-group>.btn {
    margin: 0px;
    border-right: 0px;
}

.level-1-tab .btn-group>.btn:last-child {
    border-right: 1px solid #5394ce;
}

.mobi-navbar-brand {
    display: none;
}

@media (max-width: 575.98px) {
    .footer-logo {
        flex-direction: column;
        padding-bottom: 10px;
    }

    footer p.copy-rights {
        order: 2;
        margin-top: 12px;
    }
}


/* 
    due to iphonex y dimension we change the width : 769 to 812px
    max-height 375 is iphonex height
*/

@media screen and (max-width: 769px),
       screen and (max-height: 375px) and (max-width: 812px),
       screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait) {
	
  
    
    .wizard-wrapper:has(> .col:first-child > .radio-group) > .col:first-child {
 	   justify-content: center;
 	   position: absolute;
 	   padding-bottom: 69px;
 	   margin-right: 12px;
    }

	.popover {
        max-width: 300px;
     }
	
      .table-res td a.btn.btn-link.icon-left {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobi-navbar-brand {
        display: flex;
        justify-content: center;
    }

    .mobi-navbar-brand img {
        height: 50px;
    }

    .nav-container li ul.mobi,
    .nav-container li ul {
        display: block;
    }

    .nav-container li.mobi,
    .navbar-brand h2 {
        display: inline;
    }

    .main-nav-container {
        left: 0px !important;
        padding: 14px 5px !important;
    }

    .card-section .card-body {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .card .card-title {
        margin-bottom: 0px;
    }

    .card-list .card-body>.card-icon {
        align-self: center;
    }

    .card-list .card-body>.card-icon i {
        display: inline !important;
    }

    .card-list .card-body li>button,
    .card-list .card-body li>a {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 14px;
    }

    .middle-container {
        width: 100%;
    }


    .status-indicator-container {
        margin-left: 0px;
        padding: 0;
        width: unset;
    }

    .table-wrapper {
        margin-left: 0px;
        padding: 0;
        width: unset;
    }
    .key-figure-container {
	  padding: 0;
	}
    .card-list-wrapper {
	    margin: 0 0 18px;
	}
	.chart-wrapper {
	  padding: 0 0 10px;
	}
	.nav-container {
	    max-width: unset !important;
	}
    .menu-container .dropdown-item {
        white-space: normal;
        width: max-content;
        text-align: left;
    }

    /* show only in desk and mobile*/
    .card-section .card-body i,
    .card-body .sub-title,
    .desk {
        display: none;
    }

    .mobi {
        display: block;
    }

    .footer-notify {
        display: inline;
    }

    .card .btn,
    .modal-body .btn,
    table .btn {
        white-space: normal;
    }

    .wizard.top-sticky,
    .wizard-footer.bottom-sticky {
        position: relative;
    }

    .wizard-footer .btn {
        margin: auto 2px;
        height: 37px;
        margin-right: 20px;
    }

    .wizard-footer.mob-icon-only .btn>span {
        display: none;
    }

    .btn-primary-dark i {
        color: #fff;
    }

    .wizard-footer:not(.mob-icon-only) {
        border-top: 1px solid #bebebe;
        border-bottom: 1px solid #bebebe;
        display: inline-block !important;
        width: calc(100% + 24px);
    }

    .wizard-footer:not(.mob-icon-only)>div {
        border: 0px;
        float: left;
        width: 50%;
    }

    .wizard-footer>div:empty {
        display: none;
    }

    .wizard-footer>div:empty+div:empty+div {
        width: 100%;
        justify-content: space-between;
    }

    .wizard-footer .btn i {
        font-size: 14px;
    }

    .wizard-footer.mob-icon-only {
        border-top: 1px solid #bebebe;
    }

    .wizard-footer.mob-icon-only>div {
        border: 0px;
    }

    .wizard-footer:not(.mob-icon-only)>div:nth-child(1) {
        order: -1;
        width: 100%;
        justify-content: space-between;
    }
  
    #cashActionForm table > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 0px;
    }
    
    #table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 0px;
    }

    table .text-field {
        /*
        box-shadow: 0px 0px 10px 0px rgba(66, 139, 202, 0.22);
        */
        max-width: 100%;
        border: 1px solid var(--color-surfie) !important;
        border-radius: 10px;
        
    }

    .table .group td {
        border-right: none !important;
    }

    .table td {
        border-right: none !important;
    }

    /* 991.98px 768px */
    /* table starts here */
    table.table-res.dataTable th.xxx_narrow,
    table.table-res.dataTable th.xx_wide,
    table.table-res.dataTable th.x_narrow,
    table.table-res.dataTable th.narrow,
    table.table-res.dataTable th.std,
    table.table-res.dataTable th.wide,
    table.table-res.dataTable th.x_wide,
    table.table-res.dataTable th.xx_narrow,
    /* 
        table.table-res.dataTable td.xxx_narrow,
        table.table-res.dataTable td.std,
        table.table-res.dataTable td.xx_narrow,
        table.table-res.dataTable td.x_narrow,
        table.table-res.dataTable td.narrow,
        table.table-res.dataTable td.wide,
        table.table-res.dataTable td.x_wide,
        table.table-res.dataTable td.xx_wide,
     */
    table.table-res.dataTable tfoot th,
    table.table-res.dataTable tr th,
    table.table-res.dataTable th {
        width: auto !important;
        box-sizing: content-box;
    }

    /* ------------------- */
    tr.group,
    .table-level-2 tr.gp-level-1,
    .table-level-3 tr.gp-level-1,
    .table-level-3 tr.gp-level-2 {
        background: var(--color-mist-gray);
    }

    tr.group.group-end td>button i,
    .group td>button i,
    .group td>button i {
        transform: rotate(0deg);
    }

    .group.active td>button i,
    tr.group.group-end td>button.active i,
    .group td>button.active i {
        transform: rotate(-180deg);
    }
	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: 4px;
    	top: 38%;
    	transform: translateY(-50%);
    	margin: 0 !important;
	}
    tr.group:not(.active) td.last-child {
        border-bottom: 1px solid #4e90cc;
    }

    /* a tag has extar height and with based on {http://babich.biz/button-ux-design-best-practices-types-and-states/} */
    .table-res td a.btn.btn-link.icon-left {
        padding: 12px 6px 12px 0px;
        font-family: 'proxima-nova-semibold';
        display: block;
        text-align: left;
        color: #428bc9;
    }

    .table-res td a.btn.btn-link.icon-left i {
        padding-left: 0rem !important;
        margin-left: 0px !important;
    }

    .table-res td a.btn.btn-link.icon-left i:not(.inActive) {
        color: var(--color-turqoise);
    }
    .table-res td a.btn.btn-link.icon-left i.ewm-star:not(.Active) {
        margin-bottom : 10px;
    }
    .fixed-header.init.table.lite_table.table-res.dataTable.fixed-top,
    .fixed-footer.init.table.lite_table.table-res.dataTable.fixed-bottom {
        display: none;
    }

    .dataTables_processing:not(.complete)+table {
        display: none;
    }
    .table{
	table-layout : fixed;
    }

    /* A tag inside the td ^ */
    .table-res {
        position: relative;
        display: table;
        width: 100% !important;
        margin-top: 12px;
    }

    .table-res caption {
        margin-bottom: 12px;
   /*      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); */
        display: block;
    }

    .filter-reset {
        width: auto;
    }

    /* Thead More */
    .dropdown-menu-form .checkbox {
        width: 100%;
    }

    thead tr {
        box-shadow: 0px 0px 10px 0px #0000004d;
    }

    .fixed-col-table,
    thead th:not(.more) {
        display: none;
    }

    .table-res thead th.more::before {
        font-family: 'proxima-nova';
        content: none;
    }

    thead th::before {
        content: none;
    }

    .table-res thead th.check-all,
    .table-res thead th.more {
        background: transparent;
        display: block;
        max-width: 100% !important;
        text-align: right !important;
        position: relative;
        font-family: 'Geist';
        margin-right: 6px;
        border-color: transparent;
        float : right;
    }

    .table-res thead th.check-all {
        text-align: left !important;
    }

    /* Thead More */
    .table-res tbody tr {
        position: relative;
    }
	
    .table-res th,
    .table-res td.mobi,
    .table-res td {
        display: block;
        /*background: #fff;*/
        font-weight: bold;
        width: auto !important;
        cursor: pointer;
    }

    .table-res th:empty,
    .table-res td:not(.mobi-left):not(.mobi-right):empty {
        display: none !important;
    }

    .dataTable td.wide,
    .dataTable th.wide {
        width: 135px;
    }

    .table-res tfoot th:not(._f_total)::before,
    .table-res td:not(.more)::before {
        content: attr(data-mob-title);
        display: block;
        font-size: 12px;
        font-weight: normal;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table-res tfoot th.bg-danger::before {
        color: #fff;
    }

    .table.table-res th.desk:not(._f_total),
    .table.table-res th.v-web,
    .table.table-res tr.group td.desk:not(.mobi-full):not(.mobi-left):not(.mobi-right),
    .table.table-res td.desk:not(.first-child),
    .table.table-res td.v-web {
        display: none;
    }

    .table.table-res th._f_total {
        display: block;
    }

    .table .group .dropdown-toggle {
        color: #007bff;
    }

    .table-res td.more {
        background: transparent;
        position: absolute;
        padding: 0px;
        margin-top: 10px;
        right: 4px;
        border: 0px;
        z-index: 8;
        top: 0px;
    }

    .dataTables_empty {
        border: 1px solid #5394ce !important;
    }

    .table tr:nth-child(n) {
        border-top: 0px;
        border-bottom: 0px;
    }

    .table {
        border: 0px;
        box-shadow: none;
    }
    
    /* to hide the rows */
    .table-res tbody tr {
        display: block;
    }

    /*  Responsive table */
    .table-res td.text-center,
    .table-res td.text-right {
        text-align: left !important;
    }

    .dataTable:not(.no-group):not(.table-no-indents) tr:not(.group) td:first-child,
    .table-res tr.group.group-end+tr.group.no-group td.first-child,
    .table-res tr.group~tr:not(.group) td:first-child,
    .multiple tr.group.no-group:first-child td.first-child,
    tr.group.group-end+tr.group.no-group td.first-child,
    tr.group.group-start:not(.no-group)~tr.group.no-group td.first-child {
        padding-left: 12px;
    }

    .table-res tbody {
        display: block;
        box-shadow: 0px 0px 10px 0px rgba(106, 121, 131, 0.6), 0 0 0 1px rgba(208, 208, 208, 0.5);
        border: 2px solid var(--color-surfie);
        border-radius: 10px;
        overflow: hidden;
    }

    .table-transpose td,
    .table-transpose th {
        border-top: 1px solid #cfd3d8;
        border-bottom: 1px solid var(--color-turq-lite-1);
    }

    .table-transpose {
        box-shadow: 0px 0px 0px 1.5px #488cc9, 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
/*         margin-bottom: unset !important; */
    }
    
    
    #modal_cashAwardDetails > div > div > div.modal-header > div

    .table-res .group.group-start td {
        background: var(--color-link-water);
    }

    .table-res tfoot {
        box-shadow: 0px 0px 10px 0px rgba(106, 121, 131, 0.6), 0 0 0 1px rgba(208, 208, 208, 0.5);
        border: 2px solid var(--color-surfie);
        display: inherit;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 10px;
        width: 100%;
    }

    .dataTable:not(.no-group):not(.table-no-indents) th:first-child {
        padding-left: 12px;
    }

    .table-res tfoot th {
        text-align: left !important;
    }

    .table-res tr.no-group td {
        background: var(--color-mist-gray);
    }

    table.table-level-2 tr:not(.group) td:first-child,
    .table-level-2 tr.gp-level-1 td:first-child {
        padding-left: 12px;
    }

    /* EF-1111 */
    .table-res.table-level-1 .group.gp-level-0 td,
    .table-res.table-level-2 .group.gp-level-0 td {
        background: var(--color-link-water);
    }

    .table-res.table-level-2 .group.gp-level-1 td {
        background: var(--color-turq-lite-2);
    }

    .table-res .group.gp-level-0 td.last-child {
        background: #fff;
    }

    .table-res.table-level-2 .group.gp-level-0 td.last-child {
        background: #f5f5f5;
    }

    .table-res.table-level-2 .group.gp-level-1 td.last-child {
        background: #fff;
    }

    /* EF-1111 */
    .table-res .group.gp-level-0 td.more {
        border-bottom: 0px;
    }

    .table-res .group.gp-level-0 td.more {
        border-bottom: 0px;
    }

    caption.options .right-group {
        display: block;
    }

    .table-res .group.gp-level-0 td.visibility-hidden:empty,
    .table-res tr:not(.group) td.visibility-hidden {
        display: none;
    }

    .table-res tr:not(.group):hover {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        border-color: #4082c0;
    }

    .table-res tr:not(.group) {
        transition: 0.5s all ease;
        /*border-bottom: 1px solid var(--color-surfie);*/
    }

    .table-res>tbody tr:not(.group) {
       /*  border-bottom: 1px solid var(--color-surfie); */
    }

    /* Key Figure and filters starts here */
    button.table-group-btn span {
        display: inline;
    }

    .filter-body .table-group-btn.disabled {
        display: none;
    }

    .filter-body .table-group-btn i {
        transform: rotate(0deg);
    }

    .filter-body .table-group-btn.exp i {
        transform: rotate(180deg);
    }

    .key-figure-container {
        display: block;
    }

    .key-figure-container>div {
        margin-bottom: 12px;
    }

    /*  key figure and filters ends here */
    /* cards starts here */
    .card:not(.active):hover,
    .card:not(.active):hover .card-subtitle,
    .card:not(.active):hover .card-title,
    .card:not(.active):hover .text-danger,
    .card:not(.active):hover .text-muted,
    .card:not(.active):hover .card-body>i,
    .card:not(.active):hover .text-muted,
    .card:not(.active) .text-muted {
        color: #6c757d !important;
    }

    .accordion-body {
        padding: 12px;
    }

    .card:not(.active) a {
        color: #283a47;
    }

    /* card hover and active */
    .card:not(.active):hover .card-body>i {
        color: #428bca !important;
    }

    .card:not(.active):hover {
        background: #fff;
        color: #283a47;
    }

    .card.active:hover {
        background: linear-gradient(180deg, rgba(94, 156, 210, 1) 0%, rgba(94, 156, 210, 1) 0%, rgba(60, 131, 197, 1) 100%, rgba(60, 131, 197, 1) 100%);
        color: #fff;
    }

    .card.active {
        transform: scale(1);
    }

    .card.active,
    .card.active a,
    .card.active .text-danger,
    .card.active .text-muted,
    .card.active:hover .text-danger,
    .card.active:hover .text-muted {
        color: #ffffff;
    }

    /* Cards ends here */
    .chart-container {
        max-height: 100% !important;
        height: auto !important;
        margin: 10px auto;
        width: auto !important;
    }

    /*  table ends here */
    .card-section>div {
        margin-top: 24px;
        margin-right: 0px;
        min-height: 0px;
        margin-left: 0px;
    }

    .user-login-details {
        width: 100%;
        margin-top: 0px;
        border-right: 0px !important;
        margin-left: 24px;
        padding: 6px 0px;
    }

    img.share-price-info {
        display: none;
    }

    .navbar-brand img,
    .navbar-brand>img:not(.active)+.share-price-info {
        display: none;
    }

    .navbar-brand>img.active+.share-price-info+h2 {
        display: none;
    }

    .navbar-brand h2 {
        color: #2a6496;
        margin-bottom: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navbar-brand {
        display: flex;
        align-items: center;
        height: 100%;
        align-items: center;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-left: 58px;
        margin-right: 3rem;
        font-size: 1.25rem;
        white-space: nowrap;
    }

    .nav-row>div.row {
        display: flex !important;
    }

    .d-md-none,
    .d-block {
        display: block !important;
    }

    .dropdown-container li.desk,
    .d-none,
    .d-md-block {
        display: none !important;
    }
    .main-nav-container:not(:has(.tabs-nav)) {
	    display: none !important;
	}

    .nav-container {
        background: #fff;
        min-width: 320px;
        height: 100%;
        display: none;
        position: fixed;
        left: -250vw;
        top: 0px;
        margin: 0;
        border: 0;
        border-radius: 0;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
        z-index: 98;
        transition: left 0.25s ease;
        padding: 0px;
        max-width: 400px;
    }

    @keyframes nav-anim {
        0% {
            left: -250vw;
            visibility: hidden;
        }

        5% {
            visibility: visible;
        }

        100% {
            left: 0px;
        }
    }

    .nav-container.visible {
        display: block;
        animation-duration: 0.25s;
        animation-fill-mode: forwards;
        animation-name: nav-anim;
    }

    .title-mobile {
        position: fixed;
        display: block;
        top: 10px;
        font-size: 20px;
        left: 100px;
        right: 100px;
        text-align: center;
        color: #FFF;
    }

    .nav-bg-container {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 50px;
        margin: 0;
        z-index: 99;
        position: fixed;
        top: 0px;
        left: 0px;
        padding: 0px;
        background: rgba(256, 256, 256, 0.9);
        border: 0px;
    }

    .navbar-btn:focus {
        outline: none;
    }

    .navbar-btn {
        display: inline-block;
        vertical-align: middle;
        height: 50px;
        cursor: pointer;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 12px;
        border: 0px;
        outline: 0px;
    }

    .navbar-btn span {
        height: 3px;
        background: #4e90cc;
        margin: 5px;
        display: block;
        width: 20px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

    .navbar-btn span:nth-child(2) {
        width: 20px;
    }

    .navbar-btn span:nth-child(3) {
        width: 20px;
    }

    .navbar-btn.active span:nth-child(1) {
        transform: rotate(135deg);
        margin-left: -1px;
        width: 25px;
    }

    .navbar-btn.active span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .navbar-btn.active span:nth-child(3) {
        transform: rotate(-135deg);
        margin-top: -15.5px;
        margin-left: -0.5px;
        width: 25px;
    }

    .navbar-brand img.active+h2 {
        display: none;
    }

    .navbar-brand img.active {
        display: block;
    }

    .nav-container .nav-row .menu-footer {
        display: flex;
        align-content: flex-start;
        flex-flow: row nowrap;
        margin-top: 12px;
        justify-content: space-around;
        padding: 12px 0px;
    }

    .nav-container .nav-row {
        padding-top: 50px;
        display: flex;
        flex-direction: column;
    }

    .nav-container .nav-row .btn {
        height: auto;
    }

    .nav-container ul {
        display: flex;
        flex-direction: column;
    }

    .nav-container ul li {
        position: relative;
    }

    .nav-container li a.active {
        background: #2a6496;
    }

    .nav-container li a {
        display: block;
        color: #505050;
        margin-right: 0px;
        border-bottom: 1px solid #e1e1e1;
        margin: 0px;
        padding: 12px;
        position: relative;
    }

    .cover-bg {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }

    /*.body-container {
        margin-top: 57px;
    }*/

    .card:first-child {
        margin-left: 0px;
    }

    .card-section {
        margin-top: 26px;
        margin-bottom: 0px;
        height: 100px;
        position: absolute;
        overflow: hidden;
        max-width: 200%;
        left: -15px;
        top: 0px;
        right: -15px;
        width: calc(100vw + 15px);
        padding: 0px;
    }

    .card-navigation~.body-container {
        margin-top: 130px;
    }

    .card {
        width: 75%;
        height: 68px;
        max-width: 100%;
        min-width: 100%;
    }

    .btn-group {
        width: 100%;
        overflow-x: auto;
    }

      body > .container {
        min-height: unset;
        display: block;
    }

    .container {
        max-width: 100%;
    }

    .user-login-details {
        text-align: left !important;
    }

    .body-container {
        border-radius: 10px 10px 0px 0px;
        border: 0px;
    }

    footer {
        border-radius: 0px 0px 10px 10px;
        border: 0px solid #D3D9DF;
        border-radius: 0px 0px 10px 10px;
        border: 0px solid #D3D9DF;
        margin-left: 0px; 
        width: 100%; 
        padding: 0px;  
        margin-bottom: 70px;
        
    }
 
    .navbar .btn.btn-link {
        color: #2a6496;
        background: #f7f7f7;
        padding: 12px 6px;
        border-radius: 0px;
        font-size: 22px;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        position: relative;
        width: 100%;
        min-height: 1px;
    }

    .navbar .btn.btn-link:hover {
        background: #fff;
    }

    .navbar .btn.btn-link.col:focus {
        background: #e0f1ff;
    }

    .navbar-nav {
        margin-bottom: 45px;
    }

    .level-1-tab .btn-group>.btn {
        min-width: auto;
    }

    .dropdown-container::before {
        content: none;
    }

    .dropdown-container>input {
        display: none;
    }

    .wizard-footer.bottom-sticky>div {
        display: inline-block !important;
        border-top: 0px;
        border-bottom: 0px;
        flex: auto;
        width: auto;
        order: 0;
        justify-content: space-between;
        padding: 12px 0px;
    }

    .wizard-footer.bottom-sticky>div:nth-child(2) {
        display: flex !important;
    }

    .wizard-footer.bottom-sticky>div:last-child {
        text-align: right;
    }

    .wizard-footer.bottom-sticky .dropdown-container {
        position: absolute;
        top: calc(-100% - 101px);
        z-index: 9999;
    }

    .wizard-footer.bottom-sticky {
        background: #fff;
        border-top: 1px solid #B9BBBC;
        box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.1);
        overflow: visible;
    }

    .wizard>div.col::before {
        margin: 0px;
        z-index: 5;
        background: #fff;
    }
    
    .wizard div.col:first-child::before {
    margin-left: 0px;
    }

    .wizard>div.col.success,
    .wizard>div.col.error,
    .wizard>div.col.warning,
    .wizard>div.col.active {
        background: #fff;
    }

    .wizard>div.col.error+div::after {
        background: #d0021b;
    }

    .wizard>div.col.warning+div::after {
        background: #faa51f;
    }

    .wizard>div.col.success+div::after {
        background: var(--color-surfie);
    }
    
    .wizard > .col:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 36px;
    left: 79%;
    width: 46%;
    height: 2px;
    background-color: var(--color-tmf-slate);
    z-index: 0;
    }
    .wizard > div.col:not(:last-child)::after {
      left: calc(50% + 25px);
      width: calc(100% - 50px);
	}
    .wizard>div.col.active+div::after {
        background: var(--color-surfie);
    }

    .wizard>div.col:first-child::after {
        content: none;
    }
  
    .wizard>div.col {
        border: 0px;
        float: left;
        text-align: center;
    }

    .wizard>div.col>span {
        display: none;
    }

    .list-table.column-2>li,
    .list-table.column-3>li,
    .list-table.column-4>li,
    .list-table.column-5>li,
    .list-table.column-6>li,
    .list-table.column-7>li,
    .list-table.column-8>li {
        max-width: 100%;
        flex-basis: 100%;
    }

    .agreement-container {
        display: flex;
        flex: 0 0 100%;
        padding: 0px 0px 12px 0px;
    }

    .wizard-footer label,
    .wizard-footer .dropdown {
        display: block !important;
    }

    .btn-next {
        float: right;
    }

   .wizard-footer .menu-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-evenly !important;
        align-items: center !important;
    }

    .wizard-footer .menu-container > .col {
        flex: 0 0 auto !important;
    }

    .wizard-footer {
        border-bottom: 1px solid #bebebe;
    }

    .wizard>div.col.active.success {
        background: transparent !important;
    }

    .list-table.column-3>li {
        width: 100%;
    }

    /* .popover */
    .popover .close-btn {
        display: inline;
        float: right;
    }

    #gotoBottom,
    #gotoTop {
        bottom: 85px !important;
    }

    .alert>p {
        font-size: 14px;
    }

    /* new table style 
     Class table-two-column
   */
    .table-two-column-with-group tr,
    .table-two-column tr {
        display: inline;
        float: left;
        width: 100% !important;
    }

    .table-two-column-with-group td.last-child,
    .table-two-column td.last-child {
        display: none !important;
    }

    .table-two-column-with-group td.first-child .table-group-btn,
    .table-two-column td.first-child .table-group-btn {
        position: absolute;
        left: 6px;
        top: 12px;
        padding: 12px;
        display: inline !important;
    }

    .table-two-column-with-group td.first-child[data-mob-title=""] .table-group-btn,
    .table-two-column td.first-child[data-mob-title=""] .table-group-btn {
        top: 0px;
    }

    .table-two-column tr.group td.first-child.empty-expand::before {
        content: none;
    }

    .table-two-column tr.group td.first-child.empty-expand {
        position: absolute;
        background: transparent;
        border: none;
        overflow: visible;
        left: 0px;
    }

    tr:not(.group) td:not(.more):not(.desk).mobi-overflow {
        overflow: visible !important;
    }

    .table-two-column-with-group tr.success td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty),
    .table-two-column-with-group tr.error td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty),
    .table-two-column-with-group tr.warning td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty),
    .table-two-column tr:not(.group).success td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty),
    .table-two-column tr:not(.group).error td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty),
    .table-two-column tr:not(.group).warning td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty) {
        min-width: 50%;
        width: calc(50vw - 29px) !important;
        float: left;
        border: none;
        white-space: nowrap;
        overflow: hidden;
        border-bottom: 1px solid var(--color-turqoise);
        text-overflow: ellipsis;
        border-top: 1px solid #cfd3d8;
    }

    .table-two-column-with-group tr:not(.success):not(.error):not(.warning) td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty),
    .table-two-column tr:not(.group):not(.success):not(.error):not(.warning) td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty) {
    min-width: 50%;
    width: 50% !important; /* width: calc(50vw - 30px) !important; */
    float: left;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid var(--color-turqoise);
    text-overflow: ellipsis;
    }

    .table-two-column-with-group tr td:not(.more):not(.desk):not(.mobi-full):not(.v-web).dataTables_empty,
    .table-two-column tr:not(.group) td:not(.more):not(.desk):not(.mobi-full):not(.v-web).dataTables_empty,
    .table-two-column-with-group tr td:not(.more):not(.desk):not(.mobi-full):not(.v-web).init-loader,
    .table-two-column tr:not(.group) td:not(.more):not(.desk):not(.mobi-full):not(.v-web).init-loader,
    .table-two-column-with-group td.mobi-full,
    .table-two-column td.mobi-full {
        min-width: 100%;
        width: calc(100vw - 55.5px) !important;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table-two-column tbody tr:last-child
    td:not(.more):not(.desk):not(.mobi-full):not(.v-web):not(.dataTables_empty) {
        border-bottom: none !important;
    }

    .table-two-column-with-group td.mobi-right,
    .table-two-column td.mobi-right,
    .table-two-column-with-group td.mobi-left,
    .table-two-column td.mobi-left {
        height: 64px;
    }

    .dropdown-container li,
    .dropdown-list>label,
    .dropdown-container>ul.multiSelect>li label,
    .dropdown-container>ul.multiSelect>li {
        cursor: pointer;
    }

    .table-two-column-with-group:not(.no-group):not(.mobi-table-no-indents) tr.group td.mobi-full,
    .table-two-column:not(.no-group):not(.mobi-table-no-indents) tr.group td.mobi-full,
    .table-two-column-with-group:not(.no-group):not(.mobi-table-no-indents) tr:not(.group) td.mobi-full,
    .table-two-column:not(.no-group):not(.mobi-table-no-indents) tr:not(.group) td.mobi-full,
    .table-two-column:not(.mobi-table-no-indents) tr.group td:not(.more),
    .table-two-column:not(.mobi-table-no-indents) tr.group td.mobi-left,
    .table-two-column:not(.mobi-table-no-indents) thead tr th.check-all,
    .table-two-column:not(.mobi-table-no-indents):not(.table-no-indents) th:first-child,
    .table-two-column:not(.mobi-table-no-indents) tfoot tr th {
        padding-left: 45px !important;
    }
    
   .dataTable.lite_table:not(.no-group):not(.table-no-indents) tr:not(.group) td:first-child {
    padding-left: 45px !important;
   }


    .table-two-column-with-group tr.group td.mobi-full,
    .table-two-column tr.group td.mobi-full,
    .table-two-column-with-group tr:not(.group) td.mobi-full,
    .table-two-column tr:not(.group) td.mobi-full,
    .table-two-column tr.group td:not(.more):not(.mobi-right),
    .table-two-column tr.group td.mobi-left {
        padding-right: 36px;
        text-align: left !important;
    }

    .table-two-column-with-group tr td,
    .table-two-column tr td {
        font-size: 14px;
        box-sizing: border-box !important;
    }

    .table-two-column-with-group:not(.mobi-table-no-indents):not(.no-group):not(.mobi-table-right-indents) tr td.mobi-left:not(.mobi-icon),
    .table-two-column:not(.mobi-table-no-indents):not(.no-group):not(.mobi-table-right-indents) tr:not(.group) td.mobi-left:not(.mobi-icon) {
        padding-right: 6px !important;
        padding-left: 45px !important;
        text-align: left !important;
    }

    .table-two-column-with-group:not(.mobi-table-right-indents) tr td.mobi-right,
    .table-two-column:not(.mobi-table-right-indents) tr:not(.group) td.mobi-right {
        padding-right: 12px !important;
        padding-left: 6px !important;
        text-align: right !important;
    }

    .mobi-table-right-indents tr td.mobi-right {
        padding-right: 45px !important;
        padding-left: 6px !important;
        text-align: right !important;
    }

    .mobi-table-right-indents tr td.mobi-left[data-mob-title=''],
    .mobi-table-right-indents tr td.mobi-right[data-mob-title=''] {
        padding-top: 18px;
    }

    .table-two-column-with-group tr td.mobi-icon+td.mobi-right,
    .table-two-column tr:not(.group) td.mobi-icon+td.mobi-right {
        padding-right: 36px !important;
    }

    .table-two-column tr:not(.group) td.mobi-right button {
        text-align: right !important;
    }

    .table-res.table-two-column-with-group tr.group.gp-level-1 td.more,
    .table-res.table-two-column-with-group tr td.more,
    .table-res.table-two-column tr td.more {
        background: transparent;
    }

    /*.table-two-column-with-group tr.group:not(.active),
    .table-two-column tr.group:not(.active) {
        border-bottom: 1px solid var(--color-selago);
    }*/

    .table-res.table-two-column-with-group td.more .dropdown.show a.dropdown-toggle,
    .table-res.table-two-column td.more .dropdown.show a.dropdown-toggle {
        background: #d8d8d8;
    }

    .table-res.table-two-column-with-group .text-field>input,
    .table-res.table-two-column .text-field>input {
        height: 28px;
    }
    
   .wizard-footer .btn.btn-primary i{
        padding-left : 7px !important; 
    }
    
    .table-res.table-two-column-with-group .text-field>i,
    .table-res.table-two-column .text-field>i {
        top: 7px;
        right: 4px;
    }
    
    .modal-body{
    padding : 10px 15px;
    height: calc(90vh - 131px);
    }
    
    .modal-body {
    transition: 1s all;
    position: static;
    overflow-y: auto;
    gap: 20px;
    display: flex;
    overflow-x: hidden;
    padding-bottom: 30px;
    flex-direction: column;
}
    
    .modal-content .modal-body .col-md-12 {
            padding-right: unset;
    		padding-left: unset !important;
    }
    .modal-content .modal-body .col-md-6 {
            padding-right: unset;
    		padding-left: unset !important;
    }
    .modal-content .dropdown-list .value::after{
    top:unset;
    left:left: 130px;
    right: 9px;
    }
    dropdown-list.small .dropdown-container {
    min-width: 132px;
}
.modal-content .modal-body .col-12 {
    		padding-left: unset !important;
    		padding-right: unset !important;
    }
    .modal-content .modal-body .col-8 {
    		padding-left: unset !important;
    		padding-right: unset !important;
    }
    
      

    /* new mobile menu EF-1107 */
    .btn.filter-btn {
        display: flex;
    }

    .menu-container .btn-primary:not(:disabled):not(.disabled).active:focus,
    .menu-container .btn-primary:not(:disabled):not(.disabled):active:focus,
    .menu-container .show>.btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }

    .filter-floating-container .target-toggle .desk,
    footer .desk,
    .menu-container>.right-container {
        display: none !important
    }
    
    footer .copy-rights {
    display: none !important;
    }

    .filter-floating-container .top .btn-light {
        padding-top: 16px;
    }

    .right-container+form>.filter-body {
        padding: 11px;
    }

    /*.body-container {
        padding-top: 12px;
    }*/

    .menu-container .middle-container .bottom:empty {
        display: none;
    }

    .menu-container {
        margin-top: 0px;
        border-radius: 0px;
    }

    .left-container .bottom .middle-container+.dropdown {
        margin-right: 6px;
    }

    .left-container .bottom .dropdown .dropdown-toggle {
        background: #fff;
        background: #fff;
        display: inline-block;
        cursor: pointer;
        font-size: 16px;
        font-family: 'proxima-nova-semibold';
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding: 0px;
        border: 0px;
        color: #212529 !important;
    }

    .left-container .bottom.single-line-menu {
        display: flex;
    }

    .left-container .bottom .page-title {
        display: none;
    }

    .left-container .top .btn-back {
        font-size: 34px;
        padding: 6px;
        border: none;
        background: transparent;
        margin-right: 4px !important;
    }

    .left-container .top {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    /* Dropdown */
    .filter-body .grouping {
        display: block;
    }

    .filter-body .grouping label {
        background: var(--color-sherpa);
    }

    .filter-body>div>div:not(.filter-body-top) {
        flex: 100%;
        max-width: 100%;
        padding: 0px;
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-container {
        border: none;
        position: relative;
        top: 0;
        box-shadow: none;
        width: calc(100% - 6px);
        margin-left: 3px;
        z-index: 2;
    }

    .table-res tbody tr td.dataTables_empty {
        white-space: normal !important;
    }

	.table-two-column:not(.mobi-table-no-indents):not(.no-group).table-no-indents tr>td.mobi-full:first-child,
    .table-two-column:not(.mobi-table-no-indents):not(.no-group) tr.group td:first-child {
        padding-left: 45px !important;
    }

    .table-two-column-with-group tr td.mobi-icon:not(.more):not(.desk):not(.mobi-full):not(.v-web),
    .table-two-column tr:not(.group) td.mobi-icon:not(.more):not(.desk):not(.mobi-full):not(.v-web) {
        position: absolute !important;
        align-content: space-around;
        align-items: center;
        border: 0px !important;
        background: transparent;
        left: 6px;
        width: 45px !important;
    }

    .table-two-column tr:not(.group) td.mobi-icon:not(.more):not(.desk):not(.v-web)+td.mobi-right,
    .table-two-column tr:not(.group) td.mobi-icon:not(.more):not(.desk):not(.v-web)+td.mobi-left,
    .table-two-column tr:not(.group) td.mobi-icon:not(.more):not(.desk):not(.v-web)+td.mobi-full,
    .table-two-column tr:not(.group):not(.success):not(.error):not(.warning) td.mobi-icon:not(.more):not(.desk):not(.v-web)+td.mobi-right,
    .table-two-column tr:not(.group):not(.success):not(.error):not(.warning) td.mobi-icon:not(.more):not(.desk):not(.v-web)+td.mobi-left,
    .table-two-column tr:not(.group):not(.success):not(.error):not(.warning) td.mobi-icon:not(.more):not(.desk):not(.v-web)+td.mobi-full {
        width: calc(100vw - 34px) !important;
        padding-left: 45px !important;
        height: auto;
        text-align: left !important;
        white-space: nowrap;
    }

table>tfoot>tr:last-child>th:first-child {
	border-bottom-left-radius: unset;
}

    .filter-body .text-field>label,
    .filter-body>div>div:not(.filter-body-top) .dropdown-list>label {
        display: inline-block;
        padding: 12px;
        width: calc(100% - 6px);
/*         border-top: 1px solid #91A0AE; */
      	border-bottom: 1px solid #91A0AE; 
        margin-left: 3px;
        transition: 0.25s all;
        cursor: pointer;
        color:var(--color-white);
    }
    
    .filter-body .text-field>i {
   		top: 66px;
        right: 20px;
    }
    .filter-body #textField_comp_text_filter i {
    top: 70% !important;
}

    .filter-body .text-field>label {
        background: #e8f1f9;
    }

    .filter-body .text-field>input {
        width: calc(100% - 12px) !important;
        padding-right: 34px;
        margin: 6px;
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-container>ul.multiSelect>li>.checkbox span::before {
        position: absolute;
        top: 0px;
        left: 0px;
        line-height: 0.9;
        bottom: 0px;
        margin: auto;
        padding: 0px;
    }

    .filter-body>div>div:not(.filter-body-top).filter .dropdown-list>label {
        background: #e8f1f9;
        font-size: 13px;
        font-weight: 500 !important;
        color: var(--color-white);
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-list>span.value {
        display: none;
    }

    .filter-body .text-field>label::after,
    .filter-body>div>div:not(.filter-body-top) .dropdown-list>label::after {
         font-family: 'iconpark' !important;
        content: '\E2E5';
        position: absolute;
        right: 18px;	
/*         color: #395f83; */
    	color:var(--color-white);
        font-size: 12px;
        margin: 0px 5px 0px 0px;
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-list.groupby>label::before {
     font-family: 'iconpark' !important;
        content: '\E806';
    }

    .filter-body .text-field>label.active::after,
    .filter-body>div>div:not(.filter-body-top) .dropdown-list>label.active::after {
        transform: rotate(180deg);
    }

    .filter-body .text-field>label::before,
    .filter-body>div>div:not(.filter-body-top) .dropdown-list>label::before {
         font-family: 'iconpark' !important;
        content: '\E17D';
      /*   color: #395f83; */
     	color:var(--color-white);
        font-size: 12px;
        margin: 0px 18px 0px 6px;
    }

    .filter-body .text-field>label::before {
        content: '\E837';
    }

    .filter-body .text-field.date-picker>label::before {
       font-family: 'iconpark' !important;
        content: '\E15B';
    }

    .filter-body .filter .dropdown-btn-group {
        display: none;
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-list .help {
        display: none;
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-list .dropdown-container>ul {
        max-height: 100% !important;
        overflow: visible;
    }

    .filter-body>div>div:not(.filter-body-top) .dropdown-list .dropdown-list-ul li,
    .filter-body>div>div:not(.filter-body-top) .dropdown-list .dropdown-btn-group {
        margin-left: 9px;
    }

    .filter-body .text-field>span,
    .filter-body .dropdown-list>span.help {
        display: none;
    }

    .filter-body .btn-group .btn {
        margin-bottom: 0px;
    }

    .filter-body-top {
        border-bottom: 1px solid #d9dee1;
        margin: 2px;
    }

    /* Dropdown ends here */

    .btn-filters {
        border-color: var(--color-surfie);
    }

    .selected-plan-section {
        border: 1px solid var(--color-surfie) !important;
        padding: 1px 9px;
    }
    
    .selected-plan-label {
    	display: none;
    }

    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            right: -50vw;
        }

        100% {
            right: 15px;
        }
    }

    .right-container {
        display: flex !important;
    }

    .filter-body {
        position: relative;
    }

    .filter-body .table-group-btn {
        display: none !important;
    }

    .btn.filter-btn {
        padding: 0px;
        order: 2;
    }


.btn.filter-btn {
	display: none !important;
}

.btn.filter-btn .count {
        position: relative;
    }

    .btn.filter-btn .count .badge.active {
        display: inline-block;
    }

    .btn.filter-btn .count .badge {
        position: absolute;
        top: 1px;
        left: 24px;
        background: #3c83c5;
        height: 10px;
        width: 10px;
        border-radius: 100px;
    }

    .menu-container {
        padding-bottom: 0px;
    }
    
    .menu-container-wrapper .menu-container{
        padding-bottom: 6px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        }

    .tab-active-label {
        display: inline-block;
        cursor: pointer;
        font-size: 16px;
        font-family: 'proxima-nova-semibold';
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 12px;
    }

    .tab-active-label::after {
        content: "\e5c5";
        font-family: 'ewm-icon';
        margin-left: 12px;
        position: absolute;
        right: -2px;
    }

    .menu-container .middle-container>div .btn-group {
        display: none;
    }

    .menu-container .middle-container>div .btn-group.active {
        position: absolute;
        display: block;
        top: 32px;
        width: 45%;
        z-index: 10;
        background: #fff;
        padding: 6px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
        border: 1px solid #dfe4e7;
        overflow: visible;
    }

    .menu-container .left-container .top {
        min-height: 0px;
    }

    .menu-container .left-container .top.full {
        width: 100%;
    }

    .menu-container .middle-container .btn-group .btn {
        width: 100%;
        text-align: left;
        display: block;
        border: none;
        margin: 6px 0px;
        border-radius: 2px;
        font-size: 13px;
        word-wrap: break-word;
        display: inline-block;
        white-space: normal;
    }

    .menu-container .middle-container>div {
        display: inline-flex;
        width: 50%;
        overflow: hidden;
        padding: 2px;
        justify-content: space-between;
    }

    .menu-container .middle-container>div:empty {
        display: none !important;
    }

    .menu-container .middle-container .top:empty {
        display: none;
    }

    .menu-container .middle-container .top:empty+.bottom:not(:empty) {
        width: 100%;
    }

    .menu-container .middle-container .top:empty+.bottom::before {
        content: none;
    }

    .menu-container .middle-container>div:not(:first-child)::before {
        content: '';
        position: absolute;
        height: 54%;
        width: 2px;
        background: #395f83;
        top: 0px;
        bottom: 0px;
        margin: auto -4px;
    }

    .menu-container .middle-container {
        display: flex;
        margin-top: 0px;
        justify-content: space-between;
        padding-right: 6px;
    }

    .target-toggle {
        display: none;
    }

    .filter-floating-container .target-toggle {
        display: flex;
    }

    .filter-floating-container .target-toggle * {
        display: block;
    }

    .filter-floating-container .target-toggle .btn+.btn,
    .filter-floating-container .target-toggle .btn {
        border: 1px solid #3C83C5;
        margin-left: 0px;
        width: 100%;
    }

    .advanced-filter-submit {
        margin: 12px 12px 12px auto !important;
        align-self: center;
        min-width: 100px;
    }

    .filter-floating-container>.right-container {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .filter-floating-container>div {
        padding: 0px 12px;
    }

    .filter-floating-container .right-container {
        border-bottom: 1px solid #f0f0f0;
    }

    .filter-floating-container {
        position: absolute;
        background: #fff;
        width: calc(100% + 12px);
        top: 38px;
        z-index: 20;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.42);
        border: 1px solid #f0f0f0;
        max-width: 343px;
        right: -12px;
    }

    .filter-body .filter-reset {
        margin-left: 12px;
    }

    .filter-body>.mt-3 {
        margin-top: 0px !important;
    }

    /*   .filter-body[data-table-title='']::before {
        display: none;
    }
    .filter-body::before {
        content: attr(data-table-title);
        display: inline-block;
        margin: 12px auto;
        font-size: 19px;
        color: #395f83;
    } */
    .filter-container {
        margin-top: 0px !important;
        display: none; 
        align-items: baseline;
        position: relative;
        justify-content: flex-end;
    }

    .filter-container .filter-body {
        position: absolute;
        background: #fff;
        width: calc(100% + 12px);
        top: 38px;
        z-index: 20;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.42);
        border: 1px solid #f0f0f0;
        max-width: 343px;
        padding: 11px;
        display: none;
    }

    .filter-container .filter-body.active,
    .filter-floating-container.active {
        animation-name: slideIn;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
        display: block;
    }

    #planSelector i {
        padding: 8px 0px !important;
        font-size: 15px;
        display: inline-block;
    }

    .plan-selector-text {
        display: none;
    }

    /* #planSelector {
        position: absolute;
        top: 5px;
        right: 0px;
        background: rgba(0, 0, 0, 0);
        border: 0px;
        z-index: 9;
        padding: 0px;
    } */

    .table-popover .popover-body {
        padding: 6px !important;
    }

    @keyframes slideIn {
        from {
            opacity: 0;
            right: -52vw;
        }

        to {
            opacity: 1;
            right: -12px;
        }
    }

    @keyframes bk-anim {
        0% {
            background: transparent;
        }

        100% {
            background: transparent;
        }
    }
}

@media screen and (min-width: 770px) and (max-width: 1023px) {

    .list-table.column-4>li,
    .list-table.column-4>li,
    .list-table.column-5>li,
    .list-table.column-6>li,
    .list-table.column-7>li,
    .list-table.column-8>li {
        max-width: calc(100% / 3 - 1%);
        flex-basis: calc(100% / 3 - 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;
    }
}

@media screen and (min-width: 769.9px) {
    .dropdown-container>ul:not(.multiSelect)>li:hover {
        background: var(--color-turq-lite-2);
        color: var(--color-tmf-gray);
    }
}

.target-header-wrapper {
    width: calc(100% - 110px);
    margin-left: 110px;
}
  @media (max-width: 768px) {
	
    .btn-filters i,
    .btn-filters svg,
    .btn-preferences i,
    .btn-preferences svg,
    .btn-export i,
    .btn-export svg,
    .filter-btn i,
    .filter-btn svg {
        margin-top: 3px !important;
    }
    .r26-right-section {
		display: flex;
		align-items: center;
		width: 100% !important;
		padding: 4px 16px;
		gap: 8px;
	}
	#textField_benefAccOrIbanCash i, #textField_correspAccOrIbanCash i {
		top: 66px !important;
	}
/* 	.text-field>label {
		margin-left: unset !important;
	} */
	.r26-right-section .selected-plan-section {
      display: flex;
      align-items: center;
      gap: 4px;
      flex-shrink: 0;       
      min-width: 0;
    }

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

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


    .r26-right-section .menu-option-section {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-left: auto;      /* pushes the entire block to the right corner */
      flex-shrink: 0;
    }
    
    .menu-option-section>div:not(:last-child):not(:has(+ .mobile-preferences:last-child)) {
    border-right: 1px solid #ddd;
    padding-right: 10px;
	margin-right: unset !important;
}
  }
/*IOS*/
@media screen and (max-width: 390px) {
   .filter-body .text-field>i {        
	   top: 64px !important;
       right: 22px !important; 
   }  
   .filter-body .text-field>input {
        width: calc(100% - 18px) !important;
    }
} 
    
.modal-body .card-list-wrapper .text-field > i {
    top: 42% !important;
}