@font-face {
	font-family: 'Source Sans Pro';
	src: url('fonts/sourcesanspro-regular.eot');
	src: url('fonts/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-regular.woff') format('woff'),
	url('fonts/sourcesanspro-regular.ttf') format('truetype'),
	url('fonts/sourcesanspro-regular.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
}

body {
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 2.725em;
	margin-bottom: 1.8rem;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.95em;
}

p {
	font-size: 1.1rem;
	text-rendering: optimizeLegibility;
}

a:hover {
	color: #b1b82d;;
}

a, a:link, a:visited {
	color: #3193a8;
	transition: all 0.5s ease;
}

ul.pagination {
	margin-bottom: 0;
	margin-top: 0.25em;
}

.pagination .disabled {
	padding: 0;
}

/* =================================================================== */
/* ======================== Button styling  ========================== */
/* =================================================================== */
button, a.button, .button {
	cursor: pointer;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 0.5rem 1rem;
	font-size: 0.95rem;
	background-color: #48546a;
	color: #fff;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
	transition: background-color 200ms ease-out;
	border-radius: 2px !important;
	vertical-align: unset;
	text-overflow: ellipsis;
	margin: 0;
	text-align: center;
	line-height: 1.4;
}

.page-item.disabled .button, .page-item.active .button, .page-item.disabled .button:hover, .page-item.active .button:hover {
	background: #dcdcdc;
	color: #aaa;
	border-color: #ccc;
}

ul.pagination li a {
	line-height: 2;
	padding: 0.25rem 1rem;
}

.data-item > .button {
	height: 1.5625em;
	padding: 0 0.5rem;
	margin: 0;
	line-height: 1.6;
}

button:hover, .button:hover {
	background-color: #b1b82d;
	color: #fff;
}

button:focus, .button:focus {
	background-color: #5aa8be;
	color: #fff;
}

ul.dropdown {
	color: #5aa8be;
	padding: 0.8rem 1rem;
	font-size: 0.85rem;
	background: inherit;
}

.dropdown:focus {
	background: #b1b653;
	color: #fff;
}

.dropdown .is-dropdown-submenu a {
	padding: .5rem 0.75rem;
}

button.secondary, .button.secondary {
	background-color: transparent;
	border: 1px solid #5aa8be;
	color: #5aa8be;
	text-shadow: none;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
	background-color: #fff;
	color: #b1b653;
	border: 1px solid #b1b653;
}

/* =================================================================== */
/* ======================== Table styling  =========================== */
/* =================================================================== */
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
	vertical-align: top;
}

table thead tr th, table thead tr td, table tr th, table tr td {
	padding: 0.15rem 0.25rem;
}

.results-table {
	width: 100%;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	margin-bottom: 1.25rem;
	table-layout: auto;
	margin-top: 0.5rem;
	border-spacing: 0;
}

.results-table tr th {
	background: #fff;
	border-bottom: solid 1px #eeeeee;
}

.results-table tr:hover td {
	background: #eaf5f1;
	cursor: pointer;
}

.results-table td, .results-table th {
	border-left: solid 1px #ededed;
}

.results-table tr.failed:hover td {
	background: #f4eceb;
	cursor: pointer;
}

.results-table tr th:first-child {
	padding-left: 1.3rem;
}

.results-table tr th, table tr td {
	color: #333;
	font-size: 0.95rem;
	padding: 0.5625rem 0.625rem;
	text-align: left;
}

.results-table tr.failed td {
	color: #d13e3a;
}

.results-table tr td .fa-chevron-right {
	font-size: 0.85rem;
	color: #51a8c1;
}

.results-table tr td .fa-check, .results-table tr td .fa-times {
	margin-right: 0.5rem;
}

.results-table tr td span {
	display: block;
	font-size: 0.85rem;
	color: #aaaaaa;
	margin-top: 0.2rem;
}

.results-table tr td span.success {
	color: #45a266;
	display: inline-block;
	font-size: 0.95rem;
	margin-top: 0;
}

.results-table tr td span.failed {
	color: #d13e3a;
	display: inline-block;
	font-size: 0.95rem;
	margin-top: 0;
}

.results-table .tr-child {
	display: none;
}

.results-table a.trigger:hover, .results-table a.ui-link:hover, .results-table a.trigger:focus, .results-table a.ui-link:focus {
	color: #b2b847;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #f6f6f6;
}

table tr th, table tr td {
	text-align: left;
}

.results-table tr.tr-child td:last-child {
	text-align: left;
	background: #eff4f7;
}

.results-table tr.tr-child td:last-child:hover {
	background: #eff4f7;
}

/* =================================================================== */
/* ======================== Page layout styling  ===================== */
/* =================================================================== */
.cont-inner {
	/*margin-left: 220px;*/
	padding-right: 0;
	z-index: 1;
	padding-top: 0;
}

.cont-head {
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1), inset 0 3px 0 0 #aab318;
}

.container {
	background: #f5f5f5;
	height: 100%;
}

@media only screen and (min-width: 85em) {
	.container {
		margin-left: 220px;
	}
}

.container > .header {
	background: #61707F;
	padding: 0 1rem;
	text-align: center;
}

.container > .header > h1 {
	margin: 0;
	font-size: 1.2rem;
	color: #C3E1FF;
	padding: 1rem 0;
	text-align: left;
	text-shadow: 1px 2px 5px black;
}

.container > .body {
	min-height: 80vh;
	padding: 0.5rem 1rem 0 1rem;
}

#footer {
	text-align: right;
}

/* =================================================================== */
/* ================= Desktop Left side navigation  =================== */
/* =================================================================== */
@media only screen and (max-width: 85em) {
	.desktop-left-nav {
		display: none;
	}
}

.desktop-left-nav > .nav-group > ul {
	margin: 0;
}

.desktop-left-nav li > label {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.3);
	margin: 0 0.5rem;
	border-bottom: 1px solid #5e8692;
}

.desktop-left-nav li a, .desktop-left-nav li a {
	color: #99a2ad;
	display: block;
	font-size: 0.9em;
}

.desktop-left-nav li.current {
	border-left: 0.3em solid #cbd513;
	padding-left: 0.2em;
}

.desktop-left-nav li.current a {
	margin: 0 0.5em 0 -0.2em;
	padding-left: 0.7em;
}

.desktop-left-nav li.top {
	border-top: 1px solid #2d343c;
}

.desktop-left-nav li a em {
	display: none;
}

.page-block {
	margin-bottom: 1rem;
}

.box {
	margin-top: 20px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.16), 0 6px 8px 0 rgba(0, 0, 0, 0.06);
	background-color: white;
}

.box-header {
	background-color: #eeeeee;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	padding: 0.2rem 0.5rem;
}

.box-header > p {
	color: rgb(140, 146, 163);
	font-size: 1rem;
	margin: 0;
}

.box-header-buttons {
	text-align: right;
}

.box-header-buttons .button, .box-header-buttons button {
	line-height: 1;
	padding: 0.25rem 1rem;
	margin: 0 0 0 0.1rem;
}

.box-body {
	padding: 0.5em;
	word-wrap: break-word;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}

.box-body p {
	font-size: 0.85rem;
	margin-bottom: 0.25rem;
}

.details_box > .grid-x:nth-child(odd) {
	background-color: #f4f4f4;
}

.box-body.details_box {
	padding: 0;
}

.details.columns {
	padding: 0.25em;
}

.details span, .details_box input, .details_box label, .details_box select {
	padding: 0.25em;
	margin: 0.2em;
}

.details_box input, .details_box select {
	max-height: 2em;
	font-size: 0.875rem;
}

.details_box label {
	text-align: right;
}

.normalise-list {
	margin: 0;
	list-style: none;
}

.no-margin {
	margin: 0;
}

table {
	width: 100%;
	margin: 0;
}

table td {
	word-break: break-all;
	/*text-align: right !important;*/
}

.content-wrapper {
	padding: 0 0.5em;
}

/** Mobile only **/
@media only screen and (max-width: 40em) {
	.box {
		margin-top: 0;
	}

	.content-wrapper {
		padding: 0;
	}

	.no-margin-small-only {
		margin: 0 !important;
	}
}

* {
	margin: 0;
}

body.login {
	background: #1d2228;
}

.login-container input, .login-container input[type="text"], .login-container input[type="password"], .login-container .ui-input-text input, .login-container .ui-input-search input, .login-container .ui-page-theme-a .ui-body-inherit {
	border-radius: 2px;
	font-size: 1rem;
	min-height: 2.4em;
	width: 100%;
}

.ui-loader {
	opacity: 1;
	border: none;
	background-color: transparent;
}

.ui-loader .ui-icon-loading {
	background-color: transparent;
}

.login-container .ui-shadow-inset {
	box-shadow: none;
	text-shadow: none;
	background: none;
	border: none;
}

.login-container label {
	display: none !important;
}

