.ui-submit-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	cursor: pointer;
	font-family: 'Source Sans Pro', "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: normal;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 0.95rem !important;
	background-color: #5aa8be !important;
	color: #FFFFFF;
	transition: background-color 200ms ease-out;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	outline: 0;
}

.ui-submit-btn:hover {
	background-color: #b1b82d !important;
	color: #fff;
}

.ui-submit-btn:focus {
	background-color: #5aa8be;
	color: #fff;
}

/*
@font-face {
    font-family: 'source_sans_probold';
    src: url('sourcesanspro-bold.eot');
    src: url('sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bold.woff') format('woff'),
         url('sourcesanspro-bold.ttf') format('truetype'),
         url('sourcesanspro-bold.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('sourcesanspro-boldit.eot');
    src: url('sourcesanspro-boldit.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-boldit.woff') format('woff'),
         url('sourcesanspro-boldit.ttf') format('truetype'),
         url('sourcesanspro-boldit.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proextralight';
    src: url('sourcesanspro-extralight.eot');
    src: url('sourcesanspro-extralight.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-extralight.woff') format('woff'),
         url('sourcesanspro-extralight.ttf') format('truetype'),
         url('sourcesanspro-extralight.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proXLtIt';
    src: url('sourcesanspro-extralightit.eot');
    src: url('sourcesanspro-extralightit.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-extralightit.woff') format('woff'),
         url('sourcesanspro-extralightit.ttf') format('truetype'),
         url('sourcesanspro-extralightit.svg#source_sans_proXLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proitalic';
    src: url('sourcesanspro-it.eot');
    src: url('sourcesanspro-it.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-it.woff') format('woff'),
         url('sourcesanspro-it.ttf') format('truetype'),
         url('sourcesanspro-it.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('sourcesanspro-light.eot');
    src: url('sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-light.woff') format('woff'),
         url('sourcesanspro-light.ttf') format('truetype'),
         url('sourcesanspro-light.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('sourcesanspro-lightit.eot');
    src: url('sourcesanspro-lightit.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-lightit.woff') format('woff'),
         url('sourcesanspro-lightit.ttf') format('truetype'),
         url('sourcesanspro-lightit.svg#source_sans_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('sourcesanspro-semibold.eot');
    src: url('sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-semibold.woff') format('woff'),
         url('sourcesanspro-semibold.ttf') format('truetype'),
         url('sourcesanspro-semibold.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('sourcesanspro-semiboldit.eot');
    src: url('sourcesanspro-semiboldit.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-semiboldit.woff') format('woff'),
         url('sourcesanspro-semiboldit.ttf') format('truetype'),
         url('sourcesanspro-semiboldit.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@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;
}

* {
	margin: 0;
}

body {
	background: #2f323a;
	line-height: 1.6;
	color: #333;
	-webkit-font-smoothing: antialiased;
	font-family: 'Source Sans Pro', "Helvetica", Helvetica, Arial, sans-serif;
}

body.login {
	background: #1d2228;
}

.login-container input, .login-container input[type="text"], .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%;
}

.login-container input[type="text"]:focus {
	border: 5px solid rgba(90, 168, 190, 0.3);
}

.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(../img/icons/icon-padlock.png) 0 50% no-repeat;
	padding: 0.8rem 0 0.8rem 1.8rem;
}

.login-container {
	width: 410px;
	margin: 170px auto;
}

.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(../img/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 {
	/*background-color: none;*/
	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("../img/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 {
	-webkit-backface-visibility: hidden;
	background: #1d2228;
	color: #FFFFFF;
	height: 49px;
	line-height: 4.375em;
	position: relative;
	border: none;
}

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

.left-small {
	display: none;
}

.tab-bar .menu-icon {
	color: #FFFFFF;
	display: block;
	height: 3.375em;
	padding: 0;
	position: relative;
	text-indent: 2.1875rem;
	transform: translate3d(0, 0, 0);
	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;
}

nav ul {
	list-style: none;
}

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

