/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****** Main ********/
body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	color: #112233;
	background-color: #f1f2f7;
}

h1 {
	font-size: 7em;
	padding: 1.4em 0 0 0;
}

h2 {
	font-size: 6em;
	padding: 0.5em 0 0.5em 0;
}

h3 {
	font-size: 2.3em;
}

dt {
	font-size: 2.3em;
}

dd {
	font-size: 1.9em;
	padding: 0.6em 0 0.9em 0;
}

p {
	font-size: 1.9em;
	padding: 0.4em 0 0.4em 0;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

.qr-code .b {
	background: white;
}

.qr-code .w {
	background: transparent;
}

.qr-code tr {
	height: 4px;
}

.qr-code td {
	border-top-width: 0;
	width: 4px;
	height: 4px
}

.me {
	position: absolute;
	left: 40px;
	bottom: 25px;
}

.coffee {
	float: left;
	padding: 0 0 0 0.6em;
}

.coffee-hover {
	display: none;
	box-shadow: 0 10px 30px 6px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 40px;
	bottom: 33px;
	text-align: left;
	background: #65c2cf;
	background: hsl(184, 65%, 49%);
	padding: 10px;
	font-size: 1.2em;
}

.coffee:focus>.coffee-hover, .coffee:hover>.coffee-hover {
	display: block;
}

.coffee-hover p.lead {
	font-size: 1.3em;
	margin-bottom: 10px;
}

.coffee-hover p {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 1em;
}

.bit-address {
	font-size: 0.6em;
}

a.back:link, a.back:visited {
	font-size: 1.3em;
	line-height: 4em;
	position: absolute;
	left: 40px;
	bottom: 25px;
}

a.twitter:link, a.twitter:visited {
	font-size: 1.3em;
	line-height: 1em;
	display: block;
}

a.back:link, a.back:visited {
	bottom: auto;
	top: 0px;
}

a.twitter img {
	border-radius: 50%;
	float: left;
	border: 1px solid #bbb;
	padding: 0.1em;
	background: #FFF;
}

a.twitter span {
	padding: 0.4em 0 0 0.6em;
	float: left;
}

header {
	padding-bottom: 5em;
}

.scroll {
	position: relative;
	font-size: 1.3em;
	margin-top: 20px;
	display: inline-block;
	height: 100px;
}

.scroll:hover {
	text-decoration: none;
}

.scroll:after {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	margin: auto;
	top: 10px;
	right: 0;
	left: 0;
	-webkit-animation: 3s arrow infinite ease;
	animation: 3s arrow infinite ease;
}

.scroll:after {
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tagline {
	font-size: 2.3em;
	letter-spacing: 0.02em;
	padding: 0;
}

.page-footer, .page-header {
	background: black;
	height: 90px;
	padding: 0;
}

.panel {
	position: relative;
	border-bottom: none;
	/*overflow-x: hidden;*/
	margin-bottom: 0px;
}

.home {
	background: #65c2cf;
	background: hsl(184, 65%, 49%);
	text-align: center;
}

.examples, .overview {
	/* background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%); */
	background: url(../images/slider1.jpg);
	background-size: cover;
}

.configuration {
	background: url(../images/platform.jpg);
	background-size: cover;
}

.options {
	background: url(../images/benefits.jpg);
	background-size: cover;
}

.methods {
	background: url(../images/product.jpg);
	background-size: cover;
	/* background:#64a0d4; */
	/* background:hsl(200,60%,55%); */
}

.options .inner, .methods-continued .inner, .methods .inner {
	padding-bottom: 45px;
}

.methods-continued {
	background: #9b59b6;
}

.inner {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 100px 0px 0px 0px;
}

pre {
	background: rgba(0, 0, 0, 0.2);
	padding: 1.5em 0 1.5em 0;
	font-size: 2.1em;
	margin-top: 0.7em;
	margin-bottom: 1.6em;
	overflow-x: auto;
}

pre.single {
	padding: 0.7em 0.5em 0 0.5em;
	font-size: 2.1em;
	margin-top: 0.8em;
	margin-bottom: 0.3em;
	/*display:inline-block;*/
	max-width: 80%;
}

@
-webkit-keyframes arrow { 0%,100% {
	top: 10px;
}

50%
{
top










:










30
px








;
}
}
@
keyframes arrow { 0%,100% {
	top: 10px;
}

50%
{
top










:










30
px








;
}
}
.social-corner {
	position: absolute;
	top: 18px;
	right: 40px;
}

.social-corner iframe:first-child {
	margin-right: 3px;
}

.supported-by {
	position: absolute;
	right: 40px;
	bottom: 25px;
}

.supported-by a, .supported-by span {
	display: block;
	text-align: left;
}

.supported-by span {
	padding: 0 0 5px 3px;
}

.ads-container {
	min-height: 130px;
	padding: 20px 0;
}

#carbonads {
	width: 330px;
	margin: 0px auto;
	font-size: 1.3em;
	line-height: 1.4;
	border: 1px solid rgba(255, 255, 255, 0.3);
	overflow: hidden;
	border-radius: 8px;
	padding: 10px 0 10px 10px;
}

#carbonads a {
	float: left;
	text-align: left;
}

#carbonads .carbon-text {
	width: 180px;
}

#carbonads .carbon-poweredby {
	margin-top: 7px;
}

#carbonads .carbon-text, #carbonads .carbon-poweredby {
	padding: 0 9px;
}

@media ( max-width :960px) {
	.inner {
		width: 100%;
	}
	.examples ul {
		width: 90%;
		margin: 10px auto;
	}
	h1, h2, h3, p, pre, dl {
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media ( max-width :600px) {
	.home .inner {
		padding-bottom: 140px;
	}
}

@media ( max-width :450px) {
	.coffee-hover {
		left: 0;
	}
	h1 {
		font-size: 5em;
	}
	h2 {
		font-size: 4em;
	}
	.tagline {
		font-size: 1.9em;
	}
	p {
		font-size: 1.7em;
	}
	.supported-by {
		left: 0;
		right: 0;
		margin: auto;
		width: 135px;
	}
	.me {
		left: 0;
		right: 0;
		bottom: 93px;
		width: 190px;
		margin: auto;
	}
}

@media ( max-width :360px) {
	a.back:link, a.back:visited {
		left: 30px;
	}
	.social-corner {
		right: 30px;
	}
	.ads-container {
		min-height: 200px;
		padding-bottom: 0;
	}
	#carbonads {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#carbonads a {
		float: none;
		display: block;
		text-align: center;
	}
	#carbonads .carbon-poweredby, #carbonads .carbon-text {
		width: 90%;
		text-align: left;
	}
}

.examples ul {
	margin-top: 10px;
	overflow: hidden;
}

