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

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

@media only screen and (max-width: 1200px){
	.centering {width: 950px;}
	.global-header .centering > table > tbody > tr > td:LAST-CHILD {width: 65px;}
	.global-header .centering > table > tbody > tr > td:LAST-CHILD td:first-child {display: none;}
	.global-header .notifications-panel {float: right;}
}

@media only screen and (max-width: 1016px){
	.centering {width: 100%!important;}
}

@media (min-width: 992px){
	.common-body {margin-left: 0px !important;}
	.centering {width: 970px;}
}

@media only screen and (max-width: 930px){
	/*.searchbar .reportGP {right: 0px;}*/
	.title-area-tbl td.col:last-child > table:not(.border-left) {padding-left: 70px;}
}

/* LAYOUT - MEDIUM */
@media only screen and (max-width: 990px){
	.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: 0 10px;}
	.md-1{width:8.33333333%}.md-2{width:16.66666667%}.md-3{width:25%}.md-4{width:33.33333333%}.md-5{width:41.66666667%}.md-6{width:50%}.md-7{width:58.33333333%}.md-8{width:66.66666667%}.md-9{width:75%}.md-10{width:83.33333333%}.md-11{width:91.66666667%}.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 {display: inline;}
	.md-table-cell {display: table-cell;}
	.md-table-row {display: table-row;}
	.pct85 {width: 80%;}
	.pct15 {width: 20%;}
	
	.centering {max-width: 740px;}
	/* .main-padding{padding-bottom: 358px;} */
	.global-header .centering > i {display: table-cell;}
	
	.burger-col{display: table-cell; border-right: 1px solid #FFFFFF;}
	.ui-card .ui-group, .details-grid table {padding-left: calc(5% - 7.5px);  padding-right: calc(5% - 7.5px);}
	.ui-card .ui-group.container:before, .details-grid table:before {width: 90%;}

	/* Login */
	/*.login-body td.right-content {display: table-footer-group;}*/
	.login-body td.left-content, .login-body td.right-content, .login-body td.empty-content {display: block; margin: auto;}
	.slideshow-wrap-txt-1 {padding-top: 62.5px;}
/*	.login-body .bottom-footer {position: fixed;}*/
	
	/*Show Home menu on responsive view*/
	.slide-menu .myOnlineBankingClick {display: list-item;}
	
	/* Responsive 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.3); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; z-index: 4;}
	
	.ui-tabmenu.primary-nav.st-2 {display: block;}
	.ui-tabmenu.primary-nav.st-2 .ui-tabmenu-nav .ui-corner-top a {padding: .5em 1em; width: auto;}
	/*.ui-tabmenu.primary-nav.st-2 .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {top: 29px;}*/
	.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a {border-top: none;}	
	.ui-tabmenu.primary-nav.st-2 .ui-tabmenu-nav .ui-corner-top a.selected {background-image: none; box-shadow: none;}
	.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a.selected {border-top: 4px solid #3d89c5;}

	.wrap-content > tbody > tr > td {display: inline-block; width: 100%;}
	.side-content {box-sizing: border-box; padding: 7.5px; width: 100%;}
	.side-content img {display: block; margin: auto;}
	.main-menu-area {height: 40px;}
	
	/*BUTTONS*/
	
	/*Link Button*/
	.link-btn-table td{display: block;}
	.link-btn.ui-button-text-icon-right .ui-button-text {text-align: right;}
	.link-btn.ui-button-text-icon-left .ui-button-text {text-align: left;}
	

    .search-btn.ui-button {width: 35px; padding: 5px;}
    .ui-panel-titlebar-icon.ui-state-default {padding-left: 38px;}
    
    /*Dialog*/
    .ui-dialog .footer-area table {right: 20px; top: 0px;}
    
    /*Label*/
    .ui-card .ui-group.container .ui-outputlabel.md-txt-L {text-align: left;}
    
    .titleGP {display: table;}
    .titleGP > table.stepsGP td:first-child {display: table-footer-group; float: none; width: 100%;}
    .titleGP > table.stepsGP td:last-child {display: table-header-group; float: none; width: 100%;}
    .titleGP .steps-panel {padding-bottom: 40px; float: right;}
    .titleGP .action-btns .link-btn.ui-button .ui-button-text {width: 100%;}
    
    .title-area .title-area-tbl td.col:not(.lg-table-cell) {display: inline-table;}
    .title-area-tbl td.col:last-child > table:not(.border-left) {padding-left: 0px;}
    .title-area .title-area-tbl.st-1 {position: static;}
    
    .steps-panel .ui-steps.custom-steps {width: 250px;}
    .ui-steps .ui-steps-item .ui-steps-title {display: block;}
    .titleGP > table td:last-child {width: 45%;}
    
    /*Details pages*/
    .details-group .row.md-block {display: block;}
    .details-list .lg-flex {left: 4px;}
    .ui-tabs .ui-tabs-nav li a {padding: 5px; white-space: normal; width: 100%; height: auto; word-wrap: break-word; box-sizing: border-box; border-left: 0px;}
    .ui-tabs .ui-tabs-nav li a:before {height: 10px; width: 1px; border: 1px solid #eae9e9; content: ''; margin-right: 10px;}
    .ui-tabs.ui-tabs-top > .ui-tabs-nav {display: flex; padding: 10px 0px;}
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-selected:after {top: 40px;}
    .st-2.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-selected:after {top: 42px;}
    
    /*Datatables*/
    .ui-datatable > .ui-datatable-tablewrapper > table {padding: 7.5px; box-sizing: border-box;}
    .history-list.ui-datatable > .ui-datatable-tablewrapper > table {table-layout: auto;}    
    
    /* Row Expansion */
	.ui-datatable table.expansion-grid, .ui-datatable-scrollable table, .ui-datatable-sticky table{width: 100%; table-layout: fixed;}
	/*.ui-datatable tbody td table.expansion-grid td {box-sizing: border-box; padding: 0px;}*/
	.expansion-grid {display: table;}
	.expansion-grid tr td:not(:only-child), .expansion-grid tr td.only-column {width: 100%; box-sizing: border-box; padding: 8px; word-break: break-word; white-space: normal; vertical-align: top;}
	.expansion-grid tr td:not(:only-child):not(:last-child) {border-right: 1px solid #e4e2e2;}
	.expansion-grid tr td:last-child {width: 100%; text-align: left;}
	.expansion-grid table tr td {font-size: 12px; letter-spacing: 0.48px;}
	.expansion-grid table tr:first-child td {font-family: 'Calibri-Bold'; color: #1c5ba2;}
	.expansion-grid table tr:last-child td {font-family: 'Calibri-Regular'; /*color: #cccccc;*/}

	.ui-datatable:not(.simple-list) .ui-expanded-row-content > td {border: 1px solid #1c5ba2; border-top: none; padding: 0px; box-sizing: border-box;}
	.ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row td, .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-odd.ui-expanded-row td {border: 1px solid #1c5ba2;}
	.ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row td,  .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-odd.ui-expanded-row td {border: none; border-top: 1px solid #1c5ba2;} 
	.ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row > td:first-child, .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-odd.ui-expanded-row > td:first-child, .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row > td:first-child.md-hide + td:not(.md-hide) {border-left: 1px solid #1c5ba2;}
	.ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row > td:last-child, .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-odd.ui-expanded-row > td:last-child {border-right: 1px solid #1c5ba2;}
	.ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row td:not(:last-child), .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-odd.ui-expanded-row td:not(:last-child) {border-right: 1px solid #e4e2e2;}
	.ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-even.ui-expanded-row table.truncate-col td:last-child, .ui-datatable:not(.simple-list) tr.ui-widget-content.ui-datatable-odd.ui-expanded-row table.truncate-col td:last-child {border: none;}
	.ui-datatable:not(.simple-list) .ui-datatable-odd + .ui-expanded-row-content > td {background: #f8f8f8;}
		
	.searchbar-reportBtns{margin-top: 10px;}
	
	.pending-view.ui-datatable .ui-datatable-data > tr td:nth-last-child(2) {border-right: none;}
	
	.inputOTP {padding: 15px;}
	.inputOTP .separator {border-left: none; border-top: 1px solid #cdcdcd; padding-top: 10px;}
	
	/*Select Customer - Select Account Details Dropdown*/
	.cust-select:not(.dash).ui-selectonemenu, .cust-select:not(.dash).ui-selectonemenu.ui-state-hover, .cust-select:not(.dash).ui-selectonemenu.ui-state-focus {margin-left: 0px; width: 189px;}
	.accountDetailsDd.ui-selectonemenu {width: 260px;}
	.account-dropdown label.ui-inputfield td:first-child{max-width: 145px;}	
	
	.margin-btn {margin: 0 2px;}
	.margin-btn-last {margin: 2px;}
	
	.edit-fields .ouline-circle{width: 100%; padding: 3px; margin:0px;}
	
	.calendar-wrapper .ui-calendar .ui-inputfield {width: 100%;}
	.calendar-wrapper > tbody > tr > td:first-child {display: none;}

}

/* LAYOUT - SMALL */
@media only screen and (max-width: 600px){
	.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;}
	
	/*.centering {max-width: 480px;}*/
	body, html {width: 600px; overflow-x: auto;}
	/*.main-padding {padding-bottom: 135px;}*/
	
	.ui-card .ui-group, .details-grid table {padding-left: 7.5px; padding-right: 7.5px;}
	.ui-card .ui-group.container:before, .details-grid table:before {width: 93%;}
	
	.important-notice .centering .tooltip-icon {padding-left: 0px;}
	.important-notice .centering {padding: 0px 30px;}
	
	/* Login */
	.login-body .slideshow-wrap-txt-2 {padding: 0 30px;}
	.login-body .main-panel {padding: 0px 15px;}
	.login-content .centering {width:275px;}
	.login-content, .login-body .ui-messages, .login-body .rightPanel {width: 100%;  padding: 0px;} 
	
	
	/*Dialog*/
	.ui-dialog.st-1 .button-panel .lg-3 {width: auto;}
	
	.notifications-overlay.ui-overlaypanel.ui-overlay-visible {left: 10px !important; width: auto;}
	
	/*Select Customer - Select Account Details Dropdown*/
	.title-area td.label, .title-area td.value  {display: inline-table;} 
	.cust-select.ui-selectonemenu, .cust-select.ui-selectonemenu.ui-state-hover, .cust-select.ui-selectonemenu.ui-state-focus {width: 260px;}
	.accountDetailsDd.ui-selectonemenu {width: 260px;}
}

@media print {
	.noprint {display: none !important;}
}

@media screen{
	.noScreen{display:none !important;}
}