@charset "utf-8";
/* CSS Document */
/* Created By S.Lourdoss */
/* Image Infotainment Ltd */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

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

.dashboard:before, .manage:before, .settings:before, .logout:before, .partner:before, .bell:before, .cancel:before, .edit:before, .view:before, .tick:before, .delete:before, .down-arrow:before, .left-arrow:before, .right-arrow:before, .up-arrow:before, .box:before, .plus:before, .minus:before, .download:before, .barcode:before, .printer:before, .update:before, .calendar:before, .like:before, .upload-video:before, .totals-icon:before, .b2c:before, .b2b:before, .generate: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'; }
.partner:before { content: '\e811'; }

.bell:before { content: '\e804'; }
.cancel:before { content: '\e805'; }
.edit:before { content: '\e806'; }
.view:before { content: '\e807'; }
.tick:before { content: '\e810'; }

.delete:before { content: '\e808'; }

.down-arrow:before { content: '\e80b'; }
.left-arrow:before { content: '\e80c'; }
.right-arrow:before { content: '\e80d'; }
.up-arrow:before { content: '\e80e'; }

.box:before { content: '\e80f'; }

.plus:before { content: '\e812'; }
.minus:before { content: '\e813'; }

.download:before { content: '\e809'; }
.barcode:before { content: '\e80a'; }
.printer:before { content: '\e814'; }
.update:before { content: '\e815'; }
.calendar:before { content: '\e816'; }
.like:before { content: '\e817'; }
.upload-video:before { content: '\e81d'; }
.generate:before { content: '\e81e'; }
.totals-icon:before { content: '\e81a'; }
.b2c:before { content: '\e81b'; }
.b2b:before { content: '\e81c'; }







:root {
	--bs-clr-1: #016de1; /*blue*/
	--bs-clr-2: #01bfab; /*cyan*/
	--bs-clr-3: #2db43b; /*green*/
	--bs-clr-4: #a2bf01; /*yellow green*/
	--bs-clr-5: #f7a600; /*yellow*/
	--bs-clr-6: #f07101; /*orange*/
	--bs-clr-7: #ec3023; /*red*/
	--bs-clr-8: #ed5564; /*light red*/
	--bs-clr-9: #fe4c82; /*rose*/
	--bs-clr-10: #ea47ba; /*pink*/
	--bs-clr-11: #9b3ed6; /*violet */
	--bs-clr-12: #4c53d4; /*violet blue*/
	--bs-clr-13: #115ba2; /*blue*/	
	--bs-txt-clr-1: #2d2e56;
	--bs-txt-clr-2: #9696aa;
	--bs-txt-clr-3: #45526c;
	--bs-txt-clr-4: #F6F7FB;
	--bs-txt-clr-5: #124FA2;
	--bs-white: #fff;
	--bs-body-font-family: 'Poppins', Arial, Helvetica, sans-serif;
	--bs-body-font-size: 14px;
}

*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Defaults
------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, option { border: 0; margin: 0; padding: 0; font-weight: normal; outline:0px; font-family: var(--bs-body-font-family); }
.lg-on { overflow: hidden; }
a:focus, a:hover { text-decoration: none !important; color: var(--bs-txt-clr-5); }
a, button { outline: 0px; }
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; text-decoration: none; cursor: pointer; outline: 0; display: block; color: var(--bs-txt-clr-1); }
a img { border: 0; }
img.block { width: 100%; width: inherit\9; max-width: 100%\9; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
.fix { overflow: hidden; }

.p-rel { position: relative; }
.p-sticky-tp { position: sticky; top: 0;}

.d-blk { display: block !important; }
.d-in-blk { display: inline-block !important; vertical-align: top }
.v-align-t { vertical-align: top; }

.pe-none { pointer-events: none; }

.indian-price { font-family: 'Inter', Arial, Helvetica, sans-serif !important; padding-right:3px; }

.f_left { float:left; }
.f_right { float:right !important; }
.f_none, .row, .form-group{ float:none !important; }
.f_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; }

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

.m-auto { margin-left:auto !important; 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; }
.mes-0 { margin-right: 0px !important; margin-left: 0px !important; }

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

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

.m-3 { margin:20px !important; }
.mt-3 { margin-top:20px !important; }
.me-3 { margin-right:20px !important; }
.mb-3 { margin-bottom:20px !important; }
.ms-3 { margin-left:20px !important; }
.mes-2 { margin-right: 20px !important; margin-left: 20px !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; }
.pes-0 { padding-right: 0px !important; padding-left: 0px !important; }

.pt-1 { padding-top: 10px !important; }
.pe-1 { padding-right: 10px !important; }
.pb-1 { padding-bottom: 10px !important; }
.ps-1 { padding-left: 10px !important; }
.pes-1 { padding-right: 10px !important; padding-left: 10px !important; }

.pt-2 { padding-top: 15px !important; }
.pe-2 { padding-right: 15px !important; }
.pb-2 { padding-bottom: 15px !important; }
.ps-2 { padding-left: 15px !important; }
.pes-2 { padding-right: 15px !important; padding-left: 15px !important; }

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

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


.bdr-0 { border:0px !important; }

h1, .cont-title1, h2, .cont-title2, h3, .cont-title3, h4, .cont-title4, h5, .cont-title5, h6, .cont-title6 { color: var(--bs-txt-clr-1); font-weight: 400; }

h1, .cont-title1 { font-size: 40px; line-height: 50px; padding-bottom:10px; }
h2, .cont-title2 { font-size: 32px; line-height: 40px; padding-bottom:10px; }
h3, .cont-title3 { font-size: 28px; line-height: 32px; padding-bottom:10px; }
h4, .cont-title4 { font-size: 24px; line-height: 30px; }
h5, .cont-title5 { font-size: 20px; line-height: 30px; }
h6, .cont-title6 { font-size: 18px; line-height: 30px; }

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

