@media screen and (max-height: 700px){
        .ui-dialog .ui-dialog-content {max-height: calc(100vh - 120px);}
}

/* X-LARGE */
@media screen and (min-width:1570px) {
        .xlg-1,.xlg-2,.xlg-3,.xlg-4,.xlg-5,.xlg-6,.xlg-7,.xlg-8,.xlg-9,.xlg-10,.xlg-11,.xlg-12{float:left; box-sizing: border-box; padding: 15px;}
        .xlg-1{width:8.3333%}.xlg-2{width:16.6667%}.xlg-3{width:25%}.xlg-4{width:33.3333%}.xlg-5{width:41.6667%}.xlg-6{width:50%}.xlg-7{width:58.3333%}.xlg-8{width:66.6667%}.xlg-9{width:75%}.xlg-10{width:83.3333%}.xlg-11{width:91.6667%}.xlg-12{width:100%}
        .centering {width: 75%;}
        .ui-card, .ui-card-2, .custom-messages {padding: 20px 12.5%;}
}

/* MEDIUM - LARGE */
@media screen and (max-width: 1199px){
        .global-header .top-header > .centering {padding: 0px 0px 0px 20px;}
        .centering {width: 100%; padding: 0px 20px;}
        .login-content.centering {width: 85%; padding: 0px;}
        .login-body .main-panel .right-panel {padding-left: 25px;}
        .ui-card, .custom-messages {padding: 20px 20px;}
        .ui-card-2 {padding: 20px 10px;}
        .dashboard.page-header button.positive-btn.ui-button-icon-only {right: 20px;}
}

