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

/* X-LARGE */
@media screen and (min-width:1921px) {
	.main-panel {max-width: 1768px; margin: auto;}	
	.login-body .main-panel {width: 480px;}
}

/* LAPTOP */
@media screen and (max-width:1535px) {	
	.global-header > .top-header .centering {height: 80px;}
	.global-header-vertical {width: 230px;}
	.common-body .header, .common-body .content, .common-body .footer {padding-left: 230px;}
	.notifications-overlay.ui-overlaypanel {top: 80px !important;}
	
	/* Login Slick Carousel - Marketing Image Slider */
	.slick-carousel.marketing-image-slider table, .slick-carousel.marketing-image-slider .slider-dots {left: 42px;}
	.login-body .slick-carousel.default-login-images .slick-dots {left: 42px;}

	/* Widgets */
	#widgetBalances .balances-panel.empty .skeleton-panel:FIRST-CHILD {display: none;}
	#widgetBalances .balances-panel.empty .skeleton-panel {width: calc(25% - 16px) !important;}
	
	.links-panel button.primary-btn.ui-button.ui-button-text-icon-left .ui-icon, .links-panel button.secondary-btn.ui-button.ui-button-text-icon-left .ui-icon {display: none;}
}

/* LAPTOP - TABLET */
@media screen and (max-width: 1280px){
	/*Header */
	.common-body .global-header-vertical {display: none;}
	.common-body.active-burger-menu .global-header-vertical {position: absolute; display: block; width: 230px; right: auto; left: 0px; top: auto;}
	.common-body .header, .common-body .content, .common-body .footer {padding-left: 0px;}	
	.common-body .cd-btn {background-image: url("../images/svg/other-menu.svg"); background-repeat: no-repeat; background-position: center; background-size: 32px; display: block; height: 32px; width: 32px; line-height: 32px;}
	.common-body.active-burger-menu .cd-btn {background-image: url("../images/svg/status-x.svg");}
	
	.ui-menu.slim-nav {padding: 0px;}
	.ui-menu.slim-nav .ui-menuitem .ui-menuitem-link {padding: 10px 10px 10px 55px;}
	.ui-menu.slim-nav li.ui-widget-header h3 {padding: 13px 30px 13px 55px;}
		
	.primary-nav.ui-menu {display: none;}
	
	.global-header {background-position: 0px bottom;}
	.global-header > .centering {padding: 0px 16px;}
	.global-header-vertical {top: 80px;}
	.global-header-vertical .logo-panel img {height: 50px;}
			
	.ui-card .ui-group, .ui-card-3 .ui-group  {width: 100%;}
	
	.global-header-vertical .slim > .slim-scroll-content {height: calc(100% - 80px);}
}