.login-container .ui-input-text, .login-container .ui-input-search {
	margin: .5em 0;
	border: solid 1px;
}

.login-container h1 {
	line-height: 0;
	margin: 5rem 0 4rem 0;
	text-align: center;
	display: block;
}

.login-container h1 span {
	width: 273px;
	display: block;
	margin: 0 auto;
}

.login-container h1 span img {
	min-width: 100%;
}

.login-container h2 {
	color: white;
	text-align: center;
	padding-bottom: 1rem;
}

.login-container h2 span {
	color: #fff;
	background: url(../images/icons/icon-padlock.png) 0 50% no-repeat;
	padding: 0.8rem 0 0.8rem 1.8rem;
}

.login-container {
	height: 100%;
	width: 410px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.login-container button, .login-container a.button {
	width: 100%;
	margin-top: 0.5rem;
	text-transform: uppercase;
}

.login-container a.forgot {
	display: block;
	text-align: center;
	font-size: 0.9rem;
	padding: 0.5rem 0 1rem 0;
}

.login-container .ui-input-text input, .login-container .ui-input-search input, .login-container textarea.ui-input-text {
	padding: .4em .4em .4em 1em;
	color: #333;
	margin: 0;
}

.login-container footer ul li, .login-container footer ul li a {
	color: #4c5a6b;
}

.login-container ::-webkit-input-placeholder {
	color: #333;
}

.login-container :-moz-placeholder {
	color: #333;
}

.login-container ::-moz-placeholder {
	color: #333;
}

.login-container :-ms-input-placeholder {
	color: #333;
}

.login-container .button:focus {
	background-color: #1b9fca;
}

.login-container p {
	color: #fff;
	font-size: 0.9rem;
}

.login-container p.error {
	background: #ffd1d1;
	color: #e50000;
	padding: 0.8rem 0.8rem 0.8rem 2rem;
}

.login-container p.error .fa-times {
	margin-left: -1.3rem;
	margin-right: 0.6rem;
}

.login-load {
	background: #1b9fca url(../images/ajax-loader-white.gif) 50% 50% no-repeat;
	text-indent: -9999px;
	color: #FFFFFF;
}

/* ================================================================== */
/* ---------------------- Forgot password responsive ---------------- */
/* ================================================================== */
.alert-box > a {
	color: #fff !important;
}

.ui-loader .ui-icon-loading {
	display: block;
	margin: 0;
	width: 2.75em;
	height: 2.75em;
	padding: .0625em;
	-webkit-border-radius: 2.25em;
	border-radius: 2.25em;
}

.ui-icon-loading {
	background: url("../images/ajax-loader.gif");
	background-size: 2.875em 2.875em;
}

/* ====================================================================*/
/* ---------------------- Reset password responsive -------------------*/
/* ====================================================================*/
#password-requirements ul {
	text-align: left;
	border-top: none;
}

/* =================================================================== */
/* ======================== Top bar and navigation =================== */
/* =================================================================== */
.tab-bar {
	color: #FFFFFF;
	height: 49px;
	line-height: 4.375em;
	position: relative;
	border: none;
	box-shadow: 0 1px 9px 4px #e3e3e3;
}

.tab-bar-section.right {
	margin-top: 1rem;
	margin-right: 1rem;
}

.left-small {
	height: 100%;
	width: 2.8125rem;
	display: none;
}

.tab-bar .menu-icon {
	color: #FFFFFF;
	display: block;
	height: 100%;
	padding: 0;
	position: relative;
	text-indent: 2.1875rem;
	transform: translate3d(0, 0, 0);
	width: 4.375em;
	margin: 0;
}

.svg-menu-icon {
	margin-top: 5px;
}

.svg-menu-icon a {
	display: block;
	height: 100%;
	padding: 0;
	position: relative;
	margin: 0;
	border: 1px;
	width: 4.375em;
}

.tab-bar .menu-icon span::after {
	content: "";
	display: block;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -0.5rem;
	left: 1.2rem;
	box-shadow: 0 0 0 1px #abb1b7, 0 6px 0 1px #abb1b7, 0 12px 0 1px #abb1b7;
	width: 1.2rem;
}

.tab-bar-section.middle {
	left: 4rem;
	right: 2rem;
}

.tab-bar-section > ul > li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3rem;
}

.tab-bar-section > ul > li:last-child {
	margin-right: 0;
}

.tab-bar-section a {
	color: white;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
}

nav ul {
	list-style: none;
}

.logo {
	display: block;
	min-width: 170px;
	height: 49px;
	background: url(../images/logo-login.png) 0 50% no-repeat;
	background-size: contain;
}

/* =================================================================== */
/* ================= Desktop Left side navigation  =================== */
/* =================================================================== */
.desktop-left-nav {
	background: #272d33;
	list-style: none;
	margin: 0;
	position: absolute;
	width: 220px;
	display: flex;
	flex-direction: column;
	z-index: 2;
	min-height: 100%;
	font-size: 0.8em;
}

.menu_wrapper {
	flex: 1;
}

.nav-group {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}

.menu_wrapper ul {
	list-style-type: none;
	margin-left: 0;
}

.desktop-left-nav li > label {
	text-transform: uppercase;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.3);
	margin: 0;
	padding: 0.2rem 0.5rem;
	border-bottom: 1px solid rgba(203, 213, 21, 0.5);
}

.desktop-left-nav li {
	transition: all 0.5s ease;
}

.desktop-left-nav li.current {
	border-left: 0.3em solid #cbd513;
	padding-left: 0.2em;
	color: #fff;
}

.desktop-left-nav li.top {
	border-top: 1px solid #2d343c;
}

.desktop-left-nav li a em {
	display: none;
}

.med-collapse > .columns {
	padding-left: 0;
	padding-right: 0;
}

.section-bordered-wrapper {
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 1.5rem;
	margin-bottom: 15px;
	margin-top: 15px;
}

.nav-account {
	padding-bottom: 0.3rem;
}

.account-holder {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	padding-top: 0.3rem;
}

.account-holder a {
	font-size: 0.95rem;
	transition: all 0.5s ease;
}

.account-holder a:hover {
	background: none !important;
	color: #fff !important;
}

li.account-holder-id {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: #828485;
	font-size: 0.95rem;
	border: none;
	margin: 0.5em;
}

/* =================================================================== */
/* ================= Mobile collapsed nav and desktop  =============== */
/* =================================================================== */
.off-canvas-wrapper {
	min-height: 100%;
}

ul.off-canvas-list li label, ul.off-canvas-list li a {
	padding: 0.5em 0;
}

.desktop-left-nav li label, .desktop-left-nav li a {
	padding: 0.1em 0;
	margin-right: 0.5em;
}

ul.off-canvas-list li label, .desktop-left-nav li label {
	border-top: 0;
	border-bottom: solid 1px;
	background-color: transparent;
	font-size: 0.9rem;
	margin: 0 0.5em;
}

ul.off-canvas-list li a, div.desktop-left-nav li a {
	color: #99a2ad;
	display: block;
	font-size: 0.9rem;
	border: 0;
	margin: 0 0.5em;
}

.off-canvas-list li.account-holder a, .desktop-left-nav li.account-holder a {
	color: #cbd513;
	padding-bottom: 0;
}

.off-canvas-list li.account-holder a {
	border: none;
}

ul.off-canvas-list li a {
	padding: 0.5em 0;
	transition: all 0.5s ease;
}

ul.off-canvas-list li.current {
	border-left: 0.3rem solid #cbd513;
	padding-left: 0.1rem
}

ul.off-canvas-list li.current a {
	margin: 0 0.5em 0 -0.2em;
	padding-left: 0.7em;
}

ul.off-canvas-list li:hover a {
	color: #fff;
	background: #3e4953;
}

.cont-head {
	background: #6f7f61;
	display: block;
	text-align: center;
	margin-top: 0;
}

.cont-head h1 {
	display: inline-block;
	font-size: 1.2rem;
	color: #ffffff;
	padding: 0.5rem 0;
	margin: 0;
}

.parent-head {
	text-align: center;
}

.parent-head h1 {
	padding: 0.5rem 0 0 0;
}

.payme-head h1, .token-head h1 {
	padding: 1.5rem 0 1.5rem 0.5rem;
	font-size: 1.3rem;
}

.cont-head span, .payme-head span {
	display: inline-block;
}

.cont-head .fa-search {
	font-size: 1.2rem;
	color: #51a8c1;
	transition: all 0.5s ease;
}

.cont-head .fa-search:after {
	content: "\f0dd";
	font-size: 0.8rem;
	margin-left: 0.3rem;
}

.cont-head .fa-chevron-left {
	transition: all 0.5s ease;
}

.cont-head .fa-search:hover, .cont-head .fa-chevron-left:hover {
	color: #b1b82d;
}

.tok-head {
	background: #fff;
	display: block;
	padding: 0 1rem 0 0;
	margin-top: 0;
}

