:root {
	--green: #111;
	--lightgreen: #eaf6d2;
	/*--lightgreen: #e0f0c0;*/
	--darkgreen: #008000;
	--gray: #fafafa;
}
html,
body {
	height: 100%;
	width: 100%;
}
body {
	background: #eee !important;
	overflow-x: hidden;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
* {
	font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
}
div,
p,
label,
input {
	font-size: 13px;
}
section {
	padding-top: 0;
}

.input-group span.input-group-addon {
	background: #e4e1e1;
	color: #999;
	font-weight: 300;
	border-radius: 0;
	padding: 8px 10px;
	border: 1px solid #dedada;
}

span {
	display: inline;
	text-decoration: none;
	transition: none !important;
}

/*#region start navbar */
nav.navbar {
	padding-top: 7px;
	padding-bottom: 7px;
	width: 100%;
	background-color: white !important;
	color: #263238 !important;
}
.navbar-brand .nav-logo {
	height: 40px;
}
.nav-menu {
	margin-bottom: 0px;
	list-style: none;
}
.nav-item .nav-link i {
	transition: all 200ms ease-out;
	color: #263238 !important;
}
.nav-tabs .nav-item .nav-link {
	color: #000 !important;
}
.nav-item {
	margin-right: 5px;
	text-align: center;
	border-radius: 0.25rem;
	transition: all 200ms ease-out;
}
div nav.navbar {
	background-color: #13496f;
	z-index: 1000 !important;
	padding-left: 12px;
}
.navbar-brand > strong {
	font-size: 16px;
	color: #fff;
}
.log-out i:hover {
	color: #2196f3;
}
@media only screen and (max-width: 360px) {
	.navbar-brand {
		font-size: 12px;
	}
}
@media only screen and (max-width: 320px) {
	.navbar-brand {
		font-size: 12px;
	}
}
/*#endregion */

/*#region start sideNav */
#sideNav {
	background: #fff !important;
	height: 100% !important;
	width: 270px !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	overflow-x: hidden !important;
	transition: 0.5s !important;
	padding-top: 60px !important;
	padding: 1em;
}

#sideNav {
	/* transform: translateX(-100%); */
	position: fixed;
	top: 0;
}

@media screen and (max-width: 991px) {
	#sideNav {
		transform: translateX(-100%);
		position: fixed;
		top: 0;
	}

	#sideNav.sidebar-toggle {
		transform: translateX(0) !important;
	}
}

#sideOverlay {
	width: 100%;
	height: 100%;
	z-index: 500;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: rgba(0, 0, 0, 0);
	transform: translate(-50%, -50%);
	transition: 0.5s;
}
#sideOverlay.overlay-toggle {
	display: block !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
}
.sidebar-fixed {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.sidebar-fixed .list-group .active {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
	-webkit-border-radius: 5px;
	border-radius: 5px !important;
	overflow: hidden;
}
.sidebar-fixed .logo-wrapper {
	padding: 2.5rem;
}
.sidebar-fixed .logo-wrapper img {
	max-height: 50px;
}
.list-group-item {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: transparent;
	color: #607d8b;
}
.list-group-item > i {
	color: #263238 !important;
}
.list-group-item.active > i {
	color: #fff;
}
.list-group-item.active {
	background-color: #13496f !important;
	border-color: transparent;
}
.page-item.active .page-link {
	background-color: #2f333e !important;
}

/*#endregion */

/*#region start main.admin */

main.admin {
	transition: margin-left 0.5s;
	padding: 16px;
	margin-top: 5em;
	margin-left: 270px;
}
#main.sidebar-toggle {
	margin-left: 0px !important;
}

/*#endregion*/

/*#region media sideNav & main.admin */

@media only screen and (max-width: 992px) {
	main.admin {
		margin-left: 0px;
	}
}

@media only screen and (max-width: 600px) {
	main.admin {
		margin-left: 0px !important;
	}
}

/*#endregion*/

/*#region inputs */
input:disabled {
	cursor: no-drop !important;
}
.has-error {
	border: 1px solid #ff7676 !important;
}
/*#endregion */