.examples li {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

.examples li a {
	padding: 17px;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
}

.examples li a:hover {
	background: rgba(0, 0, 0, 0.6);
	text-decoration: none;
}

.examples li img {
	margin-top: 14px;
}

.examples li span {
	display: block;
	font-size: 1.8em;
}

.dealer-process {
	margin: 10% 0px 0px 0px;
}

.dealer-process>h3 {
	font-size: 35px;
	font-weight: 300;
	letter-spacing: 0px;
	text-align: right;
	margin: 30px 0px;
}

.red-highlight {
	color: #112233;
	font-weight: 500;
}

.dealer-process>p {
	margin: 0px;
	padding: 0px 0px 35px 0px;
	text-align: right;
	font-size: 25px;
	font-weight: 500;
	color: #FFEB3B;
}

.process-list {
	float: left;
	width: 28%;
	background-color: #fff;
	margin: 0px 30px;
}

.process-icon>img {
	width: 100%;
}

.process-details {
	padding: 5px 15px;
}

.process-details>h4 {
	margin: 5px 0px;
	font-size: 19px;
	color: #fb4848;
	font-weight: 500;
}

.process-details>p {
	font-size: 13px;
	color: #112233;
	line-height: 20px;
	text-align: left;
}

.pro-list {
	width: 22%;
	float: left;
	margin: 35px 45px;
	padding: 20px 10px;
	border-radius: 5px;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 0px 11px 45px -11px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px 11px 45px -11px rgba(0, 0, 0, 0.55);
	box-shadow: 0px 11px 45px -11px rgba(0, 0, 0, 0.55);
}

.products-td {
	position: relative;
}

.red {
	background: #f85032; /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #e73827, #f85032);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #e73827, #f85032);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.blue {
	background: #06beb6; /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #48b1bf, #06beb6);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #48b1bf, #06beb6);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.yellow {
	background: #11998e; /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #FFC107, #FF9800);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #FFC107, #FF9800);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.finance:after {
	content: 'F';
	font-size: 90px;
	font-weight: 800;
	position: absolute;
	text-align: center;
	top: 40%;
	left: 50%;
	color: rgba(253, 253, 253, 0.05);
	margin: 0px auto;
	z-index: 0;
}

.insurance:after {
	content: 'I';
	font-size: 90px;
	font-weight: 800;
	position: absolute;
	text-align: center;
	top: 40%;
	left: 50%;
	color: rgba(253, 253, 253, 0.1);
	margin: 0px auto;
	z-index: 0;
}

.trade:after {
	content: 'T';
	font-size: 90px;
	font-weight: 800;
	position: absolute;
	text-align: center;
	top: 40%;
	left: 50%;
	color: rgba(253, 253, 253, 0.1);
	margin: 0px auto;
	z-index: 0;
}

.pro-icon {
	width: 30%;
	float: left;
	padding-right: 2%;
	margin: 0px auto;
}

.pro-title {
	width: 66%;
	text-align: center;
	float: left;
}

.inner-title {
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 0px;
	text-align: center;
	margin: 30px 0px;
}

.sub-title {
	margin: 0px;
	padding: 0px 0px 35px 0px;
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	color: #fff;
}

.pro-title>h4 {
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	float: left;
	text-align: center;
	letter-spacing: 0px;
	width: 100%;
	color: #fff;
	margin-bottom: 0px;
	line-height: 55px;
	border-left: 1px dashed rgba(255, 255, 255, 0.42);
}

.pro-list:hover {
	-webkit-box-shadow: 0px 1px 43px 2px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 1px 43px 2px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 1px 43px 2px rgba(0, 0, 0, 0.28);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.our-platform {
	margin: 0;
}

.our-platform>h3 {
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 0px;
	text-align: center;
	margin: 30px 0px;
	color: #fff;
}

.our-platform>p {
	margin: 0px;
	padding: 0px 0px 35px 0px;
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	color: #fff;
}

.platform {
	width: 100%;
	display: inline-block;
}

.platform-list {
	width: 48%;
	margin: 15px 10px;
	padding: 50px 0px;
	float: left;
	text-align: center;
	height: 300px;
	position: relative;
	border: 1px solid #ff6d6e;
}

.platform-list>h4 {
	font-size: 22px;
	font-weight: 600;
	padding: 20px 0px;
}

.platform-list>img {
	width: 100px;
}

.platform-details {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity = 0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 250px;
	background: #305477;
	color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	padding: 15px 25px;
}

.platform-details>p {
	font-size: 13px;
	font-weight: 500;
	line-height: 27px;
	text-align: justify;
}

.platform-details>h4 {
	font-size: 18px;
	color: #fc6964;
	font-weight: 500;
	padding: 10px 0px;
	letter-spacing: 1px;
}

.platform-list:hover .platform-details {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity = 100);
	opacity: 1;
	top: 0;
}

.benefits-title>li {
	width: 20%;
	margin: 0px;
}

.benefits-title>li>a {
	background-color: transparent !important;
	margin: 0px 10px;
	border: none !important;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
}

.benefits-title {
	border: none;
	margin-bottom: 50px;
}

.benefits-title>li>a>i {
	display: block;
	margin: 0px auto;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	line-height: 45px;
	border: 2px dashed #fff;
	margin-bottom: 10px;
}

.benefits-title>li>a:hover .benefits-title>li>a>i {
	border: 1px solid #ccc;
}

.benefits-title>li.active>a {
	color: #FFEB3B !important;
	font-weight: 600;
	font-size: 15px;
}

.benefits-title>li.active>a>i {
	color: #fff !important;
	border: 2px solid #fff;
}

.inner-tabs {
	width: 100%;
	display: inline-block;
}

.platform-img {
	width: 40%;
	float: left;
	margin: 0px 2%;
}

.platform-img>img {
	width: 100%;
}

.platform-info {
	width: 50%;
	float: left;
	margin: 0px 3%;
	text-align: justify;
}

.platform-info>p {
	text-align: justify;
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	color: #fff;
}

.bottom-benefits {
	width: 100%;
	display: inline-block;
	padding: 30px 0px;
}

.ben-footer {
	width: 23%;
	float: left;
	margin: 0px 10px;
	border-right: 1px solid #ccc;
}

.ben-icons {
	width: 13%;
	float: left;
	margin-right: 2%;
}

.ben-icons>img {
	width: 100%;
}

.ben-title {
	width: 85%;
	float: left;
}

.ben-title>h4 {
	font-size: 20px;
	font-weight: 600;
	color: #f2c80f;
	padding: 10px 0px;
}

.ben-title>p {
	font-size: 13px;
	line-height: 22px;
	color: #fff;
}

.products {
	width: 100%;
	display: inline-block;
	margin: 30px 0px;
}

.product-list {
	width: 100%;
	float: left;
	margin: 0px 10px;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	padding: 3px 5px;
}

.product-img {
	width: 100%;
	overflow: hidden;
	display: block;
	height: 100%;
}

.bg-crtk-view {
	color: #fff;
	padding: 4px 8px;
	box-shadow: 0px 3px 5px 1px #ccc;
	border-radius: 4px;
	font-size: 12px;
}

.product-img>img {
	width: 100%;
}

.product-img>h3 {
	font-size: 16px;
	font-weight: 600;
	padding: 5px 10px;
	color: #112233;
}

.product-info {
	padding: 10px 30px;
	margin: 35px 0px;
}

.bg-crsr-view>i {
	display: block;
	font-size: 16px;
	font-weight: 600;
}

.bg-crsr-view>img {
	width: 110px;
}

.product-info>h4 {
	font-size: 21px;
	font-weight: 500;
	color: #112233;
	padding: 9px 0px;
}

.product-info>p {
	line-height: 28px;
	font-size: 14px;
	font-weight: 400;
	text-align: justify;
	color: #fff;
}

.product-info {
	color: #fff;
}

.tabbable>ul {
	width: 100%;
	display: inline-block;
	border: none;
}

.tabbable>ul>li {
	width: 23%;
	margin: 0px 10px;
	float: left;
}

.tabbable>ul>li.active>a {
	color: #fff !important;
	background-color: transparent !important;
	border: none !important;
	cursor: not-allowed;
}

.tabbable>ul>li>a:hover {
	background-color: transparent !important;
	color: #fff !important;
	border: none !important;
}

#main-content {
	display: inline-block;
	padding: 15px;
	width: 100%;
	position: relative;
}