.tok-head h1 {
	font-size: 1.3rem;
	color: #333;
	display: inline-block;
	padding: 1rem 0 0.4rem 0;
	margin: 0;
}

.tok-head .fa-search {
	font-size: 1.2rem;
	color: #51a8c1;
	transition: all 0.5s ease;
}

.tok-head .fa-chevron-left {
	transition: all 0.5s ease;
}

.tok-head .fa-search:hover, .tok-head .fa-chevron-left:hover {
	color: #b1b82d;
}

.tok-head a {
	border-left: 1px solid #d0d0d0;
	padding: 0.5rem 0 0.5rem 1.5rem;
	margin-left: 1.5rem;
}

.tok-head a.trans-return {
	border-left: none;
	margin-left: -1rem;
	margin-right: 0;
	padding-right: 1rem;
	padding-left: 1rem;
	display: inline-block;
}

.tok-head a.show_hide:focus .fa-search {
	color: #bfc813;
}

.tok-head a.show_hide-download:focus .fa-download {
	color: #bfc813;
}

.tok-head .fa-download {
	font-size: 1.2rem;
	color: #51a8c1;
	transition: all 0.2s ease;
}

.tok-head .fa-times {
	font-size: 1rem;
	border-left: 1px solid #f2f2f2;
	padding: 0.8rem 1.5rem 1.1rem 1.5rem;
	margin-left: 1.5rem;
	color: #51a8c1;
	background: #fff;
}

.cont-head a {
	margin: 0.3rem;
	padding: 0 1rem;
	height: 1.75rem;
	line-height: 1.25rem;
}

.cont-head a.trans-return {
	border-left: none;
	margin-left: -1rem;
	margin-right: 0;
	display: inline-block;
}

.cont-head a.show_hide:focus .fa-search {
	color: #bfc813;
}

.cont-head a.show_hide-download:focus .fa-download, .cont-head a.show_hide-download:hover .fa-download {
	color: #bfc813;
}

.cont-head .fa-download {
	font-size: 1.2rem;
	color: #51a8c1;
	transition: all 0.2s ease;
}

.cont-head .fa-times {
	font-size: 1rem;
	border-left: 1px solid #f2f2f2;
	padding: 0.8rem 1.5rem 1.1rem 1.5rem;
	margin-left: 1.5rem;
	color: #51a8c1;
	background: #fff;
}

/*Tables*/
.activity-contain {
	padding: 1.5rem 2.2rem 0 1.5rem;
}

.trans-det-contain {
	padding: 0 2.2rem 0 1.5rem;
}

.order-filter-contain {
	padding: 0 2.2rem 0 1.5rem;
}

/* =========================================================== */
/* ==================== Table layout ========================= */
/* =========================================================== */
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
	vertical-align: top;
}

table.transactions {
	width: 100%;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	margin-bottom: 1rem;
	table-layout: auto;
	margin-top: 0.5rem;
	border-spacing: 0;
}

table.transactions tr th {
	background: #fff;
	border-bottom: solid 1px #eeeeee;
}

table.transactions tr:hover td {
	background: #eaf5f1;
	cursor: pointer;
}

table.transactions td, table.transactions th {
	border-left: solid 1px #ededed;
}

table.transactions tr.failed:hover td {
	background: #f4eceb;
	cursor: pointer;
}

table.transactions tr td:first-child, table.transactions tr th:first-child {
	border-left: none;
}

table.transactions tr td:last-child, table.transactions tr th:last-child {
	border-left: none;
}

table.transactions tr th:first-child {
	padding-left: 1rem;
}

table.transactions tr th, table tr td {
	color: #333;
	font-size: 0.95rem;
	padding: 0.15rem 0.35rem;
	text-align: left;
}

table.transactions tr.failed td {
	color: #d13e3a;
}

/*failed transactions*/
table.transactions tr td:nth-child(3), table.transactions tr td:nth-child(4), table.transactions tr th:nth-child(3), table.transactions tr th:nth-child(4) {
	display: table-cell;
}

table.transactions tr td:last-child {
	text-align: center;
}

table.transactions tr td .fa-chevron-right {
	font-size: 0.85rem;
	color: #51a8c1;
}

table.transactions tr td .fa-check, table.transactions tr td .fa-times {
	margin-right: 0.5rem;
}

table.transactions tr td span {
	display: block;
	font-size: 0.85rem;
	color: #aaaaaa;
	margin-top: 0.2rem;
}

table.transactions tr td span.success {
	color: #45a266;
	display: inline-block;
	font-size: 0.95rem;
	margin-top: 0;
}

table.transactions tr td span.failed {
	color: #d13e3a;
	display: inline-block;
	font-size: 0.95rem;
	margin-top: 0;
}

table.transactions .tr-child {
	display: none;
}

table.transactions a.trigger:hover, table.transactions a.ui-link:hover, table.transactions a.trigger:focus, table.transactions a.ui-link:focus {
	color: #b2b847;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #f6f6f6;
}

table.transactions tr.tr-child td:last-child {
	text-align: left;
	background: #eff4f7;
}

table.transactions tr.tr-child td:last-child:hover {
	background: #eff4f7;
}

table.invoice-overide tr td:last-child, table.invoice-overide tr th:last-child {
	text-align: center;
	border-left: 1px solid #ddd !important;
}

table.trans-details thead {
	display: none;
}

table.trans-details tr th, table.trans-details tr td {
	font-size: 0.9rem;
}

table.trans-details td.successful {
	color: #59ab49;
}

table.trans-details td.successful .fa-check {
	margin-right: 0.5rem;
}

.load-more {
	text-align: center;
	margin-bottom: 2rem;
}

.move-right .exit-off-canvas {
	background: rgba(0, 0, 0, 0.5);
}

ul.last-login {
	margin: 0;
	list-style: none;
	float: left;
	width: 100%;
	padding: 0 0 1rem;
}

ul.last-login li {
	display: inline-block;
	margin-right: 2rem;
	font-size: 0.9rem;
	color: #595f60;
	margin-bottom: 0.5rem;
}

/* =========================================================== */
/* ==================== Form layout ========================= */
/* =========================================================== */

.inline {
	display: inline-block;
}

.results { /* hack fix for fairfaxTable to be full width */
	width: 100%;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin-right: 0.5rem;
}

.checkbox-inline {
	vertical-align: middle;
	margin-bottom: 0;
}

label.checkbox-label input[type=checkbox], label.radio-label input[type=radio] {
	position: relative;
	vertical-align: middle;
	margin: 0.5rem 0.5rem 0.5rem 0;
}

label.checkbox-label.bottom-margin {
	margin: 0 0 1rem 0;
}

@media only screen and (max-width: 40em) {
	label.checkbox-label, label.radio-label {
		padding-left: 1rem;
		background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
		border: 1px solid #ddd;
		margin: 0 0 1rem 0;
	}

	label.checkbox-label.inline, label.radio-label.inline {
		padding: 0;
		background: none;
		border: none;
	}

	label.radio-label.bottom-margin {
		margin: 0 0 1rem 0;
	}

	label.radio-label {
		margin: 0;
	}
}

.table_row > input {
	margin: 0;
}

.row.row-form {
	margin-bottom: 1rem;
}

.parent-head-contain {
	background: #3d4750;
}

.parent-head .title h1 {
	font-size: 0.95rem;
	color: #fff;
}

.parent-head .title h4 {
	color: #728494;
	font-size: 0.95rem;
	line-height: 1;
}

.parent-head .controls {
	float: right;
	height: 50px;
	margin-top: 8px;
}

.parent-head .controls .dropdown {
	width: 220px;
	font-size: 0.9rem;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #509cb2;
}

.parent-head .controls .dropdown:hover, .parent-head .controls .dropdown:focus {
	background: #5aa8be;
	color: #fff;
}

.parent-head .controls .dropdown {
	color: #d7e2ed;
}

.parent-head .controls .dropdown.button::after, .parent-head .controls button.dropdown::after {
	border-width: 0.35rem;
	border-color: #d7e2ed transparent transparent transparent;
}

.parent-head .controls .dropdown:focus.button::after, .parent-head .controls button:focus.dropdown::after {
	border-color: transparent transparent #d7e2ed transparent;
	margin-top: -0.5rem;
}

.parent-head .controls .ui-btn {
	text-align: left;
}

.parent-head .controls .f-dropdown li {
	transition: all 0.5s ease;
}

.parent-head .controls .f-dropdown {
	max-width: 220px;
}

.parent-head .controls .f-dropdown li a {
	border-bottom: 1px solid #ddd;
	padding: 0.8rem;
	font-size: 0.9rem;
}

.payme-url {
	background-color: #faf4d8;
	color: #3e3c31;
	text-align: center;
	padding: 1rem;
	font-size: 1.3rem;
	position: relative;
}

.payme-url-actions {
	padding-top: 0;
}