.inner-wrap {
	position: relative;
}

/* =================================================================== */
/* ================= Desktop Left side navigation  =================== */
/* =================================================================== */
.desktop-left-nav {
	background: #272d33;
	list-style: none;
	margin: 0;
	padding: 0 0 3rem 0;
	position: absolute;
	width: 220px;
	display: block;
	z-index: 2;
}

.nav-group {
	margin-bottom: 20px;
}

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

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

.desktop-left-nav li.current {
	border-left: 5px solid #cbd513;
	padding-left: 0.7rem;
	color: #fff;
	background: #22272c;
}

.desktop-left-nav li.current a {
	color: #fff;
}

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

.desktop-left-nav li a:hover {
	color: #fff;
	background: #3e4953;
}

.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 {
	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 {
	color: #828485;
	font-size: 0.95rem;
	border: none;
	padding: 0 0.7rem;
}

/* =================================================================== */
/* ================= Mobile collapsed nav and dekstop  =========================== */
/* =================================================================== */
.left-off-canvas-menu {
	background: #22282f;
}

.off-canvas-list {
	background: #22282f;
}

ul.off-canvas-list {
	padding: 0.8rem 0 0 0;
}

.off-canvas-list li a, .desktop-left-nav li a {
	color: #99a2ad;
	padding: 0 0.5rem;
	display: block;
	font-size: 0.93rem;
}

.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;
}

.off-canvas-list .account-holder-id {
	padding: 0 0.66667rem 0.66667rem 0.66667rem;
	margin: 0 0 0.5rem 0;
	border: none;
}

ul.off-canvas-list li a {
	padding: 0.6rem 1.2rem;
	border-top: 1px solid #323942;
	transition: all 0.5s ease;
	border-bottom: none;
}

ul.off-canvas-list li:last-child a {
	border-bottom: 1px solid #323942;
}

ul.off-canvas-list li.account-holder-id {
	margin: 0 1.2rem 0.65rem 1.2rem;
	padding-left: 0;
}

ul.off-canvas-list li.current {
	border-left: 5px solid #cbd513;
}

ul.off-canvas-list li.current a {
	padding-left: 0.9rem;
}

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

/* --- ???? -- */
ul.contacts {
	list-style: none;
	margin: 3rem 1.5rem 1rem 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid #444c55;
}

ul.contacts li:first-child {
	color: #5b626b;
}

ul.contacts i {
	margin-right: 0.5rem;
}

ul.contacts li {
	color: #5b626b;
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
}

ul.contacts li a {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #5b626b;
}

.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: 0rem 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;
}

.recent-activity {
	background: #eff5f6;
	padding: 2rem 2rem 0.5rem 2rem;
	float: left;
	margin-bottom: 4rem;
	margin-top: 1rem;
}

.recent-activity table {
	background: none;
	border: none;
	vertical-align: top;
}

.recent-activity table.chargeable {
	width: 48%;
	float: left;
	border-spacing: 0;
}

.recent-activity table.non-chargeable {
	width: 48%;
	float: right;
	border-spacing: 0;
}

.recent-activity table thead tr {
	background: #eff5f6;
	padding: 0;
	margin: 0;
}

.recent-activity table thead tr td {
	padding-left: 0;
	padding-bottom: 1rem;
	border-bottom: 1px solid #cbdee2;
	color: #2a3031;
}

.recent-activity table tr {
	background: #eff5f6;
	padding-left: 0;
}

.recent-activity table tr td {
	text-align: right;
	padding-left: 0;
	border-bottom: 1px solid #cbdee2;
	font-size: 0.95rem;
}

.recent-activity table tr th {
	color: #181b1c;
	border-bottom: 1px solid #cbdee2;
	font-size: 0.95rem;
}

.recent-activity table tr th, .recent-activity table thead tr td {
	text-align: left;
}

.recent-activity table tr th, .recent-activity table tr td {
	color: #595f60;
	padding: 0.4rem 0.625rem 0.5rem 0;
}