.step-highlight {
	position: relative;
	background-color: #f4f6ff;
}

.step-highlight:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 0px;
	left: 0px;
	border-top: 0px solid transparent;
	border-right: 0px solid red;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #112233;
}

.step-highlight:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	bottom: 0px;
	right: 0px;
	border-top: 12px solid transparent;
	border-left: 0px solid #112233;
	border-bottom: 0px solid transparent;
	border-right: 12px solid #112233;
}

.bg-blue {
	background-color: #03A9F4;
	color: #fff;
	padding: 4px 8px;
	box-shadow: 0px 3px 5px 1px #ccc;
	border-radius: 4px;
	font-size: 12px;
}

.bg-doc-view {
	background-color: #2196F3;
	color: #fff;
	padding: 4px 8px;
	box-shadow: 0px 3px 5px 1px #ccc;
	border-radius: 4px;
	font-size: 12px;
}

.bg-success {
	background-color: #4caf50;
	color: #fff;
	padding: 3px 8px;
	box-shadow: 0px 3px 5px 1px #ccc;
	border-radius: 4px;
	font-size: 12px;
}

.bg-success>a {
	color: #fff;
}

.bg-pending {
	background-color: #FFC107;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.bg-reject {
	background-color: #f44336;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.verify>span>a {
	color: #f44336 !important;
	text-decoration: none;
}

.verify>span>a:focus {
	outline: none;
}

.color-success {
	color: #4caf50 !important;
}

.color-reject {
	color: #f44336 !important;
}

.modal-content {
	border-radius: 0px;
}

.modal-header {
	background-color: #112233;
	border: none;
}

.modal-header>h4 {
	color: #fff;
	font-size: 17px;
}

.close {
	width: 35px;
	height: 35px;
	background-color: #17324c !important;
	color: #fff;
	font-size: 15px;
	opacity: 1;
	position: absolute;
	float: right;
	right: 4px;
	margin-top: 0px !important;
	top: 4px;
	border-radius: 50%;
}

.close:hover, .close:focus {
	color: #fff;
	outline: none;
}

.miss_label {
	font-size: 13px;
	color: #112233;
	margin-bottom: 10px;
	font-weight: 500;
}

.submit_btn {
	background-color: #fb4848;
	color: #fff;
	border: none;
	padding: 8px 15px;
	margin: 0px auto;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.missingvalue {
	width: 400px;
}

.modal-body>table>thead>tr>th {
	color: #112233;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #112233;
}

.modal-body>table {
	margin-bottom: 0px;
}

.modal-body>table>tbody>tr>td {
	text-align: center;
	padding: 15px 5px;
	vertical-align: middle;
}

.modal-body>table>tbody>tr>td>img {
	width: 90px;
	margin: 0px auto;
	text-align: center;
}

.hide-down-arrow>a:after {
	display: none !important;
	content: "";
	margin-left: 5px;
	margin-top: 2px;
}

/* Slide css */
.footer-btn {
	background-color: #112233;
	color: #fff;
	padding: 15px 40px;
	border: none;
	position: absolute;
	bottom: 0px;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px auto;
	text-align: center;
	left: 50%;
	outline: none;
}

.footer-btn>i {
	margin-left: 10px;
	color: #fb4848;
	font-size: 28px;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}

@
-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
}

40%
{
-webkit-transform










:





 





translateY










(-10
px








);
}
60%
{
-webkit-transform










:





 





translateY










(-5
px








);
}
}
@
-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-moz-transform: translateY(0);
}

40%
{
-moz-transform










:





 





translateY










(-10
px








);
}
60%
{
-moz-transform










:





 





translateY










(-5
px








);
}
}
@
-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-o-transform: translateY(0);
}

40%
{
-o-transform










:





 





translateY










(-10
px








);
}
60%
{
-o-transform










:





 





translateY










(-5
px








);
}
}
@
keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	transform: translateY(0);
}

40%
{
transform










:





 





translateY










(-10
px








);
}
60%
{
transform










:





 





translateY










(-5
px








);
}
}
#lab-slide-bottom-popup {
	position: absolute;
}

.modal-open {
	overflow: auto;
}

.modal.fade.in .lab-modal-body {
	bottom: 0;
	opacity: 1;
}

.lab-modal-body h1 {
	font-size: 4rem;
}

.lab-modal-body p {
	margin: 0 0 1.62rem 0;
	line-height: 1.62;
	font-weight: 300;
	font-size: 1.62rem;
	color: #666;
}

.lab-modal-body {
	position: absolute;
	bottom: -50%;
	padding: 40px;
	background-color: #fff;
	width: 100%;
	margin: 0px auto;
	opacity: 0;
	box-shadow: 0px 0px 9px 3px rgba(23, 50, 76, 0.49019607843137253);
	-webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
	transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}

.popup-button {
	margin-top: 70px;
}

.footer-list {
	display: block;
	margin: 0px 21px;
	float: left;
	width: 20%;
}

.footer-list>h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 3px;
	letter-spacing: 1px;
}

.footer-list>ul {
	list-style: none;
	text-align: left;
	padding-top: 10px;
}

.footer-list>ul>li {
	padding: 5px 0px;
}

