/************************* MOBILE APP ***************************/
input.appInput, .appInput{width:100%;font-size:16px;}
.app-formLogin .responsiveFormLoginPG{max-width:500px; margin: 0 auto;} 
.amount-error{font-weight: normal;color: #c60d0d; max-width: 200px;display: inline-table;vertical-align: middle;font-size:14px;}

/* Datatable */

.mobile-table-label{display: none;margin: auto 0px;}
.ui-datatable-reflow .mobile-table-data{word-wrap: break-word;display: inline-table;}

/************************* Slide MENU *************************/

.mobile-menu{display: none;width:100%;margin-bottom: 1px !important;}
.mobile-menu td:FIRST-CHILD{text-align: left}
.mobile-menu td:last-child{text-align: right}
.mobile-menu td a{padding: 0 8px; color: #ffffff; text-decoration: none;}
.mobile-menu .fa:before {font-size: 30px; color: white;}
.mobile-menu .small-logo{width: 125px; vertical-align: middle;}
.ui-state-default.ui-button .ui-icon.employee-RTMenu {margin-left: -7px;}
/*.mobile-menu .fa:before{color: #77ad19;}     <---- change the color of the three icons*/

.slide-menu .ui-menu-list {float:none;width:100%}
.slide-menu {margin: 0;padding: 0; background: none;border:none;}
.slide-menu .ui-menu-list .ui-widget-header,.slide-menu .ui-menu-list .ui-widget-header:hover {width: 100%;border:none;border-radius:0;margin:0px;line-height: 38px;}
.slide-menu .ui-menu-list .ui-menuitem {background-color: #ffffff; margin: 0px;width: 100%; }	
.slide-menu .ui-menuitem-link {line-height: 38px;padding: 0px;text-decoration: none;width: 100%; padding-left: 20px;box-sizing: border-box;}
.slide-menu .ui-menu-list .ui-state-hover, .notificationsRT .user tr:hover{background-image: none;/*background: none repeat scroll 0 0 #626262;*/ box-shadow:none;}
.slide-menu .ui-menuitem-link.ui-state-hover{background:none; background-color: transparent;}
.slide-menu .ui-menuitem-text, .notificationsRT .ui-button .ui-button-text, .cd-panel .slide-menu h3, .logoutRT span{font-family: Sans-serif;font-size: 17px !important;text-shadow: none;}
.slide-menu .ui-menu-list{padding-top: 0px;}
.slide-menu .ui-menu-list li{box-sizing: border-box;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.slide-menu .ui-menu-list .ui-widget-header,.slide-menu .ui-menu-list .ui-widget-header {background: linear-gradient(to bottom, rgb(145, 204, 44) 0%, rgba(119, 173, 25, 1) 100%); color: #ffffff;}


.cd-panel-content ,.cd-panel:after, .cd-panel:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #ffffff;}
.cd-panel:after, .cd-panel:before, .cd-panel-close:after, .cd-panel-close:before {content: '';}

.notificationsRT .user{width:100%}
.customerSelectionRT .cd-panel-content table{width:100%;padding:10px;}


/*** Main components ***/

.cd-main-content {text-align: center;}
.cd-main-content h1 {
	font-size: 20px;
	font-size: 8.25rem;
	color: #636D7E;
	padding: 1em 0;
	font-family: teko;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.03) 2px 2px, rgba(0, 0, 0, 0.0285) 4px 4px, rgba(0, 0, 0, 0.027) 6px 6px, rgba(0, 0, 0, 0.0255) 8px 8px, rgba(0, 0, 0, 0.024) 10px 10px, rgba(0, 0, 0, 0.0225) 12px 12px, rgba(0, 0, 0, 0.021) 14px 14px, rgba(0, 0, 0, 0.0195) 16px 16px, rgba(0, 0, 0, 0.018) 18px 18px, rgba(0, 0, 0, 0.0165) 20px 20px, rgba(0, 0, 0, 0.015) 22px 22px, rgba(0, 0, 0, 0.0135) 24px 24px, rgba(0, 0, 0, 0.012) 26px 26px, rgba(0, 0, 0, 0.0105) 28px 28px, rgba(0, 0, 0, 0.009) 30px 30px, rgba(0, 0, 0, 0.0075) 32px 32px, rgba(0, 0, 0, 0.006) 34px 34px, rgba(0, 0, 0, 0.0045) 36px 36px, rgba(0, 0, 0, 0.003) 38px 38px, rgba(0, 0, 0, 0.0015) 40px 40px;
	
}
.cd-main-content .cd-btn {
	position: relative;
	display: inline-block;
	padding: .6em 1em;
	background-color: #CCC;
	color: #565E64;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border: 1px solid rgba(54, 54, 54, 0.16);
	font-family: teko;
	font-size: 2rem;
	font-weight: 400;
}
.cd-main-content .cd-btn:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 12px rgba(0, 0, 0, 0.3);}

@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {font-size: 32px;font-size: 5rem;}
}

.cd-panel {
  display:none;
  position: absolute;
  z-index:5;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.footerBtn{display:none;}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel .ui-menu{
	width: 100%
}
.cd-panel .slide-menu h3{
	padding:0px;
	font-weight:normal !important;
	text-shadow: none;
    margin-left: 10px;
}

.cd-panel-header {
  position: fixed;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 6;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1 {
  font-weight: bold;
  padding-left: 5%;
  margin: 0 0 2px;
  font-family: Sans-serif;
  font-size: 17px !important;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {top: -50px;}
.from-right .cd-panel-header {right: 0;width:300px;}
.from-left .cd-panel-header {left: 0;}

.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
  width:100%;
}

.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 55px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {background-color: #424f5c;}

.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-panel-container {
  position: fixed;
  height: 100%;
  top: 0;
  z-index: 5;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.from-right .cd-panel-container {
  width: 300px;
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.from-right.customerSelectionRT  .cd-panel-container{height: 111px; width:100%;}
.from-right.notificationsRT  .cd-panel-container{height: 153px; width:100%;}
.from-right.userOptionsRT .cd-panel-container {height: 169px; width:100%;}
.userOptionsRT .ui-button{width: 100%; height: 45px; color: white; outline:none; border:none; border-radius:0px; background: #77ad19;}
.userOptionsRT .ui-button span{font-size: 17px !important;}
.from-right.logoutRT .cd-panel-container {height: 138px; width:100%;}

.from-left .cd-panel-header{width: 50%; min-width: 360px;}
.from-left .cd-panel-container {
  width: 50%;
  min-width: 360px;
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
	
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-container {width: 70%;}
  .cd-panel-content p {font-size: 16px;font-size: 1rem;line-height: 1.6;}
}
@media only screen and (min-width: 1170px) {
  .cd-panel-container {width: 50%;}
}

.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 0;
  overflow-y: scroll;
  overflow-x: hidden;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.logoutRT .cd-panel-content {padding: 55px 20px;}
.userOptionsRT .cd-panel-content {padding: 55px 0px;}
.from-right .cd-panel-content {overflow:hidden;}

.cd-panel-content p {font-size: 14px;font-size: 0.875rem;color: #424f5c;line-height: 1.4;margin: 2em 0;}
.cd-panel-content p:first-of-type {margin-top: 0;}

.confirmation-page .select-one-btn{width:100%;}

/************************* Slide MENU *************************/



/*****************************************************
	
	RESPONSIVE - MEDIA QUERIES
	
******************************************************/

/* ...tablet styles here... */
@media all and (max-width:1280px){
	.centering, .centeringLogin, .mainMenu, .advertisementImg{width: 100%;}
	.pageMainGp {padding: 0px;min-width: 720px;}
	.sideBarPG{padding:0px;}
	.dashPG{margin:0px;width:100%;}
	.nettellerDashboard .ui-dashboard-column{width:30%;}
	.nettellerDashboard .ui-panel {width:100% !important;}
	.ui-menu .ui-menu-list {float: left;}
	.mainMenu .ui-menuitem-text {padding:0px;}
	.logoImg{display:none;}
	.smallLogo{display:inline-block;}
}


@media all and (max-width:1024px){
	.loginLeftPanel {vertical-align: top;}
	.loginMainPG{padding:0px;margin:0px;width:100%}
	.pageMainGp {padding:0px;min-width: 0px;}
	.helpLinksPG, .userPG{display:none;}
	.dashboard-accounts .helpLinksPG{display: table;}
	.dashboard-accounts .helpLinksPG td:first-child{display: none;}
	.sideBarW,.ui-menu-parent.menu-link >a > .ui-menuitem-text, .hiddenImage9, .leftLayout.ui-layout-container{display: none}
	.loginH1{height:20px;}
	.loginH2{height:105px;}
	.loginPG{height:100px;}
	.footerLinks{margin: 0;}
	.mainMenu {width: 100%;}
	.ui-menubar .ui-menu-parent.menu-link {width: 15%;}
	.mainMenu .ui-menu-parent a, .mainMenu .ui-menu-parent a:hover {padding: 9px 0;width: 100%;}	
	.ui-menuitem-icon.ui-icon{margin: 0 35%}
  	.cd-panel{display: block;}
	.mobile-menu{display: block; min-width: 275px; background-color: #3c3c3e;}
	.mobile-menu tbody {display: inline-table;width: 100%;}
	.disclaimerPanel{padding:0px}
	.disclaimerPanel>tbody tr td {padding-left: 0px; line-height: 13px; }
		
	/* hide top headers */
	.topHeader, #header1, .hidden1024{display:none;}
	/* hide menu */
	.menuSt{display: none;}
	
	.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.is-visible .cd-panel-close::before {
	  -webkit-animation: cd-close-1 0.6s 0.3s;
	  -moz-animation: cd-close-1 0.6s 0.3s;
	  animation: cd-close-1 0.6s 0.3s;
	}
	.cd-panel.is-visible .cd-panel-close::after {
	  -webkit-animation: cd-close-2 0.6s 0.3s;
	  -moz-animation: cd-close-2 0.6s 0.3s;
	  animation: cd-close-2 0.6s 0.3s;
	}
	
	
	.accountsGrid .accName, .accountsGrid .accBalance{width: 100%;display: inline-block;}
	.nettellerDashboard .ui-dashboard-column {width: 100%; padding-left: 0px; padding-bottom: 10px; box-sizing: border-box;}
	.widgetPanelBtn{padding: 0px 15px;}
	
	.notificationsLabel {width: 100%; text-align: left; border: 0; background: none; outline:none;}
	.notificationsLabel .ui-button-text {padding: 4px 0px;}
	.num{color: rgb(99, 100, 102); font-weight: bold; background-color: #DC1E3A;color: #FFFFFF;font-size: 9px;padding: 0 0.3em;position: relative;width: 0;top:-8px;left:-4px}
	.null{color: rgb(99, 100, 102); font-weight: bold; background-color: transparent;color: transparent;font-size: 9px;padding: 0 0.3em;position: relative;width: 0;top:0px;left:0px}
	.ui-icon.fa, .ui-state-default .ui-icon.fa, .ui-state-hover .ui-icon.fa {text-indent: inherit; background-image: none !important;}
	.user .ui-state-default.ui-button .ui-icon, .help-menu .ui-state-default.ui-button .ui-icon, .ui-icon-custom{background-image:none;}
	
	
	.iconColumn{width: 15%;padding-left: 10px;font-family: Arial;font-size: 15px;}

	.info {font-size:15px;width: auto;padding:0px; text-style:plain;}
	
}

@media all and (max-width:800px){
	.container{padding: 0px;}
	.payDetailsPG tr > td:nth-child(1), .payDetailsPG tr > td:nth-child(2) {padding: 10px;}
	table.payHeadPG {border-spacing: 5px;}
	.hidden800{display: none;}
	.ui-datatable-reflow .ui-datatable-data td {border: 0 none;box-sizing: border-box;clear: left;display:block;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;float: left;text-align: left;width: 100%;}
	.ui-datatable-reflow .ui-datatable-data td .ui-chkbox {display: inline-block;  vertical-align: top;}
	.ui-datatable-reflow thead{display: none}
	.ui-datatable-reflow .ui-datatable-data tr td{text-align:left !important;width:100% !important; word-break: break-word;}
	.ui-datatable-reflow .ui-expanded-row-content > td{display: block;}
	
	.ui-datatable-reflow .mobile-table-label{width: 25%; display: inline-table;text-align: left; min-width: 90px;font-weight: bold;color: #555555;}
	.ui-datatable-reflow .input[type="number"], .ui-datatable-reflow input[type="password"], .ui-datatable-reflow input[type="text"], .ui-datatable-reflow .mobile-table-data{width:75% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnLeft {width: 25% !important;display: table-cell;clear: none;float:none;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnRight {width: 75% !important;display: table-cell;clear: none;float:none;}
	
   	.ui-datatable .ui-expanded-row-content, .ui-datatable .ui-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tbody tr {background: #F6F4F3;}
	
 	.accountsGrid .ui-datagrid-column {float: left; width: 50%; box-sizing: border-box;}
  	.accountsGrid .ui-datagrid-column:nth-child(odd) {clear: left;}
  	.accountsGrid .ui-datagrid-column:nth-child(even) {border-right: none;}
 	
 	.calendarFilters > input, .calendarFilters input[type="text"].hasDatepicker{width:90px;} 	
 	.accordionFilterPG .columnLeft table td, .two-columns .columnLeft table td{display: inline-block;width: 100%;}
	.accordionFilterPG .columnLeft table, .two-columns .columnLeft table{width: 100%;}
	
	.accordionPanel .ui-accordion-header {line-height: 20px;}
	.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s, .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {font-size: 21px;width: 22px;height: 22px;padding: 7px 1px !important;}
	.accordionPanel .ui-accordion-header .ui-icon.ui-icon-triangle-1-s, .accordionPanel .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {font-size: 20px;width: 22px;height: 22px;padding: 2px 1px !important;}
	.amountInput {width: 100% !important;max-width: 145px; min-width: 130px;}
	
	.widgetPG .ui-selectonemenu, .widgetPG select{width:100% !important;}
	.widgetPG input{width:100% !important;}
	.widgetPG .amountInput{max-width:none;margin-bottom: 7px;}
	
	.titleImage{padding:0px;}

	.bo-app .ui-datatable table > tbody > tr > td{padding-right:40px;}
	.bo-app .ui-datatable table > tbody > tr{display: table;
    width: 100% !important;
    height: 100%;}
	    
	.bo-app .ui-datatable tbody tr:after {content: "\f105"; font-family: 'FontAwesome'; font-size: 40px; display: table-cell; height: 100%; vertical-align: middle; width:5%; #666c71;}
	.bo-app .ui-datatable table > tbody > tr > td:first-child a{font-size:20px;word-break: break-all;}
	.bo-app .ui-datatable .ui-datatable-tablewrapper span:not(.mobile-table-label){font-size: 18px !important;}
	.bo-app .ui-datatable tbody .ui-state-highlight a{color: #6b9c17;}
	.bo-app .amountGreen, .bo-app .ui-datatable span, .bo-app .ui-datatable tbody tr.ui-state-highlight{color: #666c71;}
	.responsiveFormLoginPG .loginLeftPanel, .responsiveFormLoginPG .loginRightPanel {margin-bottom: 10px; width: 100%; display: inline-block; box-sizing: border-box;}

	.ui-chkbox .ui-chkbox-box, .ui-datatable .datatableBtn {width: 30px;height: 30px;}
	.ui-chkbox-box.ui-state-active .ui-icon-check:before{font-size: 28px;}
	.ui-chkbox-box.ui-state-active .ui-icon-check {padding: 4px 1px;}
	
	.dashboard-accounts .helpLinksPG .ui-button {width: 30px;height: 34px;}
	.datatableBtn .ui-icon.fa {margin-left: -3px;height: 22px;width: 22px;margin-top: -11px;}
	.datatableBtn .fa:before {font-size: 20px;}
	
	.footerBtn{display: inline-block; float:right; margin-top: 2%;}
	.btnSmall, .datatableBtn .ui-icon.fa{margin-left: -4px; margin-top: -10px;}
}


@media all and  (max-width: 35em){

	.ui-paginator .ui-paginator-pages {display: inline-block !important;}
}

@media all and (max-width:600px){
	table.contentPg > tbody > tr > td, table.grayBorder > tbody > tr > td {display: inline-block;width: 100%;}
	table.grayBorder.has-left-btn > tbody > tr > td{display: table-cell;width: 50%;}
	.grayBorder>thead tr th{padding: 5px 0px 10px 0px;}
	
	.confirmation-page table.grayBorder > tbody > tr > td, .confirmation-page table.contentPg > tbody > tr > td{display: table-cell;width: auto;}{display: table-cell;width: auto;}
	tr.inline-row > td {width: auto !important;}
	.confirmation-page table.grayBorder .labelsSt, .confirmation-page table.contentPg .labelsSt{width: 50%;text-align:left;padding-right: 5px;}
	.confirmation-page table.grayBorder .dataSt, .confirmation-page table.contentPg .dataSt {width: 50%;padding-left: 5px; word-break: break-word;}
	
	/*.confirmation-page table.contentPg .labelsSt:after{content: ':'; float:right;}*/
	.confirmation-page table.select-one-btn > tbody > tr > td {display: inline-block;width: 100% !important;padding-left: 0px !important;}
	.confirmation-page table.select-one-btn .labelsSt {text-align: left;}
	
	.infoColumnLeft {width: 50%;}
	.labelsSt {text-align: left;}
	
	
	input[type="text"].required, .input[type="number"], input[type="password"], .ui-accordion input[type="text"], input[type="text"], .ui-accordion input[type="number"],
	.ui-accordion input[type="password"], .ui-widget-header .ui-inputfield input[type="text"], .ui-overlaypanel input[type="text"] .ui-accordion input[type="text"].ui-state-focus,
	.accountTable input[type="text"]{width:100% !important;font-size:13px !important;}
	
	/*.ui-datatable-reflow .mobile-table-label{width: auto; min-width: 50%;}*/
	.ui-datatable-reflow .mobile-table-label{width: auto; min-width: 130px; max-width:130px;}
	
	.ui-datatable-reflow .input[type="number"], .ui-datatable-reflow input[type="password"], .ui-datatable-reflow input[type="text"],.ui-datatable-reflow .mobile-table-data{width:65% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnLeft {width: 35% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnRight {width: 65% !important;}
	
	.ui-dialog .ui-datatable.chargesTbl tbody td{width: 100%;}
	.ui-dialog {width: 90% !important;}
	

	.amountInput{margin-bottom: 10px;margin-right: 0px;}
	.amount-currency{float: right;margin-right: 5px;}
	.amount-error{width:100%;max-width: none;}
	input[type="text"].amountInput{width: 70% !important;margin-bottom: 0px;vertical-align: middle;}
	select.amount-currency, .ui-selectonemenu.amount-currency, .ui-accordion select.amount-currency, input[type="text"].amount-currency{float:none;width:28% !important;margin-right:0px;margin-left:2%;vertical-align: middle;}
	.customDatagrid select {width: 100% !important;}
	.ui-tabs .ui-selectonemenu, .ui-dialog .ui-selectonemenu, .ui-accordion .ui-selectonemenu, .ui-selectonemenu, .ui-tabs select, .ui-dialog select, .ui-accordion select, select{width:100% !important;font-size:13px !important;}
	.fixDropdownWidth.calendarSt input[type="text"]{width:180px !important;}	
	.fixDropdownHeight{height:28px;}
	.ui-datepicker-trigger.ui-button{display: none;}
	.accountDropdown, .ui-accordion-content .accountDropdown{width:100% !important;}
	
	.banner-img{display: none;}
	.accounts-header{float: left;}
	.accountsGrid .ui-datagrid-column{width: 100%;border-right: none;border-bottom: 1px solid #5f6062;}
	.accountsGrid .ui-datagrid-column:last-child{border:none;}
	#btnMoreAccsId{width:100%}
	.supportGrid .oneQuarter{width:100%; display: inline-block;}
	.supportGrid .oneQuarter > table{width:100%;}
	.supportGrid .oneQuarter .supportIcons{text-align: right;width: 50%;}
	.supportGrid .oneQuarter .supportLinks{text-align: left;width: 50%;}
	
	.ui-datatable .ui-paginator .ui-paginator-current, .ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left{display: none;}
	.ui-paginator.ui-paginator-bottom.ui-widget-header{text-align: center;}
	
	.threeColumns {margin-left: 0px !important;width: 100%;}
	.threeColumns .column, .threeColumns .label-column {display: inline-block;width: 100%;}
	
	.amountInput {width: 100% !important;max-width: none;}
	.two-columns .columnLeft{display: inline-block;width: 100%;}
	.label-column {text-align: left;}
	
	.ui-selectonebutton {width: 100%;display: table;border-spacing: 0px;}
	.ui-selectonebutton.ui-buttonset-2 .ui-button {width: 50%;display: table-cell;vertical-align: middle;}
	.nettellerDashboard .ui-panel {height: 400px;}
	
		
	.infoTableHead .oneQuarter, .infoTableFooter .oneQuarter {float: left; width: 50%; box-sizing: border-box;}
  	.infoTableHead .oneQuarter:nth-child(odd), .infoTableFooter .oneQuarter:nth-child(odd) {clear: left; border-right: solid 1px #DFDFDF;}
  	.infoTableHead .oneQuarter:first-child, .infoTableFooter .oneQuarter:first-child, .infoTableHead .oneQuarter:nth-child(2), .infoTableFooter .oneQuarter:nth-child(2) {border-bottom: solid 1px #DFDFDF;}
  	
  	.infoTableHead .oneQuarter:nth-child(even), .infoTableFooter .oneQuarter:nth-child(even) {border-right: none;}
  	
  	.greyBtn, .ui-accordion .greyBtn, .nettellerDashboard .greyBtn, .ui-dialog .greyBtn, .ui-tabs .greyBtn, .greenBtn, .ui-accordion .greenBtn, .nettellerDashboard .greenBtn, .ui-dialog .greenBtn, .ui-tabs .greenBtn, .ui-datatable-tablewrapper .greenBtn{height:36px;}
	.ui-button .ui-button-text{font-size: 18px;}
	
	.greenBtnSmall, .greenBtnSmall .ui-state-hover {width: 33px;height: 33px;}
	.greenBtnSmall .ui-button-icon-left.fa-search{width:20px;height:30px;margin-top: -10px;}
	.greenBtnSmall .fa:before {font-size: 18px;}

  	.centeringLogin img, .hidden6 img {width:100% !important;}
  	.topPosit img {width:35% !important;}
  	.formLogin{padding:0;}
  	
  	.ui-fileupload-preview, .ui-fileupload-cancel{display:none;}
  	.ui-fileupload-files{width:100%}
	.ui-fileupload-content .ui-progressbar{float:right;}
  	.ui-fileupload-files td {padding: 0px; padding-right:10px;}
  	.ui-fileupload-content .ui-progressbar {width: 100px;}
  	 	
  	.fixMsgBody{width:100% !important;}
  	.fixTopPosit .customDatagrid .grayBorder.threeColumns td:FIRST-CHILD{display:inline;}
  	.fixTopPosit .topPosit{width:90% !important;}
  	
  	.transferConfTable.ui-datatable.chargesTbl td.leftPosit.labelsSt, .transferConfTable.ui-datatable.chargesTbl td.dataSt{display:inline-block;width:100%;}
}


@media all and (max-width:360px){
	.ui-inputfield.ui-inputtextarea {
    width: 100%;
    box-sizing: border-box;}
	.nettellerDashboard .buttonsPG button{width:100%}
	.ui-fileupload-buttonbar .ui-button{width: 100%}

	.confirmation-page table.grayBorder .labelsSt,  .confirmation-page table.contentPg .labelsSt{text-align: left;}
	.infoTableHead .oneQuarter, .infoTableFooter .oneQuarter{width: 100%;border-right:none !important;border-bottom: 1px solid #DFDFDF;}
	.infoTableHead .oneQuarter:last-child, .infoTableFooter .oneQuarter:last-child{border:none;}
	
	.ui-datatable-reflow .columnAlignRight{width: 45%;}
	.ui-datatable-reflow .input[type="number"], .ui-datatable-reflow input[type="password"], .ui-datatable-reflow input[type="text"], .ui-datatable-reflow .mobile-table-data{width:50% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnLeft {width: 50% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnRight {width: 50% !important;}
	
	.ui-dialog .infoColumnLeft {width: 25%;}

	.columnAlignRight{text-align:right !important;}
	
	.ui-tabs .ui-tabs-nav li a {padding: 10px;}
	
	.buttonsPG{width:100%}
	.buttonsPG td{width:50% !important;}
	.buttonsPG .ui-button{width:100%;}
	.mobile-menu td a{padding: 0 6px;}
	.mobile-menu .fa:before {font-size: 30px;}
	.mobile-menu .small-logo {width: 98px;}
	
	.from-left .cd-panel-container, .from-right .cd-panel-container, .is-visible .cd-panel-header {width: 100%; min-width: 100%;}
	
	.ui-overlaypanel{position: absolute !important;left: 50% !important;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
	.overlayBO.panel-visible {position: fixed !important;top: 50% !important;-webkit-transform: translate(-50%, -50%); 	-moz-transform: translate(-50%, -50%); 	-ms-transform: translate(-50%, -50%);	-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

	.bo-app .ui-datatable.ui-datatable-reflow .mobile-table-label{width:90px !important;min-width:90px !important;word-break: break-word;line-height:18px;margin-right:10px; box-sizing:border-box;}
	
	.ui-datepicker{width: 90%; overflow: hidden;box-sizing:border-box;}
	
	
	.ui-fileupload-files tr td:nth-child(3) {display: none;}
	.ui-fileupload-files td {padding-right: 0px;}
	
	.ui-fileupload-content .ui-messages-error-detail{word-break:break-all;}
	
}