.payme-url-actions a.copy, .payme-url-actions a.email-url {
	color: #5aa8be;
	padding: 0.3rem 1.1rem 0.5rem 1.1rem;
	font-size: 1rem;
	border: 1px solid #dbd2a8;
	background: #fff;
}

.payme-url-actions a.copy .fa-check {
	display: none;
	margin-right: 0.5rem;
}

.payme-check-on, .payme-url a.copy:focus {
	background: #45a266 !important;
	border: 1px solid #45a266 !important;
	color: #fff !important;
}

.payme-check-on .fa-check, .payme-url a.copy:focus .fa-check {
	display: inline-block !important;
	color: #fff !important;
}

.show_hide {
	display: none;
}

.components-overlay {
	background-image: url(../images/overlay.png);
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	position: absolute;
	display: none;
	z-index: 1099;
}

.refund-form {
	margin-bottom: 1rem;
}

.main-section {
	margin-bottom: 2rem;
	margin-top: 1.2em;
	min-height: 850px;
}

.inline-input-button > input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.inline-input-button > button {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/* ============================================ */
/* -------------- Responsive table ------------ */
/* ============================================ */
.row-table > .header {
	border: 1px solid #cccccc;
	background-color: #dddddd;
}

.row-table .data-row:last-child {
	border-bottom: 1px solid #cdcdcd;
}

.row-table .data-row {
	background-color: #fff;
	min-height: 1.5625em;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.row-table .data-item.double {
	min-height: 3.125em;
}

.row-table .data-item {
	min-height: 1.5625em;
	border-left: 1px solid #cfcfcf;
	overflow-wrap: break-word;
	hyphens: none;
	padding: 0.1rem 0.5rem;
}

.row-table .data-item-expand {
	min-height: 1.5625em;
	border-left: 1px solid #cfcfcf;
	overflow-wrap: break-word;
	overflow:auto;
	hyphens: none;
	padding: 0.1rem 0.5rem;
}

.row-table .data-item:first-child {
	border-left: none;
}

.row-table > .data-row:nth-child(odd) {
	background-color: #f6f6f6;
}

.row-table .successful {
	color: #43AC6A;
}

.row-table .unsuccessful {
	color: #f04124;
}

.row-table .data-row:hover {
	background: #d8e3e8;
	color: #000;
}

.smaller {
	font-size: 0.777em;
}

.data-item > select {
	height: 1.5625em;
	padding: 0;
}

@media only screen and (max-width: 40em) {
	.data-item > .button {
		width: auto;
	}
}

/* ========================================================== */
/* -------------- Drag box container ------------------------ */
/* ========================================================== */
.field-list {
	list-style: none;
	margin: 0;
}

.gu-mirror {
	list-style: none;
	text-align: center;
}

/* ========================================================== */
/* ------------------ Change password responsive ------------ */
/* ========================================================== */
.pstn-padding-top-10 {
	padding-top: 10px;
}

/*JQUERY MOBILE Overrides forms*/
form.search {
	padding: 1rem 1.5rem 0 1.5rem;
	max-width: 80em;
}

form.search .ui-select .ui-btn {
	border: 1px solid #ddd;
	font-size: 0.9rem;
	padding-top: 0.5rem;
	height: 2.5rem;
}

form.search .ui-select {
	background-color: #f7f7f7;
}

form.search .ui-shadow {
	box-shadow: none;
}

input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
	background-color: #f6f6f6;
	cursor: default;
}

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border-radius: 2px;
	border-color: #cccccc;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.75);
	font-size: 0.9rem;
}

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
	border-radius: 0;
}

.ui-btn-icon-notext, .ui-header button.ui-btn.ui-btn-icon-notext, .ui-footer button.ui-btn.ui-btn-icon-notext {
	padding: 0;
	text-indent: -9999px;
	white-space: nowrap !important;
}

.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
	position: absolute;
	top: 50%;
	margin: -18px 0;
	border: 0;
	background-color: #e5f3f7;
}

.ui-btn-icon-notext, .ui-header button.ui-btn.ui-btn-icon-notext, .ui-footer button.ui-btn.ui-btn-icon-notext {
	padding: 0;
	width: 2.6em;
	height: 2.3em;
	text-indent: -9999px;
	white-space: nowrap !important;
}

.ui-icon-calendar {
	background: url(../images/icons/icon-date.png) no-repeat 55% 50%;
}

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
	background: transparent no-repeat center center;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-icon-calendar {
	background-image: url(../images/icons/icon-date.png);
}

.ui-mobile label {
	display: block;
	margin: 1rem 0 .4em 0;
}

label.hidden {
	color: #fff;
}

.mb-select a, .mb-select-time a {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); /* IE6-9 */
	border: 1px solid #ddd;
	padding: 0.4rem 0 0.55rem 1rem;
	color: #333;
	min-height: 2.6em;
	text-align: left;
	font-size: 0.875rem;
	box-shadow: none;
}

.mb-select a.non-btn, .mb-select-time a.non-btn {
	background: none;
	border: none;
	padding: 0 0 0 0.5rem;
	color: #51a8c1;
	/*min-height: none;*/
	text-align: left;
	font-size: 0.875rem;
	box-shadow: none;
	margin-top: -10px;
}

.mb-select .ui-input-text input, .mb-select .ui-input-search input, .mb-select textarea.ui-input-text, .mb-select-time .ui-input-text input, .mb-select-time .ui-input-search input, .mb-select-time textarea.ui-input-text {
	padding-left: 1em;
}

.mb-select a:after {
	background-image: url(../images/icons/icon-date.png);
}

.mb-select-time a:after {
	background-image: url(../images/icons/icon-time.png);
}

.mb-select .ui-shadow-inset, .mb-select-time .ui-shadow-inset {
	-webkit-box-shadow: inset 0 0 0 /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0) /*{global-box-shadow-color}*/;
	-moz-box-shadow: inset 0 0 0 /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0) /*{global-box-shadow-color}*/;
	box-shadow: inset 0 0 0 /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0) /*{global-box-shadow-color}*/;
}

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
	background-color: #dceef3;
	border: none;
	color: #333;
	text-shadow: none;
}

/*Form-Components.css overides*/
.ui-datebox-griddate.ui-datebox-griddate-label {
	border: 1px solid transparent;
	height: 30px;
	line-height: 30px;
}

.ui-datebox-griddate {
	width: 36px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 0.9rem;
	zoom: 1;
}

.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head + body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head + body .ui-btn.ui-btn-b:visited {
	background-color: #b4bc1b /*{b-bup-background-color}*/;
	border-color: #b4bc1b /*{b-bup-border}*/;
	color: #fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 0 /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ transparent /*{b-bup-shadow-color}*/;
}

.ui-popup > .ui-btn-left, .ui-popup > .ui-btn-right {
	position: absolute;
	top: -43px;
	margin: 0;
	z-index: 1101;
	left: 45%;
}

.ui-selectmenu .ui-header {
	background: #f2f2f2;
}

.ui-header .ui-title, .ui-footer .ui-title {
	text-shadow: none;
}

.ui-icon-delete {
	background: transparent url(../images/icons/icon-close.png) 50% 50% no-repeat;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 35px;
	height: 35px;
	position: relative;
	border: 2px solid #fff;
}

.ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn {
	border: none;
}

.ui-listview > li > a.ui-btn:hover {
	color: #b2b847;
}

.ui-icon-minus {
	background: url(../images/icons/icon-minus.png) 50% 50% no-repeat;
}

.ui-icon-plus {
	background: url(../images/icons/icon-plus.png) 50% 50% no-repeat;
}

.ui-checkbox input, .ui-radio input {
	position: absolute;
	left: .466em;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -6px;
	outline: 0 !important;
	z-index: 1;
}

.check-no-label {
	padding-top: 1.9rem !important;
}

.ui-checkbox label {
	font-size: 0.875rem;
	color: #333;
}

.ui-checkbox .ui-btn, .ui-radio .ui-btn {
	margin: 0;
	text-align: left;
	white-space: normal;
	z-index: 2;
	border: none;
}

/* REMOVED DUE TO IT'S AFFECTING UI CHECKBOX ALIGNMENT
.ui-checkbox .ui-btn-icon-left {
	padding-left: 1.5em;
	padding-left: 0;
} */

.ui-btn.ui-checkbox-off:after {
	background-color: transparent;
}

label em {
	font-style: normal;
}

form.common .ui-select, form.search .ui-select {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) no-repeat 98% 50%;
	text-align: left;
}

.common .ui-field-contain {
	border: none;
}

.common .ui-field-contain > label ~ [class*="ui-"], .common .ui-field-contain .ui-controlgroup-controls {
	display: inline-block;
	width: 300px;
	background-color: #f7f7f7;
}

form.search .ui-btn {
	text-align: left;
}

a.more-search, a.less-search {
	display: inline-block;
	margin-right: 1rem;
}