.footer-list>ul>li>a {
	font-size: 13px;
	text-decoration: none;
	font-weight: 200;
}

/* Dashboard Css */
.page-title-box {
	padding: 10px 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	-moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.breadcrumb {
	background-color: transparent;
	margin: 0px;
	padding: 3px 15px;
}

.breadcrumb a {
	color: #607D8B;
	text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	padding-left: .5rem;
	color: #868e96;
	content: "/";
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "\f105" !important;
	font-family: FontAwesome !important;
}

.breadcrumb-item.active {
	color: #112233;
}

.breadcrumb > li.bredcum-bol{
	font-weight:800;
    font-size: 14px;
    color: #112233;
}
.breadcrumb > li.highlight{
	font-weight:800;
    font-size: 14px;
    color:#fb4848;
}

.page-title-box .page-title {
	font-size: 15px;
	margin-bottom: 0;
	padding: 0px 15px;
	margin-top: 0;
	font-weight: 600;
	letter-spacing: 0px;
}

.card-box {
	padding: 20px;
	box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	-webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	-moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	background-clip: padding-box;
	background-color: #ffffff;
	height: auto !important;
}

.card-box>h2 {
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #ccc;
	line-height: 30px;
	padding: 4px 0px;
	color: #112233
}
.dealer_id_info>a, .kuwy_id_info>a {
	display: inline-block;
	color: #112233;
    font-weight: 600;
}
.tooltip-inner {
 word-break: break-all;
 background-color:#112233;
}
.dealer_popover__content, .cust_popover__content {
	opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 5%;
    top: 0%;
    transform: translate(0, 10px);
    padding: 0px;
    box-shadow: 0 2px 5px 0 rgba(17, 34, 51, 0.22);
    width: auto;
}
.excel_download{
	padding: 5px 15px;
    display: block;
    float: right;
    margin-left: 15px;
    position: absolute;
    right: 30px;
}
.excel_download_list{
	color:#fff;
}
.dealer_popover__content>ul, .cust_popover__content>ul {
	margin-bottom: 0px;
}
.verify-no{
	position:relative;
}
.dealer_popover__content:before, .cust_popover__content:before {
	position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 37px);
    float: left;
    left: 0px;
    top: 80%;
    border-style: solid;
    border-width: 28px 5px 14px 11px;
    border-color: transparent transparent #112233 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(140deg);
}

.dealer_id_info:hover .dealer_popover__content {
	display: block;
	z-index: 10;
	opacity: 1;
	visibility: visible;
	transform: translate(0, 5px);
	transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.kuwy_id_info:hover .cust_popover__content {
	display: block;
	z-index: 10;
	opacity: 1;
	visibility: visible;
	transform: translate(0, 5px);
	transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.partner-info>span>strong {
	display: block;
	font-weight: 600;
	color: #3a3a3a;
}

.tag-label {
	color: #fff;
	padding: 3px 8px;
	box-shadow: 0px 3px 5px 1px #ccc;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	display: block;
}

.bg-primary {
	background-color: #03A9F4;
}

.k-rating {
	font-size: 17px;
	font-weight: 600;
}

.star-pts>i {
	font-size: 17px;
	color: #112233;
}

.kuwy-rate {
	font-weight: 500;
}

.cibil-score {
	display: block;
	font-weight: 600;
	color: #112233;
}

.cibil-score>i {
	padding-left: 5px;
}

.loan-status-footer {
	padding: 15px 0px;
	text-align: center;
}

.cus-doc {
	display: block;
	font-weight: 600;
	color: #112233 !important;
}

.vehi-doc {
	display: block;
	font-weight: 600;
	color: #112233 !important;
}

.loan-title {
	width: 100%;
	padding: 10px 0px;
	text-align: left;
	font-weight: 600;
}

.defineloan>a {
	color: #03A9F4;
	font-weight: 600;
	animation: colorchange ease;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: colorchange;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}

@
-webkit-keyframes colorchange { 0% {
	color: #03A9F4;
}

100%
{
color










:





 





#f44336










;
}
}
@
-moz-keyframes colorchange { 0% {
	color: #03A9F4;
}

100%
{
color










:





 





#f44336










;
}
}
@
-ms-keyframes colorchange { 0% {
	color: #03A9F4;
}

100%
{
color










:





 





#f44336










;
}
}
@
-o-keyframes colorchange { 0% {
	color: #03A9F4;
}

100%
{
color










:





 





#f44336










;
}
}
@
keyframes colorchange { 0% {
	color: #03A9F4;
}

100%
{
color










:





 





#f44336










;
}
}
.button-wrap {
	position: relative;
	text-align: center;
	margin-top: 0px;
	display: inline-block;
	width: 100%;
}

.button-label {
	display: inline-block;
	float: left;
	margin: 5px 10px;
	padding: 10px 20px;
	cursor: pointer;
	color: #292929;
	border-radius: 0.25em;
	background: #efefef;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0
		rgba(0, 0, 0, 0.22);
	transition: 0.3s;
	font-size: 16px;
}

.yes-button:checked+.button-label {
	background: #2ECC71;
	color: #fff;
}

.no-button:checked+.button-label {
	background: #D91E18;
	color: #fff;
}

.maybe-button:checked+.button-label {
	background: #FF9800;
	color: #fff;
}

.hidden {
	display: none;
}

.loan-status-remark {
	resize: none;
}

.appl_report {
	display: block;
	font-size: 10px;
}

.loan-details>span>strong {
	font-size: 12px;
	font-weight: 600;
	color: #3a3a3a;
}

.loan-details>span {
	display: block;
}

.payout {
	position: relative;
}

.payout>span {
	display: block;
}

.payout>span>strong {
	color: #3a3a3a;
	font-size: 12px;
	font-weight: 600;
	display: block;
}

.paynow {
	padding: 2px 4px;
	margin-top: 5px;
}

.success-color {
	color: #4caf50 !important;
}

.title-mgmt {
	position: relative;
}

.title-status {
	display: block;
	font-size: 12px;
}

.title-assigned {
	color: #03A9F4;
}

.title-progress {
	color: #FF9800;
}

.title-completed {
	color: #2ECC71;
}

.title_aging {
	display: block;
	padding-top: 0px;
	color: #757575;
	font-weight: 700;
}

.appl-status>span>a {
	display: block;
	padding-top: 10px;
	color: #03a9f4;
	font-size: 17px;
}

.crivalue {
	font-weight: 600;
	color: #112233;
	font-size: 17px;
}

.offer-input {
	display: flex;
	margin: 3px 0px;
	width: 30%;
	float: left;
}

.offer-details {
	width: 50%;
	display: flex;
	margin: 0px;
}

.offer-label {
	float: left;
	padding-right: 8px;
	font-size: 11px;
	width: 50%;
	line-height: 21px;
	text-align: right;
}

.offer-details>input {
	width: 48%;
	height: 22px;
	border: none;
	margin: 0px;
	text-align: center;
	float: left;
	background-color: #f9f9f9;
	border: 1px solid hsla(210, 50%, 13%, 0.13);
}

.btn-change {
	background-color: transparent;
	border: 0px;
}

.offer-desc {
	color: #fb4848;
}

.offer-incr {
	color: #4CAF50;
}

.offer-details>input:focus {
	outline: none;
}

.offer-details>button {
	width: 23%;
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 5px 0px;
	border-radius: 0px;
	border-radius: 0px;
}

.btn-change:focus, .btn-change:active {
	outline: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline-offset: 0px !important;
	outline: 0px !important;
}

.action-dropdown {
	top: 50px;
}
/* Popup login modal css */
.login-modal {
	width: 350px;
	background-color: #112233;
	height: 500px;
	margin: 100px auto 0px auto;
}

.login-modal>.modal-content {
	background-color: transparent;
}

.modal-header>img {
	width: 75%;
	margin: 0px auto;
}

.login_modal>form {
	width: 250px;
	margin: 50px auto;
	background-color: #fff;
	box-shadow: 0px 9px 21px 0px #000000;
	border-radius: 8px;
}

.modal-content {
	border-radius: 0px;
	background-color: #fff;
	border: 0px;
	border-radius: 0px;
	outline: 0px;
	box-shadow: none;
}

#chatopen_popup {
	margin: 0 auto;
	width: 390px;
}

.login-input {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 3px 8px;
	color: #112233;
	border-radius: 0px;
	box-shadow: none;
	font-weight: 500;
	font-size: 14px;
	margin: 25px 0px;
	outline: 0;
}

.login_close {
	background-color: transparent !important;
	font-size: 16px;
	font-weight: 900;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 10px;
	right: 20px;
	color: #fb4848;
	opacity: 1;
	text-shadow: none;
}

#valueChat>.modal-dialog {
	width: 100%;
}