/*#region customized select */
select:disabled {
	cursor: no-drop !important;
}
select.custom-select.custom-select-sm.form-control.form-control-sm {
	display: inline-block !important;
}
.select2-container--default .select2-selection--single {
	border-color: #ced4da;
	height: 39px !important;
	/*background-color: #546e7a;
border-color: transparent;*/
}
.select2-selection__arrow {
	margin-top: 5px;
}
/*#endregion */

/*#region button */
button[disabled="disabled"],
button:disabled {
	cursor: no-drop !important;
}
.btn-primary,
.btn-primary.dropdown-toggle {
	background-color: var(--green) !important;
	border-color: transparent !important;
	text-transform: uppercase;
	color: orange;
}
.btn-primary:hover,
.btn-primary.dropdown-toggle:focus,
.btn-primary.dropdown-toggle:hover {
	background-color: #a8c947 !important;
	border-color: #a8c947 !important;
}
.btn-primary > span {
	color: #fff;
}
.btn {
	padding: 0.7rem 1.6rem !important;
	font-size: 0.7rem !important;
}
.btn > span {
	font-size: 9.1px;
}
td > .btn {
	margin: 0;
	width: 90px;
	padding-left: 0.7rem !important;
	padding-right: 0.7rem !important;
}
.modal .btn {
	width: auto;
}
.btn-secondary {
	background-color: #607d8b !important;
}
/*#endregion */

/*#region anchor */
a {
	color: #222;
}
a:hover {
	color: grey;
}
/*#endregion */

/*#region labels */
i .icons {
	float: left;
	margin-left: -18px;
	margin-top: 10px;
}
.header-highlight {
	color: #f6841f;
}
.text-black {
	color: black;
}
.text-darkgray {
	color: darkgray;
}
/*#endregion */

/*#region table */
table.table {
	background-color: #f7f7f9;
}
td.text-center:last-child {
	padding: 0.75rem !important;
}
td.select-checkbox:before {
	margin-top: 3px !important;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 1.5em;
}
#myTable th,
#myTable td {
	font-size: 12px;
}
#myTable_filter {
	display: none;
}
/*#endregion */

/* dividers */
.title-divider {
	padding-bottom: 3rem;
}
/* end */

/* cards */
.card {
	overflow: hidden;
}
.home-card {
	position: relative;
	overflow: hidden;
	padding-bottom: 80px !important;
}
.home-card h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 15px;
	padding: 15px !important;
}
.card-header .fa {
	transition: 0.3s transform ease-in-out;
}
.card-header a {
	color: #000;
}
.card-header h5 {
	font-weight: normal;
}
.card-header .collapsed .fa {
	transform: rotate(90deg);
}
.card-hover:hover {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
		0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
		0 4px 15px 0 rgba(0, 0, 0, 0.15);
	outline: 0;
}
/* end */

/* modals */
.modal-dialog {
	border-radius: 5px;
	overflow: hidden;
}
.modal-header h4 {
	color: #fff;
}
.modal-body .card-header {
	background-color: #e9ecef;
}
/* end */

/* containers */
.container-fluid {
	padding: 0;
}
.content-inner {
	padding-top: 10px !important;
}
.page {
	background: transparent;
}
.page .card .card-header-title {
	font-size: 13px;
}
.page .card small {
	font-size: 10px;
}
.rounded {
	border-radius: 0.255rem !important;
}
/* end */

/* backgrounds */
.primary-bg {
	background-color: #13496f !important;
}
.secondary-bg {
	background-color: #607d8b;
}
/* end */

/* borders */
.primary-border {
	border-color: #13496f !important;
}
.border-deco-left {
	border-left: 50px solid #13496f !important;
	position: relative;
	overflow: visible !important;
}
.border-deco-left > i {
	position: absolute;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
	color: #febc08;
}
/* end */

/* footer */
footer.main-footer {
	background-color: #413c35 !important;
	/*left: 0;
position: fixed;
bottom: 0;*/
}
footer {
	padding: 10px;
}
footer small {
	font-size: 11px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: lightgrey;
}
@media only screen and (min-width: 768px) {
	footer {
		position: relative;
		bottom: 0;
		width: 100%;
		min-height: 40px;
	}
}
/* end */

