@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

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

.dashboard:before, .manage:before, .settings:before, .logout:before, .box:before, .bell:before, .cancel:before, .edit:before, .view:before, .down-arrow:before, .left-arrow:before, .right-arrow:before, .up-arrow:before, .plus:before, .minus:before, .sale:before, .download:before, .cart:before, .dealer:before, .money-check:before, .truck-check:before, .eye-block:before, .eye:before { font-family: icon-font; -webkit-font-smoothing: antialiased; }

.dashboard:before { content: '\e800'; }
.manage:before { content: '\e801'; }
.settings:before { content: '\e802'; }
.logout:before { content: '\e803'; }
.box:before { content: '\e808'; }
.bell:before { content: '\e804'; }
.cancel:before { content: '\e805'; }
.edit:before { content: '\e806'; }
.down-arrow:before { content: '\e80b'; }
.left-arrow:before { content: '\e80c'; }
.right-arrow:before { content: '\e80d'; }
.up-arrow:before { content: '\e80e'; }
.plus:before { content: '\e812'; }
.minus:before { content: '\e813'; }
.sale:before { content: '\e80f'; }
.download:before { content: '\e810'; }
.cart:before { content: '\e811'; }
.dealer:before { content: '\e809'; }
.money-check:before { content: '\e814'; }
.truck-check:before { content: '\e80a'; }
.eye-block:before { content: '\e815'; }
.eye:before, .view:before {
	content: '\e816';
}

:root {
	--bs-clr-1: 13, 110, 253;	/*blue*/
	--bs-clr-2: 1, 191, 171;	/*cyan*/
	--bs-clr-3: 28, 185, 80;	/*green*/
	--bs-clr-4: 162, 191, 1;	/*yellow green*/
	--bs-clr-5: 247, 166, 0;	/*yellow*/
	--bs-clr-6: 240, 113, 1;	/*orange*/
	--bs-clr-7: 236, 48, 35;	/*red*/
	--bs-clr-8: 237, 85, 100;	/*light red*/
	--bs-clr-9: 254, 76, 130;	/*rose*/
	--bs-clr-10: 234, 71, 186;	/*pink*/
	--bs-clr-11: 155, 62, 214;	/*violet */
	--bs-clr-12: 76, 83, 212;	/*violet blue*/
	--bs-thm-clr-1: 45, 46, 86;
	--bs-thm-clr-2: 129, 130, 154;
	--bs-link-color: 13, 110, 253;
	--bs-link-hover-color: 10, 88, 202;
	--bs-white: 255, 255, 255;
	--bs-black: 0, 0, 0;
	--bs-body-font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	--bs-body-font-size: 14px;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 22px;
}

*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
::-webkit-scrollbar-thumb {
	height: 10px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .25);
	-moz-box-shadow: 0 0 1px rgba(255, 255, 255, .25);
	box-shadow: 0 0 1px rgba(255, 255, 255, .25);
}
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }

/* Defaults
------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, a, h1, h2, h3, h4, h5, h6, p, nav, b, big, br, blockquote, button, abbr, address, code, cite, center, dl, dt, dd, del, dfn, em, embed, fieldset, figure, form, font, head, hr, i, ins, img, input, ol, ul, lable, legend, li, link, marquee, menu, meta, option, pre, small, sub, sup, strike, strong, title, table, tbody, th, thead, tfoot, tr, td, tt, q, u, caption {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0px;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body { height: 100%; }
a { color: rgb(var(--bs-link-color)); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; text-decoration: none; display: inline-block; cursor: pointer; }
a:hover, a:focus { color: rgb(var(--bs-link-hover-color)); text-decoration: none !important; }
a img { border: 0; }
img { width: 100%; height: auto; display: block; }
ul, li { list-style: none; }

.fix { overflow: hidden; }
.fix-x { overflow-x: hidden; }

.p-relative { position: relative; }
.p-absolute { position: absolute; }
.p-sticky { position: sticky; }
.p-fixed { position: fixed; }
.cp { cursor: pointer; }
.d-blk { display: block !important; }
.d-in-blk { display: inline-block !important; }
.v-align-t { vertical-align: top; }

.float-start { float: left !important; }
.float-end { float: right !important; }
.float-none, .row, .form-group { float: none !important; }
.float-none:after, .row:after, .form-group:after { display: block; clear: both; content: "" }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; overflow: hidden; float: none !important; }

.m-auto { margin-left: auto !important; margin-right: auto !important; }
.ms-auto { margin-left: auto !important; }
.me-auto { margin-right: auto !important; }
.m-0 { margin: 0px !important; }
.mt-0 { margin-top: 0px !important; }
.me-0 { margin-right: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.ms-0 { margin-left: 0px !important; }
.mse-0 { margin-right: 0px !important; margin-left: 0px !important; }
.mtb-0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.m-1 { margin: 5px !important; }
.mt-1 { margin-top: 5px !important; }
.me-1 { margin-right: 5px !important; }
.mb-1 { margin-bottom: 5px !important; }
.ms-1 { margin-left: 5px !important; }
.mse-1 { margin-right: 5px !important; margin-left: 5px !important; }
.mtb-1 { margin-top: 5px !important; margin-bottom: 5px !important; }

.m-2 { margin: 10px !important; }
.mt-2 { margin-top: 10px !important; }
.me-2 { margin-right: 10px !important; }
.mb-2 { margin-bottom: 10px !important; }
.ms-2 { margin-left: 10px !important; }
.mse-2 { margin-right: 10px !important; margin-left: 10px !important; }
.mtb-2 { margin-top: 10px !important; margin-bottom: 10px !important; }

.m-3 { margin: 15px !important; }
.mt-3 { margin-top: 15px !important; }
.me-3 { margin-right: 15px !important; }
.mb-3 { margin-bottom: 15px !important; }
.ms-3 { margin-left: 15px !important; }
.mse-3 { margin-right: 15px !important; margin-left: 15px !important; }
.mtb-3 { margin-top: 15px !important; margin-bottom: 15px !important; }

.m-4 { margin: 20px !important; }
.mt-4 { margin-top: 20px !important; }
.me-4 { margin-right: 20px !important; }
.mb-4 { margin-bottom: 20px !important; }
.ms-4 { margin-left: 20px !important; }
.mse-4 { margin-right: 20px !important; margin-left: 20px !important; }
.mtb-4 { margin-top: 20px !important; margin-bottom: 20px !important; }

.m-5 { margin: 25px !important; }
.mt-5 { margin-top: 25px !important; }
.me-5 { margin-right: 25px !important; }
.mb-5 { margin-bottom: 25px !important; }
.ms-5 { margin-left: 25px !important; }
.mse-5 { margin-right: 25px !important; margin-left: 25px !important; }
.mtb-5 { margin-top: 25px !important; margin-bottom: 25px !important; }

.m-6 { margin: 30px !important; }
.mt-6 { margin-top: 30px !important; }
.me-6 { margin-right: 30px !important; }
.mb-6 { margin-bottom: 30px !important; }
.ms-6 { margin-left: 30px !important; }
.mse-6 { margin-right: 30px !important; margin-left: 30px !important; }
.mtb-6 { margin-top: 30px !important; margin-bottom: 30px !important; }

.p-0 { padding: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pe-0 { padding-right: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.ps-0 { padding-left: 0px !important; }
.pse-0 { padding-right: 0px !important; padding-left: 0px !important; }
.ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.p-1 { padding: 5px !important; }
.pt-1 { padding-top: 5px !important; }
.pe-1 { padding-right: 5px !important; }
.pb-1 { padding-bottom: 5px !important; }
.ps-1 { padding-left: 5px !important; }
.pse-1 { padding-right: 5px !important; padding-left: 5px !important; }
.ptb-1 { padding-top: 5px !important; padding-bottom: 5px !important; }

.p-2 { padding: 10px !important; }
.pt-2 { padding-top: 10px !important; }
.pe-2 { padding-right: 10px !important; }
.pb-2 { padding-bottom: 10px !important; }
.ps-2 { padding-left: 10px !important; }
.pse-2 { padding-right: 10px !important; padding-left: 10px !important; }
.ptb-2 { padding-top: 10px !important; padding-bottom: 10px !important; }

.p-3 { padding: 15px !important; }
.pt-3 { padding-top: 15px !important; }
.pe-3 { padding-right: 15px !important; }
.pb-3 { padding-bottom: 15px !important; }
.ps-3 { padding-left: 15px !important; }
.pse-3 { padding-right: 15px !important; padding-left: 15px !important; }
.ptb-3 { padding-top: 15px !important; padding-bottom: 15px !important; }

.p-4 { padding: 20px !important; }
.pt-4 { padding-top: 20px !important; }
.pe-4 { padding-right: 20px !important; }
.pb-4 { padding-bottom: 20px !important; }
.ps-4 { padding-left: 20px !important; }
.pse-4 { padding-right: 20px !important; padding-left: 20px !important; }
.ptb-4 { padding-top: 20px !important; padding-bottom: 20px !important; }

.p-5 { padding: 25px !important; }
.pt-5 { padding-top: 25px !important; }
.pe-5 { padding-right: 25px !important; }
.pb-5 { padding-bottom: 25px !important; }
.ps-5 { padding-left: 25px !important; }
.pse-5 { padding-right: 25px !important; padding-left: 25px !important; }
.ptb-5 { padding-top: 25px !important; padding-bottom: 25px !important; }

.p-6 { padding: 30px !important; }
.pt-6 { padding-top: 30px !important; }
.pe-6 { padding-right: 30px !important; }
.pb-6 { padding-bottom: 30px !important; }
.ps-6 { padding-left: 30px !important; }
.pse-6 { padding-right: 30px !important; padding-left: 30px !important; }
.ptb-6 { padding-top: 30px !important; padding-bottom: 30px !important; }

.bdr-0 { border: 0px !important; }
.bdrt-0 { border-top: 0px !important; }
.bdre-0 { border-right: 0px !important; }
.bdrb-0 { border-bottom: 0px !important; }
.bdrs-0 { border-left: 0px !important; }

.bdrt-d-1 { border-top: 0.5px dashed #ccd2d5; }
.bdrb-d-1 { border-bottom: 0.5px dashed #ccd2d5; }

.bdrt-s-1 { border-top: 0.5px solid #ccd2d5; }
.bdrb-s-1 { border-bottom: 0.5px solid #ccd2d5; }

.rd-50 { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% }
.rd-30 { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px }
.rd-15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px }
.rd-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px }

.txt-lt { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-rt { text-align: right !important; }
.txt-justify { text-align: justify; }
.txt-upp { text-transform: uppercase; }

.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9 { color: rgb(var(--bs-thm-clr-1)); font-weight: 500; }

h1, .h1 { font-size: 36px; line-height: 44px; }
h2, .h2 { font-size: 30px; line-height: 36px; }
h3, .h3 { font-size: 24px; line-height: 30px; }
h4, .h4 { font-size: 18px; line-height: 22px; }
h5, .h5 { font-size: 14px; line-height: 18px; }
h6, .h6 { font-size: 12px; line-height: 16px; }

p, .f-20, .f-18, .f-16, .f-15, .f-14, .f-12, .f-10, .list li {
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	color: rgb(var(--bs-thm-clr-3));
	line-height: 22px;
	margin-bottom: 12px;
}

.f-20 { font-size: 20px !important; line-height: 32px !important; }
.f-18 { font-size: 18px !important; line-height: 30px !important; }
.f-16 { font-size: 16px !important; line-height: 30px !important; }
.f-15 { font-size: 15px !important; line-height: 30px !important; }
.f-14 { line-height: 28px !important; }
.f-12 { font-size: 12px !important; line-height: 24px; }
.f-10 { font-size: 10px; line-height: 15px; }

.bg-white { background: rgb(var(--bs-white)) !important; }
.bg-white-50 { background: rgba(var(--bs-white), 0.5); }
.bg-black { background: rgb(var(--bs-black)) !important; }
.bg-black-50 { background: rgba(var(--bs-black), 0.5); }
.bg-clr-1 { background: rgb(var(--bs-clr-1)) !important; }
.bg-clr-2 { background: rgb(var(--bs-clr-2)) !important; }
.bg-clr-3 { background: rgb(var(--bs-clr-3)) !important; }
.bg-clr-4 { background: rgb(var(--bs-clr-4)) !important; }
.bg-clr-5 { background: rgb(var(--bs-clr-5)) !important; }
.bg-clr-6 { background: rgb(var(--bs-clr-6)) !important; }
.bg-clr-7 { background: rgb(var(--bs-clr-7)) !important; }
.bg-clr-8 { background: rgb(var(--bs-clr-8)) !important; }
.bg-clr-9 { background: rgb(var(--bs-clr-9)) !important; }
.bg-clr-10 { background: rgb(var(--bs-clr-10)) !important; }
.bg-clr-11 { background: rgb(var(--bs-clr-11)) !important; }
.bg-clr-12 { background: rgb(var(--bs-clr-12)) !important; }
.bg-clr-13 { background: rgb(var(--bs-clr-13)) !important; }

.txt-white { color: rgb(var(--bs-white)) !important; }
.txt-white-50 { color: rgba(var(--bs-white), 0.5); }
.txt-black { color: rgb(var(--bs-black)) !important; }
.txt-black-50 { color: rgba(var(--bs-black), 0.5); }
.txt-clr-1 { color: rgb(var(--bs-clr-1)) !important; }
.txt-clr-2 { color: rgb(var(--bs-clr-2)) !important; }
.txt-clr-3 { color: rgb(var(--bs-clr-3)) !important; }
.txt-clr-4 { color: rgb(var(--bs-clr-4)) !important; }
.txt-clr-5 { color: rgb(var(--bs-clr-5)) !important; }
.txt-clr-6 { color: rgb(var(--bs-clr-6)) !important; }
.txt-clr-7 { color: rgb(var(--bs-clr-7)) !important; }
.txt-clr-8 { color: rgb(var(--bs-clr-8)) !important; }
.txt-clr-9 { color: rgb(var(--bs-clr-9)) !important; }
.txt-clr-10 { color: rgb(var(--bs-clr-10)) !important; }
.txt-clr-11 { color: rgb(var(--bs-clr-11)) !important; }
.txt-clr-12 { color: rgb(var(--bs-clr-12)) !important; }
.txt-clr-13 { color: rgb(var(--bs-clr-13)) !important; }
.txt-thm-clr-1 { color: rgb(var(--bs-thm-clr-1)) !important; }
.txt-thm-clr-2 { color: rgb(var(--bs-thm-clr-2)) !important; }

.txt-overflow-dot { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; }
.txt-overflow-dot2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.txt-overflow-dot3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.wdth-100p { width: 100%; }
.wdth-90p { width: 90%; }
.wdth-80p { width: 80%; }
.mxw-1200 { max-width: 1200px !important; }
.mxw-1100 { max-width: 1100px !important; }
.mxw-1050 { max-width: 1050px !important; }
.mxw-1000 { max-width: 1000px !important; }
.mxw-980 { max-width: 980px !important; }
.mxw-950 { max-width: 950px !important; }
.mxw-900 { max-width: 900px !important; }
.mxw-850 { max-width: 850px !important; }
.mxw-800 { max-width: 800px !important; }
.mxw-750 { max-width: 750px !important; }
.mxw-700 { max-width: 700px !important; }
.mxw-650 { max-width: 650px !important; }
.mxw-600 { max-width: 600px !important; }
.mxw-550 { max-width: 550px !important; }
.mxw-500 { max-width: 500px !important; }
.mxw-450 { max-width: 450px !important; }
.mxw-400 { max-width: 400px !important; }
.mxw-350 { max-width: 350px !important; }
.mxw-300 { max-width: 300px !important; }
.mxw-250 { max-width: 250px !important; }
.mxw-200 { max-width: 200px !important; }
.mnw-auto { min-width: auto !important; }

.mnh-auto { min-height: auto !important; }
.mnh-750 { min-height: 750px; }
.mnh-700 { min-height: 700px; }
.mnh-650 { min-height: 650px; }
.mnh-600 { min-height: 600px; }
.mnh-550 { min-height: 550px; }
.mnh-500 { min-height: 500px; }
.mnh-400 { min-height: 400px; }
.mnh-300 { min-height: 300px; }
.mnh-200 { min-height: 200px; }
.mnh-100 { min-height: 100px; }


.row { margin-left: -10px; margin-right: -10px; width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: calc(100% + 20px); }
.row.g-0 { width: 100%; }
.row.g-0, .row.g-0 > * { margin-right: 0 !important; margin-left: 0!important; }

.col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1,
.col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-md-15, .col-md-14, .col-md-13, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1,
.col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, 
.col-xxl-15, .col-xxl-14, .col-xxl-13, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1 {	
	margin: 0px 10px 20px 10px; float: left;
}

.col-15 { width: -webkit-calc(100% - 21px); width: -moz-calc(100% - 21px); width: calc(100% - 21px); }
.col-14 { width: -webkit-calc(80% - 21px); width: -moz-calc(80% - 21px); width: calc(80% - 21px); } /* 80% */
.col-13 { width: -webkit-calc(75% - 21px); width: -moz-calc(75% - 21px); width: calc(75% - 21px); } /* 75% */
.col-12 { width: -webkit-calc(70% - 21px); width: -moz-calc(70% - 21px); width: calc(70% - 21px); } /* 70% */
.col-11 { width: -webkit-calc(66.66% - 21px); width: -moz-calc(66.66% - 21px); width: calc(66.66% - 21px); } /* 66.6% */
.col-10 { width: -webkit-calc(65% - 21px); width: -moz-calc(65% - 21px); width: calc(65% - 21px); } /* 65% */
.col-9 { width: -webkit-calc(60% - 21px); width: -moz-calc(60% - 21px); width: calc(60% - 21px); } /* 60% */
.col-8 { width: -webkit-calc(50% - 21px); width: -moz-calc(50% - 21px); width: calc(50% - 21px); } /* 50% */
.col-7 { width: -webkit-calc(40% - 21px); width: -moz-calc(40% - 21px); width: calc(40% - 21px); } /* 40% */
.col-6 { width: -webkit-calc(35% - 21px); width: -moz-calc(35% - 21px); width: calc(35% - 21px); } /* 35% */
.col-5 { width: -webkit-calc(33.33% - 21px); width: -moz-calc(33.33% - 21px); width: calc(33.33% - 21px); } /* 33.3% */
.col-4 { width: -webkit-calc(30% - 21px); width: -moz-calc(30% - 21px); width: calc(30% - 21px); } /* 30% */
.col-3 { width: -webkit-calc(25% - 21px); width: -moz-calc(25% - 21px); width: calc(25% - 21px); } /* 25% */
.col-2 { width: -webkit-calc(20% - 21px); width: -moz-calc(20% - 21px); width: calc(20% - 21px); } /* 20% */
.col-1 { width: -webkit-calc(16.66% - 21px); width: -moz-calc(16.66% - 21px); width: calc(16.66% - 21px); } /* 16% */

.row.g-0 .col-15 { width: 100%; }
.row.g-0 .col-14 { width: 80% } /* 80% */
.row.g-0 .col-13 { width: 75%; } /* 75% */
.row.g-0 .col-12 { width: 70%; } /* 70% */
.row.g-0 .col-11 { width: 66.66%; } /* 66.6% */
.row.g-0 .col-10 { width: 65% } /* 65% */
.row.g-0 .col-9 { width: 60%; } /* 60% */
.row.g-0 .col-8 { width: 50%; } /* 50% */
.row.g-0 .col-7 { width: 40%; } /* 40% */
.row.g-0 .col-6 { width: 35% } /* 35% */
.row.g-0 .col-5 { width: 33.33%; } /* 33.3% */
.row.g-0 .col-4 { width: 30%; } /* 30% */
.row.g-0 .col-3 { width: 25%; } /* 25% */
.row.g-0 .col-2 { width: 20% } /* 20% */
.row.g-0 .col-1 { width: 16.66% } /* 16% */