.login_close:hover {
	color: #7c92a8;
}

.login-input:focus {
	border-color: #fb4848;
	outline: 0px;
	box-shadow: none;
}

.modal-footer {
	border-top: 0px;
	padding: 0px;
	text-align: center;
}

#login_lost_btn {
	padding: 0px;
	outline: 0px;
	font-size: 13px;
	color: #fb4848;
	text-decoration: none;
}

#lost_login_btn {
	padding: 0px;
	outline: 0px;
	font-size: 13px;
	color: #fb4848;
	text-decoration: none;
}

.access-input {
	text-align: center;
}

.login_btn {
	background-color: #fb4848;
	border: 0px;
	padding: 8px 25px;
	border-radius: 20px;
	position: relative;
	top: 18px;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	outline: 0px;
}

/* Password remember css */
.checkbox {
	margin: 5px 15px;
}

.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #fb4848;
	border-radius: 0px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: -3px;
	margin-left: -17px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 11px;
	color: #fb4848;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
}

.checkbox input[type="checkbox"]:checked+label::after {
	font-family: 'FontAwesome';
	content: "\f00c";
}

/* Dashboard Design css */
a .card-box:hover {
	background-color: #03A9F4;
	color: #fff;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

a .card-box:hover .widget-icon {
	color: #fff !important;
}

a .card-box:hover .widget-info>h3 {
	color: #fff;
}

a .card-box:hover .widget-info>h5 {
	color: #f2f3f8;
}

.widget-details {
	width: 100%;
	clear: both;
	display: flex;
}

.widget-icon {
	float: left;
	width: 30%;
	margin-right: 10%;
	text-align: center;
	line-height: 85px;
	font-size: 35px;
	color: #03A9F4;
}

.widget-info {
	float: left;
	width: 60%;
	text-align: center;
	padding: 10px 0px;
}

.widget-info>h3 {
	font-size: 23px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-bottom: 0px;
	color: #03A9F4;
}

.widget-info>h5 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0px;
	margin-bottom: 0px;
}

.dealer-logo>img {
	width: 120px;
	padding: 5px 0px;
}

.dealer-list>tbody>tr>td {
	text-align: center;
	vertical-align: middle;
}

.req-sum {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	padding: 6px 16px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background-color: #FF9800;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.28);
	border: none;
}

.view-btn {
	padding: 3px 0px !important;
}

td>span>strong {
	font-weight: 600;
}

.suc-sta {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	width: 80%;
	padding: 7px 6px;
	text-align: center;
	margin: 5px auto;
	display: block;
	color: #fff;
	border-radius: 3px;
	background-color: #43cd49;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.28);
	border: none;
}

.suc-sta:hover {
	color: #8afd8f !important;
}

.migra-view {
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	padding: 2px 14px;
	margin: 2px 0px;
	background-color: #43cd49;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.28);
}

.gen-epp {
	background-color: #FF5722;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	padding: 3px 5px;
	border-radius: 3px;
	border: none;
	text-transform: uppercase;
	display: block;
	margin: 0px auto;
}

.veh_type {
	font-weight: 600;
	font-size: 13px;
}

.new-vehi {
	color: #2196F3;
}

.used-vehi {
	color: #FF9800;
}

.req-doc-btn {
	display: block;
}

.toggle-content {
	display: none;
}

.fold-table-view {
	width: 100%;
}

.fold-table-view>thead>tr>th {
	padding: 7px 0px !important;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.fold-table-view>thead>tr>th:last-of-type {
	border-right: none;
}

#valueBank>tr>td {
	border-right: 1px solid #ddd;
	padding: 7px 0px;
}

#valueBank>tr>td:last-of-type {
	border-right: none;
}

.banklist-title {
	color: #112233;
	font-size: 25px;
	font-weight: 500;
}

/* Loan type tabs start*/
.table-list-name {
	display: inline-block;
	width: 100%;
	background-color: #334250;
	padding: 10px 0px;
}

.below-table-name {
	float: left;
	font-size: 16px;
	margin-right: 0px;
	font-weight: 500;
	text-transform: uppercase;
}

.below-table-name>a {
	color: #ffffff;
	text-decoration: none;
	border-right: 1px solid hsl(0, 0%, 100%);
	padding: 12px 20px;
}

.below-table-name>a:hover, .below-table-name>a:active {
	text-decoration: none;
}

.active-link {
	    color: #fff !important;
    background-color: #112233;
    border-top: 4px solid #2196f3;
    border-radius: 5px;
}
/* Loan type tabs end*/
.hide {
	display: none;
}

.table-child-td {
	width: 100%;
}

.open_chat {
	background-color: #03A9F4;
	display: inline-block;
	padding: 4px 15px;
	border-radius: 7px;
	margin: 5px 0px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	box-shadow: 0px 4px 7px 0px #78899a;
}