.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 ========================= */
/* =========================================================== */
.results { /* hack fix for fairfaxTable to be full width */
	width: 100%;
}

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

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

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.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;
}

.surcharge-checkbox input {
	position: relative;
	top: 2.5px;
}

.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;
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-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;
}

/*Transaction Search*/
.slidingDiv {
	filter: Alpha(Opacity=0);
	opacity: 0;
	height: auto;
	background-color: #fff;
	padding-bottom: 2rem;
	width: 100%;
}

.slidingDiv-download {
	filter: Alpha(Opacity=0);
	opacity: 0;
	height: auto;
	background-color: #fff;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

.slidingDiv-download .ui-field-contain, .slidingDiv-download .ui-mobile fieldset.ui-field-contain {
	margin: 0;
}

.show_hide {
	display: none;
}

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

.slidingDiv-download .ui-shadow {
	box-shadow: none;
}

.slidingDiv-download .ui-select .ui-btn {
	border: 1px solid #ddd;
	font-size: 0.9rem;
	padding-top: 0.5rem;
}

.slidingDiv-download .ui-select .ui-btn select {
	height: 2.3em;
}

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

.slidingDiv-download a.download {
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 0.3rem;
	margin-left: 1rem;
}

.main-section {
	margin-bottom: 2rem;
}

/* ===================================================================================================================================== */
/* ------------------------------------------------------------- Responsive table -------------------------------------------- */
/* ===================================================================================================================================== */
.row-table {
	margin: 1rem 0;
}

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

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

.row-table .data-row {
	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;
}

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

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

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

.row-table .successful {
	color: #45a266;
}

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

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

.smaller {
	font-size: 0.777em;
}

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

a.button {
	line-height: 2;
}

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

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

/* ===================================================================================================================================== */
/* --------------------------------------------------------- Drag box container -------------------------------------------------------- */
/* ===================================================================================================================================== */
.field-list-container {
	background-color: #d7e4ec;
	border-radius: 2px;
	padding: 0.5rem;
	margin: 0.5rem;
}

.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: #fff;
	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(../img/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(../img/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(../img/icons/icon-date.png);
}

.mb-select-time a:after {
	background-image: url(../img/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: 0;
}

/*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(../img/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(../img/icons/icon-minus.png) 50% 50% no-repeat;
}

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

.ui-controlgroup-controls .ui-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	cursor: pointer;
	font-family: 'Source Sans Pro', "Helvetica", Helvetica, Arial, sans-serif;
	line-height: normal;
	margin: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0.8rem 2.5rem 1.0625rem 2.5rem;
	font-size: 1rem;
	background-color: #51a8c1;
	color: #FFFFFF;
	transition: background-color 300ms ease-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none;
	width: 100%;
}

.ui-controlgroup-controls .ui-btn:hover {
	background-color: #166981;
	color: #fff;
}

.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;
}

.slidingDiv-download .ui-select, 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;
}

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

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

.slidingDiv-download .button, .slidingDiv-download button {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0 0 0.8rem;
	padding: 0.9rem 1.5rem 0.9rem 1.5rem;
}

.slidingDiv-download .ui-field-contain, .slidingDiv-download .ui-mobile fieldset.ui-field-contain {
	display: inline-block;
	position: relative;
	overflow: visible;
	clear: none;
	padding: .8em 0 0 0;
}

.slidingDiv-download .ui-field-contain > label, .slidingDiv-download .ui-field-contain .slidingDiv-download .ui-controlgroup-label, .slidingDiv-download .ui-field-contain > .ui-rangeslider > label {
	float: none;
	width: auto;
	display: block;
}

.slidingDiv-download .ui-btn, .common .ui-btn {
	text-align: left;
}

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;
}

/*.trans-accordion{max-width:1024px;}*/
.trans-accordion .accordion-navigation > a {
	background: #f2f2f2;
	color: #222222;
	display: block;
	font-family: 'Source Sans Pro', "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	padding: 1rem;
	margin-bottom: 0.2rem;
}

.trans-accordion .accordion-navigation.active > a {
	background: #eeeeee;
	color: #222222;
}

.trans-accordion .fa-plus-square, .trans-accordion .fa-minus-square {
	color: #51a8c1;
	margin-right: 0.6rem;
}

.trans-accordion .accordion-navigation > .content {
}

.trans-accordion .accordion-navigation > a:hover {
	background-color: #51a8c1;
	color: #fff;
}

.trans-accordion .accordion-navigation > a:hover .fa-plus-square, .accordion-navigation > a:hover .fa-minus-square {
	color: #fff;
	margin-right: 0.6rem;
}

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

.trans-accordion .accordion-navigation > .content.active {
	padding: 0;
}

.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", 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;
	-khtml-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;
}

/*.payme-tabs .tab-title.active > a, .payme-tabs .tab-title > a:hover {


background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

 color:#333;

}*/

.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;
}

/*.prefix, .postfix {
	border: 1px solid;
	display: block;
	font-size: 0.875rem;
	height: 2.4rem;
	line-height: 2.4rem;
	overflow: visible;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
	margin: 0.15rem 0 0 0;
}*/

.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;
}