@media (min-width: 576px) {
.m-sm-0 { margin: 0px !important; }
.mt-sm-0 { margin-top: 0px !important; }
.me-sm-0 { margin-right: 0px !important; }
.mb-sm-0 { margin-bottom: 0px !important; }
.ms-sm-0 { margin-left: 0px !important; }
.mse-sm-0 { margin-right: 0px !important; margin-left: 0px !important; }

.float-sm-start {float: left !important;}
.float-sm-end {float: right; }
.float-sm-none { float:none; }

.txt-sm-lt { text-align: left !important; }
.txt-sm-center { text-align:center; }
.txt-sm-rt { text-align: right; }

.col-sm-15 { width: -webkit-calc(100% - 21px); width: -moz-calc(100% - 21px); width: calc(100% - 21px); }
.col-sm-14 { width: -webkit-calc(80% - 21px); width: -moz-calc(80% - 21px); width: calc(80% - 21px); } /* 80% */
.col-sm-13 { width: -webkit-calc(75% - 21px); width: -moz-calc(75% - 21px); width: calc(75% - 21px); } /* 75% */
.col-sm-12 { width: -webkit-calc(70% - 21px); width: -moz-calc(70% - 21px); width: calc(70% - 21px); } /* 70% */
.col-sm-11 { width: -webkit-calc(66.66% - 21px); width: -moz-calc(66.66% - 21px); width: calc(66.66% - 21px); } /* 66.6% */
.col-sm-10 { width: -webkit-calc(65% - 21px); width: -moz-calc(65% - 21px); width: calc(65% - 21px); } /* 65% */
.col-sm-9 { width: -webkit-calc(60% - 21px); width: -moz-calc(60% - 21px); width: calc(60% - 21px); } /* 60% */
.col-sm-8 { width: -webkit-calc(50% - 21px); width: -moz-calc(50% - 21px); width: calc(50% - 21px); } /* 50% */
.col-sm-7 { width: -webkit-calc(40% - 21px); width: -moz-calc(40% - 21px); width: calc(40% - 21px); } /* 40% */
.col-sm-6 { width: -webkit-calc(35% - 21px); width: -moz-calc(35% - 21px); width: calc(35% - 21px); } /* 35% */
.col-sm-5 { width: -webkit-calc(33.33% - 21px); width: -moz-calc(33.33% - 21px); width: calc(33.33% - 21px); } /* 33.3% */
.col-sm-4 { width: -webkit-calc(30% - 21px); width: -moz-calc(30% - 21px); width: calc(30% - 21px); } /* 30% */
.col-sm-3 { width: -webkit-calc(25% - 21px); width: -moz-calc(25% - 21px); width: calc(25% - 21px); } /* 25% */
.col-sm-2 { width: -webkit-calc(20% - 21px); width: -moz-calc(20% - 21px); width: calc(20% - 21px); } /* 20% */
.col-sm-1 { width: -webkit-calc(16.66% - 21px); width: -moz-calc(16.66% - 21px); width: calc(16.66% - 21px); } /* 16% */

.row.g-0 .col-sm-15 { width: 100%; }
.row.g-0 .col-sm-14 { width: 80% } /* 80% */
.row.g-0 .col-sm-13 { width: 75%; } /* 75% */
.row.g-0 .col-sm-12 { width: 70%; } /* 70% */
.row.g-0 .col-sm-11 { width: 66.66%; } /* 66.6% */
.row.g-0 .col-sm-10 { width: 65% } /* 65% */
.row.g-0 .col-sm-9 { width: 60%; } /* 60% */
.row.g-0 .col-sm-8 { width: 50%; } /* 50% */
.row.g-0 .col-sm-7 { width: 40%; } /* 40% */
.row.g-0 .col-sm-6 { width: 35% } /* 35% */
.row.g-0 .col-sm-5 { width: 33.33%; } /* 33.3% */
.row.g-0 .col-sm-4 { width: 30%; } /* 30% */
.row.g-0 .col-sm-3 { width: 25%; } /* 25% */
.row.g-0 .col-sm-2 { width: 20% } /* 20% */
.row.g-0 .col-sm-1 { width: 16.66% } /* 16% */
}
@media (min-width: 768px) {
.m-md-0 { margin: 0px !important; }
.mt-md-0 { margin-top: 0px !important; }
.me-md-0 { margin-right: 0px !important; }
.mb-md-0 { margin-bottom: 0px !important; }
.ms-md-0 { margin-left: 0px !important; }
.mse-md-0 { margin-right: 0px !important; margin-left: 0px !important; }

.float-md-start {float: left;}
.float-md-end {float: right;}
.float-md-none { float:none; }

.txt-md-lt { text-align: left !important; }
.txt-md-center { text-align:center; }
.txt-md-rt { text-align: right; }

.col-md-15 { width: -webkit-calc(100% - 21px); width: -moz-calc(100% - 21px); width: calc(100% - 21px); }
.col-md-14 { width: -webkit-calc(80% - 21px); width: -moz-calc(80% - 21px); width: calc(80% - 21px); } /* 80% */
.col-md-13 { width: -webkit-calc(75% - 21px); width: -moz-calc(75% - 21px); width: calc(75% - 21px); } /* 75% */
.col-md-12 { width: -webkit-calc(70% - 21px); width: -moz-calc(70% - 21px); width: calc(70% - 21px); } /* 70% */
.col-md-11 { width: -webkit-calc(66.66% - 21px); width: -moz-calc(66.66% - 21px); width: calc(66.66% - 21px); } /* 66.6% */
.col-md-10 { width: -webkit-calc(65% - 21px); width: -moz-calc(65% - 21px); width: calc(65% - 21px); } /* 65% */
.col-md-9 { width: -webkit-calc(60% - 21px); width: -moz-calc(60% - 21px); width: calc(60% - 21px); } /* 60% */
.col-md-8 { width: -webkit-calc(50% - 21px); width: -moz-calc(50% - 21px); width: calc(50% - 21px); } /* 50% */
.col-md-7 { width: -webkit-calc(40% - 21px); width: -moz-calc(40% - 21px); width: calc(40% - 21px); } /* 40% */
.col-md-6 { width: -webkit-calc(35% - 21px); width: -moz-calc(35% - 21px); width: calc(35% - 21px); } /* 35% */
.col-md-5 { width: -webkit-calc(33.33% - 21px); width: -moz-calc(33.33% - 21px); width: calc(33.33% - 21px); } /* 33.3% */
.col-md-4 { width: -webkit-calc(30% - 21px); width: -moz-calc(30% - 21px); width: calc(30% - 21px); } /* 30% */
.col-md-3 { width: -webkit-calc(25% - 21px); width: -moz-calc(25% - 21px); width: calc(25% - 21px); } /* 25% */
.col-md-2 { width: -webkit-calc(20% - 21px); width: -moz-calc(20% - 21px); width: calc(20% - 21px); } /* 20% */
.col-md-1 { width: -webkit-calc(16.66% - 21px); width: -moz-calc(16.66% - 21px); width: calc(16.66% - 21px); } /* 16% */

.row.g-0 .col-md-15 { width: 100%; }
.row.g-0 .col-md-14 { width: 80% } /* 80% */
.row.g-0 .col-md-13 { width: 75%; } /* 75% */
.row.g-0 .col-md-12 { width: 70%; } /* 70% */
.row.g-0 .col-md-11 { width: 66.66%; } /* 66.6% */
.row.g-0 .col-md-10 { width: 65% } /* 65% */
.row.g-0 .col-md-9 { width: 60%; } /* 60% */
.row.g-0 .col-md-8 { width: 50%; } /* 50% */
.row.g-0 .col-md-7 { width: 40%; } /* 40% */
.row.g-0 .col-md-6 { width: 35% } /* 35% */
.row.g-0 .col-md-5 { width: 33.33%; } /* 33.3% */
.row.g-0 .col-md-4 { width: 30%; } /* 30% */
.row.g-0 .col-md-3 { width: 25%; } /* 25% */
.row.g-0 .col-md-2 { width: 20% } /* 20% */
.row.g-0 .col-md-1 { width: 16.66% } /* 16% */
}
@media (min-width: 931px) {
.m-lg-0 { margin: 0px !important; }
.mt-lg-0 { margin-top: 0px !important; }
.me-lg-0 { margin-right: 0px !important; }
.mb-lg-0 { margin-bottom: 0px !important; }
.ms-lg-0 { margin-left: 0px !important; }
.mse-lg-0 { margin-right: 0px !important; margin-left: 0px !important; }

.float-lg-start {float: left;}
.float-lg-end {float: right;}
.float-lg-none { float:none; }

.txt-lg-lt { text-align: left; }
.txt-lg-center { text-align:center !important; }
.txt-lg-rt { text-align: right; }

.col-lg-15 { width: -webkit-calc(100% - 21px); width: -moz-calc(100% - 21px); width: calc(100% - 21px); }
.col-lg-14 { width: -webkit-calc(80% - 21px); width: -moz-calc(80% - 21px); width: calc(80% - 21px); } /* 80% */
.col-lg-13 { width: -webkit-calc(75% - 21px); width: -moz-calc(75% - 21px); width: calc(75% - 21px); } /* 75% */
.col-lg-12 { width: -webkit-calc(70% - 21px); width: -moz-calc(70% - 21px); width: calc(70% - 21px); } /* 70% */
.col-lg-11 { width: -webkit-calc(66.66% - 21px); width: -moz-calc(66.66% - 21px); width: calc(66.66% - 21px); } /* 66.6% */
.col-lg-10 { width: -webkit-calc(65% - 21px); width: -moz-calc(65% - 21px); width: calc(65% - 21px); } /* 65% */
.col-lg-9 { width: -webkit-calc(60% - 21px); width: -moz-calc(60% - 21px); width: calc(60% - 21px); } /* 60% */
.col-lg-8 { width: -webkit-calc(50% - 21px); width: -moz-calc(50% - 21px); width: calc(50% - 21px); } /* 50% */
.col-lg-7 { width: -webkit-calc(40% - 21px); width: -moz-calc(40% - 21px); width: calc(40% - 21px); } /* 40% */
.col-lg-6 { width: -webkit-calc(35% - 21px); width: -moz-calc(35% - 21px); width: calc(35% - 21px); } /* 35% */
.col-lg-5 { width: -webkit-calc(33.33% - 21px); width: -moz-calc(33.33% - 21px); width: calc(33.33% - 21px); } /* 33.3% */
.col-lg-4 { width: -webkit-calc(30% - 21px); width: -moz-calc(30% - 21px); width: calc(30% - 21px); } /* 30% */
.col-lg-3 { width: -webkit-calc(25% - 21px); width: -moz-calc(25% - 21px); width: calc(25% - 21px); } /* 25% */
.col-lg-2 { width: -webkit-calc(20% - 21px); width: -moz-calc(20% - 21px); width: calc(20% - 21px); } /* 20% */
.col-lg-1 { width: -webkit-calc(16.66% - 21px); width: -moz-calc(16.66% - 21px); width: calc(16.66% - 21px); } /* 16% */

.row.g-0 .col-lg-15 { width: 100%; }
.row.g-0 .col-lg-14 { width: 80% } /* 80% */
.row.g-0 .col-lg-13 { width: 75%; } /* 75% */
.row.g-0 .col-lg-12 { width: 70%; } /* 70% */
.row.g-0 .col-lg-11 { width: 66.66%; } /* 66.6% */
.row.g-0 .col-lg-10 { width: 65% } /* 65% */
.row.g-0 .col-lg-9 { width: 60%; } /* 60% */
.row.g-0 .col-lg-8 { width: 50%; } /* 50% */
.row.g-0 .col-lg-7 { width: 40%; } /* 40% */
.row.g-0 .col-lg-6 { width: 35% } /* 35% */
.row.g-0 .col-lg-5 { width: 33.33%; } /* 33.3% */
.row.g-0 .col-lg-4 { width: 30%; } /* 30% */
.row.g-0 .col-lg-3 { width: 25%; } /* 25% */
.row.g-0 .col-lg-2 { width: 20% } /* 20% */
.row.g-0 .col-lg-1 { width: 16.66% } /* 16% */
}
@media (min-width: 1081px) {
.m-xl-0 { margin: 0px !important; }
.mt-xl-0 { margin-top: 0px !important; }
.me-xl-0 { margin-right: 0px !important; }
.mb-xl-0 { margin-bottom: 0px !important; }
.ms-xl-0 { margin-left: 0px !important; }
.mse-xl-0 { margin-right: 0px !important; margin-left: 0px !important; }

.float-xl-start {float: left;}
.float-xl-end {float: right;}
.float-xl-none { float:none; }

.txt-xl-lt { text-align: left !important; }
.txt-xl-center { text-align:center; }
.txt-xl-rt { text-align: right; }

.col-xl-15 { width: -webkit-calc(100% - 21px); width: -moz-calc(100% - 21px); width: calc(100% - 21px); }
.col-xl-14 { width: -webkit-calc(80% - 21px); width: -moz-calc(80% - 21px); width: calc(80% - 21px); } /* 80% */
.col-xl-13 { width: -webkit-calc(75% - 21px); width: -moz-calc(75% - 21px); width: calc(75% - 21px); } /* 75% */
.col-xl-12 { width: -webkit-calc(70% - 21px); width: -moz-calc(70% - 21px); width: calc(70% - 21px); } /* 70% */
.col-xl-11 { width: -webkit-calc(66.66% - 21px); width: -moz-calc(66.66% - 21px); width: calc(66.66% - 21px); } /* 66.6% */
.col-xl-10 { width: -webkit-calc(65% - 21px); width: -moz-calc(65% - 21px); width: calc(65% - 21px); } /* 65% */
.col-xl-9 { width: -webkit-calc(60% - 21px); width: -moz-calc(60% - 21px); width: calc(60% - 21px); } /* 60% */
.col-xl-8 { width: -webkit-calc(50% - 21px); width: -moz-calc(50% - 21px); width: calc(50% - 21px); } /* 50% */
.col-xl-7 { width: -webkit-calc(40% - 21px); width: -moz-calc(40% - 21px); width: calc(40% - 21px); } /* 40% */
.col-xl-6 { width: -webkit-calc(35% - 21px); width: -moz-calc(35% - 21px); width: calc(35% - 21px); } /* 35% */
.col-xl-5 { width: -webkit-calc(33.33% - 21px); width: -moz-calc(33.33% - 21px); width: calc(33.33% - 21px); } /* 33.3% */
.col-xl-4 { width: -webkit-calc(30% - 21px); width: -moz-calc(30% - 21px); width: calc(30% - 21px); } /* 30% */
.col-xl-3 { width: -webkit-calc(25% - 21px); width: -moz-calc(25% - 21px); width: calc(25% - 21px); } /* 25% */
.col-xl-2 { width: -webkit-calc(20% - 21px); width: -moz-calc(20% - 21px); width: calc(20% - 21px); } /* 20% */
.col-xl-1 { width: -webkit-calc(16.66% - 21px); width: -moz-calc(16.66% - 21px); width: calc(16.66% - 21px); } /* 16% */

.row.g-0 .col-xl-15 { width: 100%; }
.row.g-0 .col-xl-14 { width: 80% } /* 80% */
.row.g-0 .col-xl-13 { width: 75%; } /* 75% */
.row.g-0 .col-xl-12 { width: 70%; } /* 70% */
.row.g-0 .col-xl-11 { width: 66.66%; } /* 66.6% */
.row.g-0 .col-xl-10 { width: 65% } /* 65% */
.row.g-0 .col-xl-9 { width: 60%; } /* 60% */
.row.g-0 .col-xl-8 { width: 50%; } /* 50% */
.row.g-0 .col-xl-7 { width: 40%; } /* 40% */
.row.g-0 .col-xl-6 { width: 35% } /* 35% */
.row.g-0 .col-xl-5 { width: 33.33%; } /* 33.3% */
.row.g-0 .col-xl-4 { width: 30%; } /* 30% */
.row.g-0 .col-xl-3 { width: 25%; } /* 25% */
.row.g-0 .col-xl-2 { width: 20% } /* 20% */
.row.g-0 .col-xl-1 { width: 16.66% } /* 16% */
}
@media (min-width: 1281px) {
.m-xxl-0 { margin: 0px !important; }
.mt-xxl-0 { margin-top: 0px !important; }
.me-xxl-0 { margin-right: 0px !important; }
.mb-xxl-0 { margin-bottom: 0px !important; }
.ms-xxl-0 { margin-left: 0px !important; }
.mse-xxl-0 { margin-right: 0px !important; margin-left: 0px !important; }

.float-xxl-start {float: left;}
.float-xxl-end {float: right;}
.float-xxl-none { float:none; }

.txt-xxl-lt { text-align: left; }
.txt-xxl-center { text-align:center; }
.txt-xxl-rt { text-align: right; }

.col-xxl-15 { width: -webkit-calc(100% - 21px); width: -moz-calc(100% - 21px); width: calc(100% - 21px); }
.col-xxl-14 { width: -webkit-calc(80% - 21px); width: -moz-calc(80% - 21px); width: calc(80% - 21px); } /* 80% */
.col-xxl-13 { width: -webkit-calc(75% - 21px); width: -moz-calc(75% - 21px); width: calc(75% - 21px); } /* 75% */
.col-xxl-12 { width: -webkit-calc(70% - 21px); width: -moz-calc(70% - 21px); width: calc(70% - 21px); } /* 70% */
.col-xxl-11 { width: -webkit-calc(66.66% - 21px); width: -moz-calc(66.66% - 21px); width: calc(66.66% - 21px); } /* 66.6% */
.col-xxl-10 { width: -webkit-calc(65% - 21px); width: -moz-calc(65% - 21px); width: calc(65% - 21px); } /* 65% */
.col-xxl-9 { width: -webkit-calc(60% - 21px); width: -moz-calc(60% - 21px); width: calc(60% - 21px); } /* 60% */
.col-xxl-8 { width: -webkit-calc(50% - 21px); width: -moz-calc(50% - 21px); width: calc(50% - 21px); } /* 50% */
.col-xxl-7 { width: -webkit-calc(40% - 21px); width: -moz-calc(40% - 21px); width: calc(40% - 21px); } /* 40% */
.col-xxl-6 { width: -webkit-calc(35% - 21px); width: -moz-calc(35% - 21px); width: calc(35% - 21px); } /* 35% */
.col-xxl-5 { width: -webkit-calc(33.33% - 21px); width: -moz-calc(33.33% - 21px); width: calc(33.33% - 21px); } /* 33.3% */
.col-xxl-4 { width: -webkit-calc(30% - 21px); width: -moz-calc(30% - 21px); width: calc(30% - 21px); } /* 30% */
.col-xxl-3 { width: -webkit-calc(25% - 21px); width: -moz-calc(25% - 21px); width: calc(25% - 21px); } /* 25% */
.col-xxl-2 { width: -webkit-calc(20% - 21px); width: -moz-calc(20% - 21px); width: calc(20% - 21px); } /* 20% */
.col-xxl-1 { width: -webkit-calc(16.66% - 21px); width: -moz-calc(16.66% - 21px); width: calc(16.66% - 21px); } /* 16% */

.row.g-0 .col-xxl-15 { width: 100%; }
.row.g-0 .col-xxl-14 { width: 80% } /* 80% */
.row.g-0 .col-xxl-13 { width: 75%; } /* 75% */
.row.g-0 .col-xxl-12 { width: 70%; } /* 70% */
.row.g-0 .col-xxl-11 { width: 66.66%; } /* 66.6% */
.row.g-0 .col-xxl-10 { width: 65% } /* 65% */
.row.g-0 .col-xxl-9 { width: 60%; } /* 60% */
.row.g-0 .col-xxl-8 { width: 50%; } /* 50% */
.row.g-0 .col-xxl-7 { width: 40%; } /* 40% */
.row.g-0 .col-xxl-6 { width: 35% } /* 35% */
.row.g-0 .col-xxl-5 { width: 33.33%; } /* 33.3% */
.row.g-0 .col-xxl-4 { width: 30%; } /* 30% */
.row.g-0 .col-xxl-3 { width: 25%; } /* 25% */
.row.g-0 .col-xxl-2 { width: 20% } /* 20% */
.row.g-0 .col-xxl-1 { width: 16.66% } /* 16% */
}

