:root {
	--green: #111;
	--lightgreen: #eaf6d2;
	/*--lightgreen: #e0f0c0;*/
	--darkgreen: #008000;
	--gray: #fafafa;

	/* merchant qr colors */
	--qr-gray: #F7F6F5;
	--qr-orange: #F5841F;
	--qr-light-orange: #FFE2C9;
	--qr-yellow: #FDBA1C;
	--qr-light-yellow: #FFEFC9;
	--qr-blue: #1F75F5;
	--qr-success: #198754;
	--qr-gray-border: #D1D0CB;
	--qr-on-process: #62D0FF;

	/* merchant dashboard cards */
	--qr-card-pink: #F04770;
	--qr-icon-bg-pink: #C53759;

	--qr-card-green: #2FC659;
	--qr-icon-bg-green: #16983A;

	--qr-card-orange: #FFAF66;
	--qr-icon-bg-orange: #EB801D;

	--qr-card-violet: #98A2FF;
	--qr-icon-bg-violet: #616DD2;
}
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 {
	width: 270px !important;
	position: fixed !important;
	top: 5px !important;
	left: 5px !important;
	bottom: 5px !important;
	overflow-x: hidden !important;
	transition: 0.5s !important;
	padding-top: 60px !important;
	padding: 1em;
}

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

nav.side-navbar .sidebar-header{
	padding: 0 !important;
	padding-left: 1.8rem !important;
}


nav.side-navbar
{
	background: #F6841F !important;
	border-radius: 30px !important;
	color:#fff !important;
}
nav.side-navbar ul li :hover{
	background: #D16200 !important;
	border-radius: 100px !important;
	color:#fff !important;
}

nav.side-navbar ul li a
{
	padding: 1rem !important;
	margin-bottom: 1rem !important;
	background-color: transparent !important;
}

nav.side-navbar ul li a i
{
	color:#fff !important;
}
#sideNav.sidebar-toggle div.sidebar-header{
	padding-left: 1.4rem !important;
}
#sideNav.sidebar-toggle ul li :hover{
	background: #D16200 !important;
	border-radius: 100px !important;
}
#sideNav.sidebar-toggle ul li > a > i :hover{
	color: #fff !important;
}
#sideNav.sidebar-toggle a#menu-toggle {
	margin-left: 0px !important;
}
#sideNav.sidebar-toggle div > span.nav-logo-v2 {
	display: none !important;
}

nav.side-navbar ul li a i
{
	margin: 0.4rem !important;
}
nav.side-navbar ul li.active a
{
	background: #D16200 !important;
	border-radius: 100px !important;
}
#sideNav.sidebar-toggle{
	min-width: 0;
	width:6.6rem !important;
}
#sideNav.sidebar-toggle ul li a i{
	margin: 0 !important;
	margin: 0.1rem 0.25rem 0.25rem 0.25rem !important;
	font-size: 18px !important;
}
#sideNav.sidebar-toggle a#menu-toggle i{
	margin: 0 !important;
	margin: 0.1rem 0.25rem 0.25rem 0.25rem !important;
	font-size: 18px !important;
}

nav.sidebar-toggle > ul.pageNavigation > li > a.list-group-item > span{
	display: none !important;
}

#sideNav.sidebar-toggle > .fullname-container---{
	display: none !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;
	min-width: 1200px !important;
}
#main.sidebar-toggle {
	margin-left: 6.6rem !important;
}

/*#endregion*/

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

@media screen and (max-width: 1470px) {
	
	#sideNav div.sidebar-header{
		padding-left: 1.4rem !important;
	}
	#sideNav ul li :hover{
		background: #D16200 !important;
		border-radius: 100px !important;
	}
	#sideNav ul li > a > i :hover{
		color: #fff !important;
	}
	#sideNav a#menu-toggle {
		margin-left: 0px !important;
	}

	#sideNav ul li a i{
		margin: 0 !important;
		margin: 0.1rem 0.25rem 0.25rem 0.25rem !important;
		font-size: 18px !important;
	}
	#sideNav a#menu-toggle i{
		margin: 0 !important;
		margin: 0.1rem 0.25rem 0.25rem 0.25rem !important;
		font-size: 18px !important;
	}

	main.admin {
		transition: margin-left 0.5s;
		margin-left: 0 !important;
		margin-left: 90px !important;
		min-width: 800px !important;
	}
	.content-container.right {
		border-left: none!important;
	}
}