.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 #ccc;
	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;
	height: 50px; /* overridden by generated css */
	margin-right: 10px;
	background-clip: padding-box
}

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

.login_captcha h3 {
	color: #fff;
}

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

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

/* =========================================================================================================

x-Large screens 1920px min

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

/* =========================================================================================================

max-width 1280px, medium screens

=========================================================================================================  */
@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;
	}
}

/* =========================================================================================================

min-width 1280px, medium screens

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

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

/* =========================================================================================================

max-width 1025px, medium screens

=========================================================================================================  */
@media only screen and (max-width: 85em) {
	body {
		background: #fff;
	}

	/*.inner-wrap {min-height:auto; }*/
	.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;
		background: #1d2228;
		padding: 0 2rem 0 0;
	}

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

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

	.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;
	}

	.recent-activity {
		margin: 0 0.9375rem;
		width: auto;
		padding: 2rem 0.9375rem 0.5rem 0.9375rem;
	}

	.left-small {
		display: block;
	}

	.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;
	}

	.slidingDiv-download .ui-field-contain, .slidingDiv-download .ui-mobile fieldset.ui-field-contain {
		padding: 0 1rem 1rem 1rem;
	}

	.slidingDiv-download .ui-field-contain > label ~ [class*="ui-"], .slidingDiv-download .ui-field-contain .ui-controlgroup-controls {
		width: 70%;
		display: block;
	}

	.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;
	}

	.slidingDiv-download .button, .slidingDiv-download button {
		display: inline-block;
		padding: 0.8rem 1.5rem 0.8rem 1.5rem;
		margin: 0 0.9375rem;
	}

	.slidingDiv-download .ui-field-contain, .slidingDiv-download .ui-mobile fieldset.ui-field-contain {
		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;
	}
}

/* =========================================================================================================

max-width 768px, small screens

=========================================================================================================  */
@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(../img/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;
		border: none;
	}

	.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;
	}

	.slidingDiv-download a.download {

		margin-left: 0;

	}

	.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;
	}

	.slidingDiv-download .ui-field-contain, .slidingDiv-download .ui-mobile fieldset.ui-field-contain {
		padding: 0.5rem 0 1rem 0;
	}

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

	.trans-accordion .accordion-navigation > .content.active {
		padding: 0.8rem;
	}

	.trans-accordion .accordion-navigation > #panel1a {
		padding: 0;
	}

	.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:nth-child(3), table.transactions tr td:nth-child(4), table.transactions tr td:nth-child(5), table.transactions tr th:nth-child(3), table.transactions tr th:nth-child(4), table.transactions tr th:nth-child(5){display:none;}