a.more-search .fa-chevron-down, a.less-search .fa-chevron-up {
	margin-right: 0.2rem;
}

.adv-form {
	display: none;
}

.mb-select-radio .ui-radio {
	margin: 0;
	position: relative;
}

.ui-radio {
	display: inline-block;
	width: auto;
}

.mb-select-radio .ui-mobile label {
	display: inline-block;
	margin: 0;
}

.ui-radio .ui-btn.ui-radio-on:after {
	background: none;
	border: none;
}

.ui-radio .ui-btn-icon-left {
	/* padding-left: 2.5em; */
	padding-left: 0.8rem;
}

.ui-radio input {
	position: absolute;
	left: 0;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	outline: 0 !important;
	z-index: 1;
}

.ui-checkbox input, .ui-radio label {
	font-size: 0.875rem;
	color: #333;
}

.select-overlay {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	position: absolute;
	display: none;
	z-index: 1099;
}

.trans-details {
	/*max-width: 1024px;*/
	margin-left: -0.5rem;
}

.trans-details td, .trans-details th, table.trans-details tr th {
	display: table-cell;
	margin: 0;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	vertical-align: middle;
}

#panel2a, #panel3a {
	padding-top: 1rem;
}

.payme-head, .token-head {
	position: relative;
}

.payme-tabs {
	display: block;
	margin-left: 0.5rem;
}

.payme-tabs .tab-title {
	margin: 0;
	display: inline-block;
}

.payme-tabs .tab-title > a {
	display: block;
	color: #4b97ac;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 0.95rem;
	padding: 0.7rem 1.5rem 0.9rem 1.5rem;
	border: none;
	background: #d8e3e8;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	margin: 0 0.4rem 0 0;
}

.payme-tabs .tab-title:first-child > a {
}

.payme-tabs .tab-title > a i {
	margin-right: 0.5rem;
}

.payme-tabs .tab-title.active > a, .payme-tabs .tab-title > a:hover {
	background: #fff;
	margin-right: 0.4rem;
}

.check-inline .ui-checkbox {
	margin: .5em 0;
	position: relative;
	display: inline-block;
}

form.common .gen-field label {
	margin-bottom: 0.5rem;
	margin-top: 0;
}

form.common .gen-field .ui-select {
	width: 300px;
	display: inline-block;
	margin: 0;
}

form.common .gen-field button, form.common .gen-field .button {
	vertical-align: top;
	margin: 0 0 0 10px;
	padding: 0.65rem 1.5rem 0.75rem 1.5rem;
	font-size: 0.9rem;
}

form.common .gen-field .secondary {
	padding: 0.6rem 1.5rem 0.71rem 1.5rem;
}

form.common {
	padding: 0 1.5rem 0 1.5rem;
	max-width: 80em;
}

form.common em {
	color: #b31d1d;
	margin-left: 0.3rem;
}

form.common .ui-select .ui-btn, form.search .ui-select .ui-btn {
	border: 1px solid #ddd;
	font-size: 0.9rem;
	padding-top: 0.5rem;
	height: 2.5rem;
}

form.common .ui-select, form.search .ui-select {
	background-color: #f7f7f7;
}

form.common .ui-shadow, form.search .ui-shadow {
	box-shadow: none;
}

form.common .check-custom .ui-checkbox {
	display: inline-block;
	margin: 0 0 0 -0.85rem;

}

form.common textarea {
	min-height: 5rem;
}

form.common .ass .ui-checkbox {
	margin-top: -10px;
}

.ui-shadow-inset {
	-webkit-box-shadow: none /*{global-box-shadow-size} rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	/* box-shadow: none /*{global-box-shadow-size}; */
}

form.common select.gen-field {
	width: 300px;
}

.order-contain {
	padding: 0 2.5rem 0 1.5rem;
}

#orderlist .fa-search {
	margin-right: 0.5rem;
}

.orderlist-contain table.transactions {
	margin-top: 1rem;
}

.orderlist-contain table.transactions .fa-plus-square, .orderlist-contain table.transactions .fa-minus-square {
	margin-right: 0.6rem;
}

