/* X-LARGE */
@media screen and (min-width:1921px) {
/* 	.main-panel {max-width: 1768px; margin: auto;}	
	.login-body .main-panel {width: 480px;}
 */	
	.login-body .slick-carousel.image-slider .slider-image .x-large {display: block;}
	.login-body .slick-carousel.image-slider .slider-image .web {display: none;}
	.login-body .slick-carousel.image-slider .slider-image .laptop {display: none;}
	.login-body .slick-carousel.image-slider .slider-image .tablet {display: none;}
}

/* LAYOUT - MEDIUM */
@media screen and (max-width: 1000px){
	.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: 7.5px;}
	.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%}
	
	.bottom-footer .centering{padding: 0px 45px;}
	.centering {width: 100%; max-width: 710px; padding: 0px 15px;}
	.centering.nopadleft{padding-left: 0px;}
	.footer .centering {max-width:100%;}
	/*.footer {height: 105px;}*/
	.top-header .centering{padding: 0px;}
	.top-header .centering {max-width: 100%;}
	.global-header{height: 70px;}
	.primary-nav {display: none;}
	.burger-col{display: table-cell; border-right: 1px solid #FFFFFF;}

	.global-header .icon-btn{width: 30px; height: 100%;}
	
	.ui-card .container, .ui-card .ui-group.container {padding-left: 7.5px; padding-right: 7.5px;}
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {padding-left: 0px; padding-right: 0px;}
	.step-wrapper {padding-left: 35px;}
	
	.h1, .ui-widget .h1{font-size: 40px;}

	/* Login */
	.login-body .security-panel {width: 100%; position: relative; top: 20px; padding: 0px 15px; box-sizing: border-box;}
	.login-body .security-panel .ui-tabs {width: 360px; margin: auto;}
	
	/* Slide Menu */
	.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;}
	
	.h3.positive-txt{word-break: break-word;}
	.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last{display: none;}
	
	.marketing-panel .banner-title{width: 100%; font-size: 12px; font-family: 'OpenSans-Semibold'; padding: 0px; padding-bottom: 7.5px; box-sizing: border-box; color: #383A35;}
	.customDatagrid .threeColumns td:not(:first-child) {width: 100%; display: inline-block; padding-bottom: 10px; box-sizing: border-box;}	
	
	.calendar-slideMenu {padding: 0 0 10px 0; background: #383a35; box-sizing: border-box;}
	.calendar-slideMenu .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all, .calendar-slideMenu li.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top{background: #383a35;}
	.calendar-slideMenu li.ui-state-default.ui-corner-top{color: #FFFFFF;}
	.calendar-slideMenu.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected > a {color: #fff;}
	.calendar-slideMenu.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {border-bottom: solid 2px #FFFFFF; color: #FFFFFF;}
	
	/* Datatable */
	.ui-datatable-reflow.ui-datatable tbody tr:not(.ui-datatable-empty-message) td {padding: 0px;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {border-top: 1px solid rgba(151, 151, 151, 0.34); text-align: right; display: table; 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 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 > div > table > .ui-datatable-data > tr > td {text-align: right; width: 100% !important; word-break: break-word; display: table; min-height: 36px;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:first-child:not(:only-child) {width: 35%; padding: 5px; min-width: 30%; display: table-cell; margin: 0px; text-align:left; vertical-align: middle; text-transform: uppercase; font-family: 'OpenSans-Semibold'; background-color: rgba(255, 255, 255, 0.2); font-size: 14px; word-break: break-word; white-space: nowrap;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:last-child{width: 65%; padding: 5px; display: table-cell; vertical-align: middle;}
	.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;}

	.ui-datatable-reflow.ui-datatable tbody tr:first-child td[role="gridcell"], .ui-datatable table.expansion-grid:not(:first-child){border-top: 1px solid rgba(151, 151, 151, 0.34)}
	.ui-datatable-reflow.ui-datatable tbody.ui-datatable-data .expansion-grid tr td:last-child{text-align: right;}
	.ui-datatable-reflow.ui-datatable tbody tr td[role="gridcell"]:first-child {border: none;}	
	
	
	.ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table {border-collapse: collapse;}
	.ui-datatable-reflow.ui-datatable .ui-datatable-data > tr.ui-widget-content:not(.ui-expanded-row-content) {border-top: 2px solid rgba(151, 151, 151, 0.34);}
	.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: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{content: " "; display: table-cell; width: 15%;}
	.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-row-toggler.ui-icon.ui-icon-circle-triangle-e, .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s{margin: auto; right: 0; left: 0;}
	.ui-columntoggler.ui-widget{visibility: hidden; height: 0px !important;}
	
	.ui-datatable table.expansion-grid tbody tr{height: 36px;}
	.row-toggler > div {padding: 10px; box-sizing: border-box;}
	
	.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-expanded-row-content.hidden{display: table-row;}
	.ui-datatable-reflow > .ui-datatable-tablewrapper > table > thead{display: none;}
	.content-C .ui-chkbox, .content-C .switch-checkbox{margin: 0px; float: right;}
	
	.ui-datatable .ui-datatable-data .details-grid tr, .ui-datatable .ui-datatable-data tr.ui-expanded-row-content{height: auto;}
	.list-table.ui-datatable .ui-datatable-data .details-grid tr, .list-table.ui-datatable .ui-datatable-data tr.ui-expanded-row-content {height: 40px;}
	.ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{right: auto;}
	
	.ui-datatable .ui-expanded-row-content > td {padding: 4px 10px;}

	.ui-datatable.list-table > div > table > tbody > tr:before, .ui-datatable.list-table > div > table > tbody > tr:after {width: 0;}

	/*Details-grid*/
	.details-grid > tbody > tr > td:first-child {padding-left: 25%;}
	.details-grid >tbody > tr > td:last-child{padding-right: 25%;}
	.ui-dialog .details-grid{table-layout: fixed;}
	
	.md-hide, .ui-datatable-reflow .ui-datatable-data td.md-hide{display: none;}
	.md-show{display: flex;}
	.md-show-block{display: block;}
	.md-show-cell{display: table-cell;}
	.md-show-inline{display: inline;}

	.md-R{justify-content: flex-start;}
	.md-L{justify-content: flex-end;}
	.md-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;}

	.ui-dialog.custom-dialog{width: 100% !important; position: absolute !important; overflow-y: auto;}
	.ui-dialog.custom-dialog .ui-datatable {width: 100%;}	
		
	/* Marketing Banner */
	.marketing-panel .banner-img.web{display: none;}
	.marketing-panel .banner-img.tablet{display: block;}
	.marketing-panel .banner-btns{width: 100%;}
	.marketing-panel .banner-btns button{width: 100%;}
	.marketing-panel .banner-txt{font-family: 'OpenSans-Semibold'; font-size: 12px;}

	/*Dashboard*/
	.dashboard td.fixed-col-220 {width: 100%; display: inline-block; height: 100%; margin-left: 0px; margin-top: 10px; padding: 0px;}
	.dashboard td.fixed-col-220 > div {width: 100%;}
	.dashboard td.topPosit.pct100{width: 100%; display: inline-block;}
	table.dashboard {width: 100%;}
	
	/*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;}
	
	.global-header .centering .cust-select.ui-selectonemenu{display: none;}
	
	.main-padding{padding-bottom: 80px;}
	
	.chart-color tr{float: right;}
	.chart-color td:last-child{display: inline-block;}
	
	/*Datalist - panel*/
	 .datalist-panel .ui-panel-titlebar-icon.ui-state-default{right: 5px;}
	 .datalist-panel.ui-datalist .ui-widget-content > div{padding-left: 0px; padding-right: 0px;}
	 .datalist-panel.ui-datalist .ui-widget-content > div:not(.ui-selectonemenu-items-wrapper) {padding-left: 0px;padding-right: 0px;}
	 .datalist-panel .ui-panel {padding-left: 7.5px; padding-right: 7.5px;}
	
	/* Login */
	.login-images {display: block;}
	
	.login-body .slick-carousel.image-slider {padding: 0px;}
	.login-body .slick-carousel.image-slider .slider-image .x-large {display: none;}	
}

/* LAYOUT - SMALL */
@media screen and (max-width: 570px){
	.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: 7.5px;}
	.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%}
	
	.centering {max-width: 320px;}
	.top-header .centering, .global-header .centering {max-width: 100%;}
	
	.main-padding, .unsecure-body .main-padding{padding-bottom: 135px;}
	.bottom-header .ui-overlaypanel.settingsPanel {margin: auto; right: 10px !important; left: 10px !important; width: auto;}
	.global-header{height: 60px;}
	
	.unsecure-footer, .footer{height: 100px;}
	
	.footer-links table {float: none; margin: auto; display: table;}


	.cd-panel .cd-panel-container {width: 100%;}
	
	.personalImgSmall {width: 35px; height: 35px;}
	
	.ui-card .ui-group {padding-left: 0px; padding-right: 0px;}
	
	.details-grid > tbody > tr > td:first-child {padding: 0px; padding-left: 10px;}
	.details-grid > tbody > tr > td:last-child{padding: 0px; padding-right: 10px;}
	
	.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;}
	
	/* Login */
	.login-content, .login-body .ui-messages, .login-body .rightPanel {width: 100%;} 
	.login-body .security-panel .ui-tabs {width: 100%; max-width: 310px;}
	.login-body .global-header{min-height: 60px; height: 100%;}
	.login-body .global-header .centering{max-width: 100%; padding: 5px; box-sizing: border-box;}
	.login-body .global-header .pct50{display: inline-block; width: 100%;}
	.login-content button.positive-btn.small{min-width: 76px;}
	.login-body .main-padding{padding: 0px;}
	.login-body .slideshow-wrap-btn{display: none;}

	.global-cust-filter .ui-overlaypanel {left: 10px; right: 10px; width: auto !important; margin: auto;}
	button.global-cust-btn .ui-button-text {line-height: 40px;}
	button.global-cust-btn {max-width: 190px;}
	
	.balance-pg {width: 100%;}
	.balance-pg > tbody > tr > td:last-child {text-align: right;}
	
	/* filters */
	table.fixed-col-grid > tbody > tr > td{width: 100%; display: inline-block;}
	table.fixed-col-grid .fixed-col{width: 100%; text-align: right; border-top: 1px solid white; padding: 10px 5px; margin-top: 5px;}
	.ui-panel.filters table.fixed-col-grid .fixed-col .ui-button{width: 45px; margin-left: 20px;}
	
	/* tabs */
	.ui-tabs.ui-tabs-top>.ui-tabs-nav li {width: 33.333333%;}
	
	.selectOneButtonSt.ui-selectonebutton > .ui-button{display: inline-block; width: 100%;}
	.selectOneButtonSt.ui-selectonebutton > .ui-button .ui-button-text{line-height: 44px;}

	/*Details grid*/
	.details-grid, .confirmation-page .details-grid {padding: 15px;}
	.details-grid, .confirmation-page .bic-dynamic .details-grid {padding: 0px;}
	.details-grid > tbody > tr > td:first-child, .confirmation-page .details-grid > tbody > tr > td:first-child {padding-left: 0px;}
	.details-grid > tbody > tr > td:last-child, .confirmation-page .details-grid > tbody > tr > td:last-child{padding-right: 0px;}

	.sm-hide, .ui-datatable-reflow .ui-datatable-data td.sm-hide{display: none;}
	.sm-show{display: flex;}
	.sm-show-block{display: block;}
	.sm-show-inline{display: inline;}
	.sm-R{justify-content: flex-start;}
	.sm-L{justify-content: flex-end;}
	.sm-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;}
	
	.h1, .ui-widget .h1{font-size: 35px;}

	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:first-child:not(:only-child) {width: 40%; padding: 5px 10px;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:last-child{width: 60%; padding: 5px 10px;}
	.ui-datatable-reflow.ui-datatable tbody.ui-datatable-data table.expansion-grid{table-layout: auto;}

	.dashboard .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .dashboard .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:first-child:not(:only-child) {display: none;}
	.dashboard .ui-datatable-reflow .ui-datatable-data .ui-column-data, .dashboard .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:last-child{width: 100%; padding: 0px;}

	/*Dashboard Fixed Widgets*/
	.fixedWidgetPg td {display: inline-block; width: 100%;}
	.fixedWidgetPg td:last-child{padding-left: 0px; margin-top: 20px;}
	
	/*DataList (Dashboard)*/
	/*.accordionPanel.st-1.ui-accordion .action-links .ui-button{min-height: 50px;}*/
	.datalist-account tbody.ui-datatable-data td.custom-col{background: #006E42; border-color: #d7d7d7; padding: 7.5px; width: 40%}
	.dashboard .accordionPanel.st-1.ui-accordion .ui-datatable .ui-datatable-data > tr > td {display: inline-block; width: 100%;}
    
	.datalist-account .ui-datalist-item div.account-balances > span, .datalist-account .action-links div:not(:last-child){border: none;}
	.datalist-account .ui-datalist-item div.account-balances > span:first-child{border-right: 1px solid rgba(225,103,27,0.50);}

	.datalist-account .ui-datatable-data tr.ui-widget-content div.account-balances > span, .datalist-account .action-links div:not(:last-child){border: none;}
	.datalist-account .ui-datatable-data tr.ui-widget-content div.account-balances > span:first-child{border-right: 1px solid rgba(225,103,27,0.50);}

	.dashboard .ui-datalist .ui-datalist-item{height: auto;}
	.accordionPanel.st-1.ui-accordion .datalist-account .action-links .ui-button, .ui-datatable.ui-sortable-helper .datalist-account .action-links .ui-button{border-bottom: none;}

	.page-actions .page-title{width: 100%;}
	.page-actions > tbody > tr > td {display: inline-block; width: 100%;}
 	.page-actions > tbody > tr > td > table, .page-actions .cust-select{width: 100%; float: none;}
 	.page-actions .cust-select{margin-top: 10px; margin-right: 0px;}
	
	.filter-title .ui-panel-titlebar-icon.ui-state-default {margin: -6px 7px !important; padding-top: 0px;}

	.acc-details-panel .ui-state-default .ui-icon-customise, .acc-details-panel .ui-state-default .ui-icon-history-white,
	.acc-details-panel .ui-state-default .ui-icon-transfer-white{top: 0px;}
	.acc-details-links-panel.action-links {border-left: none; border-top:1px solid rgba(255, 255, 255, 0.7);}
	.acc-details-links-panel.action-links .centerPosit{padding-top:10px;}
	.action-links-panel{padding:0px; padding-top:5px;}
	.acc-details-links-panel .ui-button {height: 65px;}

	/* Marketing Banner */
	.marketing-panel .banner-img.tablet{display: none;}
	.marketing-panel .banner-img.mobile{display: block; margin: auto;}
	.marketing-panel td{width: 100%; display: inline-block;}

	/*Header*/
	.header-image {height: 37px;}	
	.top-header{height: auto;}
	.top-header .lg-auto:nth-child(2) .header-top-row:first-child {border: none;}
	.top-header .lg-float-R{float: none;}
	.top-header .lg-txt-R {display: flex; flex-direction: column-reverse;}
	
	/*Payee Slick Carousel*/
	/*.payee-carousel.slick-carousel .slick-prev, .payee-carousel.slick-carousel .slick-next{display: none !important;}*/
	.payee-carousel.slick-carousel .slick-prev {left: -25px;}
	.payee-carousel.slick-carousel .slick-next {right: -7px;}
	
	.mult-close-group{position: relative; top: 40px; right: 0px;}
	.mult-close-group .ui-button {position: absolute; left: auto; right: 10px; top: 50%;}
	
	.btn-carousel.single-page .ui-carousel-button.ui-carousel-next-button, .btn-carousel.single-page .ui-carousel-button.ui-state-disabled{display: block;}
	.btn-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon {right: -10px;}
	.btn-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon {left: -10px;}
	.btn-carousel .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {text-align: center;}
	.btn-carousel .ui-panelgrid-cell .ui-button {width: 95%;}
	.btn-carousel.single-page .ui-carousel-button.ui-carousel-next-button{background-image: url(../images/svg/carousel-arrow-active.svg); opacity: 1;}
	.btn-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon, .btn-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon{background-image: url(../images/svg/carousel-arrow-active.svg); opacity: 1;}
	
	/*Truncate column of details-grid*/
	.details-grid td{width: 100%;/* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: table-cell;*/}
	
	.ui-dialog .ui-dialog-title{margin: 0px; margin-right: 30px;}
	.ui-dialog .ui-dialog-titlebar-close span {height: 40px;}
	
	/*Financial Calendar*/
	.fc-ltr .fc-basic-view .fc-day-number{font-size: 14px;}
	.fc-event-container .fc-content {display:none;}
	.fc-basic-view .fc-body .fc-row {min-height: 4em;}
	
	/*tanOtp*/
 	.ui-group-dark {display: grid; justify-content: normal !important;}
 	.tan-reverse {grid-column: 1; grid-row: 2;}
 	.sm-center {margin: auto;}
 	
 	/*Account/Card Details Links*/
 	.quick-links{text-align: center;}

	/*List table*/
	.ui-datatable.list-table .actions{text-align: left;}
	.ui-datatable.list-table .actions .ui-button:not(:first-child){margin: 0px 15px;}
	.ui-datatable.list-table .actions .ui-button:not(:last-child){margin: 0px;}
	.ui-datatable.list-table .actions .ui-button:not(:last-child){border: none;}
	.ui-datatable.list-table .actions .ui-button:last-child{border: none;}
	
	.ui-datatable tbody td table.icon-table {float: left;}
	
	.login-body .slick-carousel.image-slider .slick-dots {display: none !important;}
 	.login-body .slick-carousel.image-slider .slider-image .tablet {display: none;}
	.login-body .slick-carousel.image-slider .slider-image .mobile {display: block;}
	
	/* Slick Carousel - Image Slider */
 	.slick-carousel.image-slider .slider-image .tablet {display: none;}
	.slick-carousel.image-slider .slider-image .mobile {display: block;}
}