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

/* LAYOUT - MEDIUM */
@media screen and (max-width: 1027px){
	.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%}

	.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 {display: none;}
	.md-flex {display: flex;}
	.md-block {display: block;}
	.md-inline-block {display: inline-block;}
	.md-inline {display: inline;}
	
	.ui-card-body, .ui-card-header, .ui-card-footer {max-width: 760px;}
		
	.web-body .primary-nav {display: none;}

	.global-header {height: 90px;}
	.notifications-panel {height: 70px;}
	.global-header .icon-btn{width: 30px; height: 100%;}
	.notifications-panel .ui-button.notification-btn {height: 68px;}
	
	/* Tabs */
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {width: 50%;}
	
	.step-wrapper {padding-left: 35px;}
	
	.h1, .ui-widget .h1{font-size: 40px;}
	
	.cd-btn {cursor: pointer; display: block; height: 70px; width: 60px; line-height: 70px; font-size: 20px; text-align: left; position: relative;}
	.cd-btn:after {content: ''; height: 30px; width: 1px; background: #EFB200; position: absolute; display: block; right: 15px; top: 0px; bottom: 0px; margin: auto;}
	/*Show Home menu on responsive view*/
	.slide-menu .myOnlineBankingClick {display: list-item;}
	
	/* Slide Menu */
	.primary-nav{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;}	
		
	.h3.positive-txt {word-break: break-word;}
	.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last{display: none;}
	
	.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;}

	.content-C .ui-chkbox, .content-C .switch-checkbox{margin: 0px; float: right;}
	
	/* Datatable */
	.ui-datatable-reflow > .ui-datatable-tablewrapper > table > thead{display: none;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {text-align: right; 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 > 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 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 {padding: 7.5px; padding-left: 15px; width: 35%; min-width: 30%; display: table-cell; margin: 0px; text-align:left; vertical-align: middle; word-break: normal; font-family: 'OpenSans-Light'; font-size: 16px; color: #018EA3; letter-spacing: 1.15px; text-transform: uppercase;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child {padding: 7.5px; padding-right: 15px; width: 65%; display: table-cell; vertical-align: middle; text-align: left;}
	.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 dashed #EEEEEE;}
	.ui-datatable-reflow.ui-datatable tbody.ui-datatable-data .expansion-grid tr td:last-child{text-align: right;}
	.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-datatable-data tr.ui-expanded-row-content {border-top: 1px dashed #EEEEEE !important;}
	.ui-datatable .ui-expanded-row-content.hidden {display: table-row;}
	.ui-datatable .ui-expanded-row-content > td {padding: 4px 10px;}
	.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 .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox{margin: 0px; float: left;}
	.ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{right: auto;}
	.ui-datatable table.icon-table {float: right;}
	.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-row-toggler.ui-icon {width: 100%; height: 40px;}
	.ui-row-toggler.ui-icon:before {right: 15px; height: 20px; left: auto; top: 0px; bottom: 0px; margin: auto; position: absolute;}

	/*Details-grid*/
	.details-panel > tbody tr {border-bottom: none;}	
	.details-panel td.topPosit {padding: 0px; display: inline-block; width: 100%; border-bottom: 1px solid rgba(151, 151, 151, 0.34);}
	.details-panel .pad-L, .details-panel .pad-R {padding: 0px;}
	
	.ui-dialog.custom-dialog{width: 100% !important; position: absolute !important; overflow-y: auto;}
	.ui-dialog.custom-dialog .ui-datatable {width: 100%;}	
	
	/*Dashboard*/
	.dashboard td.fixed-col-bar {width: 100%; display: inline-block; height: 100%; margin-left: 0px; margin-top: 20px; padding: 0px;}
	.dashboard td.topPosit.pct100{width: 100%; display: inline-block;}
	table.dashboard, td.fixed-col-bar > div {width: 100%;}
	.dashboard .draggable .fixed-dt div > div div:first-child > span {word-break: break-word;}
	.draggable .ui-datatable div tr td:last-child {width: 50px;}
	
	
	/*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;}
	
	/*Unsecure Page Template*/
	.unsecure-body .header-image.lg-float-L{margin-left: 7.5px;}
	
	.account-panel-current:before, 	.account-panel-loan:before, .account-panel-deposit:before, .account-panel-card:before {font-family: 'icomoon'; height: 45px; width: 45px; line-height: 45px; top:342px; font-size: 20px; text-indent: 0px; position: absolute; margin: auto; right: auto; text-align: center; color: #FFFFFF; border-radius: 100%;}
	
	.account-panel .selector.lg-3 {padding: 15px 4px;}
 	.account-panel .selector .ui-button {padding:0;padding-left: 50px;width:100%;color:#018ea3;background:#ededed;white-space: pre;opacity:1;height: 40px;}
 	
 	.account-panel .selector.md-selector{border-bottom-left-radius: 0; border-top-left-radius: 37px; border-bottom-right-radius: 0; border-top-right-radius: 37px;}	
}

/* 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%}
	
	.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-hide, .ui-datatable-reflow .ui-datatable-data td.sm-hide{display: none;}
	.sm-show{display: flex;}
	
	.main-panel > .centering {max-width: none;}
	
	.ui-card .ui-group.container, .ui-card-2 .ui-group.container, .confirmation-page .details-grid, .ui-card .ui-group.container.custom-disclaimer {width: 100%;}
	
	/* Login */
	.login-body .main-panel {width: 100%; max-width: 300px;}
	
	.global-header {height: 70px;}
	.notifications-panel {height: 50px;}
	.global-header .neutral-btn {height: 30px; width: 30px; padding: 0px;}
	.global-header .neutral-btn.ui-button .ui-button-text {display: none;}
	.global-header .neutral-btn.ui-button .ui-icon {font-size: 12px;}
	.notifications-panel .ui-button.notification-btn {height: 50px;}
	
	.top-footer .centering{padding: 0 60px; min-width: 0;}
	.footer-links .ui-panel{margin: 0px;}
	
	/* Tabs */
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {width: 60%;}
	
	/* 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 td[role="gridcell"] .ui-column-title, .ui-datatable-reflow table.expansion-grid tr td:first-child {width: 50%;}
	.ui-datatable .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox {margin: 0px; float: right;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child{width: 50%; text-align: right;}
	
	.cd-btn {width: 50px; height: 50px; line-height: 50px;}

	.cd-panel-container {width: 100%;}
				
	/* Buttons */
	button.positive-btn, .ui-widget-content button.positive-btn, button.negative-btn, .ui-widget-content button.negative-btn {padding: 2.5px 20px;}
	button.positive-btn .ui-button-text, button.negative-btn .ui-button-text, button.positive-btn-2 .ui-button-text {font-size: 14px;}
	
	/* Grid Menu */
	.grid-menu .h5 {padding-top: 7.5px; padding-bottom: 20px;}
	
	.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;}

	/* DASHBOARD less than 12 accounts show them per type */
	.dashboard .fixed-dt div > div div:first-child > span{border: none;}
	.ui-accordion.list-view .ui-datatable .ui-datatable-data td.pct100 {padding-top: 7.5px; padding-bottom: 7.5px;}
	.ui-accordion.list-view .ui-datatable .inline {border-left: 1px solid rgba(151,151,151,0.35);}
	.ui-accordion.draggable.list-view .ui-datatable .inline {padding-left: 2px; box-sizing: border-box;}
	.ui-panel.st-1:not(.myProducts) {padding: 0px;}
	
	
	/* DASHBOARD more than 12 accounts show them per type */
	.dashboard .ui-tabs.ui-tabs-top>.ui-tabs-nav li{display: inline-block; width: auto; padding-top: 15px;}
	.dashboard .ui-tabs .ui-datalist .ui-datalist-data{padding: 0;}	
	.dashboard .ui-tabs .ui-datalist .ui-datalist-data .ui-datalist-item div > span:NTH-CHILD(3) > span{border-left: none;}
	.dashboard .ui-tabs .inline {border-left: 1px solid rgba(151,151,151,0.35);}
	.dashboard .ui-tabs.ui-tabs-scrollable .ui-tabs-nav {table-layout: auto;}
	
	.dashboard .ui-tabs .current-tab, .dashboard .ui-tabs .card-tab, .dashboard .ui-tabs .loan-tab, .dashboard .ui-tabs .deposit-tab {padding: 13px 7.5px;}
	.current-tab:before, .card-tab:before, .loan-tab:before, .deposit-tab:before {font-family: 'icomoon'; height: 45px; width: 45px; line-height: 45px; font-size: 20px; text-indent: 0px; display: block; text-align: center; color: #FFFFFF; border-radius: 100%;}
	.dashboard .ui-tabs .current-tab:before {content: "\e90f"; background-color: #018EA3;}
	.dashboard .ui-tabs .card-tab:before {content: "\e910"; background-color: #EFB200;}
	.dashboard .ui-tabs .loan-tab:before {content: "\e911"; background-color: #22B5BA;}
	.dashboard .ui-tabs .deposit-tab:before {content: "\e913"; background-color: #018EA3;}
	
	/*Header*/
	.header-image {height: 50px;}	
	.top-header .lg-auto:nth-child(2) .header-top-row:first-child {border: none;}
	.top-header .lg-txt-R {display: flex; flex-direction: column-reverse;}
	
	.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.single-page:not(.item-1) .ui-carousel-button.ui-carousel-next-button {background-image: url(../images/svg/carousel-arrow-active.svg);}
	.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%;}

	/*Financial Calendar*/
	.fc-ltr .fc-basic-view .fc-day-number{font-size: 14px;}
	
	/*Unsecure Page Template*/
	.unsecure-body .header-image.lg-float-L{margin-left: 15px;}
	
	/*Messages-confirm*/
	.ui-messages-confirm .ui-messages-error-summary, .ui-messages-confirm .ui-messages-warn-summary, .ui-messages-confirm .ui-messages-info-summary{font-size: 14px; letter-spacing: 0.5px; line-height: 28px;}
	
	/*Grid-View carousel*/
	.widgets-panel .ui-panel .ui-panel-actions{padding-right: 5px;}
	.widgets-panel .ui-panel .ui-panel-actions .padding-col-left{padding-left: 5px;}
	
	/*tanOtp*/
 	.ui-group-dark {display: grid; justify-content: normal !important;}
 	.tan-reverse {grid-column: 1; grid-row: 2;}
 	.sm-center {margin: auto;}
 	
 	.rates-table.border {border-right: none;}
 	
 	/*Disclaimer*/
 	.disclaimer.ui-card{padding: 7.5px;}
 	.disclaimer td:first-child{width: 30px;}

 	/*File Upload*/
 	.fileupload-panel > tbody > tr > td:FIRST-CHILD, .fileupload-panel > tbody > tr > td:LAST-CHILD {display: inline-block; width: 100%; padding: 0px;}
 	.fileupload-panel > tbody > tr > td:FIRST-CHILD {padding-bottom: 7.5px;}
 
   	.account-panel .selector {border-bottom-left-radius:0px; border-top-right-radius:37px}
   	.account-panel .selector > table > tbody > tr > td:LAST-CHILD {padding-left:10px}
   	.account-panel-current:before, 	.account-panel-loan:before, .account-panel-deposit:before, .account-panel-card:before {font-family: 'icomoon'; height: 53px; width: 53px; line-height: 53px; top: auto; font-size: 20px; text-indent: 0px; position: absolute; margin: auto; right: auto; text-align: center; color: #FFFFFF; border-radius: 100%;}
	.account-panel .selector .ui-button {padding:0;padding-left: 50px;width:100%;color:#018ea3;background:#ededed;white-space: pre;opacity:1;height: 40px;}

	.ui-panel.st-1.rates-panel > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:FIRST-CHILD span:after {flex: 0;}
	.ui-panel.st-1.rates-panel > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:LAST-CHILD {padding-left: 0px;}
	
	.benCheckbox {padding-top:0px;margin-left: 5px;}
	.no-label-group-switch {margin-top:0px;}
}