/* breadcrumbs */
.breadcrumb-item {
	font-size: 14px;
}
.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {
	content: none;
}
.bc-icons-2 .breadcrumb-item.active {
	color: #eeeeee;
}
@media only screen and (max-width: 360px) {
	.breadcrumb-item {
		font-size: 12px;
	}
}
@media only screen and (max-width: 320px) {
	.breadcrumb-item {
		font-size: 10px !important;
	}
}
/* end */

/* pulls */
.custom_right_pull {
	right: 10px;
	top: -2px;
	position: absolute;
}
@media screen and (max-width: 768px) {
	.custom_right_pull {
		display: block;
		text-align: center;
		width: 100%;
		position: static;
		margin-bottom: 8px;
	}
}
/* end */

/* range filters */
.range_filter .btn {
	padding: 15px !important;
}
.range_filter .filter_active {
	background: var(--green) !important;
}
/* end */

/* margins */
.m-xxs {
	margin: 2px 4px;
}
.m {
	margin: 15px;
}
.m-xs {
	margin: 5px;
}
.m-sm {
	margin: 10px;
}
.m-md {
	margin: 20px;
}
.m-lg {
	margin: 30px;
}
.m-xl {
	margin: 50px;
}
.m-n {
	margin: 0 !important;
}
.m-l-none {
	margin-left: 0;
}
.m-l-xs {
	margin-left: 5px;
}
.m-l-sm {
	margin-left: 10px;
}
.m-l {
	margin-left: 15px;
}
.m-l-md {
	margin-left: 20px;
}
.m-l-lg {
	margin-left: 30px;
}
.m-l-xl {
	margin-left: 40px;
}
.m-l-n-xxs {
	margin-left: -1px;
}
.m-l-n-xs {
	margin-left: -5px;
}
.m-l-n-sm {
	margin-left: -10px;
}
.m-l-n {
	margin-left: -15px;
}
.m-l-n-md {
	margin-left: -20px;
}
.m-l-n-lg {
	margin-left: -30px;
}
.m-l-n-xl {
	margin-left: -40px;
}
.m-t-none {
	margin-top: 0;
}
.m-t-xxs {
	margin-top: 1px;
}
.m-t-xs {
	margin-top: 5px;
}
.m-t-sm {
	margin-top: 10px;
}
.m-t {
	margin-top: 15px;
}
.m-t-md {
	margin-top: 20px;
}
.m-t-lg {
	margin-top: 30px;
}
.m-t-xl {
	margin-top: 40px;
}
.m-t-n-xxs {
	margin-top: -1px;
}
.m-t-n-xs {
	margin-top: -5px;
}
.m-t-n-sm {
	margin-top: -10px;
}
.m-t-n {
	margin-top: -15px;
}
.m-t-n-md {
	margin-top: -20px;
}
.m-t-n-lg {
	margin-top: -30px;
}
.m-t-n-xl {
	margin-top: -40px;
}
.m-r-none {
	margin-right: 0;
}
.m-r-xxs {
	margin-right: 1px;
}
.m-r-xs {
	margin-right: 5px;
}
.m-r-sm {
	margin-right: 10px;
}
.m-r {
	margin-right: 15px;
}
.m-r-md {
	margin-right: 20px;
}
.m-r-lg {
	margin-right: 30px;
}
.m-r-xl {
	margin-right: 40px;
}
.m-r-n-xxs {
	margin-right: -1px;
}
.m-r-n-xs {
	margin-right: -5px;
}
.m-r-n-sm {
	margin-right: -10px;
}
.m-r-n {
	margin-right: -15px;
}
.m-r-n-md {
	margin-right: -20px;
}
.m-r-n-lg {
	margin-right: -30px;
}
.m-r-n-xl {
	margin-right: -40px;
}
.m-b-none {
	margin-bottom: 0;
}
.m-b-xxs {
	margin-bottom: 1px;
}
.m-b-xs {
	margin-bottom: 5px;
}
.m-b-sm {
	margin-bottom: 10px;
}
.m-b {
	margin-bottom: 15px;
}
.m-b-md {
	margin-bottom: 20px;
}
.m-b-lg {
	margin-bottom: 30px;
}
.m-b-xl {
	margin-bottom: 40px;
}
.m-b-xxl {
	margin-bottom: 50px;
}
.m-b-xxxl {
	margin-bottom: 60px;
}
.m-b-xxxxl {
	margin-bottom: 70px;
}
.m-b-xxxxxl {
	margin-bottom: 80px;
}
.m-b-xxxxxxl {
	margin-bottom: 90px;
}
.m-b-xxxxxxl {
	margin-bottom: 100px;
}
.m-b-n-xxs {
	margin-bottom: -1px;
}
.m-b-n-xs {
	margin-bottom: -5px;
}
.m-b-n-sm {
	margin-bottom: -10px;
}
.m-b-n {
	margin-bottom: -15px;
}
.m-b-n-md {
	margin-bottom: -20px;
}
.m-b-n-lg {
	margin-bottom: -30px;
}
.m-b-n-xl {
	margin-bottom: -40px;
}
.space-5 {
	margin: 5px 0;
}
.space-10 {
	margin: 10px 0;
}
.space-15 {
	margin: 15px 0;
}
.space-20 {
	margin: 20px 0;
}
.space-25 {
	margin: 25px 0;
}
.space-30 {
	margin: 30px 0;
}
.sideway-10 {
	margin: 0px 10px;
}
/* end */