.ttl-bdr { border-bottom: 1px dashed #d1d1d1; }

p, .f-20, .f-18, .f-16, .f-14, .f-12, .f-10, .f-8 {
	font-size: var(--bs-body-font-size);
	color: var(--bs-txt-clr-3);
	line-height: 28px;
	margin-bottom:10px;
	font-family: var(--bs-body-font-family);
}
.f-20 { font-size:20px !important; font-weight:600; line-height:35px; }
.f-18 { font-size:18px !important; font-weight:600; line-height:32px; }
.f-16 { font-size:16px !important; line-height:30px; }
.f-12 { font-size:12px; line-height:24px; }
.f-10 { font-size:10px; line-height:15px; }
.f-10 { font-size:8px; line-height:12px; }

.bg-white { background: var(--bs-white); }
.bg-clr-1, .blue-bg, .info-bg { background:var(--bs-clr-1) !important; }
.bg-clr-2, .turqoise-bg { background:var(--bs-clr-2) !important; }
.bg-clr-3, .green-bg, .success-bg { background:var(--bs-clr-3) !important; }
.bg-clr-4 { background:var(--bs-clr-4) !important; }
.bg-clr-5, .yellow-bg, .warning-bg { background:var(--bs-clr-5) !important; }
.bg-clr-6 { background:var(--bs-clr-6) !important; }
.bg-clr-7 { background:var(--bs-clr-7) !important; }
.bg-clr-8, .red-bg, .danger-bg { background:var(--bs-clr-8) !important; }
.bg-clr-9 { background:var(--bs-clr-9) !important; }
.bg-clr-10 { background:var(--bs-clr-10) !important; }
.bg-clr-11 { background:var(--bs-clr-11) !important; }
.bg-clr-12 { background:var(--bs-clr-12) !important; }
.bg-clr-13 { background:var(--bs-clr-13) !important; }

.txt-white { color: var(--bs-white); }
.txt-black { color: #222222; }
.txt-clr-1, .blue-txt, .info-txt { color:var(--bs-clr-1) !important; }
.txt-clr-2, .turqoise-txt { color:var(--bs-clr-2) !important; }
.txt-clr-3, .green-txt, .success-txt, .Enable-sts { color:var(--bs-clr-3) !important; }
.txt-clr-4 { color:var(--bs-clr-4) !important; }
.txt-clr-5, .yellow-txt, .warning-txt { color:var(--bs-clr-5) !important; }
.txt-clr-6 { color:var(--bs-clr-6) !important; }
.txt-clr-7 { color:var(--bs-clr-7) !important; }
.txt-clr-8, .red-txt, .danger-txt, .Disable-sts { color:var(--bs-clr-8) !important; }
.txt-clr-9 { color:var(--bs-clr-9) !important; }
.txt-clr-10 { color:var(--bs-clr-10) !important; }
.txt-clr-11 { color:var(--bs-clr-11) !important; }
.txt-clr-12 { color:var(--bs-clr-12) !important; }
.txt-clr-13 { color:var(--bs-clr-13) !important; }
.txt-clr-13 { color:var(--bs-txt-clr-2) !important; }

.mw-1200 { max-width: 1200px !important; }
.mw-1100 { max-width: 1100px !important; }
.mw-1050 { max-width: 1050px !important; }
.mw-1000 { max-width: 1000px !important; }
.mw-980 { max-width: 980px !important; }
.mw-950 { max-width: 950px !important; }
.mw-900 { max-width: 900px !important; }
.mw-850 { max-width: 850px !important; }
.mw-800 { max-width: 800px !important; }
.mw-750 { max-width: 750px !important; }
.mw-700 { max-width: 700px !important; }
.mw-650 { max-width: 650px !important; }
.mw-600 { max-width: 600px !important; }
.mw-550 { max-width: 550px !important; }
.mw-500 { max-width: 500px !important; }
.mw-450 { max-width: 450px !important; }
.mw-400 { max-width: 400px !important; }
.mw-350 { max-width: 350px !important; }
.mw-300 { max-width: 300px !important; }
.mw-250 { max-width: 250px !important; }
.mw-200 { max-width: 200px !important; }
.mw-125 { max-width: 125px !important; }

.wdth-100p { width: 100% !important; }
.wdth-160p { width: 160px !important; }
.mh-auto { min-height: auto !important; }
.mh-300px { min-height: 300px !important; }
.mh-320px { min-height: 320px !important; }
.mh-650px { min-height: 650px; }


.row { margin-left: -14px; margin-right: -14px; width: -webkit-calc(100% + 28px); width: -moz-calc(100% + 28px); width: calc(100% + 28px); }
.row.no-gutters { width: 100%; }
.row.no-gutters, .row.no-gutters > * { margin-right: 0 !important; margin-left: 0!important; }

.col-sm-1 { width: 100%; margin: 0px 0px 28px 0px; float: left; }

.col-sm-1, 
.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-1-2,
.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-md-1-2, .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-lg-1-2, .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-xl-1-2 { margin: 0px 14px 28px 14px; float: left; }

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

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

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

.row.no-gutters .col-md-14 { width: 100%; }
.row.no-gutters .col-md-13 { width: 80% } /* 80% */
.row.no-gutters .col-md-12 { width: 75%; } /* 75% */
.row.no-gutters .col-md-11 { width: 70%; } /* 70% */
.row.no-gutters .col-md-10 { width: 66.66%; } /* 66.6% */
.row.no-gutters .col-md-9 { width: 65% } /* 65% */
.row.no-gutters .col-md-8 { width: 60%; } /* 60% */
.row.no-gutters .col-md-7 { width: 50%; } /* 50% */
.row.no-gutters .col-md-6 { width: 40%; } /* 40% */
.row.no-gutters .col-md-5 { width: 35% } /* 35% */
.row.no-gutters .col-md-4 { width: 33.33%; } /* 33.3% */
.row.no-gutters .col-md-3 { width: 30%; } /* 30% */
.row.no-gutters .col-md-2 { width: 25%; } /* 25% */
.row.no-gutters .col-md-1 { width: 20% } /* 20% */
}
@media (min-width: 931px) {
.f-lg-left {float: left;}
.f-lg-right {float: right;}
.col-lg-14 { width: -webkit-calc(100% - 28px); width: -moz-calc(100% - 28px); width: calc(100% - 28px); }
.col-lg-13 { width: -webkit-calc(80% - 28px); width: -moz-calc(80% - 28px); width: calc(80% - 28px); } /* 80% */
.col-lg-12 { width: -webkit-calc(75% - 28px); width: -moz-calc(75% - 28px); width: calc(75% - 28px); } /* 75% */
.col-lg-11 { width: -webkit-calc(70% - 28px); width: -moz-calc(70% - 28px); width: calc(70% - 28px); } /* 70% */
.col-lg-10 { width: -webkit-calc(66.66% - 28px); width: -moz-calc(66.66% - 28px); width: calc(66.66% - 28px); } /* 66.6% */
.col-lg-9 { width: -webkit-calc(65% - 28px); width: -moz-calc(65% - 28px); width: calc(65% - 28px); } /* 65% */
.col-lg-8 { width: -webkit-calc(60% - 28px); width: -moz-calc(60% - 28px); width: calc(60% - 28px); } /* 60% */
.col-lg-7 { width: -webkit-calc(50% - 28px); width: -moz-calc(50% - 28px); width: calc(50% - 28px); } /* 50% */
.col-lg-6 { width: -webkit-calc(40% - 28px); width: -moz-calc(40% - 28px); width: calc(40% - 28px); } /* 40% */
.col-lg-5 { width: -webkit-calc(35% - 28px); width: -moz-calc(35% - 28px); width: calc(35% - 28px); } /* 35% */
.col-lg-4 { width: -webkit-calc(33.33% - 28px); width: -moz-calc(33.33% - 28px); width: calc(33.33% - 28px); } /* 33.3% */
.col-lg-3 { width: -webkit-calc(30% - 28px); width: -moz-calc(30% - 28px); width: calc(30% - 28px); } /* 30% */
.col-lg-2 { width: -webkit-calc(25% - 28px); width: -moz-calc(25% - 28px); width: calc(25% - 28px); } /* 25% */
.col-lg-1 { width: -webkit-calc(20% - 28px); width: -moz-calc(20% - 28px); width: calc(20% - 28px); } /* 20% */
.col-lg-1-2 { width: -webkit-calc(16.66% - 28px); width: -moz-calc(16.66% - 28px); width: calc(16.66% - 28px); } /* 16.66% */

.row.no-gutters .col-lg-14 { width: 100%; }
.row.no-gutters .col-lg-13 { width: 80% } /* 80% */
.row.no-gutters .col-lg-12 { width: 75%; } /* 75% */
.row.no-gutters .col-lg-11 { width: 70%; } /* 70% */
.row.no-gutters .col-lg-10 { width: 66.66%; } /* 66.6% */
.row.no-gutters .col-lg-9 { width: 65% } /* 65% */
.row.no-gutters .col-lg-8 { width: 60%; } /* 60% */
.row.no-gutters .col-lg-7 { width: 50%; } /* 50% */
.row.no-gutters .col-lg-6 { width: 40%; } /* 40% */
.row.no-gutters .col-lg-5 { width: 35% } /* 35% */
.row.no-gutters .col-lg-4 { width: 33.33%; } /* 33.3% */
.row.no-gutters .col-lg-3 { width: 30%; } /* 30% */
.row.no-gutters .col-lg-2 { width: 25%; } /* 25% */
.row.no-gutters .col-lg-1 { width: 20% } /* 20% */
}
@media (min-width: 1081px) {
.f-xl-left {float: left;}
.f-xl-right {float: right;}
.col-xl-14 { width: -webkit-calc(100% - 28px); width: -moz-calc(100% - 28px); width: calc(100% - 28px); }
.col-xl-13 { width: -webkit-calc(80% - 28px); width: -moz-calc(80% - 28px); width: calc(80% - 28px); } /* 80% */
.col-xl-12 { width: -webkit-calc(75% - 28px); width: -moz-calc(75% - 28px); width: calc(75% - 28px); } /* 75% */
.col-xl-11 { width: -webkit-calc(70% - 28px); width: -moz-calc(70% - 28px); width: calc(70% - 28px); } /* 70% */
.col-xl-10 { width: -webkit-calc(66.66% - 28px); width: -moz-calc(66.66% - 28px); width: calc(66.66% - 28px); } /* 66.6% */
.col-xl-9 { width: -webkit-calc(65% - 28px); width: -moz-calc(65% - 28px); width: calc(65% - 28px); } /* 65% */
.col-xl-8 { width: -webkit-calc(60% - 28px); width: -moz-calc(60% - 28px); width: calc(60% - 28px); } /* 60% */
.col-xl-7 { width: -webkit-calc(50% - 28px); width: -moz-calc(50% - 28px); width: calc(50% - 28px); } /* 50% */
.col-xl-6 { width: -webkit-calc(40% - 28px); width: -moz-calc(40% - 28px); width: calc(40% - 28px); } /* 40% */
.col-xl-5 { width: -webkit-calc(35% - 28px); width: -moz-calc(35% - 28px); width: calc(35% - 28px); } /* 35% */
.col-xl-4 { width: -webkit-calc(33.33% - 28px); width: -moz-calc(33.33% - 28px); width: calc(33.33% - 28px); } /* 33.3% */
.col-xl-3 { width: -webkit-calc(30% - 28px); width: -moz-calc(30% - 28px); width: calc(30% - 28px); } /* 30% */
.col-xl-2 { width: -webkit-calc(25% - 28px); width: -moz-calc(25% - 28px); width: calc(25% - 28px); } /* 25% */
.col-xl-1 { width: -webkit-calc(20% - 28px); width: -moz-calc(20% - 28px); width: calc(20% - 28px); } /* 20% */
.col-xl-1-2 { width: -webkit-calc(16.66% - 28px); width: -moz-calc(16.66% - 28px); width: calc(16.66% - 28px); } /* 16.66% */

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

.p-rel { position: relative; }
.p-abs{ position:absolute; }
.p-abs-rt { position:absolute; right:0px; }

.label-txt {
	line-height: 15px;
	font-size: 13px;
	color: var(--bs-txt-clr-3);
	padding:0px 15px;
	font-family: var(--bs-body-font-family);
	position:absolute;
	top:3px;
	left:0px;
	width:100%;
	z-index:1;
}
.label-txt2 {
  line-height: 15px;
  font-size: 13px;
  color: var(--bs-txt-clr-3);
  padding: 0px 12px;
  font-family: var(--bs-body-font-family);
  position: absolute;
  top: -8px;
  left: 0px;
  width: 100%;
  z-index: 1;
}
.label-txt3 {
  line-height: 15px;
  font-size: 13px;
  color: var(--bs-txt-clr-3);
  padding: 0px 12px;
  font-family: var(--bs-body-font-family);
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
}
select, option, optgroup, input, textarea {
	font-family: var(--bs-body-font-family); 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
	box-sizing: border-box;
	outline:0px;
	resize: none;
}
optgroup, option { font-size: 14px; color: #272e48; font-family: var(--bs-body-font-family); font-weight: normal; }
input[type="button"], input[type="submit"], button { -webkit-appearance: none; }
input[readonly] { cursor: no-drop; }
input[type='radio'] { -webkit-appearance: checkbox; }
input::-ms-reveal, input::-ms-clear { display: none; }
.input-txt, .area-txt, .sele-txt {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #f2f5fa;
	line-height: 25px;
	height: 45px;
	font-size: 14px;
	color: var(--bs-txt-clr-1);
	background: #f2f5fa;
	margin: 0px;
	font-family: var(--bs-body-font-family);
}
.input-group { display: flex;}
.input-group-text {
    background-color: #fff;
    padding: 10px 18px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
	background: rgb(224,210,199);
	background: -webkit-linear-gradient(to right, rgb(251, 239, 229) 0%, rgb(191, 255, 244) 100%);
	background: -o-linear-gradient(to right, rgb(251, 239, 229) 0%, rgb(191, 255, 244) 100%);
	background: linear-gradient(to right, rgb(251, 239, 229) 0%, rgb(191, 255, 244) 100%);
}
.input-txt {
    flex: 1;
    padding: .375rem .75rem;
}
select.input-txt, .sele-txt { padding:10px; }
.area-txt { height:80px; }
select.input-txt.bg-white { background: #ffffff; }
.radio-slct{ height: 32px; }
.radio-slct label{ padding: 24px; margin: 0px; cursor: pointer; }
.input-cont2 { display: flex; align-items: center; }
.sele-txt:focus, .input-txt:focus, .area-txt:focus {
	border: 1px solid #e7e7e7;
	border-top:1px solid #f2f5fa;
	background:#ffffff;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.025), 5px 5px 5px rgba(0, 0, 0, 0.025);
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.025), 5px 5px 5px rgba(0, 0, 0, 0.025);
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.025), 5px 5px 5px rgba(0, 0, 0, 0.025);
}
.input-cont input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
.file-name {
  display: inline-block;
  margin-left: 10px;
  color: #333;
}
.file-input-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.file-input-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
}
.file-input-btn:hover {
    background-color: #0056b3;
}
.input-txt.datepick { padding-right: 30px; background: url(/images/admin/cal.png) no-repeat right center #f2f5fa; background-position: center right 10px; }
.input-txt.datepick:focus { background: url(/images/admin/cal.png) no-repeat right center #ffffff; background-position: center right 10px; }

.lbl-txt  { margin-bottom: 0px !important; padding-top: 8px; }
.btm-lbl-txt{ color:var(--bs-txt-clr-2); font-size: 11px; font-style: italic; line-height: 14px; padding: 3px 0 0; text-align: left; }
.error-txt { color: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:100%; position: relative;}

.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, .btn-outline {
    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: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn:hover {
	color:#ffffff;
	-webkit-box-shadow: inset 0px -45px 0px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px -45px 0px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px -45px 0px 0px rgba(0,0,0,0.15);
}
.submit-btn { background: #44cb77 !important; }
.reset-btn, .cancel-btn, .back-btn { background: #fff; border: 1px solid #d1d1d1; color: var(--bs-clr-8); min-width: 120px; padding: 9px 30px; }
.reset-btn:hover, .cancel-btn:hover, .back-btn:hover { 
	color: var(--bs-clr-8);
	-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);
}

.btn-outline { padding: 5px 20px; border:1px solid var(--bs-clr-13); color: var(--bs-clr-13); text-transform:capitalize; }

.btn.download {min-width: 50px; background: #072253;}

.wdth-1 input[type="radio"] {
	display: none;
}
.wdth-1 label {
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.wdth-1 input[type="radio"]:checked + label {
	color: blue;
	font-weight: bold;
}

.downloadexcel.download { 
  background: #004CFF;
  border-radius: 25px;
  padding: 4px 12px;
  max-width: 140px;
}
.downloadexcel.download:hover{
	color: #FFFFFF;
}
.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-close {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 50px;
	border: 0px;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.alert-close::after {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	content: "\e805";
	font-family: icon-font;
	font-size: 10px;
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	margin: auto;
	pointer-events: none;
	text-align: center;
}

.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: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: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: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; }
.form-group ul, .form-group ul li, .search-group ul, .search-group ul li { float: left; }
.form-group ul li { min-height: 65px; position: relative; padding-top: 12px; }
.form-group ul li .label-txt span.require, .form-group ul li .label-txt2 span.require, .form-group ul li .label-txt3 span.require, .search-group ul li .label-txt span.require {padding-left: 4px; color: 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; }
.form-group ul li .sb-input-cont > div { width: 48%; margin: 0px 4% 0px 0px; float: left; position: relative; padding-top: 12px; }
.form-group ul li .sb-input-cont > div.last, .form-group ul li .sb-input-cont > div:last-child { margin-right: 0px; }
.sub-pt { padding-top: 12px; }

.form-group2{ width: 100%; max-width: 980px; margin: 0px auto; }
.txt-muted {
	line-height: 20px;
	font-size: 11px;
	font-style: italic;
	color: #aaaaaa;
	display: block;
	text-align: left;
}

.txt-info-title{
	font-size: 14px;
	font-weight: 600;
	color: #6F6F6F;
}

.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; min-height:700px; }
.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: 8px 12px; }
.tbl-group thead tr th .require { padding-left: 4px; color: var(--bs-clr-7); font-size: var(--bs-body-font-size); }
.tbl-group table th { 
	font-size: 14px;
	color: #333333;
	line-height: 42px;
	height: 60px;
	font-weight: 400;
	font-family: var(--bs-body-font-family);
	background: #F4F8FF;
	text-transform: uppercase;
	cursor: pointer;
}
.tbl-group table td { font-size: 13px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;  color: var(--bs-txt-clr-1); background: #ffffff; }
table tr th:first-child, table tr td:first-child { padding-left: 40px; }
.sorttable_sorted span, .sorttable_sorted_reverse span { font-size: 18px; width: 10px; display: inline-block; vertical-align: top; line-height: 22px; }

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { width: 10px; display: inline-block; vertical-align: top; height: 22px; background: url(../images/double-arrow.jpg) no-repeat center; background-size: 60% auto; content: " \25B4\25BE"; font-size: 0px;}

table.sortable th.pe-none:after { display: none !important;}

.action-icon { margin: 0px auto; }
.action-icon ul { display: block; text-align: center; float: none; min-height: auto;  }
.action-icon ul li { display: inline-block; margin: 0px 3px; padding: 0px; float: none; min-height: auto; vertical-align: top; }
.action-icon ul li a, .action-icon ul li button { 
	font-size: 14px; 
	width: 34px; 
	height: 34px;
	text-align: center; 
	line-height: 30px; 
	padding: 1px 0px; 
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	cursor: pointer;
}
.action-icon ul li a.notxt { font-size: 0px !important; }
.action-icon ul li a.delete { color: var(--bs-clr-8); border: 1px solid var(--bs-clr-8); }
.action-icon ul li a.delete:before { font-size: 14px; }

.action-icon ul li a.box { color: var(--bs-txt-clr-1); border: 1px solid var(--bs-txt-clr-1); }
.action-icon ul li a.box:before { font-size: 15px; }

.action-icon ul li a.edit { color: var(--bs-txt-clr-1); border: 1px solid var(--bs-txt-clr-1); }
.action-icon ul li a.edit:before { font-size: 16px; }

.action-icon ul li a.tick, .action-icon ul li a.plus { color: var(--bs-clr-3); border: 1px solid var(--bs-clr-3); }
.action-icon ul li a.tick:before, .action-icon ul li a.plus:before { font-size: 16px; }

.action-icon ul li a.cancel { color: var(--bs-clr-8); border: 1px solid var(--bs-clr-8); }
.action-icon ul li a.cancel:before { font-size: 16px; }

.action-icon ul li a.download { color: var(--bs-clr-3); border: 1px solid var(--bs-clr-3); }
.action-icon ul li a.download:before { font-size: 16px; }

.action-icon ul li a.calendar { color: var(--bs-txt-clr-1); border: 1px solid var(--bs-txt-clr-1); }
.action-icon ul li a.calendar:before { font-size: 15px; }

.action-icon ul li a.like { color: var(--bs-clr-3); border: 1px solid var(--bs-clr-3); }
.action-icon ul li a.like:before { font-size: 16px; }

.action-icon ul li a.upload-video { color: var(--bs-clr-1); border: 1px solid var(--bs-clr-1); }
.action-icon ul li a.upload-video:before { font-size: 16px; }

.action-icon ul li a.generate { color: var(--bs-txt-clr-3); border: 1px solid var(--bs-txt-clr-3); }
.action-icon ul li a.generate:before { font-size: 16px; }

.action-icon ul li a.view, .action-icon ul li a.update { color: var(--bs-clr-1); border: 1px solid var(--bs-clr-1); }
.action-icon ul li a.view:before, .action-icon ul li a.update:before { font-size: 15px; }





.pagination { padding: 10px 20px 0px 0px; text-align: right; }
.pagination ul li { display: inline-block; margin:0px 5px; }
.pagination ul li a {
	background: #ffffff;
	line-height: 28px;
	height: 40px;
	width: 40px;
	border: 2px solid #e9ecf3;
	padding: 4px 0px;
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: var(--bs-txt-clr-2);
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	
}
.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: var(--bs-clr-13); color: #ffffff; border: 2px solid var(--bs-clr-13); }


.form-info-group { width: 100%; max-width: 980px; margin: 0px auto; overflow-x: hidden; }
.form-info-group ul { border-top: 1px solid #bac2cf; border-left: 1px solid #bac2cf; }
.form-info-group ul li { border-bottom: 1px solid #bac2cf; border-right:  1px solid #bac2cf; margin: 0px !important; }
.form-info-group ul li .label-txt, .form-info-group ul li .wdth-1 { font-size: 12px; color: var(--bs-txt-clr-2); background: #f3f7fc; line-height: 20px; padding: 0px 8px; text-transform: uppercase; position: static; }

.form-info-group ul li .label-txt2, .form-info-group ul li .wdth-2 { font-size: 14px; color: var(--bs-txt-clr-1); background: #ffffff; line-height: 28px; padding: 10px 8px; min-height: 40px; }
.form-info-group ul li > * { display: block; }

.txt-overflow-dot { text-overflow: ellipsis; overflow: hidden; height: 30px; white-space: nowrap; }

.tooltp2 { cursor: pointer; }
.downloadexcel:before{ margin-right: 4px; }

/* Body defaults
------------------------------------------------------------------------------------------------*/
#container { background: #e0e0e5; }
.container-fluid { padding-left:25px; padding-right:25px; }
.global-loader {
	background: #ecf0f5;
	position:fixed;
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	z-index:5;
}
.global-loader table, .global-loader table tr, .global-loader table tr td { text-align: center; }

/* Header
------------------------------------------------------------------------------------------------*/
.header { background: #ffffff; padding: 0px 0px; }

.menu { display: none; }
.menu a {
	z-index:10;
	width:48px;
	height:38px;
	margin:0px;
	padding:18px 0px 0px 0px;
	display:block;
	background:#fff;
	position:relative;
}
.menu a span {
	width:20px;
	height:2px;
	background:var(--bs-txt-clr-3);
	display: block;
	position: relative;
	margin: 0px auto;
}
.menu a span::before, .menu a span::after {
	background:var(--bs-txt-clr-3);
	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:var(--bs-white); }
.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: block; }
.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: 10px 0px 0px 0px; }

.head-rt { float: right; }
.head-rt>ul, .head-rt>ul>li { float: left; }
.head-rt>ul>li { margin: 0px 0px 0px 10px; padding: 10px 0px; }
.head-rt>ul>li>a { font-size: 13px; height: 45px; display: block; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; color: var(--bs-txt-clr-2); position: relative; }
.head-rt>ul>li>a:hover, .head-rt>ul>li.active>a { background: var(--bs-txt-clr-4); color: var(--bs-txt-clr-1); }
.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: var(--bs-clr-5);
}
.head-rt ul li a.head-pro { position: relative; padding-right: 15px; }
.head-rt ul li a.head-pro:before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	line-height:12px;
	height: 12px;
	width: 10px;
	font-size: 12px;
	text-align: center;
	margin: auto 0px;
}
.head-rt ul li a.head-pro .pro-avatar, .head-rt ul li a.head-pro .pro-avatar img { width: 45px; height: 45px; }
.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: var(--bs-txt-clr-2);
	font-weight: 500;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px;
	white-space: nowrap;
	display: block;
	position: relative;
	padding:8px 0px 8px 0px;
	line-height: 29px;
}
.head-rt ul li a.head-pro:hover .pro-name, .head-rt ul li.active a.head-pro .pro-name { color: var(--bs-txt-clr-1); }
.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(0,0,0,0.1);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	-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: 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: var(--bs-txt-clr-2);
}
.head-rt ul li .hpc-cont.head-sub-menu ul li a:hover { background: var(--bs-txt-clr-4); color: var(--bs-txt-clr-1); }




/* Sidebar
------------------------------------------------------------------------------------------------*/
.sidebar {
    width: 115px;
    margin: 0px;
	padding:24px 0px 0px 0px;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
	background: var(--bs-txt-clr-5);
    z-index: 2;
}
.sidebar ul li { position: relative; margin:0px; }
.sidebar ul li a {
	font-size: 9px;
	color: rgba(255,255,255,0.6);
	display: block;
	padding: 15px 0px;
	position: relative;
	z-index:1;
	text-align:center;
	text-transform:uppercase;
}
.sidebar ul li:hover a, .sidebar ul li a:hover, .sidebar ul li a.active, .sidebar ul li.active a { background: #ffb238; color: rgba(255,255,255,1); }
.sidebar ul li a span {
	height: 50px;
	display: block;
	text-align: center;
	font-size: 32px;
	line-height: 36px;	
	padding: 7px 0px;
}

.sidebar ul li .submenu {
	background:#ffffff;
	position:absolute;
	top:0px;
	left:115px;
	width:250px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.05), 5px 5px 5px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.05), 5px 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.05), 5px 5px 5px rgba(0, 0, 0, 0.05);
	display:none;
}
.sidebar ul li:hover .submenu { display:block; }
.sidebar ul li .submenu ul li { margin: 0px; }
.sidebar ul li .submenu ul li a, .sidebar ul li:hover .submenu ul li a {
	height: 45px;
	line-height: 25px;
	padding: 10px 5px 10px 20px;
	margin: 0px;
	font-size: 14px;
	text-transform:capitalize;
	text-align:left;
	background:Transparent;
	color: #272e48;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sidebar ul li .submenu ul li a::before { display:none; }
.sidebar ul li .submenu ul li a:hover, .sidebar ul li .submenu ul li a.active {	padding: 10px 5px 10px 30px; background: var(--bs-txt-clr-5); color:#ffffff; }



/* Content defaults
------------------------------------------------------------------------------------------------*/
main { margin-left: 115px; }
.content {
	min-height:100%;
	min-height: -webkit-calc(100vh - 135px);
	min-height:    -moz-calc(100vh - 135px);
	min-height:         calc(100vh - 135px);
}
.head-section { padding:15px 25px; background:#ffffff; }
.head-section h2 { width:70%; float:left; padding: 0px; }
.head-section .breadcrumps { width:30%; float:right; }

.breadcrumps ul { float: right; }
.breadcrumps ul li { float: left; padding: 5px 0px; }
.breadcrumps ul li a, .breadcrumps ul li span {
	font-size: 10px;
	line-height: 30px;
	color: #999999;
	padding: 0px 10px 0px 0px;
}
.breadcrumps ul li span, .breadcrumps ul li:last-child a { 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; }
.breadcrumps ul li:last-child a:after { display: none; }

.content-sec { padding: 25px 25px 0px 25px; min-height: 650px; }
.wht-cont {
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	padding: 20px;	
}
.padd-cont { padding: 20px; }

.date-rng-cont > div {
	width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px);
	float:left;
	margin:0px 20px 0px 0px;
	position:relative;
	padding:12px 0px 0px 0px;
}
.date-rng-cont > div:last-child { margin:0px; }

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

.profile-img {
    width: 250px;
    height: 300px;
    margin: 20px auto;
    padding: 0px;
    border: 3px solid #ffffff;
    overflow: hidden;
    position: relative;
}
.profile-img img {
    width: 250px;
    height: 300px;
    margin: 0px;
	object-fit: cover;
}


/* Rating
------------------------------------------------------------------------------------------------*/
.rating-cont {
	text-align: left;
	height: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 12px;
}
.rating-container {
	text-align: center;
	margin-bottom: 0px;
	height: 15px;
	width: 115px;
	overflow: hidden;
	position: relative;
}
.rating-container .rating-stars {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	width: 95px;
	height: 15px;
	float: left;
	margin: 0px 0px;
}
.rating-container .empty-stars {
	height: 15px;
	display: block;
}
.rating-container .filled-stars {
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	color: #fde16d;
	white-space: nowrap;
	overflow: hidden;
	height: 15px;
}
.rating-container .star {
	display: inline-block;
	margin: 0 2px;
	text-align: center;
	width: 15px;
	height: 15px;
}
.empty-stars .star {float: left;}
.filled-stars .star {
	top: 0px;
	position: absolute;
}
.filled-stars .star:nth-child(1) {left: 0px;}
.filled-stars .star:nth-child(2) {left: 19px;}
.filled-stars .star:nth-child(3) {left: 38px;}
.filled-stars .star:nth-child(4) {left: 57px;}
.filled-stars .star:nth-child(5) {left: 76px;}
.star-empty, .star-fill {
	width: 15px;
	height: 15px;
	display: inline-block;
}
.star-empty {
	background: url(/images/star.png) no-repeat center;
	background-size: 100% auto;
}
.star-fill {
	background: url(/images/star-active.png) no-repeat center;
	background-size: 100% auto;
}
.rating-container .rating-input {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	font-size: 1px;
	border: none;
	background: none;
	opacity: 0;
	padding: 0;
	margin: 0;
}
.rating-container .caption:empty {display: none;}
.rating-container .caption {
	text-align: center;
	line-height: 15px;
	margin: 0px 0px;
	display: inline-block;
	float: right;
	text-align: center;
	width: 20px;
}
.rating-container .caption span {
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	display: block;
	line-height: 15px;
	text-align: center;
}




/* Login
------------------------------------------------------------------------------------------------*/
#container.login-container {
	height: 100%;
	min-height: 100vh;
	background:url("../images/admin/bg-login-img.jpg") no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	position:relative;
}
#container.login-container:after {
	content: " ";
	background:#124fa2;
	width:100%;
	height:100%;
	margin:auto;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	mix-blend-mode: multiply;
}

#container.login-container .login-cont {
	width: 100%;
	max-width: 1000px;
    _width:expression(this.scrollWidth > 1000 ? "1000px" : "auto");
	margin: 0px auto;
	padding-left: 20px;
	padding-right: 20px;
	position:relative;
	z-index:1;
}
#container.login-container .login-cont, #container.login-container .login-cont>table, #container.login-container .login-cont>table>tr, #container.login-container .login-cont>table>tr>td {
	width:100%;
	height:auto;
	min-height: 100vh;
}
.login-section {
	background: #ffffff;
	width: 100%;
	padding: 0px 0px 0px 0px;
	position: relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
	overflow: hidden;
}
.login-lt-cont {
	width: 58%;
	height:100%;
	background: url("../images/admin/cms.jpg") no-repeat center;
	background-size:cover;
	padding:0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	-webkit-border-radius:15px 0px 0px 15px;
	-moz-border-radius:15px 0px 0px 15px;
	border-radius:15px 0px 0px 15px;
}
.login-rt-cont {
	width: 42%;
	padding: 50px;
	float:right;
}
.login-lt-cont table, .login-lt-cont table tr, .login-lt-cont table tr td, .login-rt-cont table, .login-rt-cont table tr, .login-rt-cont table tr td {
	width: 100%;
	height: 100%;
}

.login-rt-cont .logo, .login-rt-cont .logo a, .login-rt-cont .logo img { width: 180px; height: auto; margin: 0px auto; float: none; }
.lg-cont ul li {
	padding: 12px 0px 15px;
	position: relative;
}
.lg-cont .label-txt {
	height: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #324069;
	z-index:1;
	text-transform:uppercase;
}
.login-input-txt {
	padding: 0px 0px 0px 0px;
	line-height: 40px;
	height: 40px;
	border:0px;
	border-bottom: 1px solid #cdd2df;
	width: 100%;
	display: block;
	font-size: 16px;
	font-family: var(--bs-body-font-family);
	color: #324069;
}
.login-input-txt:focus { border-bottom: 1px solid #3498db; }

.login-input-txt.input-validation-error { border-bottom:1px solid #eb5053; }

.btn.login-submit-btn {
	padding: 9px 0px;
	width:100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:2px solid #01a734;
	color:#01a734;
	background:#ffffff;
	-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;
}
.btn.login-submit-btn:hover {
	-webkit-box-shadow: inset 0px -52px 0px 0px #01a734;
	-moz-box-shadow: inset 0px -52px 0px 0px #01a734;
	box-shadow: inset 0px -52px 0px 0px #01a734;
	color:#ffffff;
}
.lg-cont .error-txt {
	top: 65px;
}
.lg-cont .field-validation-error {
	position: absolute;
	top: 65px;
	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;
}
.lg-cont .field-validation-error: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;
}


/* Footer defaults
------------------------------------------------------------------------------------------------*/
.footer {
	line-height: 20px;
	font-size: 11px;
	text-align: center;
	color: #9698a2;
	padding: 15px 0px 15px;
	margin-left:115px;
}


/* 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;
	overflow-y: auto;
}
.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: 90%;
	max-width: 500px;
	height: auto;
	max-height: 95%;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #CFE0F1;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
	-moz-box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
	box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
	margin: auto;
	position: relative;
	text-align: left;
}

.pop-cont2 {
	width: 90%;
	max-width: 920px;
	height: auto;
	max-height: 95%;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #CFE0F1;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
	-moz-box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
	box-shadow: 0px 5px 20px 0px rgba(17,102,187,0.25);
	margin: auto;
	position: relative;
	text-align: left;
}

.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: var(--bs-white);
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	line-height: 25px;
	padding: 5px 0px;
	background: #999999;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	cursor: pointer;
	text-align: center;
}

.pop-close:before { content: '\e805'; font-family: icon-font; line-height: 25px; }

.modal-dialog {
	width:95%;
	max-width: 400px;
    _width: expression( document.body.clientWidth > 400 ? "400px" : "auto" );	
	background:#ffffff;
	margin:0px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	padding:15px 25px 20px 25px;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


.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 var(--bs-clr-3);
	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: var(--bs-clr-3);
	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 var(--bs-clr-3);
	-moz-box-shadow: inset 0px 0px 0px 50px var(--bs-clr-3);
	box-shadow: inset 0px 0px 0px 50px var(--bs-clr-3);
}
}

.course-cont ul li a {
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
	background: #ffffff;
	display:block;
}
.course-cont ul li a .grd-img {
	overflow: hidden;
	height: auto;
	position:relative;
	height:165px !important;
}
.course-cont ul li a img {
	width: 100%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.course-cont ul li a:hover img {
	-webkit-transform: rotate(-10deg) scale(1.3); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
	-moz-transform: rotate(-10deg) scale(1.3); /* Fx 3.5-15 */
	-ms-transform: rotate(-10deg) scale(1.3); /* IE 9 */
	-o-transform: rotate(-10deg) scale(1.3); /* Op 10.5-12 */
	transform: rotate(-10deg) scale(1.3); /* Fx 16+, IE 10+ */
}
.grd-cont {
	padding: 15px 20px;
	text-align: left;
}
.course-cont ul li a h6 { margin-bottom: 8px; }
.course-cont ul li a .rating-cont { padding-bottom: 15px; }
.grade-title {
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.course-cont ul li a p { padding: 0px 10px 0px 0px; }
.course-cont ul li a p:before { padding: 0px 5px 0px 0px; }


.order-summary {
	border: 2px solid #f2f5fa;
	padding: 10px 25px;
}
.order-summary table tr th, .order-summary table tr td {
	font-size: 13px;
	color: var(--bs-txt-clr-1);
	line-height: 28px;
	padding: 10px;
}
.order-summary table tr th {
	font-weight: 600;
	border-bottom: 1px solid #e0e7f0;
}
.order-summary table tr.total td {
	border-bottom: 1px solid #e0e7f0;
}
.order-success {
	border: 2px dashed var(--bs-clr-3);
	padding: 30px 20px;
	font-size: 21px;
	text-align: center;
	color: var(--bs-clr-3);
	font-weight: 700;
}
.pro-qty { 
	width: 125px; 
	height: 44px; 
	border: 1px solid #e0e7f0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 5px;
}
.form-group .pro-qty { border: 1px solid #f2f5fa; background: #f2f5fa; }
.form-group .pro-qty:hover { background: #ffffff; }
.pro-qty .input-txt { 
	width: 55px; 
	width: -webkit-calc(100% - 60px); 
	width: -moz-calc(100% - 60px); 
	width: calc(100% - 60px); 
	height: 24px; 
	border: 0px; 
	float: left; 
	padding: 0px 5px; 
	margin: 0px 5px; 
	background: #ffffff; 
	text-align: center;
}
.form-group .pro-qty .input-txt { background: #f2f5fa; }
.form-group .pro-qty:hover .input-txt { background: #ffffff; }
.pro-qty .input-txt:focus {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.pro-qty span {
	background: 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;
	color: var(--bs-txt-clr-1);
}
.input-prcnt, .input-ratcnt { position: relative; }
.input-prcnt .input-txt { padding-right: 20px; }
.input-ratcnt .input-txt { padding-left: 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;
}
.input-ratcnt:after {
	content: '₹';
	font-size: 13px;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin: auto 0px;
}

.choices__inner {
	background: #f2f5fa !important;
	padding: 0px !important;
	border: 1px solid #f2f5fa !important;
}
.choices__list--dropdown { width: 350px !important; }
.choices[data-type*="select-one"] .choices__input { padding: 5px 10px !important; }
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { padding-top: 5px !important; padding-bottom: 5px !important; }

.dwn-pdf {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.dwn-pdf:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.ass-pro-list ul li.pro-item {display: none;}
.opd-ht { min-height: 487px; height: 487px; height: -webkit-calc(100vh - 260px); height: -moz-calc(100vh - 260px); height: calc(100vh - 260px); }

.product-list .qtys { display: none; }
.product-view input[readonly] { display: none; }
.data-row {
    white-space: nowrap;
}
.table-desc {
    overflow-x: auto;
    display: block;
}
/*
.add-product {
	webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 8px 20px;
    text-transform: capitalize;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    background: #0093ff !important;
	margin-bottom: 16px;
}
.add-product:hover{
	color: aliceblue;
}
*/
.table-desc-cont {
    max-width: 210px;
    white-space: normal;
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.table-desc-cont2{
	max-width: 450px;
    white-space: normal;
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
	color: #8A8A8A;
}
.table-prod-img{
	width: 42px;
	height: 42px;
	overflow: hidden;
}
.table-prod-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.rupees{
	font-size: 28px;
	color: #2A2A2A;
	text-decoration: none;
}
.off-price{ color: #37df3f; font-size: 18px; margin-left: 6px; }
.del-rupees{ font-size: 14px; color: #2A2A2A;}
.product-detail-thumb{ width: 300px; height: 290px; overflow: hidden; }
.product-detail-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* responsive
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1185px) {
.container-fluid { padding-left:20px; padding-right:20px; }
.label-txt { padding: 0px 10px; }
}
@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; }

.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: 60px;
	height: -webkit-calc(100vh - 60px);
	height: -moz-calc(100vh - 60px);
	height: calc(100vh - 60px);
	padding: 15px 0px;
	width: 250px;
	
}
.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;
	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: 60px;
	height: -webkit-calc(100vh - 60px);
	height: -moz-calc(100vh - 60px);
	height: calc(100vh - 60px);
	width: 100%;
	z-index: 2;
}

.sidebar ul li:hover .submenu { display:none; }
.sidebar ul li:hover .submenu.active { display:block; }

.sidebar ul li .submenu { position: relative; left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.header { padding: 8px 0px; }
.menu { width: 48px; height: 50px; padding: 6px 0px; margin: 0px; float: left; display: block; }
.menu a { 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: 89px; height: 50px; margin: 0px auto; }
.head-rt { padding-top: 0px; margin: 0px; }
.head-rt > ul > li { padding: 5px 0px; }
.head-rt ul li a { height: 40px; }
.head-rt ul li a.bell { line-height: 30px; }
.head-rt ul li a.head-pro .pro-avatar, .head-rt ul li a.head-pro .pro-avatar img { width: 40px; height: 40px; }
.head-rt ul li a.head-pro .pro-name { display: none;}
.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; }

.footer { margin-left: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; }
.padd-cont { padding: 12px; }
.tbl-cont table { width: 900px; }

.pop-cont { width: -webkit-calc(100% - 24px); width: -moz-calc(100% - 24px); width: calc(100% - 24px); padding: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }


.opd-ht { min-height: auto; height: 500px; }
}

@media screen and (max-width: 767px) {
.row { margin-left: 0px; margin-right: 0px; width: 100%; }
.row.sub-row { margin-left: -14px; margin-right: -14px; width: -webkit-calc(100% + 28px); width: -moz-calc(100% + 28px); width: calc(100% + 28px); }
.col-sm-1, .col-14 { width: 100%; margin: 0px 0px 28px 0px; float: left; }
}
@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: var(--bs-body-font-family);
	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/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/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: var(--bs-body-font-family);
	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: var(--bs-body-font-family);
	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: 35px;
	cursor: pointer;
	padding: 0px;
}
.ui-datepicker-calendar tr td a, .ui-datepicker-calendar tr td span {
	display: block;
	height: 35px;
	padding: 5px 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: var(--bs-body-font-family);
	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;
}


.ui-tooltip {
	background: rgba(0, 0, 0, 0.85) !important;
	padding: 0px 10px !important;
	font-size: 12px !important;
	color: #ffffff !important;
	border: 0px !important;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}


/*Slider
_______________________________________________________________________________*/
.slider {
	width: 100%; /* Set the desired width */
	margin: 0 auto;
	position: relative;
}
.slick-slide { margin-right: 20px; }
.slick-prev,
.slick-next {
    font-size: 0px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 16px;
	background: #0787FF;
    padding: 6px;
    width: 32px;
	height: 32px;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	z-index: 999;
}
.slick-prev:hover, .slick-next:hover { background: #003CFF; }
.slick-prev{  position: absolute; top: 150px; left: 0px; }
.slick-next{  position: absolute; top: 150px; right: 0px; }
.slick-next::before, .slick-prev::before{ font-family: 'icon-font'; font-size: 12px; }
.slick-next::before { content: '\e80d'; }
.slick-prev::before { content: '\e80c'; }
.slick-slide{ width: 300px; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: #fff;
  outline: none;
  background: #0787FF;
}
/*Multi Selector
________________________________________________________________________________________________________*/

.multiselect-cont .multiselect-native-select {
	position: relative;
	display: block;
}
.multiselect-cont .multiselect-native-select select {
	position: absolute;
	visibility: hidden;
}
.multiselect-cont .multiselect-native-select .multiselect, .multiselect-cont .ms-options-wrap button {
	line-height: 28px;
	padding: 9px 25px 9px 15px;
	width: 100%;
	font-size: 15px;
	border: 1px solid #f2f5fa;
	color: #9E9E9E;
	background: url("/images/dropdown.png") no-repeat right center;
	background-position: center right 5px;
	display: block;
	text-align: left;
    font-size: var(--bs-body-font-size);
	background-color: #f2f5fa;
}

.ms-options-wrap {
	position: relative;
}
.ms-options-wrap, .ms-options-wrap * {
	box-sizing: border-box;
}
.ms-options-wrap > button:focus, .ms-options-wrap > button {
	position: relative;
	width: 100%;
	text-align: left;
	margin-top: 1px;
	outline-offset: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ms-options-wrap > button[disabled] {
	background-color: #f2f5fa;
	color: #808080;
	opacity: 0.6;
}
.ms-options-wrap.ms-has-selections > button {
	color: #333;
}

.ms-options-wrap > .ms-options {
		position: absolute;
		right:0;
		top: 48px;
		width: 100%;
		margin-top: 1px;
		margin-bottom: 0px;
		background: white;
		z-index: 2000;
		border: 1px solid #aaa;
		overflow: auto;
		visibility: hidden;
		max-height: 250px !important;
		min-height: auto !important;
	    border-radius: 8px;
	}

.ms-tp .ms-options-wrap > .ms-options {
	top: auto;
	bottom: 41px;
}
.ms-options-wrap.ms-active > .ms-options {
	visibility: visible;
}
.ms-options-wrap > .ms-options > .ms-search input {
	width: 100%;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px groove;
	outline: none;
}
.ms-options-wrap > .ms-options > .no-result-message {
	padding: 4px 5px;
	display: none;
}
.ms-options-wrap > .ms-options .ms-selectall {
	display: block;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	padding: 12px 20px;
	text-align: left;
}
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li {
	width: 100%;
	float: none;
	padding: 0px;
	min-height: 32px;
}
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li.optgroup ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.ms-options-wrap > .ms-options > ul li.ms-hidden {
	display: none;
}
.ms-options-wrap > .ms-options > ul > li.optgroup {
	padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
	border-top: 1px solid #aaa;
}
.ms-options-wrap > .ms-options > ul > li.optgroup .label {
	display: block;
	padding: 5px 0 0 0;
	font-weight: bold;
}
.ms-options-wrap > .ms-options > ul label {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 6px 4px 8px 24px;
	margin: 0px 0;
	border: 0px dotted transparent;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label, .ms-options-wrap > .ms-options.hide-checkbox > ul label {
	padding: 4px;
}
.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover {
	background-color: #efefef;
	border-color: #999;
}
.ms-options-wrap > .ms-options > ul li.selected label {
	background-color: #efefef;
	border-color: transparent;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
	margin: 0 10px 0 0;
}
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

/* Jq Start Svg 
____________________________________________________________________________________*/

.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}