.gradient {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.ui-selectmenu-list .ui-btn {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.drag-contain {
	background: #f2f2f2;
	padding: 0;
	border-bottom: 1px solid #ddd;
	margin-top: 0.5rem;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.drag {
	background: #fff;
	border-top: 1px solid #ddd;
	float: left;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
	padding: 0;
	margin-bottom: 4px;
}

.drag .title {
	float: left;
	padding-left: 0.8rem;
}

.drag .title .fa-arrows-v {
	color: #51a8c1;
	margin-right: 0.8rem;
	margin-top: 0.8rem
}

.drag .controls {
	float: right;
}

.drag .controls a {
	display: inline-block;
	padding: 0.5rem 0.7rem;
	margin-left: 0.5rem;
}

.drag .controls a:hover i {
	color: #cbd513;
}

.drag .controls .fa-times, .drag .controls .fa-pencil {
	color: #51a8c1;
}

.order-child {
	display: none;
}

.orderlist-contain table tr.even, .orderlist-contain table tr.alt, .orderlist-contain table tr:nth-of-type(even) {
	background: #fff;
}

.orderlist-contain table tr td {
	border-bottom: 1px solid #eeeeee;
}

.orderlist-contain table.transactions {
	border-top: solid 1px #eeeeee;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: none;
	border-spacing: 0;
}

.orderlist-contain table {
	border-bottom: none;
}

.orderlist-contain td.tr-child-contain {
}

.orderlist-contain .button-group {
	float: right;
	padding: 0.6rem 0.6rem 0 0;
}

.orderlist-contain .button-group a i {
	margin-right: 0.3rem;
	color: #fff;
}

.orderlist-contain .tr-child table, .orderlist-contain .tr-child table thead, .orderlist-contain .tr-child table th, .orderlist-contain .tr-child table tr {
	background: transparent;
}

.orderlist-contain .tr-child table thead {
	display: none;
}

.orderlist-contain table.transactions tr th {

	font-size: 0.9rem;

}

.trigger-on {
	background: #deeaed;
}

.orderlist-contain table.ui-responsive tr td:first-child {
	padding-left: 0;
}

.orderlist-contain .controls {
	box-shadow: none;
}

.orderlist-contain table.ui-responsive {
	box-sizing: border-box;
}

.orderlist-contain table.ui-responsive tr th, .orderlist-contain table.ui-responsive tr td {
	border-bottom: solid 1px #d1e3e5;
}

table.transactions table.ui-responsive tr th:first-child, table.transactions table.ui-responsive tr td {
	padding-left: 0;
}

.orderlist-contain table.ui-responsive th, .orderlist-contain table.ui-responsive td {

	padding: .4em 0;

}

.orderlist-contain table.transactions tr td {
	display: table-cell;
}

.orderlist-contain table.transactions tr th {
	display: table-cell;
}

.orderlist-contain .ui-select {
	margin-top: 0;

}

.orderlist-contain table.transactions tr td span {
	margin: 0;
	width: auto;
	color: #51a8c1;
	font-size: 0.9rem;
}

.orderlist-contain table.transactions tr td span:hover, .orderlist-contain table.transactions tr td span:focus {
	color: #b2b847
}

.orderlist-contain .ui-shadow {
	box-shadow: none;
}

.orderlist-contain .ui-select {
	margin-bottom: 0;
}

.orderlist-contain .ui-btn {
	padding: 0 0.8rem 0 0;
	text-align: right;
}

.orderlist-contain .ui-btn-icon-left:after,
.orderlist-contain .ui-btn-icon-right:after,
.orderlist-contain .ui-btn-icon-top:after,
.orderlist-contain .ui-btn-icon-bottom:after,
.orderlist-contain table.transactions .button,
.orderlist-contain table.transactions button {
	background-color: #fff;
	color: #51a8c1;
	width: auto;
}

.orderlist-contain .dropdown.button::after, .orderlist-contain button.dropdown::after {
	border-color: #51a8c1 transparent transparent transparent;
}

.orderlist-contain table.transactions tr:hover td, .orderlist-contain table.transactions tr.failed:hover td {
	background: none;
	cursor: auto;
}

.orderlist-contain table.ui-responsive tr:last-child td {
	border-bottom: none;
	padding-top: 0.6rem;
}

.order-filter-contain form.search {
	padding: 0;
	max-width: 80em;
}

.fld-amount .ui-input-text, .fld-amount .ui-input-search {
	margin: 0.15rem 0 0 0;
}

.search-acc-contain {
	background: #e8f3f6;
	padding: 0.5rem 1rem 1rem 1rem;
}

.search-acc-contain label.title {
	border-bottom: 1px solid #c7d9de;
	padding-bottom: 0.5rem;
}

.search-acc-contain .ui-checkbox .ui-btn-icon-left {
	padding-left: 2em;
}

.inv-disclaimer p {
	font-size: 0.95rem;
	margin-top: 1rem;
	background-color: #faf4d8;
	padding: 1rem;
}

a.order-incomplete, td.order-incomplete {
	color: #d13e3a;
}

.search-child i {
	margin-right: 0.5rem;
}

.search-child em {
	font-style: normal;
}

.search-child:hover, .search-child:focus {
	color: #b1b82d;
}

.curr-inline span, .curr-inline input {
	display: inline-block;
}

.mb-only-inline {
	display: none;
}

/*Footer*/
.back-to-top {
	display: none;
}

.login-container footer {
	background: none;
	margin: 2rem auto 0 auto;
	padding: 1rem 0;
	left: 0;
	position: relative;
	width: 100%;
}

footer ul {
	margin: 0;
	padding: 1.5rem 0 0 0;
	list-style: none;
}

footer ul li {
	display: inline-block;
	color: #666;
	font-size: 0.9rem;
	margin-right: 1rem;
}

footer ul li span {
	color: #666;
}

label small {
	text-transform: none;
}

.login-container footer ul li:first-child {
	display: block;
}

.login-container footer {
	text-align: center;
}

/* Tooltip container */
.right-tooltip {
	position: relative;
}

.right-tooltip .tooltiptext {
	visibility: hidden;
	background-color: #fafafa;
	border: solid 1px #eeeeee;
	text-align: center;
	border-radius: 0.2em;
	top: -0.1em;
	padding: 0.2em 0.5em;
	margin-left: 0.5em;
	position: absolute;
	z-index: 1;
	box-shadow: 0.2em 0.2em 0.4em #aaa;
}

.right-tooltip:hover .tooltiptext {
	visibility: visible;
}

/* captcha */
.captcha_image {
	cursor: pointer;
	display: inline-block;
	border: solid 2px transparent;
	margin-right: 0.5em;
	box-sizing: content-box;
}

.captcha_image:last-child {
	margin-right: 0;
}

.login_captcha {
	text-align: center;
	margin-bottom: 1rem;
}

.ps_selected {
	border: solid 2px #000;
}

.login_captcha .ps_selected {
	border-color: #ffe;
}

@media only screen and (min-width: 120em) {
	form.common, form.search {
		max-width: 90em;
	}
}

@media only screen and (max-width: 80em) {
	.main-section {
		margin-bottom: 6rem;
	}

	table.transactions tr td span, table.transactions tr td span.success, table.transactions tr td span.failed {
		display: none;
	}

	form.search {
		padding-top: 1rem;
	}
}

@media only screen and (min-width: 85em) {
	.cont-head, .parent-head {
		text-align: left;
	}

	.cont-head h1, .cont-head h4 {
		margin-left: 1rem;
	}
}

@media only screen and (max-width: 85em) {
	.main-section {
		margin-bottom: 0;
	}

	.parent-head-contain {
		border-bottom: 1px solid #b6d6df;
	}

	.tab-bar-section.middle {
		left: 4rem;
		right: 0;
	}

	.tab-bar-section ul {
		list-style: none;
		margin: 0;
		display: block;
	}

	.tab-bar-section ul li:hover {
		border-color: #56677b;
	}

	.tab-bar-section ul li.current {
		border-bottom: 4px solid #cbd513;
	}

	.tab-bar-section ul li span {
		display: block;
	}

	.tab-bar-section ul li em {
		display: none;
	}

	.tab-bar-section ul li.current a {
		color: #fff;
	}

	.tab-bar-section ul li a:hover {
		text-decoration: none;
	}

	table.transactions {
		border-top: solid 1px #DDDDDD;
		border-bottom: solid 1px #DDDDDD;
		border-left: none;
		border-right: none;
		margin-top: 0;
	}

	.left-small {
		display: block;
		border: 0;
	}

	.desktop-left-nav {
		display: none;
	}

	.trans-det-contain, .trans-contain, .order-contain, .activity-contain {
		padding: 0;
	}

	.token-payments-contain {
		padding: 0 0.9375rem;
	}

	.med-collapse > .columns {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}

	.cont-inner {
		margin-left: 0;
	}

	.cont-head h1 {
		padding-left: 0;
	}

	.parent-head {
		margin-left: 0;
		padding: 0 0.9375rem 0 0.9375rem;
	}

	.med-collapse > .columns {
		padding-left: 0;
		padding-right: 0;
	}

	form.search {
		padding: 1rem 0.9375rem 0 0.9375rem;
		max-width: 100%;
	}

	label span {
		display: block;
	}

	.payme-tabs {
		margin-left: 0;
	}

	.payme-content {
		margin-bottom: 1.5rem;
		padding: 0 0.9375rem 0 0.9375rem;
	}

	.check-inline .ui-checkbox {

		display: block;
	}

	form.common {
		padding: 0;
		max-width: 100%;
	}

	form.common .check-custom .ui-checkbox {
		display: block;
		margin: 0;
		padding: 0;
	}

	form.common .chk-contain {
		margin-top: -26px;
	}

	form.common .chk-contain .ui-btn {
		padding: .4em 0 .4rem 0.5rem;
	}

	form.common .chx-child {
		padding-left: 2.3rem !important;
	}

	form.common input.child {
		margin-left: 1.4rem;

	}

	.orderlist-contain, .order-filter-contain {
		padding: 0;
	}

	table.transaction tr td .fa-chevron-down {
		color: #80c7dc;
	}

	.order-filter-contain form.search {
		padding: 0;
		width: 100%;
	}

	.check-inline .ui-checkbox {
		margin: .5em 0;
		position: relative;
		display: inline-block;
	}

	.payme-url-actions a.copy, .payme-url-actions a.email-url {
		color: #5aa8be;
		padding: 0.3rem 1.1rem 0.5rem 1.1rem;
		font-size: 1rem;
		border: 1px solid #dbd2a8;
	}

	.orderlist-contain table.ui-responsive tr th {
		padding-top: 0.5rem;
	}

	.orderlist-contain table.ui-responsive tr th, .orderlist-contain table.ui-responsive tr td {
		box-sizing: border-box;
		float: left;
		clear: left;
		width: 100%;
	}

	.orderlist-contain table.ui-responsive tr th {
		border-bottom: none;
	}

	/*Footer*/
	footer {
		padding: 0;
		background: #fff;
		left: 0;
		margin: 1rem 1rem 0;
		width: auto;
		position: relative;
	}

	footer ul {
		margin: 0;
		padding: 2rem 0;
		list-style: none;
	}

	footer ul li {
		display: inline-block;
		margin-right: 1rem;
	}
}

@media only screen and (max-width: 40em) {
	.mb-only-inline {
		display: inline-block;
	}

	.mb-remove {
		display: none;
	}

	.cont-head span, .payme-head span {
		display: none;
	}

	.login-container {
		width: 90%;
		margin: 0 auto;
	}

	body.login .login-container h1 {
		margin: 3rem 0 2rem 0;
	}

	body.login .login-container h1 span {
		width: 250px;
		display: block;
		margin: 0 auto;
	}

	body.login .login-container h1 span img {
		min-width: 100%;
	}

	body.login footer ul li, body.login footer ul li a {
		color: #4c5a6b;
	}

	body.login .login-container h2 {
		font-size: 1rem;
		padding-bottom: 0.3rem;
	}

	body.login .login-container h2 span {
		background: none;
		padding: 0;
	}

	.account-holder {
		padding-top: 0.5rem;
	}

	.parent-head {
		margin-left: 0;
		padding: 0;
	}

	.parent-head-contain {
		border-bottom: 1px solid #b6d6df;
	}

	.parent-head .controls {
		width: 100%;
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
		margin: 0;
		box-sizing: border-box;
	}

	.parent-head .controls .dropdown {
		font-size: 0.95rem;
		box-sizing: border-box;
		width: 100%;
	}

	.parent-head .title h1 {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}

	.parent-head .title h4 {
		margin-bottom: 0.5rem;
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}

	.logo a {
		background: url(../images/logo_small.png) 0 50% no-repeat;
		background-size: contain;
		min-width: 35px;
	}

	.tab-bar-section > ul > li {
		margin-right: 1rem;
	}

	.tab-bar-section ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.tab-bar-section ul li span {
		display: none;
	}

	.tab-bar-section ul li em {
		display: block;
		font-style: normal;
	}

	.tab-bar-section ul > li.small-hide {
		display: none;
	}

	.tab-bar-section ul {
		padding: 0;
	}

	.tab-bar-section ul li a {
		padding-top: 0.4rem;
		padding-bottom: 0.8rem;
	}

	.parent-head .title h4 {
		display: none;
	}

	.cont-head h1 {
		padding: 0.8rem 0;
	}

	.cont-head a {
		border: none;
		padding: 0;
		margin: 0;
	}

	.cont-head .fa-search {
		border: none;
		padding: 1rem 1.5rem 1rem 1.5rem;
		margin-left: 0;
		float: right;
		display: inline-block;
	}

	.token-head h1 {
		display: none;
	}

	.tok-head h1 {
		padding-left: 0.9375rem;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}

	.tok-head a {
		border: none;
		margin-left: 0;
		padding: 0;
	}

	.tok-head .fa-search {
		border: none;
		padding: 1rem 1.5rem 1rem 1.5rem;
		margin-left: 0;
		float: right;
		display: inline-block;
	}

	.inv-disclaimer p {
		font-size: 0.95rem;
		margin-top: 1rem;
		margin-left: 0.9375rem;
		margin-right: 0.9375rem;
		background-color: #faf4d8;
		padding: 1rem;
	}

	.cont-head .fa-download {
		border: none;
		padding: 1.2rem 1.5rem 1rem 1.3rem;
		margin-left: 0;
		float: right;
		display: inline-block;
	}

	.cont-head a.trans-return {
		border-left: none;
		margin-right: 1rem;
		display: inline-block;
	}

	table tr.even, table tr.alt, table tr:nth-of-type(even) {
		background: #f4f4f4;
	}

	table.chargeable tr.even, table.chargeable tr.alt, table.chargeable tr:nth-of-type(even), table.non-chargeable tr.even, table.non-chargeable tr.alt, table.non-chargeable tr:nth-of-type(even) {
		background: transparent;
	}

	.ui-table-reflow tbody th {
		margin-top: 1em;
	}

	.trans-details {
		margin-left: 0;
	}

	.tok-mb {
		display: none !important;
	}

	.trans-details td, .trans-details th, table.trans-details tr th {
		padding-top: 0.2rem;
		padding-bottom: 0.2rem;
		vertical-align: middle;
		border: none;
	}

	table.trans-details tr th {
		padding-top: 1rem;
	}

	table.trans-details tr td {
		padding-bottom: 1rem;
	}

	.cont-head .fa-times {
		border: none;
		padding: 1.3rem 1.5rem 1.3rem 1.5rem;
		margin-left: 0;
		float: right;
		display: inline-block;
		background: #fff;
	}

	table.transactions {
		width: 100%;
		background: #FFFFFF;
		border-style: none;
		margin-bottom: 1.25rem;
		table-layout: auto;
	}

	table.transactions tr td {
		padding-left: 0.6rem;
	}

	table.invoice-overide tr td:nth-child(2), table.invoice-overide tr th:nth-child(2), table.invoice-overide tr td:nth-child(3), table.invoice-overide tr th:nth-child(3) {
		display: none !important;
	}

	table.invoice-overide tr td:nth-child(1), table.invoice-overide tr th:nth-child(1), table.invoice-overide tr td:nth-child(4), table.invoice-overide tr th:nth-child(4) {
		display: table-cell !important;
	}

	button, a.button, input.button {
		width: 100%;
	}

	ul.last-login li {
		display: block;
		margin-right: 0;
		font-size: 0.9rem;
		color: #595f60;
		margin-bottom: 0.5rem;
	}

	.back-to-top {
		display: block;
	}

	label.hidden {
		display: none;
	}

	form.search {
		padding: 1rem 0.9375rem 0 0.9375rem; /*float:left;*/
	}

	.ui-checkbox .ui-btn, .ui-radio .ui-btn {
		border: 1px solid #ddd;
	}

	.ui-checkbox {
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
		background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	}

	.check-no-label {
		padding-top: 0 !important;
	}

	.ui-input-text, .ui-input-search {
		margin: .2em 0;
	}

	.ui-checkbox {
		margin: .2em 0;
	}

	.ui-checkbox input, .ui-radio input {
		margin: -11px 0 0 5px;
	}

	.ui-checkbox .ui-btn-icon-left {
		padding-left: 1.2em;
	}

	a.more-search {
		display: block;
		margin: 0 0 0.5rem 0;
		text-align: center;
		border: none !important;
		padding: 0.5rem 2.3rem 0.7rem 2.3rem;
		font-size: 0.95rem;
		transition: background-color 300ms ease-out;
	}

	a.more-search:hover {
		background: #51a8c1;
		color: #fff;
	}

	a.less-search {
		display: block;
		margin: 0 0 0.5rem 0;
		border: none !important;
	}

	.ui-radio .ui-btn-icon-left {
		padding-left: 2.5em;
	}

	.ui-radio {
		display: inline-block;
		width: auto;
	}

	.ui-radio .ui-btn {
		margin: 0;
		padding: .7em 1em .7em 2.5em;
	}

	.mb-select-radio .ui-mobile label {
		display: block;
		margin: 0;
	}

	.ui-radio {
		display: block;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
		background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	}

	.ui-radio input {
		position: absolute;
		left: .466em;
		top: 50%;
		width: 22px;
		height: 22px;
		outline: 0 !important;
		z-index: 1;
	}

	.radio-custom {
		padding-left: 0;
		margin-top: 0;
	}

	.payme-head, .token-head {
		height: 75px;
		position: relative;
	}

	.payme-head h1 {
		display: none;
	}

	.payme-tabs {
		position: absolute;
		bottom: 0;
		left: 1rem;
		margin-left: 0;
	}

	.payme-tabs .tab-title > a {
		padding: 0.8rem 1rem 0.8rem 1rem;
	}

	.payme-content {
		padding-left: 0;
		padding-right: 0;
	}

	.payme-content .form-block {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.payme-content .gen-field {
		padding-top: 2rem;
	}

	.drag-contain {
		background: #f2f2f2;
		padding: 0;
		border-bottom: 1px solid #ddd;
		margin-top: 0.5rem;
		float: left;
		margin-left: 0.9375rem;
		margin-right: 0.9375rem;
		width: auto;
		box-sizing: border-box;
		border-top: none;
	}

	#orderlist .show_hide {
		padding-left: 0.9375rem;
	}

	.tr-child-contain {
		padding-top: 0;
	}

	.orderlist-contain table.ui-responsive tr th {
		padding-top: 0;
	}

	.orderlist-contain table.ui-responsive tr th {
		border-bottom: none;
		padding-bottom: 0;
	}

	.payme-url {
		border-left: 0.9375rem solid #fff;
		border-right: 0.9375rem solid #fff;
	}

	.orderlist-contain .button-group {
		display: none;
	}

	.orderlist-contain .controls {
		display: block;
		margin-bottom: 0;
		padding: 0;
	}

	.orderlist-contain .controls .ui-btn {
		margin-bottom: 0;
	}

	form.common .gen-field button, form.common .gen-field .button {
		margin: 0;
	}

	.orderlist-contain .controls .f-dropdown li a {
		border-bottom: 1px solid #ddd;
		padding: 0.8rem;
		font-size: 0.95rem;
	}

	.orderlist-contain .controls .f-dropdown li a i {
		margin-right: 0.5rem;
		color: #666;
	}

	.drag .controls a {
		display: inline-block;
		padding: 0.8rem 0.7rem;
		margin-left: 0.5rem;
	}

	.drag .title {
		float: left;
		padding-left: 0.8rem;
		padding-top: 0.3rem;
	}

	.orderlist-contain table.ui-responsive tr:first-child th {
		padding-top: 0;
	}

	.orderlist-contain table.transactions th:nth-child(3), .orderlist-contain table.transactions tr td:nth-child(3) {
		display: none;
	}

	.check-inline .ui-checkbox {
		margin: .5em 0;
		position: relative;
		display: block;
	}

	.search-child em {
		display: none;
	}

	.search-acc-contain {
		background: #e8f3f6;
		padding: 0.5rem 0.5rem 1rem 0.5rem;
	}

	.search-acc-contain label.title {
		border-bottom: none;
		padding-bottom: 0.5rem;
	}

	.search-acc-contain .ui-checkbox .ui-btn-icon-left {
		padding-left: 2.3em;

	}

	.login-container footer {
		margin: 1rem auto 0 auto;
		padding: 1rem 0;
		left: 0;
	}

	footer {
		background: #1d2228;
		position: relative;
		margin: 0;
	}

	footer ul {
		border: none;
		text-align: center;
		padding: 1rem 1rem 2rem 1rem;
	}

	.mb-select-radio .ui-radio {
		margin: -1.6rem 0 0 0;
	}

	.mb-select-radio .ui-input-text {
		margin-bottom: 0.5rem;
	}

	.back-to-top {
		display: block;
		text-align: center;
	}

	.login-container .back-to-top {
		display: none;
	}

	.back-to-top a {
		color: #fff;
		display: block;
		padding: 0.5rem 0;
	}

	.row-table .data-item:nth-child(odd) {
		border-left: none;
	}

	.row-table .data-item:last-child {
		border-left: 1px solid #cfcfcf;
	}
}

@media only screen and (max-width: 22.500em) {
	body.login footer ul li:first-child span {
		display: block;
	}
}

#transaction-table {
	background-color: #f5f5f5;
	border: 2px solid #A1ACB2;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 25px;
}

#transaction-table > .row:first-child {
	border-bottom: 1px solid #A1ACB2;
	font-size: 16px;
}

#error-message {
	background-color: #f5f5f5;
}