@media screen and (max-width: 1470px) {
	#sideNav div > span.nav-logo-v2 {
		display: none !important;
	}
	#sideNav{
		min-width: 0;
		width: 7rem !important;
	}
	nav.side-navbar > ul.pageNavigation > li > a.list-group-item > span{
		display: none !important;
	}

	#sideNav > .fullname-container--- {
		display: none !important;
	}	
}

@media screen and (max-width: 1023px) {
	#sideNav div > span.nav-logo-v2 {
		display: none !important;
	}
	#sideNav{
		min-width: 0;
		width: 7rem !important;
	}
	nav.side-navbar > ul.pageNavigation > li > a.list-group-item > span{
		display: none !important;
	}

	#sideNav > .fullname-container--- {
		display: none !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;
}

div.card-sign-admin-csr {
	background-color: #ff0000;
}

.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 {
		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%, 25%);
	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: 10px;
	padding-bottom: 10px;
	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*/

.btn-code-blue,
.btn-code-blue.dropdown-toggle {
	background-color: var(--blue) !important;
	border-color: transparent !important;
	text-transform: uppercase;
	color: white;
}
.btn-code-blue:hover,
.btn-code-blue.dropdown-toggle:focus,
.btn-code-blue.dropdown-toggle:hover {
	background-color: #a8c947 !important;
	border-color: #a8c947 !important;
}
.btn-code-blue > span {
	color: #fff;
}

.btn-code-red,
.btn-code-red.dropdown-toggle {
	background-color: var(--red) !important;
	border-color: transparent !important;
	text-transform: uppercase;
	color: white;
}
.btn-code-red:hover,
.btn-code-red.dropdown-toggle:focus,
.btn-code-red.dropdown-toggle:hover {
	background-color: #a8c947 !important;
	border-color: #a8c947 !important;
}
.btn-code-red > span {
	color: #fff;
}

/*Version 2*/
.btn-primary-v2 {
	color: #ffffff;
	background-color: #f5841f;
	font-size: 19px;
	border: 1px solid #f5841f;
	border-radius: 25px;
	padding: 15px 50px;
	cursor: pointer;
	text-transform: capitalize;
}
.btn-primary-v2:hover {
	color: #ffffff;
	border: 1px solid #D16200;
	background: #D16200 !important;
}

.btn-secondary-v2 {
	color: #D16200;
	background-color: transparent;
	font-size: 19px;
	border: 1px solid #f5841f;
	border-radius: 25px;
	padding: 15px 50px;
	cursor: pointer;
	text-transform: capitalize;
}

.btn-white-v2 {
	color: #f5841f;
	background-color: #ffffff;
	font-size: 19px;
	border: 1px solid #f5841f;
	border-radius: 25px;
	padding: 15px 50px;
	cursor: pointer;
	text-transform: capitalize;
}

.btn-secondary-v2:hover {
	color: #D16200;
	border: 1px solid #D16200;
	background: #ebdacc !important;
}

.btn-white-v2:hover {
	color: #ffffff;
	border: 1px solid #D16200;
	background: #D16200 !important;
}

.btn-link-primary-v2{
	width: 141px;
	height: 22px;
	left: 1361px;
	top: 622px;
	font-size: 14px;
	line-height: 22px;
	text-decoration-line: underline;
	color: #F5841F;
}

.text-primary-v2{
	color: #F5841F !important;
}
.text-size-50-v2{
	font-size: 12px !important;
}
.text-size-75-v2{
	font-size: 16px !important;
}
.text-size-100-v2{
	font-size: 20px !important;
}
.text-size-25-v2{
	font-size: 10px !important;
}


.input-field-primary-v2
{
	background: #FFFFFF !important;
	border-radius: 100px !important;
}


.input-field-primary-rad12-v2
{
	background: #F7F6F5 !important;
	border-radius: 12px !important;
}

