/* 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;
    }
    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) { 
    .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;
    }
    .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%;
    }
    .menu-container .dropdown-item {
        white-space: normal;
        width: calc(100vw - 24px);
        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;
    }
    .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;
    }
    table .text-field {
        max-width: 100%;
        box-shadow: 0px 0px 10px 0px rgba(66, 139, 202, 0.22);
        border: 1px solid #428bca;
    }
    /* 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: transparent;
    }
    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);
    }
    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: #428bc9;
    }
    .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;
    }
    /* 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: 'proxima-nova';
        margin-right: 6px;
        border-color: transparent;
    }
    .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 {
        box-shadow: 0px 0px 10px 0px rgba(106, 121, 131, 0.6), 0 0 0 1px rgba(208, 208, 208, 0.5);
        border: 1px solid rgb(78, 144, 204);
    }
    .table-transpose td,
    .table-transpose th {
        border-top: 1px solid #cfd3d8;
        border-bottom: 1px solid #cfd3d8;
    }
    .table-transpose {
        box-shadow: 0px 0px 0px 1.5px #488cc9, 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    }
    .table-res .group.group-start td {
        background: #DFE0E1
    }
    .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);
    }
    .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: #dfe4e7;
    }
    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: #D9DEE1;
    }
    .table-res.table-level-2 .group.gp-level-1 td {
        background: #f5f5f5;
    }
    .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 #4e90cc;
    }
    /* 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;
    }
    .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;
    }
    .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;
    }
    .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.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: #7dbe31;
    }
    .wizard>div.col.active+div::after {
        background: #3979b5;
    }
    .wizard>div.col:first-child::after {
        content: none;
    }
    .wizard>div.col:last-child::after,
    .wizard>div.col::after {
        content: '';
        position: absolute;
        height: 3px;
        top: 26px;
        transform: rotate(0deg);
        border-radius: 0px;
        border: 0px;
        left: -50%;
        right: 0px;
        width: 100%;
        background: #e8f1f9;
        z-index: 1;
    }
    .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 {
        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 {
        border-radius: 0px;
        z-index: 95;
        bottom: 8px !important;
    }
    .alert>p {
        font-size: 12px;
    }
    /* 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 #cfd3d8;
        text-overflow: ellipsis;
    }
    .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: calc(50vw - 30px) !important;
        float: left;
        border: none;
        white-space: nowrap;
        overflow: hidden;
        border-bottom: 1px solid #cfd3d8;
        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-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;
    }
    .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.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 #4e90cc;
    }
    .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;
    }
    .table-res.table-two-column-with-group .text-field>i,
    .table-res.table-two-column .text-field>i {
        top: 5px;
        right: 4px;
    }
    /* 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
    }
    .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;
    }
    .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: #d9dee1;
    }
    .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-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 - 52px) !important;
        padding-left: 45px !important;
        height: auto;
        text-align: left !important;
        white-space: nowrap;
    }
    .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;
    }
    .filter-body .text-field>i {
        top: 60px;
        right: 20px;
    }
    .filter-body .text-field>label {
        background: #e8f1f9;
    }
    .filter-body .text-field>input {
        width: calc(100% - 12px);
        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;
    }
    .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: 'ewm-icon' !important;
        content: '\e90e';
        position: absolute;
        right: 18px;
        color: #395f83;
        font-size: 12px;
        margin: 0px 5px 0px 0px;
    }
    .filter-body>div>div:not(.filter-body-top) .dropdown-list.groupby>label::before {
        content: '\e94f';
    }
    .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: 'ewm-icon' !important;
        content: '\e93c';
        color: #395f83;
        font-size: 12px;
        margin: 0px 18px 0px 6px;
    }
    .filter-body .text-field>label::before {
        content: '\e94d';
    }
    .filter-body .text-field.date-picker>label::before {
        content: '\e953';
    }
    .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 */
    @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.btn-primary i {
        padding: 6px 8px 6px 5px;
        font-size: 18px;
        display: inline-block;
        color: #2E4251;
    }
    .btn.filter-btn.btn-primary:focus,
    .btn.filter-btn.btn-primary:not(:disabled):not(.disabled):active:focus,
    .btn.filter-btn.btn-primary {
        background: transparent;
        border: 0px;
    }
    .btn.filter-btn.btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn.filter-btn.btn-primary.active,
    .btn.filter-btn.btn-primary:hover {
        background: #D0DDE9;
        box-shadow: none;
    }
    .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;
    }
    .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: flex;
        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 10px !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: 12px;
    }
    @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: #2a6496;
        color: #fff;
    }
}