.small.button, button.small {
	padding: 0.25rem 1rem;
	border: 1px solid #48546a;
	line-height: 1.5;
	font-size: 0.75rem;
	height: auto;
}

.button, button {
	margin-top: 0.5rem;
}

@media only screen and (min-width: 40.0625em) {
	.button, button {
		margin-top: 0;
	}
}

.text-overflow {
	overflow: hidden;
	white-space: nowrap;
}

.double-row-table > .header {
	border: 1px solid #cdcdcd;
	background-color: #eee;
}

.double-row-table .data-item {
	border-left: 1px solid #cfcfcf;
	height: 3.125em;
}

.double-row-table .data-item:last-child {
	border-right: 1px solid #cfcfcf;
}

.data-item div:last-child, .data-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.data-item div:last-child, .faded {
	color: #999;
}

.double-row-table > .data-row:nth-child(odd) {
	background-color: #f6f6f6;
}

.successful {
	color: #45a266;
}

.unsuccessful {
	color: #d13e3a;
}

.double-row-table .data-row:hover {
	cursor: pointer;
	background: #d8e3e8;
	color: #000;
}

.smaller {
	font-size: 0.777em;
}

.logo, .logo_login {
	background: url(../images/paystation_logo.svg) center center no-repeat;
	background-size: contain;
	height: 55px;
	margin: 5px 5px 0;
}