.label-primary-v2
{
	position: static;
	left: 0px;
	top: 0px;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #333333;
	flex: none;
	order: 0;
	flex-grow: 0;
	margin: 6px 0px;
}

.login-modal-v2
{
	background-color: #FFFFFF !important;
	opacity: 0.8;
	border-radius: 15px;
}

body{
	background: linear-gradient(233.19deg, #FFDBBA 18.41%, #FFA95C 82.84%) !important; 
}

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


.admin-body-v2
{
	background: #ffffff !important;
}

.admin-main-v2{
	margin-top:0 !important;
}

.main-bg
{
	background: transparent !important;
}

.breadcrumb-container-v2
{
	background: #F6841F !important;
	border-radius: 15px;
	padding:0.5rem !important;
}
.breadcrumb-container-v2 ol li > i 
{
	color:#fff;
}
.menu-container-v2
{
	width: 100%;
}

.menu-box {
	box-shadow: 0 0 2px rgba(0,0,0,.125),0 2px 4px rgba(0,0,0,.2);
	border-radius: 25px;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1rem;
	min-height: 70px;
	padding: .3rem;
	color:#666;
	width: 100%;
	padding-left: 0.8rem;
	padding-top: 0.5rem;
}
.menu-box .menu-box-icon {
	border-radius: .25rem;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.875rem;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	
}

.menu-box-icon img {
	height: 25px;
}

.menu-box-icon-wide img {
	width: 25px !important;
	height: auto !important;
}

.menu-box .menu-box-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.2;
	-ms-flex: 1;
	flex: 1;
	padding: 0 10px;
	overflow: hidden;
}

.menu-box-text
{
	color:#333333;
}
.menu-box-number
{
	color:#5F5F5F;
}

.input-group .input-search-icon {
    position: absolute;
    z-index: 4;
    display: block;
    width: 3.5rem;
    line-height: 2.7rem;
    text-align: center;
    pointer-events: none;
	color: #F5841F;
}
.input-group .search-clear-icon {
    position: absolute;
    z-index: 3;
    display: block;
    width: 3.5rem;
    line-height: 2.7rem;
    text-align: center;
	color: #F5841F;
	right: 7.2em;
	cursor: pointer !important;
}
.custom-search-bar button {
	border-top-left-radius: 25px !important;
	border-bottom-left-radius: 25px !important;
}
input.input-search {
	background: #F7F6F5 !important;
	border-radius: 100px !important;
	padding: 0 !important;
	padding-left: 2.5rem !important;
	padding-right: 1.9rem !important;
}

.input-group .dropdown-toggle
{
	background: #F5841F !important;
	color: #ffffff !important;
}

div.custom-daterange-calender > input
{
	
	border: 1px solid gainsboro;
	border-right: none;
	border-top-left-radius: 100px !important;
	border-bottom-left-radius: 100px !important;
	padding: 5px !important;
	padding-left: 1.5rem !important;
	font-size: 12px;
}

div.custom-daterange-calender  span.input-group-text
{
	background: #F7F6F5 !important;
	border: 1px solid gainsboro !important;
	border-left: none !important;
	color:#F5841F !important;
	border-top-right-radius: 100px !important;
	border-bottom-right-radius: 100px !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #F5841F !important;
	border-color: transparent;
	color: #fff;
  }

  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background-color: #fff !important;
	border-color: transparent !important;
	color: #999 !important;
  }

.btn-v2 {
	box-shadow:none !important;
	font-size: 10px !important;
	padding: 0 2rem 0 2rem !important;
}
.input-control-v2
{
	padding: 0 !important;
	margin: 0 !important;
	line-height:35px !important;
}
.button-control-v2
{
	margin: 0 !important;
	line-height:35px !important;
}
.modal-button-v2
{
	padding: 0.75rem !important;
	margin:5px !important;
}
.dropdown-item-v2
{
	border: 1px #F5841F solid;
	padding:1rem !important;
	border-radius: 5px !important;
	font-size: 11px !important;
}

.export_menu-v2
{
	border:none;
	padding: 0 !important;
}

.icon-neon-yellow
{
	background: #FCB81A !important;
}