/* paddings */
.p-xxs {
	padding: 5px;
}
.p-xs {
	padding: 10px;
}
.p-sm {
	padding: 15px;
}
.p-m {
	padding: 20px;
}
.p-md {
	padding: 25px;
}
.p-lg {
	padding: 30px;
}
.p-xl {
	padding: 40px;
}
.p-l-xs {
	padding-left: 10px;
}
.p-l-sm {
	padding-left: 15px;
}
.p-w-xs {
	padding: 0 10px;
}
.p-w-sm {
	padding: 0 15px;
}
.p-w-m {
	padding: 0 20px;
}
.p-w-md {
	padding: 0 25px;
}
.p-w-lg {
	padding: 0 30px;
}
.p-w-xl {
	padding: 0 40px;
}
.p-h-xs {
	padding: 10px 0;
}
.p-h-sm {
	padding: 15px 0;
}
.p-h-m {
	padding: 20px 0;
}
.p-h-md {
	padding: 25px 0;
}
.p-h-lg {
	padding: 30px 0;
}
.p-h-xl {
	padding: 40px 0;
}
.p-l-n {
	padding-left: -15px;
}
.p-sideway-20 {
	padding: 0px 20px;
}
.p-sideway-30 {
	padding: 0px 30px;
}
.p-l-0 {
	padding-left: 0px !important;
}
.p-l-sm {
	padding-left: 5px;
}
.p-l-md {
	padding-left: 10px;
}
.p-t-sm {
	padding-top: 5px;
}
.p-sm {
	padding: 10px;
}
.p-md {
	padding: 20px;
}
.p-lg {
	padding: 30px;
}
/* end */

/* covers */
#transparent-cover {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background-color: rgba(100, 100, 100, 0.8);
	z-index: 9999;
	display: table;
}
.cover-inside {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #e3e3e2;
	font-size: 30px;
	font-weight: normal !important;
}
.cover-inside label img {
	width: 20px;
}
/* end */

/* other */
div.easy-autocomplete.eac-square {
	width: 100% !important;
}
.hidden {
	display: none !important;
}
.asterisk::after {
	/*content: " *";*/
	color: #ef5350;
}
.media-body p {
	font-size: 13px;
}
.fixed-top {
	position: fixed !important;
}
#current-activity {
	font-size: 20px;
	font-weight: 100 !important;
	color: white;
}
.option-check {
	transition: 0.3s;
}
.option-check > i {
	color: white;
	display: none;
	position: absolute;
	left: -33px;
	top: 35%;
}
div.card-sign {
	position: relative;
}
div.card-sign-desc {
	position: absolute;
	top: 0px;
	right: 0;
	width: 7px;
	height: 7px;
	border-top-right-radius: 3px;
}
div.card-sign-enterprise {
	background-color: #007bff;
}
div.card-sign-admin-enterprise {
	background-color: #ff66ff;
}
div.card-sign-admin {
	background-color: black;
}