.logo_login {
	width: 100%;
	flex-shrink: 0;
	margin: 1rem auto 2.5rem;
}

.top-bar, .top-bar ul {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.top-bar .top-bar-left, .top-bar .top-bar-right {
	-webkit-box-flex: 1;
	margin-right: auto;
	flex: 1 1 auto;
}

#drop1, #drop2, #drop3 {
	background: white;
	text-align: right;
}

ul.dropdown.menu {
	font-size: 1rem;
	padding: 0;
}

.menu-icon::after, .menu-icon:hover::after {
	background: inherit;
	box-shadow: none;
	display: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: #ccd234 transparent transparent
}

.dropdown.menu > li {
	max-width: 100px;
}


@media only screen and (min-width: 21em) {
	.dropdown.menu > li {
		max-width: 125px;
	}
}

@media only screen and (min-width: 25em) {
	.dropdown.menu > li {
		max-width: 150px;
	}
}

@media only screen and (min-width: 40.0625em) {
	.dropdown.menu > li {
		max-width: 100%;
	}
}

.dropdown.menu > li > a {
	color: #48546a;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media print {
	.left-off-canvas-menu, .desktop-left-nav, nav, .button {
		display: none !important;
	}

	.data-row {
		border-bottom: 1px solid black;
	}
}

.ps-grid-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	grid-auto-rows: min-content;
	grid-auto-columns: min-content;
	grid-auto-flow: row dense;
}

.ps-grid-container .box {
	margin-top: 0;
}

.box.chart {
	min-width: 0;
}

@media only screen and (min-width: 60em) {
	.ps-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-span-col-2 {
		grid-column-end: span 2;
	}

	.grid-span-col-3 {
		grid-column-end: span 2;
	}

	.grid-span-row-2 {
		grid-row-end: span 2;
	}

	.grid-span-row-3 {
		grid-row-end: span 2;
	}
}

@media only screen and (min-width: 100em) {
	.ps-grid-container {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-span-col-2 {
		grid-column-end: span 2;
	}

	.grid-span-col-3 {
		grid-column-end: span 3;
	}

	.grid-span-row-2 {
		grid-row-end: span 2;
	}

	.grid-span-row-3 {
		grid-row-end: span 3;
	}
}

/* dashboard */
.dashboard-widget .box-header {
	position: relative;
}

.dashboard-widget-buttons {
	position: absolute;
	right: 0.5rem;
}

.dashboard-widget.dashboard-counter-widget .box-body > div:nth-child(even) {
	background-color: #fafafa;
}

.dashboard-widget.dashboard-counter-widget .box-body {
	padding: 0;
}

.dashboard-widget .counter-column {
	width: 45%;
	display: inline-block;
	text-align: right;
}

.dashboard-widget .balance-column {
	display: inline-block;
	text-align: left;
}

.dashboard-widget .balance-row {
	font-size: 1rem;
}

.dashboard-widget .counter-row {
	font-size: 2rem;
}

.dashboard-widget-description {
	margin: 1rem;
	text-align: center;
}

.box-header .help-button {
	border-radius: 50% !important;
	padding: 0 !important;
	width: 1.1rem;
	height: 1.1rem;
	line-height: 1 !important;
	margin-left: 0.5rem !important;
}

.has-tip {
	display: block;
	border: none;
	font-weight: inherit;
}

.alert-box.radius {
	border-radius: 3px;
}

.alert-box.alert {
	background-color: #f04124;
	border-color: #de2d0f;
	color: #fff;
}

.alert-box.success {
	background-color: #43ac6a;
	border-color: #3a945b;
	color: #fff;
}

.alert-box.warning {
	background-color: #f08a24;
	border-color: #de770f;
	color: #fff;
}

.alert-box .close {
	right: 0.25rem;
	background: inherit;
	color: #333333;
	font-size: 1.375rem;
	line-height: .9;
	margin-top: -0.6875rem;
	opacity: 0.3;
	padding: 0 6px 4px;
	position: absolute;
	top: 50%;
}

.alert-box {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 0.8125rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
	padding: 0.875rem 1.5rem 0.875rem 0.875rem;
	position: relative;
	transition: opacity 300ms ease-out;
	background-color: #008CBA;
	border-color: #0078a0;
	color: #FFFFFF;
}

.reveal {
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.red {
	color: red;
	display: inline;
}

/*buttons and tool tips*/
.clipboard-button {
	width: 3.5em;
	display: inline-block;
}

.save-button {
	width: 5em;
	display: inline-block;
}

.tooltip {
	padding: 0;
	top: -1em;
	position: relative;
	display: inline-block;
	color: #48546a;
	font-size: 1em;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 12em;
	background-color: #f4f5f6;
	color: #48546a;
	text-align: left;
	border-radius: 0.5em;
	padding: 1em;
	line-height: 1.175em;
	font-size: 0.85rem;
	font-family: Source Sans Pro, serif;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 1.75em;
	left: 50%;
	margin-left: -8.75em;

}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 77%;
	margin-left: -0.5em;
	border-width: 0.5em;
	border-style: solid;
	border-color: transparent transparent #f4f5f6 transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
.tooltip:hover {
	color: #b1b82d;
	transition: all 0.25s ease;
}

#statusio:hover {
	color: #1779ba;
	transition: all 0.5s ease;
}


/*major divs*/
.widget-top-section {
	padding-bottom: 10em;
}

.widget-top-left-section {
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	font-family: Source Sans Pro, serif;
}

.widget-top-right-section {
	float: right;
	padding:0 1em 1em;
	font-family: Source Sans Pro, serif;
}

.widget-bottom-section {
	clear: both;
	border-top: #999 1px solid;
	margin-left: 1em;
	margin-right: 1em;
	font-family: Source Sans Pro, serif;
	min-height: 112px;
}

/*headings and text*/
.widget-heading {
	margin-top: 0.75em;
	font-size: 1rem;
}

.widget-subheading {
	font-size: 1.125rem;
	font-weight: bold;
}

.payment-options {
	padding-left: 1em;
	font-size: 0.9rem;
}

.payment-options-color {
	color: #1B92B3;
}

.widget-options-item-setup {
	padding-left: 0.325em;
}

.payments-text {
	line-height: 1.2em;
	font-size: 0.825rem;
	padding: 0.325em 0.325em 1em;
}

/*widget background*/
.widget-background {
	margin-top: 0.75em;
	border-radius: 0.5em;
	width: 11em;
	background: #f5f5f5;
	padding: 0.5em;
}

.widget-background-direct-debit {
	margin-top: 0;
}

/*email input*/
.email-input {
	padding-top: 0.5em;
	margin: 0;
}

.error-email {
	font-size: 0.85rem;
	color: #f04124;
}

.nonHighlight {
	-webkit-touch-callout : none;     /* iOS Safari */
	-webkit-user-select   : none;     /* Chrome/Safari/Opera */
	-khtml-user-select    : none;     /* Konqueror */
	-moz-user-select      : none;     /* Firefox */
	-ms-user-select       : none;     /* Internet Explorer/Edge */
}

#account-balance {
	display: none;
}

@media only screen and (max-width: 395px) {
	.widget-top-right-section{
		float: left;
	}
}

.date-error {
	color: #f04124;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

[data-required]:after {
	content: '*';
	color: #d13e3a;
}

#disable_autobill_form .help-text {
	margin-right: 1rem;
}