/* TABLET */
@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: 8px;}
	.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;float: none !important;}
	.md-margin-R {margin-left: auto;float: none !important;}
	.md-margin-C {margin: auto;float: none !important;}
	.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-sep-R {border-right: 1px solid #DBDBDB;}
	.md-sep-R-hide {border-right: none;}
	.md-sep-L {border-left: 1px solid #DBDBDB;}
	.md-sep-L-hide {border-left: none;}
	.md-nopad {padding: 0 !important;}
		
	/* Login
	.login-body .content, .login-body .external-link-panel {margin-bottom: 40px;}
	.login-body .main-panel .login-content {padding: 24px; margin: auto;}
 	.login-body .main-panel {height: auto; margin: 32px auto; max-width: 352px;}
 	.login-body .logo-panel {padding-bottom: 1vh;}
	.login-body .login-title {padding-bottom: 27px;}
	
	.login-body .slick-carousel.image-slider {padding: 0px;}
	.login-body .slick-carousel.image-slider .slider-image {background-color: #004c7a;}
	.login-body .slick-carousel.image-slider .slider-image .tablet {display: block;}
	
	  */
	
	/* Login */
	.login-images {display: block;}
	.login-images > form {display: block;}
	.login-body .main-panel {max-width: none; width: 100%;}
	.login-body .logo-panel {margin-left: 0px;}
	.login-body .content, .login-body .external-link-panel {max-width: 400px; margin-left: auto; margin-right: auto; display: block;}
	.login-body .bottom-footer {padding-bottom: 20px; height: auto;}
	.login-body .bottom-footer > .centering {padding-left: 24px; padding-right: 24px;}
	.login-body .footer-links table {margin-top: 8px;}
	
	/* Login Slick Carousel - Default Image Slider */
	.login-body .slick-carousel.default-login-images {display: none;}
	.login-body .main-panel .login-content {padding: 0px 24px;}

	/* Login Slick Carousel - Marketing Image Slider */
	.slick-carousel.marketing-image-slider .slider-image .web {display: none;}
	.slick-carousel.marketing-image-slider .slider-image .tablet {display: block;}
	.slick-carousel.marketing-image-slider table {max-width: 400px; left: 24px;}
	.slick-carousel.marketing-image-slider {position: relative;}
	.slick-carousel.marketing-image-slider .slick-slide > table {max-width: none; width: calc(100% - 24px);}	
	.slick-carousel.marketing-image-slider .slider-dots {left: 24px;}
	.slick-carousel.marketing-image-slider, .slick-carousel.marketing-image-slider .slider-image > div {left: 0px; width: 100%;}

	/* 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; border: none; text-align: 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:not(.ui-expanded-row-content) {border-top: solid 8px #FFFFFF;}
	.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, .ui-datatable table.expansion-grid tr td:first-child {width: 50%; min-width: 30%; display: table-cell; margin: 0px; text-align:left; vertical-align: middle; word-break: break-word;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {padding: 12px 16px; background-color: #e5f7fb; font-family: 'Ff-Bold'; font-size: 15px; color: #024b91;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child, .ui-datatable table.expansion-grid tr td:last-child {width: 50%; display: table-cell; vertical-align: middle; text-align: left; word-break: break-word;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data {padding: 12px 16px;}
	.ui-datatable-reflow.ui-datatable tbody.ui-datatable-data > tr td[role="gridcell"] {border-bottom: none;}
	.ui-datatable-reflow .ui-datatable-data tr.ui-datatable-empty-message td {display: table-cell; text-align: left; padding: 0px 15px;}
	
	.ui-datatable:not(.no-header):not(.reorder-table) .ui-datatable-data > tr:FIRST-CHILD > td {border-top: none;}
	.ui-datatable:not(.no-header):not(.reorder-table) .ui-datatable-data > tr:LAST-CHILD > td {border-bottom: 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: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.showKeyword .ui-datatable-header {padding: 8px;}
	.ui-datatable .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox {margin: 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.ui-datatable-reflow .image-panel-icon {margin: auto 0px;}
	.ui-datatable td.content-R .btn-group, .ui-datatable td.content-C .btn-group {margin: auto 0px;}
	.ui-datatable-reflow .dt-btn-group {float: left;}
	
	.truncate-hover-eff {width: 100%; white-space: normal; word-break: break-word; overflow: hidden; display: block;}
	
	.overview-dt .ui-datatable tbody.ui-datatable-data > tr > td[role="gridcell"]:FIRST-CHILD .ui-column-data {padding-left: 16px;}
	.overview-dt > div:not(:FIRST-OF-TYPE) {padding-top: 8px;}
	
	/* Layout 1 */
	.layout-1 > tbody > tr > td {display: inline-block; width: 100% !important; padding: 0px;}
	.layout-1 > tbody > tr > td:not(:FIRST-CHILD) {padding: 0px;}
	.layout-1 > tbody > tr > td:not(:LAST-CHILD) {padding-right: 0px; padding-bottom: 8px;}
	
	/* Layout 2 */
	.layout-2 > tbody > tr > td:FIRST-CHILD, .layout-2 > tbody > tr > td:LAST-CHILD {display: inline-block; width: 100% !important; padding: 0px;}
	
	/* BUTTONS */
	.button-panel button.primary-btn, .button-panel button.secondary-btn {width: 200px;}
	
	/* Row Toggler */
	.ui-datatable-reflow .ui-row-toggler {padding: 8px 0px;}
	.ui-datatable-reflow .ui-row-toggler.ui-icon {width: 100%; float: right; height: 40px; line-height: 40px;}
	.ui-datatable-reflow .ui-row-toggler.ui-icon:before {right: 0px; height: 40px;; width: 40px; 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;}
	
	.chart-color tr{float: right;}
	.chart-color td:last-child{display: inline-block;}
	
	/* Widgets */
	.pfm-panel .widget-title-wrapper > tbody > tr > td {display: inline-block; width: 100%; padding: 0px;}
	.pfm-panel .widget-title-wrapper .selectOneMenu {width: 100%; float: none; margin-top: 16px;}
	
	#widgetBalances .balances-panel .item-1, #widgetBalances .balances-panel .item-2, #widgetBalances .balances-panel .item-3, .balances-panel .item-4 {max-width: 100%;} 
	#widgetBalances .balances-panel.empty .skeleton-panel:NTH-CHILD(1), #widgetBalances .balances-panel.empty .skeleton-panel:NTH-CHILD(2) ,
	#widgetBalances .balances-panel.empty .skeleton-panel:NTH-CHILD(3) {display: none;}
	#widgetBalances .balances-panel.empty .skeleton-panel {width: calc(50% - 16px) !important;}

 	/* Slick Carousel - Image Slider */
 	.slick-carousel.image-slider .slider-image .web {display: none;}
	.slick-carousel.image-slider .slider-image .tablet {display: block;}
	
 	/* Widget Chart */
 	.budget-chart > div svg {width: 80%; height: 80%;}
 	 	
 	/*PFM GOALS*/
 	.goals-panel .ui-datatable tbody.ui-datatable-data > tr td[role="gridcell"] {padding: 0px;} 	
 	
 	/*Knob*/
	.knob-group {margin-right: 10px;}
	
	/* Account Types */
	.current-accounts .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {background-color: #7fcde0;}
	.saving-accounts .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {background-color: #fce40b;}
	.term-deposits .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {background-color: #b0db09;}
	.loans .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {background-color: #36224e; color: #FFFFFF;}

	.button-group {width: 100%;}
	
	.card-details-wrapper > tbody > tr > td {display: inline-block; width: 50%;}
	
	/*.slick-carousel.dashboard-cards .slick-list.draggable {padding: 0px 80px !important;}*/
	
	.display-info-grid > tbody > tr > td {width: 50%; display: inline-block;}
	
	.tutorial-container {padding: 8px !important;}
	.tutorial-container table > tbody > tr > td {display: inline-block; width: 100%;}
	.tutorial-container table > tbody > tr > td:FIRST-CHILD {text-align: center; padding-bottom: 24px; padding-right: 0px;}
	
}

/* MOBILE */
@media screen and (max-width: 767px){
	.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: 8px;}
	.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;float: none !important;}
	.sm-margin-R {margin-left: auto;float: none !important;}
	.sm-margin-C {margin: auto;float: none !important;}
	.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;}	
	.sm-sep-R {border-right: 1px solid #DBDBDB;}
	.sm-sep-R-hide {border-right: none;}
    .sm-sep-L {border-left: 1px solid #DBDBDB;}										
	.sm-sep-L-hide {border-left: none;}
	.sm-nopad {padding: 0 !important;}
	
	.h3-bold {font-size: 16px;}	   
	
	/* Global Header */
	.global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(2) {display: none;}
	.global-header .top-header > .page-title {display: block; padding: 0px 16px 16px 16px; box-sizing: border-box;}
	.unsecure-body .global-header .page-title {font-size: 26px; font-family: 'Ff-Regular';}
	.unsecure-body .global-header > .top-header .centering > tbody > tr > td:first-child, .unsecure-body .global-header > .top-header .centering > tbody > tr > td:last-child {width: auto;}
	
	
	.login-body .content, .login-body .external-link-panel {width: 100%;}
	.login-body .logo-panel {padding-bottom: 0px;}
	.login-body .login-title {padding-bottom: 24px;}
	.login-body .main-panel {width: 100%; height: auto;}
	.login-body .main-panel .login-content {padding: 16px;}
	.login-body .bottom-footer {padding-bottom: 16px;}
	.login-body .bottom-footer > .centering {padding-left: 16px; padding-right: 16px;}
	.login-body .slick-carousel.image-slider .slick-dots {bottom: 10px;}
 	.login-body .slick-carousel.image-slider .slider-image .tablet {display: none;}
	.login-body .slick-carousel.image-slider .slider-image .mobile {display: block;}
	
	.breadcrumb-panel {display: none;}
	.ui-menu.slim-nav .userProfileMenu ~ .ui-menuitem.child-open {display: inline-block;}
	
	.details-grid-wrapper, .sca-panel > table {width: 100%;}
	
	.details-grid-2 > tbody > tr > td {width: 100%; display: inline-block;}

	.common-body .bottom-footer, .common-body .bottom-footer > .centering {height: calc(100% - 24px)}
	.common-body .bottom-footer .centering > tbody > tr > td {display: inline-block; width: 100%; text-align: center;}	
	.common-body .bottom-footer > .centering {padding: 16px 30px;}
	.common-body .bottom-footer > .centering table a {font-size: 12px;}
	.common-body .bottom-footer > .centering table.footer-content > tbody > tr > td {display: inline-block; width: 100%;}
	
	.common-body .page-content {padding-bottom: 24px;}
		
	/* Header */
	.global-header > .centering {padding: 0px 8px;}
	.global-header > .centering.top-header {box-shadow: none;}
	.global-header > table, .global-header > .centering.top-header {height: 60px;}		
	.global-header-vertical {top: 120px;}
	.global-header-vertical .slim > .slim-scroll-content {height: calc(100% - 127px);}
	.global-header > .top-header .centering {height: 70px; padding: 0px 16px;}
	
	.notifications-overlay.ui-overlaypanel {top: 118px !important;}
	.notifications-overlay.scrollable .ui-overlaypanel-content {height: calc(100% - 50px);}
	
	.common-body .cd-btn {height: 32px; line-height: 32px; width: 32px; font-size: 32px;}
	.notification-btn.ui-button.active:after {bottom: -20px;}
	.filters-checkbox.active:after {top: 35px;}
	
	.ui-card, .ui-card-2 {padding: 8px;}
    
    .notifications-panel > tbody > tr > td:last-child {padding-left: 0;}
    
	/* Confirmation messages */
	.ui-messages-confirm .ui-messages-info-summary, .ui-messages-confirm .ui-messages-warn-summary, .ui-messages-confirm .ui-messages-error-summary, .ui-messages-confirm .ui-messages-fatal-summary {font-size: 20px;}
			
	/* Datatable */
	.ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table {padding: 0px; box-sizing: border-box;}
/*	.ui-datatable-scrollable table {table-layout: fixed;}*/
/*	.ui-datatable tbody.ui-datatable-data td[role="gridcell"].row-toggler {vertical-align: bottom; padding-bottom: 8px;}*/
	.ui-datatable.no-header table.btn-group {float: right;}
	.ui-paginator .ui-paginator-rpp-options {width: 55px;}
	.ui-paginator .ui-paginator-current {line-height: 28px;}
	.ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last {width: 28px; height: 28px;}
	.ui-paginator .ui-paginator-rpp-options {background-position: right 4px center; background-size: 16px;}
	.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-next {margin-right: 4px;}
	.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-current {padding: 0px 4px;}
	
	/* Panel Default */
	.ui-panel .ui-panel-titlebar-icon {top: auto; bottom: 15px;}

	/*Account Links*/
	.links-panel .ui-button {width: 100%; margin-right: 0px;}

	/* Drag & Drop Datatable */
	.ui-datatable .reorder-column-data {table-layout: fixed;}
	.ui-datatable .reorder-column-data > tbody > tr > td:first-child {width: 40px;}
	.ui-datatable .reorder-column-data .ui-button .ui-button-text {display: none;}	
	
	.toggler-btn .ui-button-text {font-family:'Ff-Regular'; font-size: 13px;}
	.toggler-btn .ui-icon {font-size: 13px;}
	.toggler-btn.btn1 .ui-icon {top: 20px;}
	
	/* BUTTONS */
	.button-panel button.primary-btn, .button-panel button.secondary-btn {width: 114px;}
	
	/* Account Information Menu */
	.selectAccountInfo {width: 266px;}
	
	.accountInfoPanel > tbody > tr > td {display: inline-block; width: 100%;}
	.accountInfoPanel > tbody > tr > td:last-child {padding-left: 0px; padding-top: 40px;}
	
	/* Widgets */	
 	#widgetBalances .balances-panel {display: block; width: 100%;} 	
 	#widgetBalances .balances-panel.empty .skeleton-panel:NTH-CHILD(4) {display: none;}
	#widgetBalances .balances-panel.empty .skeleton-panel {width: 100% !important; margin-left: 0;}
 		
 	.marketing-panel {flex-direction: column; align-items: start;}
 	.marketing-panel > div {margin-bottom: 16px;}
	.marketing-panel > div:LAST-OF-TYPE {margin-bottom: 0;}
												
	/* TAN Panel */	
 /*	.sca-panel:not(:empty) {padding: 10px; box-sizing: border-box;}
 	.sca-panel .sca-container {width: 100%;}*/
 	
 	/* Slick Carousel - Image Slider */
 	.slick-carousel.image-slider .slider-image .tablet {display: none;}
	.slick-carousel.image-slider .slider-image .mobile {display: block;}

	/* PFM */
	.pfm-panel .ui-card {height: auto;}
	.goals-table > div:NTH-CHILD(n) > table {padding-right: 0px;}
	.goals-table > div:NTH-CHILD(2n) > table {padding-left: 0px; padding-right: 0px;}
	.budget-chart {margin-top: 20px;}
	
	.nobudget-panel {height: auto;}
	
	/* SCHEDULE */
	.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;}
	
	/* SelectOneRadio */
	.selectOneRadio .ui-selectoneradio.ui-widget td {display: inline-block; width: 100%;}
	
	/* Captcha */
	.captcha-panel > div {width: 212px;}
	.captcha-panel iframe {transform: scale(0.70); -webkit-transform: scale(0.70); transform-origin: left; -webkit-transform-origin: left;}
	
	/* SUBTITLE */
	.subtitle-panel table > tbody > tr > td {width: 100%; display: inline-block;}
	.subtitle-panel table.subtitle i {font-size: 40px; width: 38px; height: 38px; line-height: 38px; margin-right: 8px !important;}
	.subtitle-panel table.subtitle > tbody > tr > td {display: inline-block; width: 100%;}
	.subtitle-panel table.subtitle > tbody > tr > td:nth-child(2) {padding-top: 8px;}
	.subtitle-panel table.subtitle table > tbody > tr > td > span:nth-child(1) {font-size: 20px;}
	.subtitle-panel table.subtitle table > tbody > tr > td > span:nth-child(2) {font-size: 12px;}

	.search-panel {padding-bottom: 8px;}
	.no-label-group.primary-btn, .no-label-group.secondary-btn, .no-label-group.neutral-btn, .search-panel .filters-panel {margin-top: 0px; margin-bottom: 0px;}
	
	/* Tab View */
	.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs.ui-tabs-top>.ui-tabs-nav li {margin-right: 8px;}
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a	{font-size: 14px;}
	
	/* Calendar Range */
	.calendar-range-panel > table > tbody > tr > td {display: inline-block;}
	.calendar-range-panel > table > tbody > tr > td:first-child {padding-right: 0px;}
	.calendar-range-panel > table > tbody > tr > td:last-child {padding-left: 0px; padding-top: 16px;}
	
	/*Card Management*/ 
	.card-details-panel div > div table {border: none;}
	
	.currency-converter > tbody > tr > td, .currency-converter > tbody > tr > td:NTH-CHILD(2) {display: inline-block; width: 100%;}
	
	/* STEPS */
	.step-no.ui-steps ul {width: 100%; table-layout: fixed;}
	.step-no.ui-steps .ui-steps-item {display: table-cell; float: none; width: auto !important; margin: auto !important;}
	.steps-panel .ui-steps .ui-steps-item a {float: none !important;}
	
	.card-details-wrapper > tbody > tr > td {width: 100%; border: none !important;}
	.card-details-panel {margin: 0px -8px; width: calc(100% + 16px);}
	
	.slick-carousel.card-carousel .link-cards-info .ui-commandlink, .slick-carousel.card-carousel .link-cards-info.active-slide .ui-commandlink,
	.cards-carousel-panel .slick-carousel.card-carousel .link-cards-info .ui-commandlink, .cards-carousel-panel .slick-carousel.card-carousel .link-cards-info.active-slide .ui-commandlink {width: 225px; height: 142px;}
	
	
	/*.slick-carousel.dashboard-cards .slick-list.draggable {padding: 0px 50px !important;}*/
	.grid-item table > tbody > tr > td:FIRST-CHILD, .grid-item table > tbody > tr > td:LAST-CHILD {width: 100%; display: inline-block; padding: 0px;}
	.grid-item table > tbody > tr > td:LAST-CHILD {padding-top: 16px;}
	
	.inputSelectImage .inputSelectImage-panel .input-panel {width: 100%;}
	.inputSelectImage .inputSelectImage-panel .selectImage {width: 100%;}
	.inputSelectImage .inputSelectImage-panel .selectImage .ui-selectonemenu {border: none; border-radius: 8px; border-color: white;}
	
	.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-content {padding: 16px;}
	.ui-dialog .ui-dialog-titlebar-close {right: 16px;}
	
	.newRecurringPayment-options a .newRecurringPaymentText {width: auto;}
	
	.no-records-btns-group > tbody > tr > td {display: inline-block; width: 100%;}
	
	.display-info-grid > tbody > tr > td {width: 100%;}
	
	.selectBooleanCheckbox-horizontal .selectBooleanCheckbox-wrapper .selectBooleanCheckbox,
	.selectBooleanCheckbox-horizontal.flex-style .selectBooleanCheckbox-wrapper .selectBooleanCheckbox,
	.selectBooleanCheckbox-horizontal.flex-style .selectBooleanCheckbox-wrapper .selectBooleanCheckbox:last-child  {display: inline-block; width: 100%;}
	
}

/* X-SMALL */
@media screen and (max-width: 411px){
	.selectAccountInfo {width: auto;}
	.link-cards-info.selected img {width: 192px; height: 121px;}
	.button-panel button.primary-btn, .button-panel button.secondary-btn {width: 100px;}
}