div.card-sign-rider {
	background-color: #dc3545;
}
div.card-sign-operator {
	background-color: #fd7e14;
}
div.card-sign-csr {
	background-color: #9acd32;
}
div.card-sign-admin-op {
	background-color: gray;
}
div.card-sign-rider-op {
	background-color: #17a2b8;
}

div.card-sign-admin-rr {
	background-color: yellow;
}

.card-option:hover .option-check > i {
	display: block !important;
}
.date-input-prepend {
	width: 40px;
	font-size: 10px;
}
.first-step {
	display: block;
}
.second-step {
	display: none;
}
.success-step {
	display: none;
}
.rounded {
	border-radius: 0.125rem !important;
}
/* end */

@media only screen and (max-width: 768px) {
	div#pageActive {
		padding: 0;
	}
	.padding-0_mobile {
		padding: 0;
	}
	.margin-5_mobile {
		margin-right: 18px;
	}
	.pl-0_mobile {
		padding-left: 0;
	}
}

span.underline {
	height: 3px;
	width: 80px;
	display: block;
	margin: 10px;
	border-radius: 1.5rem;
	background-color: green;
}

.trusted-container,
.what-container,
.how-container {
	padding-top: 5%;
	padding-bottom: 5%;
}

.what-container .card {
	background-color: #f4f4f4;
}

.what-container .card.middle {
	color: #fff !important;
	background-color: var(--green) !important;
}
.what-container .card.middle h4 {
	color: #fff !important;
}

.why-container-big {
	position: relative;
}

.why-container {
	background-color: var(--lightgreen);
}

.why-container-big img.left-img {
	top: 55%;
	left: 10%;
	z-index: 1;
	position: absolute;
	transform: translateY(-50%);
}

.why-container .why-icon {
	height: 25px;
}

.partner-with-us-container {
	margin-top: -5%;
	padding: 10% 0%;
	background-color: var(--gray);
}

.partner-with-us-container .card.middle {
	height: 100%;
	box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.125);
	background-size: 100% 5px;
	background: var(--green);
	color: #fff;
}

.devices-banner {
	position: absolute;
	width: 60%;
	bottom: 0px;
	right: 1%;
}