/* MEDIUM */
@media screen and (max-width: 1023px){
        .md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left; box-sizing: border-box; padding: 15px;}
        .md-1{width:8.3333%}.md-2{width:16.6667%}.md-3{width:25%}.md-4{width:33.3333%}.md-5{width:41.6667%}.md-6{width:50%}.md-7{width:58.3333%}.md-8{width:66.6667%}.md-9{width:75%}.md-10{width:83.3333%}.md-11{width:91.6667%}.md-12{width:100%}

        .md-justify-R {justify-content: flex-start;}
        .md-justify-L {justify-content: flex-end;}
        .md-justify-C {justify-content: center;}
        .md-float-R {float: right;}
        .md-float-L {float: left;}
        .md-float-none {float: none;}
        .md-txt-R {text-align: right;}
        .md-txt-L {text-align: left;}
        .md-txt-C {text-align: center;}
        .md-margin-L {margin-right: auto;}
        .md-margin-R {margin-left: auto;}
        .md-margin-C {margin: auto;}
        .md-hide, .ui-datatable-reflow .ui-datatable-data td.md-hide {display: none;}
        .md-flex {display: flex;}
        .md-block {display: block;}
        .md-inline-block {display: inline-block;}
        .md-inline-table {display: inline-table;}
        .md-inline {display: inline;}
        .md-row-reverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
        .md-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}
        
        .md-nopad {padding: 0px !important;}
        .md-nopad-R {padding-right: 0px !important;}
        .md-nopad-L {padding-left: 0px !important;}
        
        /*Marketing Message images*/
        .image-large, .image-small  {display: none;}
        .image-medium {display: block;}
        
        .login-content.centering {width: 100%; padding: 0px 20px;}
        
        .global-header {background-position: 0px bottom;}
        .global-header > .centering {padding: 0px 20px;}
        .global-header > table, .global-header > .centering.bottom-header {height: 65px;}
        .global-header .bottom-header {display: none;}
        .global-header .page-title {font-size: 28px;}

        .ui-card .ui-group {width: 100%;}
        
        /*Header */
        .common-body .header, .common-body .content, .common-body .footer {padding-left: 0px;}  
        .common-body .cd-btn {cursor: pointer; display: block; height: 25px; width: 25px; line-height: 25px; font-size: 25px; padding-right: 20px;}
        .common-body .cd-btn:before {color: #ff7d00;}
                
        .primary-nav.ui-menu {display: none;}
        .cd-panel {display: block; z-index: 99999;}
        .cd-panel.is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s;}
        .cd-panel.is-visible::after {background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; z-index: 4;}  
        
        .cd-panel-close {display: block; font-size: 25px; float:left; padding: 25px;}
        .cd-panel-close:before {color: #d0d0ce;}
        
        /* Datatable */
        .ui-datatable-reflow > .ui-datatable-tablewrapper > table > thead {display: none;}
        .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {display: table !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left;}
        .ui-datatable-reflow .ui-datatable-data td.md-hide, .ui-datatable-reflow .ui-datatable-data td[role="gridcell"].md-hide {display: none !important;}
        .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {border-left: 0 none; border-right: 0 none;}
        .ui-datatable-reflow .ui-datatable-data.ui-widget-content {border: 0 none;}
        .ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {display: none;}
        .ui-datatable-reflow table.expansion-grid {table-layout: auto;}
        .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable-reflow table.expansion-grid tr td:first-child {width: 30%; min-width: 30%; padding: 10px; padding-left: 20px; display: table-cell; margin: 0px; text-align:left; vertical-align: middle; word-break: break-word; font-family: 'HelveticaNeue-Md'; font-size: 18px; color: #2f0037; box-sizing: border-box;}
        .ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child {width: 70%; padding: 10px; padding-right: 20px; display: table-cell; vertical-align: middle; text-align: left; box-sizing: border-box; word-break: break-word;}
        .ui-datatable-reflow .ui-datatable-data td[role="gridcell"].row-toggler .ui-column-title{display: none;}
        .ui-datatable-reflow .ui-datatable-data tr.ui-datatable-empty-message td {display: table-cell; text-align: left; padding: 0px 15px; border-top: 1px solid #E6E6E6;}
        .ui-datatable-reflow.ui-datatable tbody tr:first-child td[role="gridcell"]:first-child {border-top: 1px solid #d0d0ce;} 
        .ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table {border-collapse: collapse;}
        .ui-datatable-reflow.ui-datatable .ui-datatable-data > tr.ui-widget-content:first-child {border-top: none;}
        .ui-datatable-reflow.ui-datatable > div > table > tbody > tr.ui-datatable-empty-message:before, .ui-datatable-reflow.ui-datatable > div > table > tbody > tr.ui-datatable-empty-message:after {content: none;}
        .ui-datatable table.expansion-grid tbody tr {height: 40px;}
        .ui-datatable .ui-datatable-data .details-grid tr, .ui-datatable .ui-datatable-data tr.ui-expanded-row-content {height: auto;}
        .ui-datatable .ui-expanded-row-content.hidden {display: table-row;}
        .ui-datatable input[type="number"], .ui-datatable input[type="password"], .ui-datatable input[type="text"], .ui-datatable .mobile-table-data{height: 35px; margin: 5px 0px;}
        .ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box {right: auto;}
        .ui-datatable-reflow > div > table > tbody > tr:before, .ui-datatable-reflow > div > table > tbody > tr:after, .ui-datatable-reflow > div > table > thead > tr:before, .ui-datatable-reflow > div > table > thead > tr:after {content: none;}
        .ui-datatable-reflow .image-panel-icon, .ui-datatable-reflow .image-panel-icon-2, .ui-datatable-reflow .image-panel-icon-3 {margin: 10px; float: left; margin: 0px;}
        .ui-datatable-reflow table.icon-table {float: left;}
        .ui-datatable .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox, .ui-datatable .content-C img, .ui-datatable .content-C i {margin: 0px;}
        
        /* Row Toggler */
        .ui-datatable-reflow .ui-row-toggler {padding: 8px 0px;}
        .ui-datatable-reflow .ui-row-toggler.ui-icon {width: 100%; height: 40px;}
        .ui-datatable-reflow .ui-row-toggler.ui-icon:before {right: 20px; height: 20px; left: auto; top: 0px; bottom: 0px; margin: auto; position: absolute;}

        /* Dialog */
        .ui-dialog .details-grid {table-layout: fixed;}
        
        /*Financial Calendar*/
        .fc-ltr .fc-basic-view .fc-day-number{font-size: 18px;}
        .fc-event-container .fc-content {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
        
        .agenda-item {width: auto; padding-right: 20px;}
        
        .chart-color tr{float: right;}
        .chart-color td:last-child{display: inline-block;}
        
        /* Widgets */
        #widgetTransactions .ui-card, #widgetExchangeRates .ui-card {height: auto;}     
        #widgetPFM > .ui-card > div > div:nth-child(2) {border-right: none; border-bottom: 1px solid #d0d0ce;}
        
        /* Slick Carousel - Favourites Accounts */
        .slick-carousel.customer-accounts .ui-commandlink:ONLY-CHILD table.fixed-dt > tbody > tr > td:FIRST-CHILD {padding-right: 30px;}
        .slick-carousel.customer-accounts .ui-commandlink:ONLY-CHILD table.fixed-dt > tbody > tr > td:LAST-CHILD {padding-left: 30px;}
 
        .filter-btns {width: 100%;}
        .search-panel button.positive-btn, .search-panel button.negative-btn, .search-panel button.neutral-btn, .filters button.positive-btn, .filters button.negative-btn, .filters button.neutral-btn {width: 100%;}

        /* Widget Transactions Scrollable panels */

        .useful-info-scroll > table {height: 105px;}
        .useful-info-scroll > table > tbody > tr:LAST-CHILD > td {padding-top: 20px;}
        .templates-scroll > div {height: 105px;}
        
        .massDetails {border-bottom: none;}     

        .useful-info-scroll {position: relative; height: 100%; /*display: table;*/}
        .useful-info-scroll > table {height: auto; position: absolute; bottom: 0; /*display: table-cell; vertical-align: bottom;*/}     
                
        .ui-datalist.st-3 .ui-panel .ui-panel-titlebar {padding: 0px;}
        .ui-datalist.st-3 .ui-panel .ui-panel-titlebar .ui-panel-title > div > div {padding: 15px !important;}
        
        .pfm-amount-input-panel .amount-input input[type="text"] {width: auto;}
        
        .ui-accordion.st-3 .ui-datatable-reflow.ui-datatable tbody tr:first-child td[role="gridcell"]:first-child {border-top: none;}
}

/* SMALL */
@media screen and (max-width: 639px){
        .sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left; box-sizing:border-box; padding: 15px;}
        .sm-1{width:8.3333%}.sm-2{width:16.6667%}.sm-3{width:25%}.sm-4{width:33.3333%}.sm-5{width:41.6667%}.sm-6{width:50%}.sm-7{width:58.3333%}.sm-8{width:66.6667%}.sm-9{width:75%}.sm-10{width:83.3333%}.sm-11{width:91.6667%}.sm-12{width:100%}
        
        .sm-justify-R {justify-content: flex-start;}
        .sm-justify-L {justify-content: flex-end;}
        .sm-justify-C {justify-content: center;}
        .sm-float-R {float: right;}
        .sm-float-L {float: left;}
        .sm-float-none {float: none;}
        .sm-txt-R {text-align: right;}
        .sm-txt-L {text-align: left;}
        .sm-txt-C {text-align: center;}
        .sm-margin-L {margin-right: auto;}
        .sm-margin-R {margin-left: auto;}
        .sm-margin-C {margin: auto;}
        .sm-hide, .ui-datatable-reflow .ui-datatable-data td.sm-hide{display: none;}
        .sm-flex {display: flex;}
        .sm-block {display: block;}
        .sm-inline-block {display: inline-block;}
        .sm-inline {display: inline;}
        .sm-row-reverse {-webkit-flex-direction: row-reverse;  flex-direction: row-reverse;}
        .sm-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}
        .lg-height {height: auto;}
        
        .sm-legend-col {padding: 0; padding-left: 10px; text-align: left;}
        .sm-nopad {padding: 0px !important;}
        .sm-nopad-R {padding-right: 0px !important;}
        .sm-nopad-L {padding-left: 0px !important;}
        
        /*Marketing Message images*/
        .image-large, .image-medium  {display: none;}
        .image-small {display: block;}
        
        .userProfileMenu, .settingsMenu {display: block;}

        /* Login */
        .login-body .main-panel {text-align: center;}
        .login-body .main-panel .left-panel {display: inline-block; width: 100%; max-width: 360px;}
        .login-body .main-panel .right-panel {display: none;}
         
        .bottom-footer {padding: 5px 0px;}
        .bottom-footer .centering {height: auto;}
        .bottom-footer .centering > tbody > tr > td, .bottom-footer .centering > tbody > tr > td:last-child {display: inline-block; width: 100%; text-align: center;}
        /*.bottom-footer .centering > tbody > tr > td:NTH-CHILD(2) table {float: none; margin: auto;}*/
        
        .logo-panel {margin-left: 0px; height: 50px;}
        
        .confirmation-page .dynamic-body .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD {padding-left: 7.5px;}
        .confirmation-page .dynamic-body .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:NTH-CHILD(2) {padding-right: 7.5px;}
        
        .details-grid-wrapper, .otp-panel > table {width: 100%;}
        
        /*Acccount Information*/
        .ui-card-2 button.positive-btn-2.ui-button-text-icon-right {padding-right: 30px; vertical-align: middle;}
        .ui-card-2 button.positive-btn-2 .ui-button-text {display: none;}
        
        /* TAN Panel */ 
        .otp-panel .otp-container {width: 100%;}
        
        /*Card Panel*/
                .card-panel table > tbody > tr > td {display: block; width: 100%;}
        .card-panel table > tbody > tr > td:first-child {padding-right: 0px; padding-bottom: 20px;}
        
        /* Header */
        .global-header > table, .global-header > .centering.bottom-header {height: 50px; padding: 0px 10px;}
        .global-header .page-title {font-size: 24px;}
        
        .notifications-overlay.scrollable .ui-overlaypanel-content {height: calc(100% - 50px);}
        
        .common-body .cd-btn {padding-right: 10px;}
        .global-header .notifications-panel .positive-btn .ui-button-text {display: none;}
        .global-header .notifications-panel .positive-btn .ui-icon {font-size: 20px; left: 0px; right: 0px;}
        .global-header .notifications-panel .positive-btn {min-width: 0px;}
                        
        .selectAccountMenu > tbody > tr > td:first-child, .selectAccountMenu > tbody > tr > td:last-child {padding: 0px; display: inline-block; width: 100%;}
        .selectAccountMenu > tbody > tr > td:first-child {padding-bottom: 7.5px;}
        .selectAccountMenu > tbody > tr > td:last-child {padding-top: 7.5px;}
        .selectAccountMenu > tbody > tr > td:only-child {padding: 0px;}
        
        /* SelectOneRadio */
        .selectOneRadio, .selectOneRadio.radioButton-address {height: auto;}
        .selectOneRadio .ui-selectoneradio.ui-widget td {display: inline-block; width: 100%;}
        .selectOneRadio .ui-selectoneradio.ui-widget td:not(:last-child) {border-right: none; border-bottom: 1px solid #d0d0ce; border-radius: 0px;}
        .selectOneRadio .ui-selectoneradio.ui-widget td:not(:first-child) label {padding: 18px 30px 18px 15px;}
        .selectOneRadio .ui-selectoneradio.ui-widget td:not(:first-child) .ui-radiobutton.ui-widget {padding: 16px 12px 0px 0px;}
        
        /* Datatable */
        .ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table{padding: 0px; box-sizing: border-box;}
        .ui-datatable-reflow.ui-datatable > div > table > tbody > tr:before, .ui-datatable-reflow.ui-datatable > div > table > tbody > tr:after, .ui-datatable-reflow.ui-datatable > div > table > thead > tr:after, .ui-datatable-reflow.ui-datatable > div > table > thead > tr:before{display: inline;}
        .ui-datatable-scrollable table {table-layout: fixed;}
        .ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child {text-align: right;}
        .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .input-panel {float: right;}
        .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable-reflow table.expansion-grid tr td:first-child {width: 50%;}
        .ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child {width: 50%;}
        .ui-datatable .image-panel-icon {float: right; margin-right: 20px;}
        .ui-datatable-reflow .image-panel-icon, .ui-datatable-reflow .image-panel-icon-2, .ui-datatable-reflow .image-panel-icon-3 {float: right;}
        .ui-datatable-reflow table.icon-table {float: right;}
        .ui-datatable .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox, .ui-datatable .content-C img, .ui-datatable .content-C i {float: right;}
        .paginator-wrapper {visibility: hidden;}
        
        /* Drag & Drop Datatable */
        .ui-datatable .reorder-column-data > tbody > tr > td:first-child {width: 40px;}
        .ui-datatable .reorder-column-data .ui-button .ui-button-text {display: none;}
                
        /* Converter Panel */
        .converter-panel > tbody > tr > td {display: inline-block; width: 100%;}
        .converter-panel i {font-size: 20px; height: 20px; line-height: 20px; display: block;}

        /* Accordion */
        .ui-accordion.st-1 .ui-datatable .ui-datatable-data > tr > td {display: inline-block; width: 100%;}
        .ui-accordion.st-1 .ui-datalist {padding: 0px 10px;}
        .ui-accordion.st-1 .ui-accordion-header .char-wrapper {margin: initial; top: 18px;}
        .ui-accordion.st-1  .ui-accordion-header > table > tbody > tr > td {display: block;}
        .ui-accordion.st-1 .ui-accordion-header > table > tbody > tr > td:LAST-CHILD {padding-top: 7px;}
        .tab-current:before, .tab-deposit:before, .tab-loan:before, .tab-saving:before{left: 11px;}     
        .tab-current:before, .tab-deposit:before, .tab-loan:before, .tab-saving:before {margin: initial; top: 6px;}
        
        /* Fileupload */
        .fileupload-panel > table > tbody > tr > td:FIRST-CHILD, .fileupload-panel > table > tbody > tr > td:LAST-CHILD{padding: 0px; display: inline-block; width: 100%;}
        .fileupload-panel > table > tbody > tr > td:LAST-CHILD {padding-top: 10px;}
        
        /* if one account only */
        .slick-carousel.customer-accounts .ui-commandlink:ONLY-CHILD table.fixed-dt > tbody > tr > td:FIRST-CHILD {padding-right: 0px;}
        .slick-carousel.customer-accounts .ui-commandlink:ONLY-CHILD table.fixed-dt > tbody > tr > td:LAST-CHILD {padding-left: 0px;}
        
        /* Tabs */
        .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {padding: 0px 15px;}
        .ui-tabs .ui-tabs-nav li:FIRST-CHILD a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected:FIRST-CHILD a {padding-left: 20px;}
        .ui-tabs .ui-tabs-navscroller:not(.ui-tabs-navscroller-btn-hidden) {padding: 0px 20px;}
        .ui-tabs .ui-tabs-navscroller-btn .ui-icon {width: 20px;}
        
        .rates-table > tbody > tr > td:FIRST-CHILD {width: 110px;}
        .rates-table > tbody > tr > td:LAST-CHILD table {width: 50%;}
        .rates-table > tbody > tr > td:LAST-CHILD table:NTH-CHILD(3), .rates-table > tbody > tr > td:LAST-CHILD table:NTH-CHILD(4) {display: none;}
        
        /* Calendar Range */
        .calendar-range-panel > table > tbody > tr > td {display: inline-block;}
        .calendar-range-panel > table > tbody > tr > td:nth-child(2) {display: none;}
        .calendar-range-panel > table > tbody > tr > td:not(:FIRST-CHILD) {padding-top: 30px;}
        
        /* Widget Transactions Scrollable panels */
        .useful-info-scroll > table {height: auto; max-height: 170px; position: relative;} 
        
        
        /* Captcha */
        .captcha-panel > div {width: 245px;}
        .captcha-panel iframe {transform: scale(0.80); -webkit-transform: scale(0.80); transform-origin: left; -webkit-transform-origin: left;}

        /* Financial Calendar */        
        .fc-day-header.ui-widget-header {font-size: 15px; padding: 5px;}        
        .schedule-header > tbody > tr > td {width: 100%; display: inline-block;}
        .schedule-header > tbody > tr > td:not(:FIRST-CHILD) {padding-top: 20px;}
        .schedule-nav td:NTH-CHILD(2) {min-width: auto;}
        .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {overflow: hidden !important; height: auto !important; min-height: 6px;}
        
        .agenda-item {width: 100%;}
        
        .grid-item table > tbody > tr > td:first-child {margin: auto;}
        .grid-item table > tbody > tr > td:last-child {display: block; padding-top: 10px;}
        .grid-item a { width: 100%; text-align: center;}
        .grid-item .image-panel-icon-3 {margin: auto;}


        /*Other Banks*/
        .grid-item-2 {width: 100%; padding: 20px 0px;}
        
        .info-panel-2 > tbody > tr > td {display: block; width: 100%;}
        .info-panel-2 > tbody > tr > td:first-child {text-align: center; width: 100%;}
        .info-panel-2 > tbody > tr > td:last-child {margin-top: 10px; text-align: center;}
        .info-panel-2 > tbody > tr > td:last-child button.neutral-btn {float: none;}
        
        .custom-btn-group {width: 100%; max-width: 280px; margin: auto;}
        .custom-btn-group > tbody > tr > td {display: inline-block; width: 100%;}
        .custom-group-col:empty {width: 0px;}
        
}