.indian-price{ font-family: 'Inter'; font-weight: 400; }
.label-txt {
	line-height: 15px;
	font-size: 13px;
	color: var(--bs-txt-clr-3);
	padding:0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	position:absolute;
	top:-11px;
	left:0px;
	width:100%;
	z-index:1;
	text-transform: uppercase; 
}

select, option, optgroup, input, textarea {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
	box-sizing: border-box;
	outline:0px;
}

input[type="button"], input[type="submit"], button { -webkit-appearance: none; }
input[readonly] { cursor: no-drop; }

.input-txt, 
.area-txt {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #f2f5fa;
    line-height: 25px;
    height: 45px;
    font-size: 14px;
    color: #323232;
    background: #ebf0f3;
    margin: 0px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    transition: border-color 0.3s ease, background-color 0.3s ease; /* Adding transition for smoother effect */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

select.input-txt {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #ebf0f3;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 14px auto;
    background-position: center right 5px;
    background-blend-mode: darken;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.area-txt { height:80px; }

select.input-txt:focus, .input-txt:focus, .area-txt:focus {
	outline: none;
	border-color: #E8EBF1;
	background-color: #f8fbff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.required {
	padding-left: 4px;
	color: rgb(var(--bs-clr-7));
	font-size: var(--bs-body-font-size);
}
.input-txt.datepick { padding-right: 30px; background: url(../images/cal.png) no-repeat right center #f2f5fa; background-position: center right 10px; }
.input-txt.datepick:focus { background: url(../images/cal.png) no-repeat right center #ffffff; background-position: center right 10px; }
.input-cont {
  position: relative;
}
.lbl-txt  { margin-bottom: 0px !important; padding-top: 8px; }
.error-txt { color:rgb(var(--bs-clr-7)); font-size: 11px; font-style: italic; line-height: 14px; padding: 3px 0 0; text-align: right; display: none; }
.error-txt2 {
	position: absolute;
	top: 44px;
	left: 0px;
	line-height: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fbcfcf;
	color: #7e0b02;
	font-size: 11px;
	padding: 3px 5px;
}
.error-txt:empty, .error-txt2:empty { display: none; }
.input-cont .error-txt { max-width:370px; }

.error-txt2:after {
	bottom: 100%;
	left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(251, 207, 207, 0);
	border-bottom-color: #fbcfcf;
	border-width: 6px;
	margin-left: -6px;
}
.btn {
    display: inline-block;
    border: 0px;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    margin: 0px;
    font-size: 15px;
    padding: 10px 30px;
	text-transform:uppercase;
	min-width:130px;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.submit-btn { background: #237F5B; }
.submit-btn:hover { color: #fff; }
.cancel-btn, .cancel-btn:hover {
	background:#e5e7eb;
	color:#323232 !important;
	min-width:120px;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
}
.alert-success, .alert-error, .alert-info {
	display: block;
	width: auto;
	padding: 8px 12px;
	background: rgba(41, 154, 64, 0.1);
	border: 1px solid rgba(41, 154, 64, 0.1);
	color: #299a40;
	font-size: 13px;
	line-height: 24px;
	margin: 0px 0px;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.alert-error { color: #f15352; background: rgba(241, 83, 82, 0.1); border: 1px solid rgba(241, 83, 82, 0.1); }
.alert-info { color: #115ba2; background: rgba(17, 91, 162, 0.1); border: 1px solid rgba(17, 91, 162, 0.1); }
.alert-success:empty, .alert-error:empty, .alert-info:empty { display: none; }
.lbl-clr-1, .lbl-clr-2, .lbl-clr-3, .lbl-clr-4, .lbl-clr-5, .lbl-clr-6, .lbl-clr-7, .lbl-clr-8 { padding:5px 10px; line-height:24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 10px; text-transform: uppercase; }

.lbl-clr-1 { background:rgba(43,131,241,0.1); color:rgb(var(--bs-clr-1)) !important; }
.lbl-clr-2 { background:rgba(0,186,139,0.1); color:#00ba8b !important; }
.lbl-clr-3 { background:rgba(39,174,96,0.1); color:rgb(var(--bs-clr-3)) !important; }
.lbl-clr-4 { background:rgba(128,151,0,0.1); color:#809700 !important; }
.lbl-clr-5 { background:rgba(247,166,0,0.1); color:rgb(var(--bs-clr-5)) !important; }
.lbl-clr-6 { background:rgba(240,113,1,0.1); color:#f07101 !important; }
.lbl-clr-7 { background:rgba(237,85,100,0.1); color:var(--bs-clr-8) !important; }
.lbl-clr-8 { background:rgba(142,68,173,0.1); color:#8e44ad !important; }

.form-group { width: 100%; max-width: 980px; margin: 0px auto; overflow-x: hidden; }
.form-group ul, .form-group ul li, .search-group ul, .search-group ul li { float: left; }
.form-group ul li, .search-group ul li { min-height: 62px; position: relative; padding-top: 12px; margin-top: 12px; margin-bottom: 12px; }
.form-group ul li .label-txt span.required, .search-group ul li .label-txt span.required {padding-left: 4px; color: rgb(var(--bs-clr-7)); font-size: var(--bs-body-font-size); }
.form-group ul li.btn-cont, .search-group ul li.btn-cont { text-align: center; margin-bottom: 0px !important; padding: 12px 0px 0px 0px; }
.txt-muted {
	line-height: 20px;
	font-size: 11px;
	font-style: italic;
	color: #aaaaaa;
	display: block;
	text-align: left;
}
.search-group { width: 100%; margin: 0px auto; overflow: hidden; }
.search-group ul li { min-height: 63px; padding-top: 12px; position: relative; }
.search-group ul li.date-rng-cont { padding-top: 0px; }
.tbl-group { overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.tbl-group table { width: 100%; border-collapse: collapse; }
.tbl-group table, .tbl-group table th, .tbl-group table td { border: 0px; border-collapse: collapse; }
.tbl-group table th, .tbl-group table td { line-height: 30px; padding: 5px 12px; }
.tbl-group table thead {
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	padding: 5px 10px;
	background-image: linear-gradient(-45deg, rgb(33, 150, 243) 0%, rgb(33, 150, 243) 33%, rgb(0, 191, 165) 100%);
	border: 1px solid rgb(var(--bs-txt-clr-4));
	color: #fff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
}
.tbl-group table td { padding: 15px 12px; font-size: 14px; border-top: 1px solid #e0e7f0; border-bottom: 1px solid #e0e7f0;  color: #2f2f4a; background: #ffffff; }
/*Table Inner Scroll
	______________________________________________________________*/

.tbl-grp-inner-scrl {
	height: 560px;
	overflow-y: auto;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-track-color: #323232;
}

	.tbl-grp-inner-scrl::-webkit-scrollbar {
		width: 8px;
	}

	.tbl-grp-inner-scrl::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 32px;
	}

	.tbl-grp-inner-scrl::-webkit-scrollbar-track {
		background: #323232;
	}

	.tbl-grp-inner-scrl thead {
		position: sticky;
		top: 0;
	}
	.tbl-grp-inner-scrl tbody tr.sticky-row {
		position: sticky;
		bottom: 0;
		z-index: 1;
	}
.global-loader {
  position: fixed !important;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/load.gif) no-repeat center rgba(255, 255, 255, 0.75);
  background-size:70px auto;
  z-index: 1000 !important;
  display: none;
}

/* Body defaults
------------------------------------------------------------------------------------------------*/
#container { position:relative; padding:0px; background: #F4F6FB; }
#container > * { position: relative; z-index: 1; }
.container-fluid { padding-left:25px; padding-right:25px; }
main { margin-left: 240px; }

/* Header defaults
------------------------------------------------------------------------------------------------*/
.header { 
	position: fixed;
    top: 0;
    right: 0;
    left: 240px;
    z-index: 1002;
	padding: 6px 0px;
	height: 56px;
    background-color: var(--bs-white);
    background: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.menu { display: none; }
.menu a {
	z-index:10;
	width:48px;
	height:38px;
	margin:4px 0px 3px;
	padding:18px 0px 0px 0px;
	display:block;
	position:relative;
}
.menu a span {
	width:20px;
	height:2px;
	background:#323232;
	display: block;
	position: relative;
	margin: 0px auto;
}
.menu a span::before, .menu a span::after {
	background:#323232;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 100%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;	
}
.menu a span::after { top: 6px; }
.menu a:hover span::before { top: -8px; }
.menu a:hover span::after { top: 8px; }
.menu a.active span { background:Transparent; }
.menu a.active span::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
	top:50%;
}
.menu a.active span::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
	top:50%;
}
.logo, .logo a, .logo a img { width: 117px; height: 65px; margin: 0px auto; display: none; }
.logo {
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: calc(100% - 300px);
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.logo, .head-rt { margin: 0px 0px 0px 0px; }
.head-rt { float: right; padding: 8px 0px; }
.head-rt>ul, .head-rt>ul>li { float: left; }
.head-rt>ul>li { margin: 0px 0px 0px 10px; padding: 0px 0px; }
.head-rt>ul>li>a { 
	font-size: 13px; 
	height: 32px; 
	display: block; 
	-webkit-border-radius:30px; 
	-moz-border-radius:30px; 
	border-radius:30px; 
	position: relative; 
}
.head-rt>ul>li>a:hover, .head-rt>ul>li.active>a { background: #f3f8fb; }
.head-rt ul li a.bell { font-size: 20px; line-height: 35px; width: 50px; text-align: center; padding: 5px 0px;  }
.head-rt ul li a.bell .bell-notify {
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	color: #ffffff;
	padding: 0px 6px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 3px;
	left: 50%;
	background: rgb(var(--bs-clr-5));
}
.head-rt ul li a.head-pro { position: relative; padding-right: 24px; }
.head-rt ul li a.head-pro:before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 8px;
	line-height:12px;
	height: 12px;
	width: 10px;
	font-size: 12px;
	text-align: center;
	margin: auto 0px;
	color: #323232;
}
.head-rt ul li a.head-pro .pro-avatar, .head-rt ul li a.head-pro .pro-avatar img { width: 32px; height: 32px; display: block; }
.head-rt ul li a.head-pro .pro-avatar {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	float: left;
	overflow: hidden;
	margin-right: 8px;
}
.head-rt ul li a.head-pro .pro-name {
	width: 110px;
	font-size: 14px;
	color: #323232;
	font-weight: 500;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 32px;
	white-space: nowrap;
	display: block;
	position: relative;
	padding:6px 0px 6px 0px;
}
.head-rt ul li { position: relative; }
.head-rt ul li .head-sub-menu {
	position: absolute;
	right: 0px;
	top:75px;
	z-index: 9999;
	height: auto;
	padding: 0px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(167, 255, 255, 0.42);
	-moz-box-shadow: 0 0 30px rgba(167, 255, 255, 0.42);
	box-shadow: 0 0 30px rgba(167, 255, 255, 0.42);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    width: 350px;
    pointer-events: none;
    visibility: hidden;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.head-rt ul li .hpc-cont.head-sub-menu { width: 280px; }
.head-rt ul li.active .head-sub-menu { 
    top:55px;
    pointer-events: all;
    visibility: visible;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;	
}
.head-rt ul li .head-sub-menu:after{
	bottom: 100%;
	right: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
.head-rt ul li .hpc-cont.head-sub-menu .profile-name { display:block; padding: 20px 0px; border-bottom: 1px solid #e1e1e1; text-align: center; font-size: 14px; color: rgb(var(--bs-txt-clr-1)); }
.head-rt ul li .hpc-cont.head-sub-menu ul { width:100%; position: relative; padding: 0px 0px 0px 0px; }
.head-rt ul li .hpc-cont.head-sub-menu ul li {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	float:none;
	height:auto;
}
.head-rt ul li .hpc-cont.head-sub-menu ul li.log-out { border-top: 1px solid #e1e1e1; text-align: center; }
.head-rt ul li .hpc-cont.head-sub-menu ul li a {
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	font-size: 13px;
	display: block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	float:none;
	color: rgb(var(--bs-txt-clr-2));
}
.head-rt ul li .hpc-cont.head-sub-menu ul li a:hover { background: rgb(var(--bs-txt-clr-4)); color: rgb(var(--bs-txt-clr-1)); }

/* Sidebar
------------------------------------------------------------------------------------------------*/
.sidebar {
    width: 240px;
    margin: 0px;
	padding:0px 0px 0px 0px;
    height: 100vh;
    position: fixed !important;
    top: 0px;
    left: 0px;
    bottom: 0px;
	background: #225a7b;
    z-index: 2;
	-webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 3px 3px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 3px 3px;
}
.sidebar-head {
  height: 62px;
  width: 100%;
  float: none;
  display: block;
  padding: 7px 0px;
}
.sidebar-head.logo a, .sidebar-head.logo a img { width: auto; height: 48px; margin: 0px auto; float: none; display: block; }
.sidebar .sidebar-cont{ height: 80vh; height: -webkit-calc(100vh - 66px); height: -moz-calc(100vh - 66px); height: calc(100vh - 66px); overflow: auto; margin-top: 32px; }
.sidebar-cont h6 { margin: 15px 0px; font-family: 'Oswald', Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; color: #2d2e5633; }
.sidebar ul li { position: relative; margin:0px 0px 10px 0px; }
.sidebar ul li a {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	display: block;
	padding: 10px 15px;
	position: relative;
	font-weight: 600;
	z-index:1;
	/*text-align:center;*/
	text-transform:uppercase;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	width: 95%;
	-webkit-border-radius: 0px 32px 32px 0px;
	-moz-border-radius: 0px 32px 32px 0px;
	border-radius: 0px 32px 32px 0px;
}
.sidebar ul li:hover a, .sidebar ul li a:hover { color: #6FE6F9; }
.sidebar ul li a.active, .sidebar ul li.active a { color: #1B2850; background: #eafeff; font-weight: 600; }
.sidebar ul li a span { float: left; margin-right: 12px; font-size: 18px; line-height: 30px; }
.sidebar ul li .submenu {
	background: #2d2e5619;
	width: 95%;
	-webkit-border-radius: 0px 7px 7px 0px;
	-moz-border-radius: 0px 7px 7px 0px;
	border-radius: 0px 7px 7px 0px;
	display:none;
}
/* Content defaults
------------------------------------------------------------------------------------------------*/
.breadcrumps ul { float: right; }
.breadcrumps ul li { float: left; padding: 0px 0px; }
.breadcrumps ul li a, .breadcrumps ul li span {
	font-size: 12px;
	line-height: 30px;
	color: rgba(255,255,255,0.75);
	padding: 0px 10px 0px 0px;
}
.breadcrumps ul li span { padding: 0px; }
.breadcrumps ul li a:after { font-size: 8px; font-family: icon-font; -webkit-font-smoothing: antialiased; content: '\e80d'; padding: 0px 0px 0px 10px; display: inline-block; vertical-align: top; }
.content-title{ margin-bottom: 24px; }
.head-title{ font-size: 16px; border-bottom: 1px solid #b1b1b1; padding-bottom: 3px; margin-bottom: 14px; }
.content { padding: 56px 0px 0px 0px; min-height: 650px; }
.wht-cont {
	background: #ffffff;
	padding: 20px;	
	-webkit-box-shadow: rgba(152, 197, 242, 0.2) 0px 8px 24px;
	-moz-box-shadow: rgba(152, 197, 242, 0.2) 0px 8px 24px;
	box-shadow: rgba(152, 197, 242, 0.2) 0px 8px 24px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.tbl-group .offer { width: 100px; display: block; margin: 0px; }
.pro-qty { 
	width: 125px; 
	height: 44px; 
	border: 1px solid #e0e7f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px 5px;
}
.pro-qty .input-txt { width: 52px; height: 24px; border: 0px; float: left; padding: 0px 5px; margin: 0px 5px; background: #ffffff; text-align: center; }
.pro-qty span {
	background: rgb(var(--bs-txt-clr-4));
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
.pro-qty2 { 
	width: 98px; 
	height: 32px; 
	padding: 2px 2px;
	display: flex;
	justify-content: space-between;
}
.pro-qty2 .input-txt { width: 28px; height: 24px; border: 0px; float: left; padding: 0px 1px; margin: 0px 1px; background: #ffffff; text-align: center; }
.pro-qty2 span {
    background: #ebf0f3;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 12px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}
.pro-qty2 span.down-arrow:before, .pro-qty2 span.up-arrow:before { font-size: 11px; }
.input-prcnt { position: relative; }
.input-prcnt .input-txt { padding-right: 20px; }
.input-prcnt:after {
	content: '%';
	font-size: 13px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin: auto 0px;
}
.action-link { text-align: center; display: block; }
.action-link ul { display: inline-block; }
.action-link ul li { float: left; position: relative; width: 36px; height: 36px; }
.action-link ul li a.action-icon, .action-link ul li a.action-icon > * {
	width: 36px;
	height: 36px;
	margin: 0px;
	display: block;
	text-align:center;
	color: #888c9b;
}
.action-link ul li a.action-icon > * { width: 18px; height: 18px; padding:9px; }
.action-link ul li .action-submenu {
	position: absolute;
	z-index: 9999;
	height: auto;
	padding: 0px;
	background: #fff;
	display: none;
	margin: 0px 0px 0px 0px;
	width: 200px;
	top: 45px;
	right: -1px;	
	-webkit-box-shadow: 0 6px 30px rgba(0,0,0,.12);
	-moz-box-shadow: 0 6px 30px rgba(0,0,0,.12);
	box-shadow: 0 6px 30px rgba(0,0,0,.12);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.action-link ul li .action-submenu.active { display:block; }
.action-submenu:after {
	bottom: 100%;
	right: 9px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
}
.action-link ul li .action-submenu.bottom { top: auto; bottom: 45px; }
.action-submenu.bottom:after{ bottom:auto; top: 100%; }
.action-submenu.bottom:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; }
.action-link ul li .action-submenu ul li { width:100%; display: block; }
.action-link ul li .action-submenu ul li a, .action-link ul li:hover .action-submenu ul li a {
	display: block;
	font-size: 13px;
	text-align: left;
	padding: 0px 15px;
	line-height: 40px;
	color: #272e48;
	margin:0px;
	width:100%;
}
.action-link ul li .action-submenu ul li a:hover, .action-link ul li .action-submenu ul li:hover a { color:#124fa2; background:#f8f9fa; }
.delete-icon, .product-icon, .email-icon, .message-icon, .edit-icon {
	width:36px;
	height:36px;
	background:url(../images_learn/admin/garbage.png) no-repeat center;
	background-size:18px auto;
	font-size:0px;
	display:inline-block;
	margin:0px 5px;
}
.product-icon { background:url(../images_learn/admin/box.png) no-repeat center; background-size:18px auto; }
.action-link ul li a.delete, .action-link ul li a.product, .action-link ul li a.email, .action-link ul li a.message, .action-link ul li a.edit, .action-link ul li a.view, .action-link ul li a.download {
	width:36px;
	height:36px;
	display:block;
	margin:0px;
	line-height: 36px;
}
.action-link ul li a.download {	font-size: 16px; color: #323232; }
.action-link ul li a.view { font-size: 16px; color: #323232; }
.action-link ul li a.edit { font-size: 16px; color: #323232; }
.pagination { padding: 10px 20px 0px 0px; text-align: right; }
.pagination ul li { display: inline-block; margin:0px 5px; }
.pagination ul li a {
	line-height: 25px;
	height: 25px;
	font-size: 14px;
	color: #272e48;
	text-align: center;
	width: 45px;
	margin: 0px;
	padding:10px 0px;
	background: #f2f5fa;
	text-transform: uppercase;
	display: block;
}
.pagination ul li.prev a:before, .pagination ul li.next a:before { content: '\e80c'; font-family: icon-font; -webkit-font-smoothing: antialiased; }
.pagination ul li.next a:before { content: '\e80d'; font-family: icon-font; -webkit-font-smoothing: antialiased; }
.pagination ul li a:hover, .pagination ul li a.active { background: #3498db; color: #ffffff; }
.order-summary table tr td { font-size: 13px; color: #323232; line-height: 28px; padding: 8px 0px; font-weight: 600; }
.order-summary table tr th { font-weight: 600; }
.order-summary table tbody tr.bdr td { border-bottom: 1px solid #ECECEC; }
.order-summary table tr .f-12 { font-size: 12px; }
.order-success { border: 1px dashed rgb(var(--bs-clr-3));
  padding: 8px 0px;
  font-size: 15px;
  text-align: center;
  color: rgb(var(--bs-clr-3));
  font-weight: 600;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
}
.order-view ul li .lbl-txt { font-size: 15px; font-weight: 400; color: #323232; padding: 0px; padding-bottom: 6px; }
.order-view ul li{ margin-bottom: 8px !important; }
.order-view ul li label { font-size: 12px; color: #646A8B; text-transform: uppercase; margin: 0px; }
.offer-sec { position: relative; }
.offer-code {
	border: 1px dashed #ffffff;
	padding: 5px 15px;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	width: 230px;
	display: block;
	position: absolute;
	right: 25px;
	top: 60px;
}
.offer-code span { text-transform: uppercase; font-weight: 600; }
.sell-cont {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 40px;
	right: 30px;
	text-align: center;
}
.sell-cont a {
	display: block;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #eb289d;
	background: -moz-linear-gradient(-45deg, #eb289d 0%, #8a16d8 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #eb289d), color-stop(100%, #8a16d8));
	background: -webkit-linear-gradient(-45deg, #eb289d 0%, #8a16d8 100%);
	background: -o-linear-gradient(-45deg, #eb289d 0%, #8a16d8 100%);
	background: -ms-linear-gradient(-45deg, #eb289d 0%, #8a16d8 100%);
	background: linear-gradient(135deg, #eb289d 0%, #8a16d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb289d', endColorstr='#8a16d8', GradientType=1 );  font-size: 20px;
	color: #ffffff;
	line-height: 40px;
	padding: 10px 3px 10px 0px;
	cursor: pointer;
}
.truck-check{
	padding: 14px; 
	background: #F3E8FF;
	position: absolute;
	top: 24px;
	right: 24px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.truck-check:before{ font-size: 24px; color: #A854F7; font-family: icon-font; }
.money-check{
	padding: 14px; 
	background: #FFEDD5;
	position: absolute;
	top: 24px;
	right: 24px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.money-check:before{ font-size: 24px; color: #F97315; font-family: icon-font; }
/* Footer
------------------------------------------------------------------------------------------------*/
.footer {
  font-size: 13px;
  text-align: center;
  line-height: 28px;
  padding: 10px 0px;
  color: rgba(45,46,86,0.5);
}
/* Login
------------------------------------------------------------------------------------------------*/
#container.login-container {
	background: linear-gradient(-45deg, #4b38b3 50%, #45cb85);
	min-height: 100vh;
  width: 100%;
	position: relative;
}
#container.login-container:after {
    content: "";
    background: url('../images/login-bg-pattern.png') no-repeat center;
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
#container.login-container>.container-fluid, #container.login-container .container-fluid table, #container.login-container .container-fluid table tr, #container.login-container .container-fluid table tr td {
	width:100%;
	height:auto;
	min-height: -webkit-calc(100vh - 55px);
	min-height: -moz-calc(100vh - 55px);
	min-height: calc(100vh - 55px);
}
#container.login-container .container-fluid table tr td { padding-top: 80px; padding-bottom: 80px; }
.login-cont {
  width: 100%;
  max-width: 480px;
  margin: 0px 0px 0px auto;
  padding: 30px;
  text-align: left;
  background: #ffffff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
#container.login-container .logo, #container.login-container .logo a, #container.login-container .logo a img { width:82px; height:auto; float: none; display: block; }
#container.login-container .logo { margin: 0px auto 18px auto; }
.login-cont.form-cont ul li .eye-cont {
	width:40px;
	height:48px;
	line-height:28px;
	margin:0px;
	padding:10px 0px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:4;
	text-align: center;
}
.login-cont.form-cont .form-group ul li .eye-cont.eye-block:before {
	content: "\e815"; 
	font-family: icon-font;
	color:rgba(37,59,112,0.5);
	font-size:20px;
	height:28px;
	line-height:28px;
	display:block;
	text-align: center;
}
.login-cont.form-cont .form-group ul li .eye-cont.eye:before {
	content: "\e816";
	font-family: icon-font;
	color: rgba(37,59,112,0.5);
	font-size: 20px;
	height: 28px;
	line-height: 28px;
	display: block;
}
#container.login-container .btn {
	background: #37b981;
	line-height: 28px;
	font-size: 16px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	padding: 4px 32px;
	height: 48px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 180px;
	font-weight: 600;
	text-transform: none;
}
#container.login-container .footer2 { padding: 0px; }
#container.login-container .footer2 p { padding-top: 15px; padding-bottom: 15px; color: #fff; line-height: 25px; }

/* Popup
------------------------------------------------------------------------------------------------*/
.popup-cont {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
	display: none;
}
.popup-cont.show { display: block; }
.popup-cont > table, .popup-cont > table > tr, .popup-cont > table > tr > td { width: 100vw; height: 100vh; text-align: center; }
.pop-cont {
	width: 90vw;
	max-width: 500px;
	height: auto;
	max-height: 95vh;
	padding:10px 20px 20px 20px;
	background: #ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	margin: auto;
	position: relative;
	text-align: left;
}
#FollowUpsTimeline .pop-cont { max-height: 80vh; }
.pop-inn { padding: 15px 25px 20px 25px; max-height: 90vh; overflow-y: auto;}
.pop-close, .pop-close:hover {
	width: 35px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	line-height: 25px;
	padding: 5px 0px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	cursor: pointer;
	text-align: center;
	background: #FF575A;
}
.pop-close:before { content: '\e805'; font-family: icon-font; line-height: 25px; }
.pop-title { border-bottom: 1px dashed rgba(var(--bs-thm-clr-2), 0.5); padding-bottom: 5px; margin-bottom: 10px; }
.pop-cont .tbl-group { width: 100%; overflow: auto; }
.pop-inner-cont{ 
	max-height: -webkit-calc(80vh - 75px); max-height: -moz-calc(80vh - 75px); max-height: calc(80vh - 75px);
	overflow-y: auto;
	width: 100%;
}
.checkmark {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50%;
	display: block;
	padding:0px 0px;
	margin:0px auto;
}
.checkmark svg{
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 0px auto;
	box-shadow: inset 0px 0px 0px #2db43b;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #2db43b;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
@keyframes stroke { 100% { stroke-dashoffset: 0; } }
@keyframes scale {
0%, 100% {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
50% {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	-moz-transform: scale3d(1.1, 1.1, 1);
	-o-transform: scale3d(1.1, 1.1, 1);
	-ms-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
	-webkit-box-shadow: inset 0px 0px 0px 50px #2db43b;
	-moz-box-shadow: inset 0px 0px 0px 50px #2db43b;
	box-shadow: inset 0px 0px 0px 50px #2db43b;
}
}
/*Responsive
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1185px) {
.container-fluid { padding-left:20px; padding-right:20px; }
}
@media screen and (max-width:1080px) {
.login-section { max-width: 400px; margin:20px auto 0px auto; }
.login-lt-cont { display: none; }
.login-rt-cont { width: 100%; float: none; }
main { margin: 0px; }
.header{ position: sticky; }
.sidebar-head { display: none !important;}
.content{ padding: 0px; }
.sidebar.active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	left: 0;
}
.sidebar {
	left: -100%;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 9999;
	top: 65px;
	bottom: 0px;
	height: -webkit-calc(100vh - 65px);
	height: -moz-calc(100vh - 65px);
	height: calc(100vh - 65px);
	padding: 15px 0px;
	width: 250px;
	z-index: 3 !important;
}
.sidebar ul li a { padding:10px 15px; }
.sidebar ul li a, .sidebar ul li a span { font-size: 14px; line-height: 32px; }
.sidebar ul li a span { float: left; padding: 0px; height: auto; }
.sidebar-overlay.active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	left: 0;
}
.sidebar-overlay {
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute !important;
	left: -100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	top: 65px;
	height: -webkit-calc(100vh - 65px);
	height: -moz-calc(100vh - 65px);
	height: calc(100vh - 65px);
	width: 100%;
	z-index: 2 !important;
}
.menu { width: 48px; float: left; display: block !important; }
.menu a { display: block; }
.logo, .logo a, .logo a img { display: block; }
.logo { width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); width: calc(100% - 200px); height: auto; margin: 0px; }
.logo a, .logo a img { width: 81px; height: 45px; margin: 0px auto; }
.head-rt ul li a.head-pro .pro-name { display: none;}
.head-section { min-height: 75px; }
.head-section h2, .head-section .breadcrumps { width: 100%; float: none; }
.breadcrumps ul li { padding: 0px; }
.breadcrumps ul li a, .breadcrumps ul li span { height: 24px; line-height: 24px; display: inline-block; vertical-align: top; }
.offer-code { top: 90px; right: 20px; }
.sell-cont { width: 45px; height: 45px; bottom: 30px; right: 20px; }
.sell-cont a {
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 35px;
    padding: 5px 0px;
}
}
@media screen and (max-width: 930px) {
.container-fluid, #container.login-container .login-cont { padding-left:12px; padding-right:12px; }
.head-rt > ul > li { margin: 0px 0px 0px 5px; }
.wht-cont { padding: 12px; }
.tbl-group table { width: 900px; }
.offer-code { right: 12px; }
}
@media screen and (max-width:767px) {
.row { margin-left: 0px; margin-right: 0px; width: 100%; }
.col-sm-1, .col-14 { width: 100%; margin: 0px 0px 28px 0px; float: left; }
.form-cont ul li { width: 100%; }
.search-cont ul.row.gutter-25 {
  width: -webkit-calc(100% + 25px);
  width: -moz-calc(100% + 25px);
  width: calc(100% + 25px);
}
.search-cont ul li { width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); }
.order-view { border-right: 0px solid #e1e7f0; border-bottom: 2px solid #e1e7f0; padding-bottom: 10px; margin-bottom: 10px; }
.steps-sec { max-width: 520px !important; }
.steps-sec ul li{ width: 100% !important; margin-bottom: 12px;}
}
@media screen and (max-width:567px) {
.search-cont ul.row.gutter-25 {width: 100%; }
.search-cont ul li { width: 100%; }
.franchise-page .login-container, .franchise-page .login-container table, .franchise-page .login-container table tr, .franchise-page .login-container table tr td{ height:auto; }
.franchise-page .login-container table tr td { padding-top: 40px; padding-bottom: 40px; }
.order-summary { padding: 5px 15px; }
}
@media screen and (max-width:460px) {
.login-rt-cont { padding: 50px 35px; }
.head-rt ul li .hsc-cont.head-sub-menu { right: -57px;}
.head-rt ul li .hsc-cont.head-sub-menu:after { right: 72px; }
.head-rt ul li .hnc-cont.head-sub-menu { right: -60px; width: 336px; }
.head-rt ul li .hnc-cont.head-sub-menu:after { right: 75px; }
.head-rt ul li .hnc-cont.head-sub-menu .notify-title span { width: 230px; }
}
/* datepicker
------------------------------------------------------------------------------------------------*/
.ui-helper-clearfix { display: none; }
.ui-datepicker {
	background: #ffffff;
	font-size: 14px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #32425b;
	display: none;
	width: 282px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #7f858d;
	border-radius: 0px;
	z-index: 10000 !important;
}
.ui-datepicker.ui-datepicker-multi-2 { width: 564px !important; }
.ui-monthpicker { width: 200px; background: #ffffff; }
.ui-widget-header {
	background: #2c3e50;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	line-height: 28px;
	padding: 5px 0px;
	padding: 0px;
	border: 0px solid #7f858d;
	border-radius: 0px;
	display: block;
}
.ui-widget-header.ui-helper-clearfix { display: block; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .month-picker-previous a, .month-picker-next a {
	width: 32px;
	height: 32px;
	position: absolute;
	font-size: 0px;
	top: 2px;
	cursor: pointer;
	text-align: center;
	background:url(../images_learn/admin/lt-arrow2.png) no-repeat center;
	background-size:12px 12px;
}
.ui-datepicker .ui-datepicker-prev { left: 0px; }
.ui-datepicker .ui-datepicker-next, .month-picker-next a {
	right: 0px;
	background:url(../images_learn/admin/rt-arrow2.png) no-repeat center;
	background-size:12px 12px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, .month-picker-previous a, .month-picker-next a {
	width: 32px;
	height: 32px;
	display: block;
	position: static;
	margin: 0px;
	padding: 0px;
	background: Transparent;
	font-size: 0px;
}
.ui-datepicker .ui-datepicker-title { padding: 5px 32px; text-align: center; }
.ui-monthpick .ui-datepicker-header { padding: 5px; }
.ui-datepicker .ui-datepicker-title select, .ui-monthpick .ui-datepicker-header .mtz-monthpicker-year {
	border: 1px solid #7f858d;
	height: 28px;
	line-height: 28px;
	width: 45%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #2c3e50;
	color: #FFFFFF;
	font-size: 14px;
}
.ui-monthpicker.ui-datepicker .ui-datepicker-title select {	width: 85%; }
.ui-datepicker .ui-datepicker-title span { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px; }
.ui-datepicker-title select:focus { background: #ffffff; color: #2c3e50; }
.ui-datepicker-title select.ui-datepicker-month { margin: 0px 5% 0px 0px; }
.ui-datepicker table, .month-picker table { border-collapse: collapse; margin: 0px; width: 100%; }
.ui-monthpick.ui-datepicker table {	width: 100%; }
.ui-datepicker table thead { border: 1px solid #7f858d;	border-bottom: 0px; }
.ui-datepicker-calendar tr th {
	background: #7f858d;
	font-size: 14px;
	text-align: center;
	width: 40px;
	font-weight: normal;
	border-collapse: collapse;
	height: 30px;
	color: #FFFFFF;
	padding: 0px;
}
.ui-datepicker table tbody { border: 1px solid #7f858d; border-top: 0px; border-bottom: 0px; }
.ui-datepicker-calendar tr td, .ui-monthpick tr td {
	color: #2c3e50;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 40px;
}
.ui-monthpick tr td { width: auto; color: #32425b; height: 25px; cursor: pointer; padding: 5px; }
.ui-datepicker-calendar tr td a, .ui-datepicker-calendar tr td span {
	display: block;
	height: 25px;
	padding: 4px 0px;
	color: #32425b;
	line-height: 25px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
}
.ui-datepicker-calendar tr td span { color: #b5b5b5; }
.ui-datepicker-calendar tr td a:hover {
	background: #00a6e2;
	color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #ffffff; border: 0px; }
.ui-datepicker-calendar tr td.ui-datepicker-today a, .ui-datepicker-calendar tr td.ui-datepicker-today a:hover {
	background: #e55151;
	color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0px;
}
.ui-datepicker-calendar a.ui-state-active {
	background: #00a6e2;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ui-datepicker-calendar .ui-datepicker-days-cell-over a {
	background-color: #00a6e2;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ui-datepicker-calendar .ui-datepicker-days-cell-over.date-range-start a, .date-range-start > .ui-state-default {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	background: #00a6e2 !important;
	font-weight: bold;
	color: #FFFFFF;
}
.date-range-in > .ui-state-default, .ui-datepicker-calendar .date-range-in > .ui-state-default {
	background-color: #00a6e2;
	font-weight: bold;
	color: #FFFFFF;
}
.ui-datepicker-calendar .date-range-end a, .date-range-is-to .date-range-end > .ui-state-default {
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	background: #00a6e2 !important;
	font-weight: bold;
	color: #FFFFFF;
}
.ui-datepicker-calendar tr td.date-range-in a.ui-state-default:hover {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.ui-datepicker-buttonpane {
	background: #f1f1f1;
	height: 40px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #7f858d;
	border-top: 0px;
	text-align: right;
}
.ui-datepicker-buttonpane button {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	margin: 0px 0px 0px 10px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2c3e50;
	cursor: pointer;
}
.ui-datepicker-multi.ui-datepicker table tbody { border: 0px; }
.ui-monthpicker {
	display: inline-block;
	position: absolute;
	z-index: 9999;
	width: 200px;
	background: #ffffff;
}
.ui-datepicker-group {
	width: 50%;
	float: left;
	border-left: 1px solid #7f858d;
	min-height: 268px;
}
.ui-datepicker-group.ui-datepicker-group-last { border-right: 1px solid #7f858d; }
.ui-datepicker > button {
	display: none;
}
/* Step Section
_________________________________________________________________________________________*/
.steps-sec {
	margin: 4px 0px;
	padding: 6px 0px;
	position: relative;
	width: 100%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.steps-sec ul li {
	width: 26%;
	display: inline-block;
	float: left;
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #323232;
	padding: 8px;
	margin-right: 16px;
}
.steps-sec ul li a {
	background: #e3e3e3;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	line-height: 6px;
	padding: 1px;
	text-align: center;
	color: #000;
	font-size: 18px;
	cursor: default;
	position: relative;
	z-index: 1;
	display: inline-block;
	display: block;
	margin: 0px auto;
	margin-bottom: 8px;
}
.steps-sec ul li.active a { background: #000; color: #fff; }
.steps-sec ul li.finish a { 
	background: #1B9025;
	background-size:14px auto; 
	cursor: pointer;
	color: #fff;
}
.steps-sec ul li.finish::after { background: rgb(var(--bs-clr-3)); }
.steps-sec ul li.first::after { display: none; }
 
/* tooltip
------------------------------------------------------------------------------------------------*/ 
.ui-tooltip {
	background: rgba(0, 0, 0, 0.85) !important;
	padding: 0px 10px 2px !important;
	font-size: 11px !important;
	color: #ffffff !important;
	border: 0px !important;
	position: absolute;
	z-index: 999999;
	max-width: 350px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 14px;
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3) !important;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3) !important;
}
.ui-helper-hidden-accessible { display: none; }

.ui-tooltip-content table { font-size: 12px; line-height: 20px; }
.ui-tooltip-content table th, .ui-tooltip-content table td { vertical-align: top; }
.ui-tooltip-content table th { text-align: right; }