.icon-neon-green
{
	background: #C6DF98 !important;
}

.icon-green
{
	background: #39806A !important;
}

.icon-neon-blue
{
	background: #98D2DF !important;
}

.icon-neon-pink
{
	background: #FF62DC !important;
}

.icon-yellow 
{
	background: #EDD928 !important;
}

.icon-blue
{
	background: #023D95 !important;
}

.icon-purple
{
	background: #7862FF !important;
}

.icon-light-purple
{
	background: #97A1FF !important;
}

.icon-dark-purple
{
	background: #8B00BC !important;
}

.icon-light-blue
{
	background: #28A6ED !important;
}

.icon-dark-pink
{
	background: #FF4689 !important;
}

.icon-light-red
{
	background: #D16A6A !important;
}

.icon-pink 
{
	background: #FF7870 !important;
}

.icon-neon-orange
{
	background: #FF8126 !important;
}

.custom-form-modal .modal-header {
	background: var(--qr-orange)!important;
}

.custom-form-modal .modal-content {
	border-radius: 8px!important;
	border: 1px solid var(--qr-orange)!important;
	overflow: hidden!important;
}

.custom-form-modal .modal-footer {
	border-bottom-left-radius: 8px!important;
	border-bottom-right-radius: 8px!important;
	border-bottom: 1px solid var(--qr-orange)!important;
}
.btn-qr {
	border-radius: 50px !important;
	box-shadow: unset;
	text-transform: unset !important;
	font-size: 11px !important;
	font-weight: bold;
}

.btn-qr-cancel {
	background: none !important;
	border: 1px solid var(--qr-orange);
	color: var(--qr-orange);
}

.btn-qr-save {
	background: var(--qr-orange) !important;
	border: 1px solid var(--qr-orange);
	color: white;
}
input.qr-inputs {
	border: none !important;
	border-radius: 5px !important;
	background: var(--qr-gray);
}
.qr-btn {
	background-color: var(--qr-orange) !important;
	border-radius: 50px !important;
	text-transform: none !important;
	font-size: 11px !important;
}
.form-labels {
	font-weight: bold;
}

a.qr-link {
	color: var(--qr-orange) !important;
	font-size: .9rem !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

/* modal title */
.qr-modal-title {
	font-size: 16px !important;
	font-weight: bold !important;
	color: var(--qr-yellow) !important;
}

.cp-modal-title.qr-orange {
	color: var(--qr-orange) !important;
}

.cp-modal-title.qr-yellow {
	color: var(--qr-yellow) !important;
}

/* cp-modals */
.cp-modal--close {
	border-radius: 50px !important;
	background: var(--qr-orange) !important;
	width: 85% !important;
}
.cp-modal-dialog{
	margin-top:11rem !important;
}
.cp-modal-content{
	border: 2px #F5841F solid !important;
	padding: 4rem 0 4rem 0 !important;
}
.cp-modal-content img{
	width:120px !important;
}

.cp-modal-body{
	font-weight: bold !important;
}

.cp-modal-footer div.btn {
	max-width:270px!important;
}
.modal-content{
	border: 2px #F5841F solid !important;
}
.modal-footer button {
	padding: 1rem !important;
	font-weight: bold !important;
	font-family: Arial !important;
}

.btn-filter{
	margin-left:15px !important;
	border: 1px solid gainsboro;
	background: #F7F6F5 !important;
	border-radius: 100px;
	padding: 1rem !important;
	min-width: 120px!important;
	color:#7D7D7D;
	font-weight: bold !important;
}
.btn-filter i{
	color:#F5841F !important;
}

/* custom daterangepicker styles */

.drp-buttons .cancelBtn{
	border-radius: 50px!important;
	border: 1px solid var(--qr-orange)!important;
	color: var(--qr-orange)!important;
	background: none!important;
	box-shadow: unset!important;
}

.drp-buttons .applyBtn{
	border-radius: 50px!important;
	border: 1px solid var(--qr-orange)!important;
	color: white!important;
	background: var(--qr-orange)!important;
	box-shadow: unset!important;
}

.daterangepicker {
	border: 1px solid var(--qr-orange)!important;
	background: #F7F6F5!important;
	padding: 10px!important;
}

.daterangepicker .calendar-table {
	background: #F7F6F5!important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
	background: #F7F6F5!important;
}

.daterangepicker .drp-calendar.left .calendar-table, .daterangepicker .drp-calendar.right .calendar-table {
	border: none!important;
}

.daterangepicker th.month {
	font-weight: 700!important;
	font-size: 14px!important;
}

.daterangepicker td.in-range {
	background: var(--qr-light-orange)!important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background: var(--qr-orange)!important;
	border-radius: 50px!important;
}

/* custom daterangepicker styles */

div.uploaded_image
{
	color:#f5841f;
}
div.uploaded_image[disabled] > a.upload_image_btn
{
	color:#D1D0CB !important;
}

div.uploaded_image img
{
	margin-top: 0.5rem;	

}
a.upload_image_btn
{
	position: absolute !important;
	left: 100px !important;
	color: #F5841F !important;
}
.qr-hyperlink {
	color: var(--qr-orange)!important;
	text-decoration: underline!important;
	font-size: .9rem!important;
}
.qr-text-success {
	color: var(--qr-success)!important;
}
.qr-text-on-process {
	color: var(--qr-on-process)!important;
}
.qr-text-primary {
	color: var(--qr-orange)!important;
}

.forgot-password-container {
	transform: translate(-50%, 35%);
}

.forgot-password-container .fp-title {
	font-size: 14px!important;
	color: #000;
}

.forgot-password-container .fp-message {
	color: #000;
}

.forgot-password-container #email {
	background: #fff!important;
	border-radius: 5px!important;
	padding: 10px 15px!important;
}