.open_chat:hover, .open_chat:active {
	color: #ac6ab7;
	text-decoration: none;
}

`
/* Message chat popup css starts */
#chatopen_popup {
	margin: 0 auto;
	width: 390px;
}

/* .modal-dialog { */
	/* width: 100%; */
/* } */

.modal-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s
		cubic-bezier(0.55, 0, 0.1, 1);
}

.modal-overlay.active {
	opacity: 1;
	visibility: visible;
}

.modal .close-modal {
	position: absolute;
	cursor: pointer;
	top: 8px;
	right: 15px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1),
		-webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s
		cubic-bezier(0.55, 0, 0.1, 1);
	transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s
		cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s
		cubic-bezier(0.55, 0, 0.1, 1);
	transition-delay: 0.3s;
}

.modal .close-modal svg {
	width: 1.75em;
	height: 1.75em;
}

.modal.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.modal.active .close-modal {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 1;
}

.comment-body-content {
	padding: 10px;
	width: 100%;
}

.conversation-box {
	max-height: 350px;
	overflow: auto;
	height: auto;
}
/* Message chat popup css ends */
.comment-header-box {
	background-color: #112233;
	padding: 10px 20px;
}

.comment-box-info {
	color: #FFF;
	font-size: 14px;
}

.comment-box-info>span {
	font-weight: 500;
	padding-right: 5px;
	letter-spacing: 0.8px;
}

.recei-side {
	width: 100%;
}

.sender-side {
	width: 100%;
}

.conversation-type {
	color: #112233;
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
}

.conversation-time {
	font-size: 11px;
	line-height: 15px;
	color: #c3c3c3;
	font-weight: 300;
}

.conversation-details {
	padding: 3px 5px;
	margin-bottom: 8px;
}

.conversation-content {
	border-radius: 10px;
	font-size: 13px;
	padding: 7px;
}

.recei-side>.conversation-type {
	text-align: left;
	width: 100%;
	display: block;
	color: #3f51b5;
}

.recei-side>.conversation-time {
	text-align: left;
	display: block;
}

.recei-side>.conversation-content {
	display: block;
	text-align: left;
	background-color: hsla(231, 48%, 48%, 0.18823529411764706);
	color: #112233;
    font-size: 14px;
    font-weight: 500;
}

.sender-side>.conversation-type {
	text-align: right;
	width: 100%;
	display: block;
	color: #2196F3;
}

.sender-side>.conversation-time {
	text-align: right;
	display: block;
}

.sender-side>.conversation-content {
	display: block;
    text-align: right;
    background-color: rgba(33, 150, 243, 0.13);
    color: #112233;
    font-size: 14px;
    font-weight: 500;
}

.conversation-footer-box {
	width: 100%;
	padding: 10px 0px;
}

.conver-type-place {
	position: relative;
	display: flex;
	width: 100%;
	border: 1px solid #2196f3;
	border-radius: 22px;
	height: 40px;
}

.chat-text {
	border: none;
	width: 88%;
	resize: none;
	height: 38px;
	line-height: 30px;
	border-radius: 25px;
	outline: none;
	padding: 3px 11px;
	font-size: 12px;
}

.conver-type-place>textarea::-webkit-input-placeholder { / Chrome
	/Opera/Safari / color:#ccc;
	letter-spacing: 0.5px;
}

.conver-type-place>textarea::-moz-placeholder { / Firefox 19+ / color:#ccc;
	letter-spacing: 0.5px;
}

.conver-type-place>textarea:-ms-input-placeholder { / IE 10+ / color:#ccc;
	letter-spacing: 0.5px;
}

.conver-type-place>textarea:-moz-placeholder { / Firefox 18- / color:#ccc;
	letter-spacing: 0.5px;
}

.chat-submit {
	width: 12%;
	border: none;
	outline: none;
	background-color: transparent;
	color: #2196f3;
}

.bank-list-table {
	width: 100%;
}

.bank-list-table>thead>tr>th {
	padding: 7px 0px !important;
	border-right: 1px solid #ccc;
	background-color: #dedede;
}

.bank-list-table>thead>tr>th:last-of-type {
	border-right: 0px !important;
}

.bank-list-table>tbody>tr {
	border-bottom: 1px solid #ccc;
}

.bank-list-table>tbody>tr>td {
	padding: 8px 0px !important;
	border-right: 1px solid #ccc;
	vertical-align: middle;
}

.bank-list-table>tbody>tr>td:last-of-type {
	border-right: 0px !important;
	padding: 1px 7px !important;
}

.score-poor {
	background-color: #f15a29;
}

.score-fair {
	background-color: #fff200;
}

.score-good {
	background-color: #8dc63f;
}

.score-excellent {
	background-color: #00a651;
}

.cus-doc-view>.score-poor>a {
	color: #112233 !important;
}

.cus-doc-view>.score-good>a {
	color: #112233 !important;
}

.cus-doc-view>.score-fair>a {
	color: #112233 !important;
}

.cus-doc-view>.score-excellent>a {
	color: #112233 !important;
}



@media ( max-width :768px) {
	.card-box {
		padding: 0px;
	}
	.table-list-name {
		padding: 5px 0px;
	}
	.below-table-name>a {
		padding: 5px 6px;
		border-right: 1px solid #112233;
		text-transform: capitalize;
	}
	.below-table-name {
		font-size: 15px;
	}
	.table {
		padding: 5px;
	}
	.bg-doc-view {
		width: 96%;
	}
	.dtr-data>span {
		margin: 3px 6px !important;
		margin-bottom: 10px !important;
	}
	.dtr-details>li img {
		margin: 0px auto;
	}
	#chatopen_popup {
		width: 100%;
		height: auto;
	}
	#chatopen_popup>#valueChat {
		width: 92%;
	}
	excel_dwn{
		text-align: center;
		width: 96%;
		margin-left: 5px;
	}
	.excel_download{
		position: unset;
		margin: 0px auto;
		width: 100%;
		margin-top: 12px;
	}
}
@media (max-width: 450px)
{
.below-table-name {
    font-size: 12px;
}
.tab-name-large>a{
	display: grid;
    padding: 0px 5px;
	text-align: center;
}
.tab-name-large>a>span{
	display: block;
	font-size: 10px;
}
.below-table-name>.val{
	padding: 8px 6px 32px 6px;
	 border-radius: 0px;
}
.below-table-name>a {
		border-radius: 0px;
	}
}
@media (max-width:325px){
	.below-table-name>a {
		padding: 8px 3px;
		border-radius: 0px;
	}
	.below-table-name {
		font-size: 11px;
	}
}
@media ( max-width :400px) {
	.below-table-name {
		font-size: 14px;
	}
}
.search-upload-btn>input[type="submit"] {
    background-color: #112233;
    color: #fff;
    border: none;
    padding: 5px 16px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 25px;
}
.search-upload-btn>.submit {
    background-color: #112233;
    color: #fff;
    border: none;
    padding: 5px 16px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 25px;
}
@media (min-width: 1200px)
{
.card>.row>.used_loan_val>.col-lg-2,.card>.row>.new_loan>.col-lg-2 {
    width: 12.666667%;
	margin-left: 20px;
}
.card>.row>.used_loan_val>.col-md-2,.card>.row>.new_loan>.col-lg-2{
	 width: 12.666667%;
}
}
#search-list{
	margin:20px 0px;
}
.exportExcel{
	background:#112233;
	width:auto;
	color:#fff;
	padding:8px;
	border-radius:3px;
}
.exportExcel:hover,.exportExcel:active{
	color:#fff;
}
#example{
	margin-top:10px;
}
.card>h6.search-title {
    text-align: center;
    font-size: 18px;
    color: #2196f3;
    margin: 15px 0px;
    text-transform: uppercase;
}
.insert-val {
    float: right;
    margin-right: 20px;
}
.insert-val>.bg-gen-contact {
    box-shadow: unset;
    border: 1px solid #26A65B;
    padding: 8px 10px;
    font-size: 14px;
}
.insert-val>.bg-gen-contact:hover,.insert-val>.bg-gen-contact:active,.insert-val>.bg-gen-contact:focus{
	text-decoration:none;
	color:#fff;
}
.bg-gen-contact {
    background-color: #26A65B;
    color: #fff;
    padding: 4px 8px;
    box-shadow: 0px 3px 5px 1px #ccc;
    border-radius: 4px;
    font-size: 12px;
}
.action-val-align>span>a {
    color: #fff;
}
.edit-dealer-file {
    background-color: #ff9800;
    width: 25px;
    height: 25px;
    box-shadow: 0px 4px 7px 0px rgba(255, 152, 0, 0.51);
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    margin: 2px 0px 8px 5px;
    margin-left: 3px;
    font-size: 10px;
    color: #fff;
}
.delete-dealer-file {
    background-color: #fb4848;
    width: 25px;
    height: 25px;
    box-shadow: 0px 4px 7px 0px rgba(251, 72, 72, 0.51);
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    margin: 2px 0px 8px 5px;
    margin-left: 3px;
    font-size: 10px;
    color: #fff;
}
.table > tbody > tr > td> .dealer-name {
    font-weight: 600;
    color: #112233;
    text-align: center;
}
.dealer-type-deal {
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    text-transform: capitalize;
    color: #fff;
    margin: 5px auto;
    width: 60px;
}
.sucess-green-label {
    background-color: #00a651;
    border-radius: 2px;
}
.carbin-label {
    background-color: #03C9A9;
    border-radius: 2px;
}
.teal-label {
    background-color: #009688;
    border-radius: 2px;
}
.table > tbody > tr > td> .dealer-location {
    color: #99abb4;
    text-align: center;
    font-size: 12px;
    word-break: break-word;
}
.table > tbody > tr > td.verify-no>.loan-cust-det {
    display: block;
    padding: 2px 0px;
}
.verify-no>.loan-cust-det>.k_id {
    font-weight: 400;
}
.car-info>.loan-cust-det>.view_map>a {
    color: #4885ed;
    font-weight: 500;
}
.car-info>.view_map_no>.k_id {
    color: #db3236;
    font-weight: 500;
}
.alert-danger {
    color: #D8000C;
    background-color: #FFBABA;
    border-color: #FFBABA;
}
.alert-dismissable .close-alert, .alert-dismissible .close-alert {
    position: relative;
    top: -2px;
    right: -21px;
    color: red;
}
.close-alert {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
}
.text-danger1 {
    color: #ef5350;
}
.loan_type {
    margin: 0px;
    display: inline-block;
    width: 100%;
}
.button-grid {
    padding: 5px 0px;
    position: relative;
    background-color: #112233;
    border: 3px solid #112233;
    margin-bottom: -3px;
    margin-right: 4px;	
	width: 78px;
}
.button-grid.active {
    border: 3px solid #fb4848;
    background-color: #fb4848;
    box-shadow: none;
}
.button-grid.active .button-grid-word {
    color: #fff;
}
.alg-center {
    text-align: center;
}
.form-grp {
    position: relative;
    display: inline-block;
    margin: 10px 0px;
}
.button-submit {
    padding: 5px 0px;
    position: relative;
    background-color: #0F9D58;
    border: 3px solid #0F9D58;
    margin-bottom: -3px;
    margin-right: 4px;
}
.mrg-tp30>.button-grid-word {
    width: 90px;
}
.button-grid-word {
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
}
.control-label {
    width: 100%;
    display: block;
    margin: 10px 0px;
    font-size: 15px;
    font-weight: 600;
    color: #112233;
}
.form-grp>.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.insert-val>.bg-gen-contact>i {
    padding: 0px 8px;
}
.lead_code {
    background-color: #607D8B;
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
	width: 55px;
}
.kuwy_code{
	background-color: #607D8B;
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
	width: auto;
}
.lead_puch_count{
	background-color: #3cba54;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_viewed{
	background-color: #4885ed;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_hold{
	background-color: #ff9800;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_rejected{
	background-color: #fb4848;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_pending{
	background-color: #f4c20d;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_instant{
	background-color: #4885ed;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_tatkal{
	background-color: #112233;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
.lead_normal{
	background-color: #f4c20d;
    color: #fff;
    display: inline-block !important;
    padding: 5px 6px;
    border-radius: 4px;
    width: 50px;
}
#reportrange{
	width: 75% !important;
	margin: 10px;
}
#reportrange>.fa-caret-down{
	float:right;
	margin-top: 4px;
    margin-right: -4px;
}
.utils__title {
    text-transform: uppercase;
    font-size: 15px;
    color: #112233;
    margin-bottom: 15px;
    font-weight: 600;
}


.box-block{
    padding: 1.25rem;
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background-color: #fff !important;
	overflow: hidden;
	margin-bottom: 1.5rem!important;
}
.tile-1 .t-icon.right {
    right: 0;
}
.tile-1 .t-icon {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.tile-1 .t-icon.right span {
    right: -60px;
}
.tile-1 .t-icon span {
    position: absolute;
    z-index: 8;
    top: -60px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
}
.bg-danger1 {
    color: #fff !important;
    background-color: #f44236 !important;
}
.bg-warning1 {
    color: #fff !important;
    background-color: #f59345 !important;
}
.tile-1 .t-icon.right i {
    padding-left: 15px;
    color: rgba(255, 255, 255, 0.9);
}
.tile-1 .t-icon i {
    position: relative;
    z-index: 9;
    font-size: 1.75rem;
    color: #fff;
}
.dashtile .t-content {
    position: relative;
}
.dashtile h6 {
    font-weight: normal;
    color: #999;
}
.dashtile h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
	margin-bottom: 1rem!important;
    padding: 0px;
}
.navbar-brand>img{
	width: 65% !important;
    margin: 0px auto;
}
.kcInfo{
    height: fit-content;
    max-height: 325px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.kcInfo>table>thead>tr>th{
	position:sticky;
	top:0px;
}
#overallMapInfoBlockTblBody > tr, #overallMapInfoBlockTblBody td, .kcInfo th{
    border: 1px solid #112233;
}
.palette-Pink.bg {
    background-color: #f06292!important;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
.box-header>.box-tools {
        position: absolute;
    right: 18px;
    top: 24px;
}
.box-header .box-title {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    line-height: 1;
}
.box-header .box-title .text-white {
    color: #fff!important;
    text-transform: uppercase;
}
.box {
    border-radius: 5px !important;
    background: #fff !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%) !important;
    margin-top: 20px !important;
}
.pull-right {
    float: right!important;
}
.box-body {
    padding: 20px 30px 0;
    border-radius: 0 0 3px 3px;
}
.events-nest .wrap-no-pad {
    background: 0 0;
    margin: 0;
    padding: 0 20px;
}
.events-nest .wrap-no-pad h1 {
    float: left !important;
    color: #fff !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}
.events-nest .wrap-no-pad span {
    top: 0;
    position: relative;
    left: 0;
    background: 0 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
}
.circle-nest, .circle-nest-medium {
    display: block;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    text-align: center;
}

.circle-nest-medium {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 18px;
    color:white;
}
.palette-Indigo.bg {
    background-color: #1a237e!important;
}
.palette-Deep-Purple.bg {
    background-color: #9575cd!important;
}
.palette-Cyan.bg {
    background-color: #26c6da!important;
}
.palette-Orange{
	background-color: orange !important;
}
.palette-Red{
	background-color: red !important;
}
.palette-Green{
	background-color: green !important;
}
.palette-White{
	background-color: white !important;
	border-radius: 5px !important;
    background: #fff !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    margin-top: 20px !important;
}

.pending-FTR {
    background: #f06292;
    padding: 5px;
    color: #fff;
    display: block;
    width: max-content;
    margin: 0px auto;
}
.pending-FTNR {
    background: red;
    padding: 5px;
    color: #fff;
    display: block;
    width: max-content;
    margin: 0px auto;
}
span.badge.badge-darkSlateGrey {
    background: darkslategrey;
}
.form_box {
/*     width: 16%; */
	width: 13%;
    float: left;
    padding: 1%;
}
.form_or {
    width: 5%;
    float: left;
    padding: 1%;
}
.form_box_btn {
    width: 15%;
    float: left;
    padding: 1%;
}
.form_box label {
    font-weight: bold;
    height: 30px;
    line-height: 15px;
}
.form_or p {
    font-size: 15px;
    margin: 0px;
    margin-top: 100%;
    background: mediumvioletred;
    color: white;
    border-radius: 5px;
    padding: 1% !important;
    text-align: center;
    font-weight: bold;
}
hr.tbl_hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border:0.5px solid #ddd;
}
.bold{font-weight:bold}
span.badge.badge-chocolate {
    background: chocolate;
    width: fit-content;
    margin: 0px auto;
    padding: 5px;
}
.loan-form-select{
	width:100%;
	height:35px;
}
#leadHistoryModalTblBody > tr, #leadHistoryModalTblBody td, .kcInfo th {
    border: 1px solid #112233;
}
.badge_red {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: red;
    border-radius: 10px;
}
.btn-default{
	background-color: #ccc;
}



/*********************** business comparision***************************/

#Cextstatistics.table{
	width:97% !important;
}
.conversion {
  background: #E16A54;
}
.conversion td {
  color: #fff !important;
}
.current-month {
  background: #16C47F;
  color: #fff;
  border: 1px solid #ccc !important;
}
.current-label {
  background: #A1EEBD;
  border: 1px solid #ccc !important;
  color: #333;
}
.previous-month {
  background: #FFD65A;
  color: #333;
  border: 1px solid #ccc !important;
}
.previous-label {
  background: #FFF6B3;
  border: 1px solid #ccc !important;
  color: #333;
}
#Cextstatistics .select2.select2-container {
  width: 30% !important;
  margin-left: 5px;
}
.login-day-label {
  background: #0A5EB0;
  color: #fff !important;
}
.login-disb-day {
  background: #59A0E5;
  color: #fff !important;
}
.channel-label {
  background: #4DA1A9;
  color: #fff !important;
}
.channel-count {
  background: #79D7BE;
  color: #fff !important;
}
.login-disb-label {
  background: #F26B0F;
  color: #fff !important;
}
.previous-disb-day {
  background: #FC8F54;
  color: #fff !important;
}
#Cextstatistics .palette-Red {
  background: rgb(9,9,121);
  background: linear-gradient(90deg, rgb(40, 174, 168) 35%, rgb(204, 161, 60) 100%) !important; 
  position: relative;
  margin-top: 0 !important;
  text-align: left;
  width: 75% !important;
  margin: 0 auto;
  padding: 5px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px !important;
}
.palette-Red img {
  width: 60%;
  position: relative;
  top: -10px;
  right: -20px;
}

.dis-channel-label {
  background: #605678;
  color: #fff !important;
}
.dis-channel-count {
  background: #789DBC;
  color: #fff !important;
}
/*********************** business comparision***************************/








/******************************Business Achievement chart*****************/



.palette-white.bg .events-nest .wrap-no-pad span {
  color: #333333;
}
.palette-white.bg .box-header .box-title .text-white {
  color: #03a879 !important;
}

.palette-white.bg .progress {
  height: 5px;
}

.box.palette-white.bg {
  padding: 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) !important;
}

.card-box {
  padding: 15px;
  }

.palette-gradient-bg {
  background: rgb(9,9,121);
  background: linear-gradient(90deg, rgb(40, 105, 174) 35%, rgb(59, 213, 177) 100%) !important;
  position: relative;
  margin-top: 0 !important;
  text-align: left;
  width: 100% !important;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  padding: 5px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px !important;
}

.apexcharts-svg {
  border-radius: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.apexcharts-toolbar {
  top: 10px !important;
}
.custom-card-body {
	/* background: #f5f5f5;
	padding: 15px 10px;
	border-radius: 15px; */
	padding: 15px 10px;
	/* background: rgba(18, 233, 99, 0.09);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.4px);
-webkit-backdrop-filter: blur(3.4px);
border: 1px solid rgba(18, 233, 99, 0.3); */
}

.main-panel.card-box {
  background: linear-gradient(90deg, rgba(131,255,225,1) 24%, rgba(103,176,255,1) 72%);
}



/*************************Business Achievement chart****************/