*/
	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%;
	}

	.recent-activity {
		padding: 1rem 0.9375rem;
		margin-bottom: 0;
	}

	.recent-activity table.chargeable {
		width: 100%;
		float: left;
	}

	.recent-activity table.non-chargeable {
		width: 100%;
		float: right;
	}

	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;
	}

	.slidingDiv, .slidingDiv-download {
		border-bottom: none;
		margin-bottom: 0;
	}

	.slidingDiv-download .ui-field-contain > label ~ [class*="ui-"], .slidingDiv-download .ui-field-contain .ui-controlgroup-controls {
		width: 100%;
	}

	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;
	}

	.form-buttons {
		padding-top: 0.3rem;
	}

	.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-tabs .tab-title .gen-trig{margin-right:0;}*/
	.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;
	}

	form.common .chk-contain .ui-btn {
		margin-top: -1px;
	}

	form.common .chk-contain .ui-btn {
		padding: .7em 1em;
	}

	form.common .gen-field .ui-select {
		width: 100%;
		display: block;
		margin: 0 0 0.8rem 0;
	}

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

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

	}

	form.common .config-head {
		padding: 1rem 2rem 0 2rem;
	}

	form.common .form-buttons a.button, form.common .form-buttons button, form.search .form-buttons a.button, form.search .form-buttons button {
		margin-top: 1rem;
	}

	form.common .form-buttons a.more-search {
		padding-top: 0;
		padding-bottom: 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 ( min-width: 40em ) {
	/* Show the table header rows and set all cells to display: table-cell */
	.my-custom-breakpoint td, .my-custom-breakpoint th, .my-custom-breakpoint tbody th, .my-custom-breakpoint tbody td, .my-custom-breakpoint thead td, .my-custom-breakpoint thead th {
		display: table-cell;
		margin: 0;
	}

	/* Hide the labels in each cell */
	.my-custom-breakpoint td .ui-table-cell-label, .my-custom-breakpoint th .ui-table-cell-label {
		display: none;
	}
}

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

/* ------------- Datacentres --------------- */
.datacentre-list-item button:disabled, .full_echo:disabled {
	width: 100%;
	color: #000;
	background: #999;
}

.datacentre, .echo-box {
	background-color: #eee;
	margin: 5px;
	border: 1px solid #cdcdcd;
	padding: 0.5rem;
}

.datacentre > h3 {
	margin: 0;
}

.datacentre-list {
	background-color: #f5f5f5;
	border-radius: 5px;
	margin-top: 10px;
}

.datacentre-list-item {
	display: flex;
	flex-direction: row;
	padding: 0.1em 0.75em;
	line-height: 1;
	background: #fff;
}

.datacentre-list-item button {
	width: 100%;
	text-align: center;
}

.full_echo {
	width: 100%;
	margin: 0.25em 0;
	padding: 0.25em;
}

.datacentre-list-item span {
	display: block;
	padding-top: 13px;
}

#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;
}

.datacentre-list-item .active {
	color: green;
}

.datacentre-list-item .inactive {
	color: red;
}

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

.datacentre-list-item:nth-child(2n) {
	background: #f6f6f6;
}

.datacentre-list-item div {
	flex: 1;
	padding: 0 7px;
	font-size: 0.9em;
}

.datacentre-list-item button.inactive {
	background: #f04124;
	color: #FFF;
}

.datacentre-list-item button.active {
	background: #43AC6A;
	color: #FFF;
}

/* ------------- End Datacentres --------------- */
.small.button, button.small {
	padding: 0.2rem 1.1rem;
	line-height: 1.25;
	margin: 0.1rem;
	height: 20px;
	width: auto;
}

.small.button.secondary {
	padding: 0.1rem 1.1rem;
}

button.small.secondary {
	padding: 0.2rem 1.1rem;
	line-height: 0.9;
	margin: 0.1rem;
}

.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;
}

.double-row-table .successful {
	color: #45a266;
}

.double-row-table .unsuccessful {
	color: #d13e3a;
}

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

.smaller {
	font-size: 0.777em;
}