.forgot-password-container #btn-send-instructions {
	border-radius: 50px!important;
	background: var(--qr-orange)!important;
	color: white!important;
	font-weight: bold!important;
	width: 200px!important;
	margin: 0px auto!important;
	text-transform: none!important;
}

.forgot-password-container .fp-merchant, .label-merchant {
	background: #FFEFC9!important;
	color: #000!important;
	text-align: center!important;
	padding: 10px 15px!important;
	font-weight: bold!important;
	font-size: 16px!important;
}

.login-container .input-field-primary-v2 {
	background: #FFFFFF !important;
	border-radius: 5px !important;
	padding: 10px 15px !important;
}

/* date filter */
#filter_daterange {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	padding: 10px 20px !important;
}

.custom-daterange-calender .input-group-text {
	border: none !important;
}


/*qr filter*/
.btn-qr-filter {
	background-color: var(--qr-gray) !important;
	color: #ABABAB!important;
	border: 1px solid gainsboro!important;
}

.btn-qr-filter .fa {
	color: var(--qr-orange)!important;
}

.btn-qr-filter:hover, .btn-qr-filter:focus {
	box-shadow: unset!important;
}

.qr-dropdown-menu {
	border-radius: 10px!important;
	border: 1px solid var(--qr-orange)!important;
	width: 430px!important;
	background: var(--qr-gray)!important;
	position: absolute;
	z-index: 1000;
}

.qr-dropdown-title {
	padding: 15px 20px!important;
}

#qr-dropdown-container span.select2-selection.select2-selection--single {
	padding-left: 15px !important;
	background-color: white !important;
	border: 1px solid #E5E5E5!important;
	border-radius: 50px!important;
}

#qr-dropdown-container .select2 {
	width: 100%!important;
}

#qr-dropdown-container .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: block!important;
	margin-right: 5px!important;
	color: var(--qr-orange)!important;
}

#qr-dropdown-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--qr-orange) transparent transparent transparent!important;
}

#qr-dropdown-container .select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 5px!important;
}

.btn-qr-filter
{
	margin: 0 !important;
	min-height: 36.6px !important;
}

.fullname-container---{
	font-size: 13px;
	padding: 2em 0 .5em 2em;
	border-color: transparent;
}

.tables {
	max-width:1220px !important;
}

.tables-auto-width
{
	max-width:none !important;
}

.form-control:focus {
    border-color: var(--qr-orange)!important;
    box-shadow: 0 0 0 0.2rem rgb(245 132 31 / 75%)!important;
}