.leftside-banner {
	padding-left: 5%;
	top: 0;
	z-index: -1;
	background-image: url("../img/banner.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.trusted-container {
	padding-top: 2%;
}

.trusted-container .trusted-col {
	background-color: #fafafa;
}

.how-container {
	background-image: url("../img/how.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.why-circle {
	float: left;
	background: #c4e87a;
	border: 2px solid #c4e87a;
	border-radius: 50%;
	background-clip: padding-box;
	margin-right: 15px;
	width: 45px;
	height: 45px;
	line-height: 42px;
	text-align: center;
}

.why-image-wrapper {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.why-content {
	width: calc(100% - 60px);
	display: inline-block;
	text-align: left;
}

.steps-accordion__circle {
	float: left;
	border: 2px solid var(--lightgreen);
	border-radius: 50%;
	background-clip: padding-box;
	margin-right: 15px;
	width: 45px;
	height: 45px;
	line-height: 42px;
	text-align: center;
}

.steps-accordion__image-wrapper {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.steps-accordion__image-wrapper img {
	height: 200px;
}

.steps-accordion__content {
	width: calc(100% - 60px);
	display: inline-block;
	text-align: left;
}

.other-banner {
	background-color: var(--green);
}

.other-banner .clip-path {
	-webkit-clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 0 70%, 0 0);
	clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 0 70%, 0 0);
	background-image: url("../img/other-banner.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.mission-container {
	background-color: var(--lightgreen);
}

.mission-container .mission-img {
	height: 300px;
	object-fit: cover;
}

.payment-partner-container {
	background-color: var(--lightgreen);
	padding-top: 5%;
	padding-bottom: 20%;
}

.payment-partner-container .bborder {
	border: 5px solid #000;
	border-radius: 10px;
}

.payment-partner-container h5 {
	color: #fff;
	padding: 10px;
	top: 0px;
	left: 50%;
	border-radius: 10px;
	position: absolute;
	transform: translateX(-50%);
	background-color: var(--green);
}

.payment-img {
	height: 30px;
}

.paypanda-video {
	padding-bottom: 5%;
}

._4x6d::after {
	background-color: none !important;
}

nav.nav-desktop {
	top: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 100%;
	height: 100px;
	color: #263238 !important;
	position: fixed;
	transition: all 400ms ease-out;
}

nav.nav-desktop.scroll {
	background-color: white !important;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.nav-mobile {
	position: fixed;
	height: 100vh;
	top: 0;
	left: -270px;
	min-width: 270px;
	max-width: 300px;
	display: block;
	background-color: white;
	color: white;
	padding: 100px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.nav-mobile .nav-menu .nav-item {
	margin-right: 0 !important;
	border-radius: 0;
	text-transform: uppercase;
	padding: 5px 0;
}

.active-menu {
	background: var(--green) !important;
}

.active-menu .nav-link {
	color: white;
}

#menu-toggle:hover .fa-bars {
	transition: color 200ms ease-out;
	color: #86bc42;
}

i .icons {
	float: left;
	margin-left: -18px;
	margin-top: 10px;
}

/* rhan - paypanda website */
div.nav-footer {
	background-color: white;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#newsletter-email {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
		0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

div.main-footer {
	background-color: #3a3838;
	padding: 20px 0 15px;
	line-height: 0;
	color: #828282;
}

.page-title {
	text-shadow: 1px 1px #dadada;
}

footer.app-footer {
	background-color: #3a3838;
	color: white;
	width: 100%;
	height: 42px;
	position: absolute;
	line-height: 42px;
	bottom: 0;
	color: #999;
}

div.main-footer div a {
	color: #999;
}

.fold {
	min-width: 100px;
	display: block;
	padding: 50px 0;
}

#newsletter-btn {
	margin: 0 !important;
}

.section-title {
	font-weight: 600;
}

/* About Page */
.cards-holder {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
}

.card-about {
	max-width: 320px;
	margin: 20px;
	border-radius: 0.5rem !important;
}

.fold-title {
	/*font-weight: bold !important;*/
	text-align: center;
}

.fold-title::after {
	display: block;
	content: "";
	background-color: green;
	width: 80px;
	height: 3px;
	border-radius: 1.5rem;
	margin: 20px auto 0;
}

.card-title {
	font-weight: bold !important;
}

.d-flex {
	justify-content: center;
}

/* Merchant Page */
.fold-merchant-1,
.fold-merchant-2,
.fold-merchant-3 {
	display: block;
	position: relative;
}

.merchant-desc-holder {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.merchant-desc-holder-reverse {
	flex-direction: row-reverse !important;
}

.bg-dotted,
.bg-dotted-reverse {
	background-color: white;
	background-image: url("../../img/bg-dotted.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bg-dotted > img {
	position: absolute;
	top: 8%;
	left: -9%;
	width: 70%;
	z-index: 5;
}

.bg-dotted-reverse > img {
	position: absolute;
	top: 8%;
	left: 38%;
	width: 70%;
	z-index: 5;
}

.bg-banner {
	background-color: #143421;
	background-image: url(../../img/payment-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bg-darkgreen {
	background-color: #143421;
}

/* Misc */
.fold hr {
	margin: 30px 0;
}

.on-md-only {
	display: block;
}

.on-sm-only {
	display: none;
}

input.form-control,
select.form-control,
textarea.form-control {
	border: 1px solid gainsboro;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 321px) {
	.why-container {
		height: 100vh;
	}

	.other-banner .clip-path > div {
		padding: 5% 0% 50%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
	.why-container {
		height: 65vh;
	}
}

@media only screen and (min-width: 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	.devices-banner {
		position: absolute;
		width: 65%;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%);
	}

	.partner-with-us-container .card {
		padding: 3% 20%;
	}

	.other-banner .clip-path > div {
		padding: 5% 0% 20%;
	}

	div#pageActive {
		padding: 0;
	}

	.padding-0_mobile {
		padding: 0;
	}

	.margin-5_mobile {
		margin-right: 18px;
	}

	.pl-0_mobile {
		padding-left: 0;
	}

	.cards-holder,
	.merchant-desc-holder {
		flex-wrap: wrap;
		align-items: center;
	}

	.merchant-desc-holder .flex-fill {
		text-align: center;
	}

	.merchant-desc-holder-reverse {
		flex-direction: column !important;
	}

	.on-md-only {
		display: none !important;
	}

	.on-sm-only {
		display: block !important;
	}

	.dropdown-menu-mobile {
		width: 95% !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	.devices-banner {
		position: absolute;
		width: 65%;
		bottom: 0px;
		left: 63%;
		transform: translate(-50%);
	}
	.rightside-banner {
		background-color: var(--green);
	}

	.why-container {
		height: 45vh;
	}

	.mission-content {
		padding: 0 10rem;
	}

	.payment-partner-container {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 83%, 0% 100%);
	}

	.testament-container {
		margin-top: -5%;
	}

	.partner-with-us-container {
		-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1024px) {
	.leftside-banner {
		height: 50vh;
	}
}

@media only screen and (min-width: 1200px) {
	.leftside-banner {
		height: 100vh;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding-right: 25%;
	}

	.devices-banner {
		position: absolute;
		width: 60%;
		bottom: 0px;
		right: 2%;
		left: 68%;
	}

	.why-container {
		height: 85vh;
	}

	.other-banner .clip-path > div {
		padding: 5% 0% 10%;
	}

	.other-banner p.content {
		padding: 0 10rem;
	}

	.why-container {
		-webkit-clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
		clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
	}

	/*.nav-desktop .nav-item {
      flex: 1;
  }*/
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {
	nav.nav-desktop {
		background-color: #fff;
	}

	main.admin > div:first-of-type {
		/* margin-top: 100px; */
		transition: all 400ms ease-out;
	}

	.leftside-banner h1 {
		padding-top: 13%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
	.nav-desktop .nav-menu {
		display: none !important;
	}

	.fold-left,
	.fold-right {
		position: relative;
		width: 100%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	.devices-banner {
		position: absolute;
		width: 90%;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%);
	}

	.partner-with-us-container .card {
		padding: 20% 3%;
	}
}

main:before {
	clear: both;
	content: "";
	display: table;
	margin-top: -1px;
	height: 0;
}

label {
	color: #555;
}

td {
	color: #000;
}
.no-margin {
	margin: 0px;
}
.form_logo_preview {
	height: 130px;
	width: auto !important;
}
a:hover {
	text-decoration: none;
}

.btn-secondary {
	color: #000;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #a8c947;
}

.text-red {
	color: red;
}

.secondary-color {
	color: #a8c947;
}

.form-control:focus {
	color: #55595c;
	background-color: #f7f7f9;
	border-color: #a8c947;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(171, 205, 72, 0.75);
	box-shadow: 0 0 0 0.2rem rgba(171, 205, 72, 0.75);
}

.btn-group .home-link {
	padding: 10px 20px;
}

.btn-group #btnGroupDrop1 {
	padding: 10px 20px;
}

.container {
	height: 100%;
	/*padding-top: 100px;*/
	position: relative;
}

.content-container {
	position: relative;
}

.login-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 20%);
	padding-top: 40px;
}

/*.title {
margin-bottom: 40px;
}*/

.logo-container {
	width: 60%;
	margin: 0 auto;
	padding-top: 20px;
}

.m-auto {
	margin: auto !important;
}
.w-auto {
	width: auto !important;
}
.register-link {
	margin-top: 20px;
}

.register-link a {
	color: #000;
	font-weight: bold;
}

.register-link a:hover,
.highlight_green:hover {
	color: #a8c947;
}

.page-container {
	background-color: rgba(255, 255, 255, 0.6);
	padding-top: 50px;
	padding-bottom: 50px;
	/*box-shadow: 0 3px 20px #666;*/
	margin-bottom: 50px;
	border: 10px solid #f9fafb;
}

.page-container.home {
	padding-top: 90px;
	margin-top: 100px;
}

.page-container.login {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #f1f1f1;
}

.page-container.success {
	font-size: 20px;
}

.page-container.success h3 {
	font-size: 1.5em;
}

.page-container.success h6 {
	font-size: 0.7em;
}

.input-group-prepend select.input-group-text:focus {
	background-color: #eceeef;
}

.payment-method .method-container {
	padding: 10px 20px;
}

.method {
	background-color: #ffffff;
	/*height: 50px;*/
}

.logo {
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 100px;
	transition: 0.3s;
	border: 2px solid #f9fafb;
}

.content {
	padding-left: 15px;
	padding-right: 15px;
}

.content-container.left {
	margin-bottom: 50px;
}

.content-container.right {
	border-left: 2px solid #f7f7f9;
}

@media only screen and (max-width: 600px) {
	.content-container.right {
		border-left: 0px solid #999;
	}
}

.custom-control-label::before,
.custom-control-label::after {
	top: 50%;
	transform: translateY(-50%);
}

.payment-img {
	height: 50px;
}

.btn-input {
	cursor: pointer;
	padding: 0;
	border: none;
}

.conditions {
	/*background-color: #f7f7f9;*/
	padding: 20px;
	margin-bottom: 20px;
}

.conditions .form-group {
	margin-bottom: 0;
}

.checkout-container {
	width: 100%;
	height: 100%;
	background-color: #f7f7f9;
}

.corporate .logo:hover {
	background-color: rgba(255, 255, 255, 1);
}

.corporate .title {
	margin-bottom: 0;
}

.corporate .method-container {
	padding: 0 20px;
	transition: 0.5s;
	cursor: pointer;
}

.corporate .method {
	position: relative;
	padding: 150px 20px 20px 20px;
	margin-top: 80px;
	border: 2px solid #f7f7f9;
}

.corporate .payment-method .method:hover {
	/*background-color: #a8c947;*/
	border: 2px solid #a8c947;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(171, 205, 72, 0.75);
	box-shadow: 0 0 0 0.2rem rgba(171, 205, 72, 0.75);
}

.corporate .img-container {
	width: 85%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -30%);
}

.corporate .online-banking .img-container {
	width: 100%;
}

.corporate .img-container img {
	/*box-shadow: 0 10px 15px gray;*/
	border-radius: 15px;
}

.corporate .type-container img {
	height: 30px;
}

#payment-confirm {
	display: none;
}

.confirm-container {
	margin-top: 25px;
	margin-top: 0px;
}

@media only screen and (min-width: 992px) {
	.left-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.confirm-container .table {
		margin-top: 80px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 991px) {
	h5.title {
		text-align: center;
	}
}

@media only screen and (min-width: 768px) {
	.logo {
		width: 400px !important;
	}
}

@media only screen and (min-width: 320px) {
	.logo {
		width: 200px;
	}
}

@media only screen and (max-width: 500px) {
	.form-control.currency {
		width: 70px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.home .method .type-container img {
		margin-top: 10px;
		height: 26px;
	}
}

@media only screen and (max-width: 374px) {
	.page-container h3.title {
		font-size: 17px;
	}

	#changeMethod {
		font-size: 10px;
	}

	table.table th,
	table.table td {
		font-size: 10px;
	}
}

#i_merchant_name {
	font-weight: 800;
	color: black;
}

table.dataTable tbody td {
	vertical-align: middle;
}

/*#region access control custom*/
.custom-text-sa {
	color: #008000;
}

.custom-text-admin {
	color: black;
}
.custom-text-enterprise {
	color: #007bff;
}
.custom-text-ae {
	color: #ff66ff;
}
.custom-text-operator {
	color: #fd7e14;
}
.custom-text-rider {
	color: #dc3545;
}
.custom-text-csr {
	color: #9acd32;
}
.custom-text-ao {
	color: gray;
}
.custom-text-all {
	color: skyblue;
}
.custom-text-ro {
	color: #17a2b8;
}
.custom-text-arr {
	color: yellow;
}

.ac-controls {
	color: white !important;
	text-decoration: none !important;
}
.ac-controls > i {
	color: white;
}
.ac-reset-btn {
	background: transparent;
	border: none;
	color: #666;
}
.ac-reset-btn:hover {
	background: transparent;
	border: none;
	color: #efb941;
}

/*#endregion*/