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

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Roboto+Condensed&display=swap');

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

.left-arrow:before, .right-arrow:before, .down-arrow:before, .up-arrow:before, .edit:before, .cancel:before, .plus:before, .minus:before, .tick:before, .trash:before, .download:before, .bell:before, .search:before, .calendar:before, .dashboard:before, .leads:before, .userManage:before, .reports:before, .dashReport:before, .settings:before, .chat:before, .up-arrow2:before, .down-arrow2:before, .chart:before, .refresh:before, .reenquiry:before, .table:before, .more:before, .notes:before, .add-file:before, .rawData:before, .enroll:before, .journey:before, .eye:before, .view:before, .eye-hide:before, .messager:before, .mailer:before, .profile:before, .logout:before, .locate:before, .upload:before { font-family: icon-font; -webkit-font-smoothing: antialiased; }

.left-arrow:before { content: '\e800'; }
.right-arrow:before { content: '\e801'; }
.down-arrow:before { content: '\e802'; }
.up-arrow:before { content: '\e803'; }
.edit:before { content: '\e804'; }
.cancel:before { content: '\e805'; }
.plus:before { content: '\e806'; }
.minus:before { content: '\e807'; }
.tick:before { content: '\e808'; }
.trash:before { content: '\e809'; }
.download:before { content: '\e80a'; }
.bell:before { content: '\e80b'; }
.search:before { content: '\e80c'; }
.calendar:before { content: '\e80d'; }
.dashboard:before { content: '\e80e'; }
.leads:before { content: '\e80f'; }
.userManage:before { content: '\e810'; }
.reports:before { content: '\e811'; }
.dashReport:before { content: '\e812'; }
.settings:before { content: '\e81c'; }
.chat:before { content: '\e813'; }
.up-arrow2:before { content: '\e814'; }
.down-arrow2:before { content: '\e815'; }
.chart:before { content: '\e816'; }
.refresh:before, .reenquiry:before { content: '\e817'; }
.table:before { content: '\e818'; }
.more:before { content: '\e819'; }
.notes:before { content: '\e81a'; }
.add-file:before, .rawData:before, .enroll:before { content: '\e81b'; }
.journey:before { content: '\e81d'; }
.eye:before, .view:before { content: '\e81e'; }
.eye-hide:before { content: '\e81f'; }
.messager:before { content: '\e820'; }
.mailer:before { content: '\e821'; }
.profile:before { content: '\e822'; }
.logout:before { content: '\e823'; }
.locate:before { content: '\e824'; }
.upload:before { content: '\e825'; }


: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: 51, 49, 66;
	--bs-thm-clr-2: 108, 117, 125; /* grey */
	--bs-thm-clr-3: 240, 81, 96; /* theme red*/
	--bs-active-txt-1: 0, 86, 179;
	--bs-white: 255, 255, 255;
	--bs-body-font-family: 'Manrope', 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; }

@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }

/* Defaults
------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li, 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, button {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	outline:0px;
	font-family: var(--bs-body-font-family);
}
html, body { height: 100%; }
a { color: rgb(var(--bs-clr-1)); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; text-decoration: none; display: inline-block; }
a:hover, a:focus { color: rgb(var(--bs-active-txt-1)); text-decoration: none !important; }

a img { border: 0; }
img { width: 100%; height: auto; }

ul, li { list-style: none; }

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

.p-stat { position: static !important;}
.p-rel { position: relative !important;}

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

.f_left { float:left !important; }
.f_right { float:right !important; }
.f_none, .row, .form-group, .form-group2, .form-info-group, .form-info-edit-group, .breadcrumps{ float:none !important; }
.f_none:after, .row:after, .form-group:after, .form-group2:after, .form-info-group:after, .form-info-edit-group:after, .breadcrumps:after{ display:block; clear:both; content:"" }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; overflow: hidden; float:none !important; }

.cursor-p { cursor: pointer; }

.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, .mes-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, .mes-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, .mes-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, .pes-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, .pes-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, .pes-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; }

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

.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-underline { text-decoration: underline; }

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

.line-ht-15 { line-height: 15px !important; }
.line-ht-20 { line-height: 20px !important; }

.f-robotoC { font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif !important; }

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9 { color: rgb(var(--bs-thm-clr-1)); font-weight: 700; }
h1, .h1 { font-size: 50px; line-height: 60px; padding-bottom:28px; }
h2, .h2 { font-size: 42px; line-height: 48px; padding-bottom:28px; }
h3, .h3 { font-size: 36px; line-height: 42px; padding-bottom:15px; }
h4, .h4 { font-size: 32px; line-height: 40px; }
h5, .h5 { font-size: 30px; line-height: 36px; }
h6, .h6 { font-size: 26px; line-height: 32px; }
.h7 { font-size: 21px; line-height: 30px; }
.h8 { font-size: 20px; line-height: 30px; }
.h9 { font-size: 18px; line-height: 28px; }

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

.txt-dots1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.txt-dots2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.bg-white { background:rgb(var(--bs-white)) !important; }
.bg-black { background: #000000; }
.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) !important; }
.txt-black { color:#000000; }
.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-primary { color:rgb(var(--bs-thm-clr-1)); }
.txt-secondary { color:rgb(var(--bs-thm-clr-2)); }

.grd-clr-1, .pro-st.Eligible, .pro-st.FollowUps, .pro-st.Registered {
	background: #4a89da;
	background: -moz-linear-gradient(left, #4a89da 0%, #73aff4 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #4a89da), color-stop(100%, #73aff4));
	background: -webkit-linear-gradient(left, #4a89da 0%, #73aff4 100%);
	background: -o-linear-gradient(left, #4a89da 0%, #73aff4 100%);
	background: -ms-linear-gradient(left, #4a89da 0%, #73aff4 100%);
	background: linear-gradient(to right, #4a89da 0%, #73aff4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a89da', endColorstr='#73aff4', GradientType=1 );
}
.grd-clr-2, .pro-st.Enrolled, .pro-st.ReadyForEnrollment, .pro-st.Ready {
	background: #35ba9b;
	background: -moz-linear-gradient(left, #35ba9b 0%, #61ddbc 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #35ba9b), color-stop(100%, #61ddbc));
	background: -webkit-linear-gradient(left, #35ba9b 0%, #61ddbc 100%);
	background: -o-linear-gradient(left, #35ba9b 0%, #61ddbc 100%);
	background: -ms-linear-gradient(left, #35ba9b 0%, #61ddbc 100%);
	background: linear-gradient(to right, #35ba9b 0%, #61ddbc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35ba9b', endColorstr='#61ddbc', GradientType=1 );
}
.grd-clr-3, .pro-st.New, .pro-st.Application.Sold {
	background: #2db43b;
	background: -moz-linear-gradient(left, #2db43b 0%, #7fd189 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #2db43b), color-stop(100%, #7fd189));
	background: -webkit-linear-gradient(left, #2db43b 0%, #7fd189 100%);
	background: -o-linear-gradient(left, #2db43b 0%, #7fd189 100%);
	background: -ms-linear-gradient(left, #2db43b 0%, #7fd189 100%);
	background: linear-gradient(to right, #2db43b 0%, #7fd189 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db43b', endColorstr='#7fd189', GradientType=1 );
}
.grd-clr-4, .pro-st.Prospective, .pro-st.FollowUps {    
	background: #89c053;
	background: -moz-linear-gradient(left, #89c053 0%, #b4df80 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #89c053), color-stop(100%, #b4df80));
	background: -webkit-linear-gradient(left, #89c053 0%, #b4df80 100%);
	background: -o-linear-gradient(left, #89c053 0%, #b4df80 100%);
	background: -ms-linear-gradient(left, #89c053 0%, #b4df80 100%);
	background: linear-gradient(to right, #89c053 0%, #b4df80 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c053', endColorstr='#b4df80', GradientType=1 );
}
.grd-clr-5, .pro-st.CasualLead, .pro-st.Ready {
	background: #f5ba45;
	background: -moz-linear-gradient(left, #f5ba45 0%, #fbd177 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f5ba45), color-stop(100%, #fbd177));
	background: -webkit-linear-gradient(left, #f5ba45 0%, #fbd177 100%);
	background: -o-linear-gradient(left, #f5ba45 0%, #fbd177 100%);
	background: -ms-linear-gradient(left, #f5ba45 0%, #fbd177 100%);
	background: linear-gradient(to right, #f5ba45 0%, #fbd177 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ba45', endColorstr='#fbd177', GradientType=1 );
}
.grd-clr-6, .pro-st.For.Enrollment {
	background: #f07101;
	background: -moz-linear-gradient(left, #f07101 0%, #fca152 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f07101), color-stop(100%, #fca152));
	background: -webkit-linear-gradient(left, #f07101 0%, #fca152 100%);
	background: -o-linear-gradient(left, #f07101 0%, #fca152 100%);
	background: -ms-linear-gradient(left, #f07101 0%, #fca152 100%);
	background: linear-gradient(to right, #f07101 0%, #fca152 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07101', endColorstr='#fca152', GradientType=1 );
}
.grd-clr-7, .pro-st.Not.Prospective, .pro-st.NotProspective {
	background: #ec3123;
	background: -moz-linear-gradient(left, #ec3123 0%, #f26257 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #ec3123), color-stop(100%, #f26257));
	background: -webkit-linear-gradient(left, #ec3123 0%, #f26257 100%);
	background: -o-linear-gradient(left, #ec3123 0%, #f26257 100%);
	background: -ms-linear-gradient(left, #ec3123 0%, #f26257 100%);
	background: linear-gradient(to right, #ec3123 0%, #f26257 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3123', endColorstr='#f26257', GradientType=1 );
}
.grd-clr-8, .pro-st.RNR, .pro-st.Call.Not.Picked, .pro-st.Wrong.Number {
	background: #d94453;
	background: -moz-linear-gradient(left, #d94453 0%, #f76c80 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #d94453), color-stop(100%, #f76c80));
	background: -webkit-linear-gradient(left, #d94453 0%, #f76c80 100%);
	background: -o-linear-gradient(left, #d94453 0%, #f76c80 100%);
	background: -ms-linear-gradient(left, #d94453 0%, #f76c80 100%);
	background: linear-gradient(to right, #d94453 0%, #f76c80 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d94453', endColorstr='#f76c80', GradientType=1 );
}
.grd-clr-9 {
	background: #fe4c81;
	background: -moz-linear-gradient(left, #fe4c81 0%, #fd99b7 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #fe4c81), color-stop(100%, #fd99b7));
	background: -webkit-linear-gradient(left, #fe4c81 0%, #fd99b7 100%);
	background: -o-linear-gradient(left, #fe4c81 0%, #fd99b7 100%);
	background: -ms-linear-gradient(left, #fe4c81 0%, #fd99b7 100%);
	background: linear-gradient(to right, #fe4c81 0%, #fd99b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4c81', endColorstr='#fd99b7', GradientType=1 );
}
.grd-clr-10 {    
	background: #ea47b9;
	background: -moz-linear-gradient(left, #ea47b9 0%, #fdb2e6 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #ea47b9), color-stop(100%, #fdb2e6));
	background: -webkit-linear-gradient(left, #ea47b9 0%, #fdb2e6 100%);
	background: -o-linear-gradient(left, #ea47b9 0%, #fdb2e6 100%);
	background: -ms-linear-gradient(left, #ea47b9 0%, #fdb2e6 100%);
	background: linear-gradient(to right, #ea47b9 0%, #fdb2e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea47b9', endColorstr='#fdb2e6', GradientType=1 );
}
.grd-clr-11, .pro-st.Dropout, .pro-st.ImageLead { 
	background: #9c3ed6;
	background: -moz-linear-gradient(left, #9c3ed6 0%, #ce99f2 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #9c3ed6), color-stop(100%, #ce99f2));
	background: -webkit-linear-gradient(left, #9c3ed6 0%, #ce99f2 100%);
	background: -o-linear-gradient(left, #9c3ed6 0%, #ce99f2 100%);
	background: -ms-linear-gradient(left, #9c3ed6 0%, #ce99f2 100%);
	background: linear-gradient(to right, #9c3ed6 0%, #ce99f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c3ed6', endColorstr='#ce99f2', GradientType=1 );
}    
.grd-clr-12, .pro-st.Assigned, .pro-st.ForImage, .pro-st.ED, .pro-st.Attended {
	background: #4c52d4;
	background: -moz-linear-gradient(left, #4c52d4 0%, #c3c6fa 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #4c52d4), color-stop(100%, #c3c6fa));
	background: -webkit-linear-gradient(left, #4c52d4 0%, #c3c6fa 100%);
	background: -o-linear-gradient(left, #4c52d4 0%, #c3c6fa 100%);
	background: -ms-linear-gradient(left, #4c52d4 0%, #c3c6fa 100%);
	background: linear-gradient(to right, #4c52d4 0%, #c3c6fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c52d4', endColorstr='#c3c6fa', GradientType=1 );
}
.pro-st.Disqualified, .pro-st.NotEligible, .pro-st.JunkLead {
	background: #414852;
	background: -moz-linear-gradient(left, #414852 0%, #737a85 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #414852), color-stop(100%, #737a85));
	background: -webkit-linear-gradient(left, #414852 0%, #737a85 100%);
	background: -o-linear-gradient(left, #414852 0%, #737a85 100%);
	background: -ms-linear-gradient(left, #414852 0%, #737a85 100%);
	background: linear-gradient(to right, #414852 0%, #737a85 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414852', endColorstr='#737a85', GradientType=1 );
}
.pro-st.EnrolledDropout, .pro-st.Duplicate, .pro-st.UnusableLead, .pro-st.RD, .pro-st.ED {
	background: #8d9fac;
	background: -moz-linear-gradient(left, #8d9fac 0%, #b9bdc0 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #8d9fac), color-stop(100%, #b9bdc0));
	background: -webkit-linear-gradient(left, #8d9fac 0%, #b9bdc0 100%);
	background: -o-linear-gradient(left, #8d9fac 0%, #b9bdc0 100%);
	background: -ms-linear-gradient(left, #8d9fac 0%, #b9bdc0 100%);
	background: linear-gradient(to right, #8d9fac 0%, #b9bdc0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d9fac', endColorstr='#b9bdc0', GradientType=1 );
}

.pro-st.New:before { content: 'N'; }
.pro-st.Prospective:before { content: 'P'; }
.pro-st.Not.Prospective:before, .pro-st.NotProspective:before { content: 'NP'; }
.pro-st.RNR:before { content: 'RNR'; }
.pro-st.Call.Not.Picked:before { content: 'CNP'; }
.pro-st.For.Enrollment:before { content: 'FE'; }
.pro-st.Dropout:before { content: 'DR'; }
.pro-st.Disqualified:before { content: 'DQ'; }
.pro-st.Application.Sold:before { content: 'AS'; }
.pro-st.Enrolled:before { content: 'EN'; }
.pro-st.Wrong.Number:before { content: 'WN'; }
.pro-st.Eligible:before { content: 'E'; }
.pro-st.Not.Eligible:before { content: 'NE'; }
.pro-st.Enrolled.Dropout:before, .pro-st.ED:before { content: 'ED'; }
.pro-st.RD:before { content: 'RD'; }
.pro-st.Assigned:before { content: 'A'; }
.pro-st.ImageLead:before { content: 'IMG'; }
.pro-st.ForImage:before { content: 'FIM'; }
.pro-st.ReadyForEnrollment:before, .pro-st.Ready:before { content: 'RFE'; }
.pro-st.CasualLead:before { content: 'CL'; }
.pro-st.Duplicate:before { content: 'DP'; }
.pro-st.JunkLead:before { content: 'JL'; }
.pro-st.UnusableLead:before { content: 'UL'; }
.pro-st.Attended:before { content: 'AT'; }
.pro-st.FollowUps:before { content: 'FU'; }
.pro-st.Registered:before { content: 'R'; }

.mw-1200 { max-width: 1200px !important; }
.mw-1100 { max-width: 1100px !important; }
.mw-1000 { max-width: 1000px !important; }
.mw-900 { max-width: 900px !important; }
.mw-800 { max-width: 800px !important; }
.mw-700 { max-width: 700px !important; }
.mw-600 { max-width: 600px !important; }
.mw-500 { max-width: 500px !important; }
.mw-400 { max-width: 400px !important; }
.mw-300 { max-width: 300px !important; }
.mw-200 { max-width: 200px !important; }
.mw-150 { max-width: 150px !important; }

.wdth-120 { width: 120px; }

.wdth-100p { width: 100% !important; }

.mxh-400 { max-height: 400px; }
.mh-700px { min-height: 700px; }
.mh-650px, .content { min-height: 650px; }
.mnh-600px { min-height: 600px; }
.mh-550px { min-height: 550px; }
.mnh-500px { min-height: 500px; }

.row { margin-left: -10px; margin-right: -10px; width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: calc(100% + 20px); }
.row.no-gutters { width: 100%; }
.row.no-gutters, .row.no-gutters > * { 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% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); }
.col-14 { width: -webkit-calc(80% - 20px); width: -moz-calc(80% - 20px); width: calc(80% - 20px); } /* 80% */
.col-13 { width: -webkit-calc(75% - 20px); width: -moz-calc(75% - 20px); width: calc(75% - 20px); } /* 75% */
.col-12 { width: -webkit-calc(70% - 20px); width: -moz-calc(70% - 20px); width: calc(70% - 20px); } /* 70% */
.col-11 { width: -webkit-calc(66.66% - 20px); width: -moz-calc(66.66% - 20px); width: calc(66.66% - 20px); } /* 66.6% */
.col-10 { width: -webkit-calc(65% - 20px); width: -moz-calc(65% - 20px); width: calc(65% - 20px); } /* 65% */
.col-9 { width: -webkit-calc(60% - 20px); width: -moz-calc(60% - 20px); width: calc(60% - 20px); } /* 60% */
.col-8 { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); } /* 50% */
.col-7 { width: -webkit-calc(40% - 20px); width: -moz-calc(40% - 20px); width: calc(40% - 20px); } /* 40% */
.col-6 { width: -webkit-calc(35% - 20px); width: -moz-calc(35% - 20px); width: calc(35% - 20px); } /* 35% */
.col-5 { width: -webkit-calc(33.33% - 20px); width: -moz-calc(33.33% - 20px); width: calc(33.33% - 20px); } /* 33.3% */
.col-4 { width: -webkit-calc(30% - 20px); width: -moz-calc(30% - 20px); width: calc(30% - 20px); } /* 30% */
.col-3 { width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); width: calc(25% - 20px); } /* 25% */
.col-2 { width: -webkit-calc(20% - 20px); width: -moz-calc(20% - 20px); width: calc(20% - 20px); } /* 20% */
.col-1 { width: -webkit-calc(16.66% - 20px); width: -moz-calc(16.66% - 20px); width: calc(16.66% - 20px); } /* 16% */

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

@media (min-width: 576px) {
.f-sm-left {float: left;}
.f-sm-right {float: right;}

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

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

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

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

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

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

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

.row.no-gutters > .col-lg-15 { width: 100%; }
.row.no-gutters > .col-lg-14 { width: 80% } /* 80% */
.row.no-gutters > .col-lg-13 { width: 75%; } /* 75% */
.row.no-gutters > .col-lg-12 { width: 70%; } /* 70% */
.row.no-gutters > .col-lg-11 { width: 66.66%; } /* 66.6% */
.row.no-gutters > .col-lg-10 { width: 65% } /* 65% */
.row.no-gutters > .col-lg-9 { width: 60%; } /* 60% */
.row.no-gutters > .col-lg-8 { width: 50%; } /* 50% */
.row.no-gutters > .col-lg-7 { width: 40%; } /* 40% */
.row.no-gutters > .col-lg-6 { width: 35% } /* 35% */
.row.no-gutters > .col-lg-5 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-lg-4 { width: 30%; } /* 30% */
.row.no-gutters > .col-lg-3 { width: 25%; } /* 25% */
.row.no-gutters > .col-lg-2 { width: 20% } /* 20% */
.row.no-gutters > .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; }
.mes-xl-0 { margin-right: 0px !important; margin-left: 0px !important; }
.f-xl-left {float: left;}
.f-xl-right {float: right;}

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

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

.row.no-gutters > .col-xl-15 { width: 100%; }
.row.no-gutters > .col-xl-14 { width: 80% } /* 80% */
.row.no-gutters > .col-xl-13 { width: 75%; } /* 75% */
.row.no-gutters > .col-xl-12 { width: 70%; } /* 70% */
.row.no-gutters > .col-xl-11 { width: 66.66%; } /* 66.6% */
.row.no-gutters > .col-xl-10 { width: 65% } /* 65% */
.row.no-gutters > .col-xl-9 { width: 60%; } /* 60% */
.row.no-gutters > .col-xl-8 { width: 50%; } /* 50% */
.row.no-gutters > .col-xl-7 { width: 40%; } /* 40% */
.row.no-gutters > .col-xl-6 { width: 35% } /* 35% */
.row.no-gutters > .col-xl-5 { width: 33.33%; } /* 33.3% */
.row.no-gutters > .col-xl-4 { width: 30%; } /* 30% */
.row.no-gutters > .col-xl-3 { width: 25%; } /* 25% */
.row.no-gutters > .col-xl-2 { width: 20% } /* 20% */
.row.no-gutters > .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; }
.mes-xxl-0 { margin-right: 0px !important; margin-left: 0px !important; }
.f-xxl-left {float: left;}
.f-xxl-right {float: right;}

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

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

input, button, select, option, optgroup, textarea, .input-txt { 
	margin: 0; 
	outline: 0; 
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	line-height: inherit; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
button, select { text-transform: none; }
textarea { resize: vertical; }
input[readonly], select[disabled], select:disabled { cursor: no-drop; }
input::-ms-reveal, input::-ms-clear { display: none; }
input[type='checkbox'] { -webkit-appearance: checkbox; }
input[type='radio'] { -webkit-appearance: checkbox; }
input[type="button"], input[type="submit"], input[type="reset"], button { -webkit-appearance: button; cursor: pointer; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
select:disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { 
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset; -moz-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-moz-transition: background-color 5000s ease-in-out 0s;
	-ms-transition: background-color 5000s ease-in-out 0s;
	-o-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}

.btn, .btn-sm, .btn-lg {  
	height: 46px;
	line-height:28px;
	padding:7px 16px;
	font-weight:400;
	font-size: var(--bs-body-font-size);
	color:rgb(var(--bs-white));
	text-transform:uppercase;
	position:relative;
	margin:0px 0px 0px 0px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    font-family: var(--bs-body-font-family);
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border:0px solid rgba(0,0,0,0);
	-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;
	text-shadow: 0px 2px rgba(0,0,0,0.3);
}
.btn-sm { height: 34px; line-height: 28px; padding:3px 15px; font-size: 12px; }

.btn:hover, .btn-sm:hover, .btn1:hover { 
	color:rgb(var(--bs-white));
	-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);
}

.search-btn { 
	min-width: 140px; 
	height: 46px; 
	background:url(../images/search.png) no-repeat left center rgb(var(--bs-clr-1)); 
	background-size: 20px auto;
	background-position: left 15px center;
	padding-left: 50px;
	text-shadow: 0px 0px rgba(0,0,0,0);
}
.btn.search-btn:hover{ 
	background:url(../images/search.png) no-repeat left center rgb(var(--bs-clr-1)); 
	background-size: 20px auto;
	background-position: left 15px center;
	-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);
}

.search-btn2 { 
	width: 46px; 
	height: 46px; 
	background:url(../images/search.png) no-repeat left center rgb(var(--bs-clr-1)); 
	background-size: 18px;
	background-position: left 15px center;
	padding: 0px;
	text-shadow: 0px 0px rgba(0,0,0,0);
}
.btn.search-btn2:hover {
	-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);
}

.submit-btn { height: 46px; min-width: 160px; background:rgb(var(--bs-clr-3)); }
.btn.submit-btn:hover {
	color:rgb(var(--bs-white));
	-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);
}

.reset-btn, .cancel-btn, .back-btn { background: #fff; border: 1px solid #d1d1d1; color: rgb(var(--bs-clr-8)); min-width: 120px; text-shadow: 0px 0px rgba(0,0,0,0); }
.reset-btn:hover, .cancel-btn:hover, .back-btn:hover {
	color: rgb(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);
}

.label-txt { line-height: 15px; font-size: 13px; color: rgb(var(--bs-thm-clr-1)); padding:8px 5px 0px 0px; font-family: var(--bs-body-font-family); }

.form-group .label-txt, .search-group .label-txt { 
	position:absolute; 
	top:3px; 
	left:10px;
	text-align: left; 
	z-index:1; 
	padding: 0px 8px;	
	background: #f8f3f3;
	background: -moz-linear-gradient(top, #f8f3f3 0%, #f8f3f3 40%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8f3f3), color-stop(40%, #f8f3f3), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f8f3f3 0%, #f8f3f3 40%, #ffffff 100%);
	background: -o-linear-gradient(top, #f8f3f3 0%, #f8f3f3 40%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f8f3f3 0%, #f8f3f3 40%, #ffffff 100%);
	background: linear-gradient(to bottom, #f8f3f3 0%, #f8f3f3 40%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f3f3', endColorstr='#ffffff', GradientType=0 );
}
.popup-cont .form-group .label-txt { background: rgb(var(--bs-white)); }
.input-txt, .area-txt, .file-input-cont {
	width: 100%;
	line-height: 28px;
	padding:9px 10px;
	border: 1px solid #d5dade;
	height: 46px;
	color: rgb(var(--bs-thm-clr-1));
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: rgb(var(--bs-white));
	font-size: var(--bs-body-font-size);
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
}
.input-txt:focus, .area-txt:focus { border: 1px solid #8bb0fe; }
.area-txt { height: 80px; }
.input-txt.error { border: 1px solid rgb(var(--bs-clr-8)); }
.input-txt.datepick, .input-txt.timepick { max-width:200px; padding-right:30px; background:url(../images/cal-icon.png) no-repeat right center rgb(var(--bs-white)); background-position:center right 10px; }
.input-txt.timepick { background: url(../images/clock-icon.png) no-repeat right center rgb(var(--bs-white)); background-position: center right 10px; }
.input-txt.datepick { padding-right: 28px; padding-left: 8px; }

.input-loader { position: relative; width: 100%; }
.input-loader.load:after {
	content: "";
	width: 12px;
	height: 12px;
	background: url(../images/load2.gif) no-repeat center;
	background-size: 100% auto;
	position: absolute;
	right: 9px;
	top: 0px;
	bottom: 0px;
	margin: auto 0px;
}
.input-loader.tick:before, .input-loader.cancel:before {
	width: 12px;
	height: 12px;
	color: rgb(var(--bs-clr-3));
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	right: 9px;
	top: 0px;
	bottom: 0px;
	margin: auto 0px;
}
.input-loader.cancel:before { color: rgb(var(--bs-clr-8)); }
.input-loader .input-txt, .input-loader .input-txt, .input-loader .input-txt { padding-right: 30px; }

.file-input-cont { display: block; padding: 0px; position: relative; }
.file-input-cont .input-txt { border: 0px; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; }
.file-input-cont span {
	position: absolute;
	pointer-events: none;
	width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px);
	line-height: 28px;
	color: rgb(var(--bs-thm-clr-1));
	font-size: var(--bs-body-font-size);
	left: 16px;
	height: 28px;
	top: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.file-input-cont:after {
	content: "Upload";
	position: absolute;
	right: 5px;
	top: 4px;
	width: 80px;
	height: 36px;
	line-height: 23px;
	color: rgb(var(--bs-white));
	display: inline-block;
	font-size: 12px;
	padding: 6px 10px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #4a89da;
}
.readonly { pointer-events: none; background-color: #e9ecef; color: #6c757d; }

.date-rng-pick button.comiseo-daterangepicker-triggerbutton.ui-button {
	min-width: 250px;
	border: 1px solid #d5dade;
	height: 46px;
	padding-right: 30px;
	font-size: var(--bs-body-font-size);
	background: url(../images/cal-icon.png) no-repeat right center rgb(var(--bs-white));
	background-position: center right 10px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
}

.error-txt { font-size: 10px; text-align: right; color: rgb(var(--bs-clr-8)); font-style: italic; line-height: 14px; padding: 0px 2px; margin: 3px 0px 0px 0px; display: none; }
.info-txt { font-size: 10px; color: #999999; line-height: 15px; font-style: italic; display: block; }

.alert-success, .alert-error, .alert-info, .alert-warning {
	display: none;
	width: auto;
	min-width: 400px;
	padding: 12px 12px 12px 48px;
	background: #ddf5e5;
	color: rgb(var(--bs-clr-3));
	font-size: var(--bs-body-font-size);
	line-height: 24px;
	margin: 0px 0px;
	text-align: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: fixed;
	top: 90px;
	right: 25px;
	border-bottom: 2px rgba(var(--bs-clr-3), 0.2);
	z-index: 2;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.alert-error { color: rgb(var(--bs-clr-8)); background: #fce6e8; border-bottom: 2px solid rgba(var(--bs-clr-8), 0.2); }
.alert-info { color: rgb(var(--bs-clr-1)); background: #dbe9ff; border-bottom: 2px solid rgba(var(--bs-clr-1), 0.2); }
.alert-warning { color: rgb(var(--bs-clr-5)); background: #fef2d9; border-bottom: 2px solid rgba(var(--bs-clr-5), 0.2); }
.alert-success:before, .alert-error:before, .alert-info:before, .alert-warning:before {
	content: " ";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 24px;
	height: 24px;
	margin: 0px;
	display: block;
}
.alert-success:before { background: url(../images/success.png) no-repeat center; }
.alert-error:before { background: url(../images/error.png) no-repeat center; }
.alert-info:before { background: url(../images/info.png) no-repeat center; }
.alert-warning:before { background: url(../images/warning.png) no-repeat center; }

.require {padding-left: 4px; color: rgb(var(--bs-clr-7)); font-size: var(--bs-body-font-size); }

.form-group, .form-group2 { width: 100%; max-width: 980px; margin: 0px auto; overflow-x: hidden; }
.form-group ul, .form-group ul li, .form-group2 ul, .form-group2 ul li, .search-group ul, .search-group ul li { float: left; }
.form-group ul li, .form-group2 ul li, .search-group ul li { position: relative; min-height: 78px; padding-top: 12px; margin-bottom: 15px; }
.form-group2 ul li{ padding-top: 0px; min-height: 65px; }
.form-group2 ul li.mh-auto { min-height: auto; }
.form-group ul li .label-txt, .form-group ul li .input-cont { width: auto; float: none; }
.form-group2 ul li .label-txt { width: 150px; float: left; position: static; padding-top: 12px; text-align: right; padding-right: 20px; margin-bottom: 8px; }
.form-group2 ul li .input-cont { width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); float: left; position: relative; }
.form-group ul li.btn-cont, .form-group2 ul li.btn-cont, .search-group ul li.btn-cont { min-height: auto !important; }
.form-group2 ul li.btn-cont { padding-left: 70px; }

.search-group { width: 100%; margin: 0px auto; overflow: hidden; }
.search-group ul li.date-rng-cont { padding-top: 0px; }
.date-rng-cont > div {
	width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px);
	float:left;
	margin:0px 10px 0px 0px;
	position:relative;
	padding:12px 0px 0px 0px;
}
.date-rng-cont > div:last-child { margin:0px; }

.tbl-group { overflow-x: auto; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.tbl-group table { width: 100%; }
.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: 28px; padding: 5px 12px; font-size: var(--bs-body-font-size); }
.tbl-group table th { color: rgb(var(--bs-white)); font-weight:700; padding: 8px 10px; background: rgb(210 62 72); }
.tbl-group table td { color: rgb(var(--bs-thm-clr-1)); background: rgb(var(--bs-white)); padding: 10px 12px; margin-bottom: 4px; font-weight: 500; }
.tbl-group table th:first-child, .tbl-group table td:first-child { border-left: 1px solid #f2f2f2; }
.tbl-group table th:last-child, .tbl-group table td:last-child { border-right: 1px solid #f2f2f2; }
.tbl-group table tbody tr:nth-child(odd) td { background: #f2f2f2; }
.tbl-group table.tbl-themed td { border-left: 0px; }
/*.tbl-group table.tbl-themed th.th-lr-1 { background: #eabebe !important; }*/
.tbl-group table.tbl-themed td.tdsp-lr-1 { background: #f3cfcf3F !important; border-bottom: 1px solid #33333333; }
.tbl-group table.tbl-themed tr.td-sec td { border-bottom: 1px solid #33333333; }
.tbl-label { font-size: 12px; font-weight: 700; background: #eabebe; padding: 0px 8px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 0px 0px 0px 10px; }

.pagination { display: block; text-align: right; }
.pagination > * { margin: 0px 5px; }
.pagination > *, .pagination ul li { display:inline-block; vertical-align: top; }
.pagination ul li{ float: left;}
.pagination ul li a, .pagination ul li span { background: rgb(var(--bs-thm-clr-3)); border: 1px solid rgb(var(--bs-thm-clr-3)); font-size: var(--bs-body-font-size); color: rgb(var(--bs-white)); line-height: 28px; padding: 0px 8px; display: inline-block; }
.pagination ul li a { cursor: pointer; }
.pagination ul li.first a, .pagination ul li.last a, .pagination ul li a[rel=prev], .pagination ul li a[rel=next] { background: rgb(var(--bs-white)); border: 1px solid #d1d1d1; color: #666666; }
.pagination ul li.first a, .pagination ul li a[rel=prev] { -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;  }
.pagination ul li.last a, .pagination ul li a[rel=next] { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;  }

.action-icon { margin: 0px auto; }
.action-icon ul { display: block; text-align: center; float: none; clear: both; }
.action-icon ul li { display: inline-block; margin: 0px 4px; min-height: auto; vertical-align: top; position: relative; float: none; clear: both; }
.action-icon ul li a, .action-icon ul li button, .action-icon ul li span {
	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;
	font-size: 16px;
	position: relative;
}
.action-icon1 ul li span {	
	text-align: center;
	line-height: 30px;
	padding: 1px 0px;
	display: block;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	cursor: pointer;
	font-size: 16px;
	position: relative;
}
.action-icon ul li .edit { color: #416394; border: 1px solid #416394; }
.action-icon ul li .plus, .action-icon ul li .tick, .action-icon ul li .download, .action-icon ul li .journey { color: rgb(var(--bs-clr-3)); border: 1px solid rgb(var(--bs-clr-3)); }
.action-icon ul li .cancel { color: rgb(var(--bs-clr-8)); font-size: 12px; border: 1px solid rgb(var(--bs-clr-8)); }
.action-icon ul li .trash { color: rgb(var(--bs-clr-7)); border: 1px solid rgb(var(--bs-clr-7)); }
.action-icon ul li .chat, .action-icon ul li .view, .action-icon ul li .enroll { color: rgb(var(--bs-clr-1)); border: 1px solid rgb(var(--bs-clr-1)); }
.action-icon ul li .reenquiry, .action-icon ul li .more { color: #666666; border: 1px solid #666666; }
.action-icon ul li span.note-count {
	text-align: center;
	position: absolute;
	width: auto;
	min-width: 23px;
	height: 16px;
	line-height: 14px;
	padding: 0px 5px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-size: 12px;
	top: -8px;
	left: 50%;
	color: rgb(var(--bs-white));
}
.action-icon ul li .journey span.note-count { background: rgb(var(--bs-clr-3)); }
.action-icon ul li .chat span.note-count { background: rgb(var(--bs-clr-1)); }
.action-icon ul li .reenquiry span.note-count { background: #666666; }
.action-icon ul li .action-submenu {
	width: 200px;
	position: absolute;
	top: 45px;
	left: -5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	background: rgb(var(--bs-white));
	padding: 5px 0px;
	z-index: 1;
	display: none;
}
.action-icon ul li .action-submenu.active { display: block;}
.action-icon ul li .action-submenu.right { left: auto; right: -5px; }
.action-icon ul li .action-submenu.bottom { top: auto; bottom: 45px; }
.action-icon ul li .action-submenu:after {
	bottom: 100%;
	left: 13px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(var(--bs-white), 0);
	border-bottom-color: rgb(var(--bs-white));
	border-width: 8px;
	margin-right: -8px;
}
.action-icon ul li .action-submenu.right:after{ left: auto; right: 13px; margin-right: 0px; margin-left: -8px; }
.action-icon ul li .action-submenu.bottom:after{ bottom: auto; top: 100%; border-color: rgba(var(--bs-white), 0); border-top-color: rgb(var(--bs-white)); }
.action-icon ul li .action-submenu ul li { display: block; margin: 0px; }
.action-icon ul li .action-submenu ul li a {
	width: 100%;
	height: 34px;
	text-align: left; 
	line-height: 30px; 
	padding: 2px 10px; 
	display: block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; 
	cursor: pointer;
	font-size: 13px;
	color: #416394;
}
.action-icon ul li .action-submenu ul li a:hover { background: #f1f1f1; color: rgb(var(--bs-active-txt-1)); }

.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 { position: static; font-size: 12px; color: #000000; background: #eaebff; line-height: 20px; padding: 4px 8px; text-transform: uppercase; }
.form-info-group ul li .input-cont { font-size: var(--bs-body-font-size); color: rgb(var(--bs-thm-clr-1)); background: rgb(var(--bs-white)); line-height: 28px; padding: 10px 8px; font-weight: 500;}
.form-info-group ul li > * { display: block; }

.form-info-edit-group { margin-bottom: 20px; }
.form-info-edit-group ul.bdrt-1 { padding-top: 16px; position: relative; }
.form-info-edit-group ul.bdrt-1:before { content: ''; width: 100%; height: 1px; border-top: 1px dashed #bac2cf; position: absolute; top: 0px; }
.form-info-edit-group>ul>li { margin-bottom: 10px !important; }
.form-info-edit-group ul li .label-txt{ color: rgba(var(--bs-thm-clr-1), 0.75); padding: 4px 0px; display: block; }
.form-info-edit-group ul li .input-cont span { font-size: 16px; font-weight: 600; color: rgb(var(--bs-thm-clr-1)); line-height: 28px; padding: 4px 0px; display: block; }
.form-info-edit-group ul li.btn-cont { display: none; }
.form-info-edit-group .view-card { display: block; }
.form-info-edit-group .edit-card { display: none; }

.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: '/'; padding: 0px 0px 0px 10px; display: inline-block; vertical-align: top; }
.breadcrumps ul li:last-child a:after { display: none; }

.badges-success, .badges-error, .badges-info, .badges-warning, .badges-disabled { 
	font-size: 10px; 
	line-height: 14px; 
	display: inline-block; 
	padding: 0 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
}
.badges-success { color: rgb(var(--bs-clr-3)); border: 1px solid rgb(var(--bs-clr-3)); }
.badges-error { color: rgb(var(--bs-clr-8)); border: 1px solid rgb(var(--bs-clr-8)); }
.badges-info { color: rgb(var(--bs-clr-1)); border: 1px solid rgb(var(--bs-clr-1)); }
.badges-warning { color: rgb(var(--bs-clr-5)); border: 1px solid rgb(var(--bs-clr-5)); }
.badges-disabled { color: rgb(var(--bs-thm-clr-1)); border: 1px solid rgba(var(--bs-thm-clr-1), 0.5); }

.switch {  position: relative;  display: block;  width: 35px;  height: 16px; margin: 0px auto; }
.switch input { opacity: 0; width: 0; height: 0; pointer-events: none; }
.slider { 
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.slider:before { 
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 0px;
	top: -2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.switch.active .slider {background-color: #2196F3; }
.switch.active .slider:before { left: 18px; }
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.global-loader {
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/load.gif) no-repeat center rgba(var(--bs-white), 0.75);
	background-size:70px auto;
	z-index: 100000;
	display: none;
}

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

.file-upload label {
	border: 1px dashed #d1d1d1;
	display: block;
	text-align: center;
	background: #F8F9FA;
	cursor:pointer;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	position: relative;
}
.file-upload label .fp-ct1, .file-upload label .fp-ct2 { background: #F8F9FA; height: 100%; position: relative; z-index: 1; }
.file-upload label .fp-ct1 { padding: 28px 15px; pointer-events: none; }
.file-upload label .fp-ct2 { padding: 20px 15px; }
.file-upload label .fp-ct1 .fp-img { width: 40px; }
.file-upload label .fp-ct2 .fp-dts { width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); }
.file-upload label .fp-ct2 .fp-img { width: 40px; padding: 9px 10px 9px 0px; margin-right: 5px; }
.file-upload label .fp-ct2 .fp-close { width: 40px; margin-left: 5px; font-size: 18px; color: rgb(var(--bs-clr-8)); text-align: center; line-height: 30px; padding: 9px 0px; }
.file-upload label .fp-ct2 .fp-close:before {display: block; }
.input-file { width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; cursor: pointer; }

/* Body defaults
------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding: 0px; background: #f8f3f3; }
#container { position:relative; margin: 0px; padding: 0px; background: #f8f3f3; }

.logo, .logo a, .logo a img { width: 144px; height: 66px; display: block;}
.wht-cont {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
	padding: 12px 15px;
}

/* Head
------------------------------------------------------------------------------------------------*/
.header { 
	background: #f05160;
	background: -moz-linear-gradient(left, #f05160 0%, #a01d20 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f05160), color-stop(100%, #a01d20));
	background: -webkit-linear-gradient(left, #f05160 0%, #a01d20 100%);
	background: -o-linear-gradient(left, #f05160 0%, #a01d20 100%);
	background: -ms-linear-gradient(left, #f05160 0%, #a01d20 100%);
	background: linear-gradient(to right, #f05160 0%, #a01d20 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05160', endColorstr='#a01d20', GradientType=1 );
	padding: 8px 15px 7px 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	-webkit-box-shadow: 1px 0 7px rgba(0,0,0,.05);
	-moz-box-shadow: 1px 0 7px rgba(0,0,0,.05);
	box-shadow: 1px 0 7px rgba(0,0,0,.05);
}
.menu { width: 50px; height: 50px; margin: 0px 10px 0px 0px; margin-right: 0px; padding: 0px; display: none; }
.menu .sidebarToggle {
	width: 50px;
	height: 50px;
	padding: 24px 11px;
	position: relative;
	margin: 0px;
	cursor: pointer;
	display: block;
    background: transparent;
    border: 0px;
}
.menu .sidebarToggle span {
	width: 28px;
	height: 2px;
	pointer-events: none;
	margin: 0px auto 0 auto;
	position: relative;
	background: rgb(var(--bs-white));
	display: block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-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;
}
.menu .sidebarToggle span::before, .menu .sidebarToggle span::after {
	position: absolute;
	content: '';
	background: rgb(var(--bs-white));
	height: 2px;
	width: 16px;
	margin: 0px auto;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-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;
}
.menu .sidebarToggle span::before { width:21px; left: 0px; top: -7px; }
.menu .sidebarToggle span::after { left: 0px; bottom: -7px; }
.menu .sidebarToggle.active span {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand');
}
.menu .sidebarToggle.active span::before {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";
 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand');
	width: 51%;
	left: 14px;
	top: -15px;
}
.menu .sidebarToggle.active span::after {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix( M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand');
	width: 51%;
	left: 14px;
	bottom: 0px;
}
.header .logo { width: 285px; float: left; height: auto; padding: 4px 0px; }
.header .logo a, .header .logo a img { width: 101px; height: 47px; margin: 0px auto; display: block; }
.admin-title { padding: 10px 0px 10px 20px; float: left; width: -webkit-calc(100% - 585px); width: -moz-calc(100% - 585px); width: calc(100% - 585px); }

.top-nav { float: right; width: 300px; }
.top-nav ul li { float: left; position: relative; margin: 5px 0px 5px 10px; cursor: pointer; }
.top-nav ul li .nav-link, .top-nav ul li .profile-nav { 
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: rgb(var(--bs-white));
    border: 0px;
    background: transparent;
    position: relative;
    padding: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
	text-align: center;
}
.top-nav ul li .nav-link:hover, .top-nav ul li.active .nav-link, .top-nav ul li .profile-nav:hover, .top-nav ul li.active .profile-nav { background: rgba(0,0,0,0.1); }
.top-nav ul li .nav-link:before { height: 45px; line-height: 45px; display: block; }
.top-nav ul li .nav-link span.note-count {
    position: absolute;
    width: auto;
    min-width: 23px;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    top: 0px;
    left: 50%;
}
.top-nav ul li .profile-nav { padding-right: 30px; font-size: 16px; }
.top-nav ul li .profile-nav:after {
    font-family: icon-font; 
    -webkit-font-smoothing: antialiased;
    content: '\e802';
    font-size: var(--bs-body-font-size);
    position: absolute;
	top: 0px;
	bottom: 0px;
    right: 10px;
    padding-bottom: 3px;
	margin: auto 0px;
	line-height: 20px;
	height: 23px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.top-nav ul li.active .profile-nav:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.top-nav ul li .profile-nav .profile-avatar, .top-nav ul li .profile-nav .profile-avatar img { 
	width: 45px; 
	height: 45px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.top-nav ul li .profile-nav .profile-avatar { margin: 0px 10px 0px 0px; float: left; }
.top-nav ul li .profile-nav .profile-name {
	width: 135px;
	font-size: 16px;
	color: rgb(var(--bs-white));
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 40px;
	white-space: nowrap;
	display: block;
	position: relative;
	padding:5px 0px;
	line-height: 30px;
}
.top-nav ul li .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: 340px;
    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;	
}
.top-nav ul li.active .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;	
}
.top-nav ul li .sub-menu:after{
	bottom: 100%;
	right: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(var(--bs-white), 0);
	border-bottom-color: rgb(var(--bs-white));
	border-width: 8px;
	margin-left: -8px;
}
.top-nav ul li .sub-menu.search-sub-menu { padding: 12px; }
.top-nav ul li .sub-menu.user-menu { width: 300px; }

.top-nav ul li .sub-menu .profile-title { display:block; padding: 20px 0px; border-bottom: 1px solid #e1e1e1; text-align: center; font-weight: 600; font-size: 18px; }
.top-nav ul li .sub-menu ul { width:100%; position: relative; padding: 0px 0px 0px 0px; }
.top-nav ul li .sub-menu ul li { width: 100%; display: block; margin: 0px; padding: 0px; font-size: 13px; float:none; height:auto; }
.top-nav ul li .sub-menu ul li.log-out { border-top: 1px solid #e1e1e1; text-align: center; }
.top-nav ul li .sub-menu ul li a {
	height: 45px;
	line-height: 45px;
	margin: 0px;
	padding: 0px 10px 0px 20px;
	font-size: var(--bs-body-font-size);
	display: block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	float:none;
	color:#666666;
}
.top-nav ul li .sub-menu ul li a:hover { color: rgb(var(--bs-active-txt-1)); }
.top-nav ul li .notify-title { padding: 10px; border-bottom: 1px solid #e1e1e1; line-height: 20px; font-size: 16px; }
.top-nav ul li .notify-title span, .top-nav ul li .notify-title a { line-height: 20px; padding: 0px; font-size: 16px; width: 240px; display: block; float: left; }
.top-nav ul li .notify-title a { border: 0px; font-size: 12px; padding: 0px 5px; width: 80px; text-transform: uppercase; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center; }
.notify-cont { height: 290px; overflow-y: auto; }
.top-nav ul li .sub-menu .notify-cont ul li { padding: 10px; border-bottom: 1px solid #e1e1e1; }
.top-nav ul li .sub-menu .notify-cont ul li a { background: transparent; border: 0px; padding: 0px; display: block; width: 100%; height: auto; }

.notify-avatar, .notify-avatar img { width: 38px; height: 38px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; float: left; }
.notify-ct { width: 250px; float: right; }
.notify-ct h6 { font-weight: 400; text-align: left; line-height: 20px; font-size: 13px; margin-bottom: 5px; }
.notify-ct div { text-align: left; opacity: 0.5; line-height: 20px; }
.notify-foot { text-align: center;}
.notify-foot a { background:transparent;border:0px;padding:5px 0px;line-height:28px;font-size:12px;color:rgb(var(--bs-active-txt-1));text-transform:uppercase;font-family:var(--bs-body-font-family); }

.search-sub-menu .input-txt {
	background: #f1f1f1; 
	border: 0px solid #d1d1d1;
	padding: 9px 10px 9px 20px;
	width: 260px;
	-webkit-border-radius: 25px 0px 0px 25px; -moz-border-radius: 25px 0px 0px 25px; border-radius: 25px 0px 0px 25px;
	-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);
	float: left;
}
.search-sub-menu .search-btn { 
	background: url(../images/search.png) no-repeat left center #0166D3; background-size: 20px auto; background-position: left 15px center; 
	border: 0px; 
	width: 55px;
	min-width: auto;
	-webkit-border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px; border-radius: 0px 25px 25px 0px;
}

/*Sidebar
------------------------------------------------------------------------------------------------*/
.sidebar {	
	background: #343245;
	background: -moz-linear-gradient(top, #343245 0%, #171624 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #343245), color-stop(100%, #171624));
	background: -webkit-linear-gradient(top, #343245 0%, #171624 100%);
	background: -o-linear-gradient(top, #343245 0%, #171624 100%);
	background: -ms-linear-gradient(top, #343245 0%, #171624 100%);
	background: linear-gradient(to bottom, #343245 0%, #171624 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343245', endColorstr='#171624', GradientType=0 );
	bottom: 0;
	left: 0;
	position: fixed;
	top: 70px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	width: 285px;
	z-index: 2;
}
.sidebar>ul { height: 100%; overflow-y: auto; padding: 30px 0px 10px 0px; }
.sidebar ul li { padding: 0px 0px 0px 0px; margin:3px 0px ; }
.sidebar ul li a {
	color: rgba(var(--bs-white),0.5);
	display: block;
	padding: 8px 10px 8px 20px;
    font-size: 15px;
	position: relative;
	height: 44px;
	line-height: 28px;
	overflow: hidden;
    font-weight: 300;
    cursor: pointer;
}
.sidebar ul li a:hover, .sidebar ul li.active a { color: rgba(var(--bs-white),1); }
.sidebar>ul>li>a:before {
    content: "";
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}
.sidebar>ul>li.active>a:before { background: rgb(var(--bs-thm-clr-3)); }
.sidebar ul li a.tgr:after, .sidebar ul li .sidebar-dropdown ul li a.tgr2:after {
	font-size:12px;
	color: rgba(var(--bs-white),0.7);
	content: '\e802';
	font-family: icon-font;
	line-height: 15px;
	height: 15px;
	position: absolute;
	right: 10px;
	font-weight: 400;
	width:15px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	-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;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
    -moz-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    -o-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
	text-align: center;
}
.sidebar ul li a.tgr:hover:after, .sidebar ul li .sidebar-dropdown ul li a.tgr2:hover:after { color: rgb(var(--bs-white)); }
.sidebar>ul>li.active>a.tgr:after {
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	-ms-transition: all 0s linear;
	transition: all 0s linear;	
}
.sidebar>ul>li.active>a.tgr:after, .sidebar ul li .sidebar-dropdown>ul>li.active>a.tgr2:after { 
	color: rgba(var(--bs-white),1);
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
    -moz-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
.sidebar ul li a > span { position: relative; z-index: 1; }
.sidebar ul li a .menu-icon {
	width: 21px;
	height: 28px;
	font-size:21px;
	line-height:28px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	display: block;
	float: left;
    font-weight: 300;
}
.sidebar ul li .sidebar-dropdown, .sidebar-dropdown2 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.sidebar ul li.active .sidebar-dropdown, .sidebar ul li .sidebar-dropdown ul li.active .sidebar-dropdown2 { opacity: 1; height: auto; }
.sidebar ul li .sidebar-dropdown ul li a { margin: 0px 0px 0px 45px; color: rgba(var(--bs-white), 0.5); }
.sidebar ul li .sidebar-dropdown ul li a:hover, .sidebar ul li .sidebar-dropdown ul li a.active { color: rgb(var(--bs-white));}
.sidebar ul li .sidebar-dropdown ul li a span {
	font-size: 12px;
	color: rgba(var(--bs-thm-clr-3), 0.5);
	padding: 0px 4px;
	margin: 0px 0px 0px 5px;
	font-weight: 600;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.sidebar ul li .sidebar-dropdown ul li a:hover span { color: rgb(var(--bs-thm-clr-3)); }
.sidebar ul li .sidebar-dropdown ul li a.active span, .sidebar ul li .sidebar-dropdown ul li a.active:hover span { font-weight: 500; background: rgb(var(--bs-thm-clr-3)); color: rgb(var(--bs-white));  }
.sidebar-dropdown2 { background: #00000033; }
.sidebar ul li .sidebar-dropdown2 ul li a { margin: 0px 0px 0px 65px; font-size: 13px; }

/* Content
------------------------------------------------------------------------------------------------*/
.content { margin-left: 285px; min-height: 100vh; padding: 85px 20px 0; position: relative; }

.flt-cont { width: 240px; position: relative;}
.flt-cont .input-txt{ 
	width: 240px;
	padding: 3px 15px 3px 45px;
	height: 34px;
	background: #e8dade;
	border: 0px;
	-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);
}
.flt-cont select.input-txt option, .flt-cont select.input-txt optgroup { background: rgb(var(--bs-white)) }
.flt-cont .cal-icon, .flt-cont .locate-icon {
	background: url(../images/cal.png) no-repeat center rgb(var(--bs-thm-clr-3));
	background-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 34px;
	left: 0;
	position: absolute;
	top: 0;
	width: 34px;
	z-index: 1;
}
.flt-cont .locate-icon { background: url(../images/pin.png) no-repeat center rgb(var(--bs-thm-clr-3)); background-size: 16px; }

.tab-list ul { background: #dbe4f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; }
.tab-list ul li { float: left;}
.tab-list ul li .tab-link { border: 0px; background: transparent; line-height: 30px; padding: 0px 10px; color: #666666; min-width: 50px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: var(--bs-body-font-size); cursor: pointer; }
.tab-list ul li .tab-link.active { background: rgb(var(--bs-thm-clr-3)); color: rgb(var(--bs-white)); }

.feat-list ul li { float: left; width: 35px; margin: 0px 5px;}
.feat-list ul li a { height: 32px; line-height: 32px; width: 35px; text-align: center; color: rgb(var(--bs-thm-clr-1)); cursor: pointer; font-size: 18px; }
.feat-list ul li a:hover, .feat-list ul li a.active { color: rgb(var(--bs-active-txt-1)); }

.status-report ul li.sr-list1 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-1),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-1),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-1),0.5); }
.status-report ul li.sr-list2 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-2),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-2),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-2),0.5); }
.status-report ul li.sr-list3 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-3),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-3),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-3),0.5); }
.status-report ul li.sr-list4 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-4),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-4),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-4),0.5); }
.status-report ul li.sr-list5 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-5),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-5),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-5),0.5); }
.status-report ul li.sr-list6 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-8),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-8),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-8),0.5); }
.status-report ul li.sr-list7 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-10),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-10),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-10),0.5); }
.status-report ul li.sr-list8 { -webkit-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-12),0.5); -moz-box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-12),0.5); box-shadow: 0px 2px 5px 0px rgba(var(--bs-clr-12),0.5); }

.tbl-group td .pro-st, .pro-st { width: 45px; text-align: center; line-height: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


.date-rng-pick2 button.comiseo-daterangepicker-triggerbutton.ui-button { background: #e8dade; height: 34px; border: 0px; font-size: var(--bs-body-font-size); padding: 3px 15px 3px 45px; width: 240px; }

.dts-report ul li {padding: 0px 22px 0px 15px; margin: 18px 0px 0px 0px; float: none;}
.dts-report ul li a { padding:5px 10px; line-height: 28px; font-size: var(--bs-body-font-size); display: block; position: relative; color: #000000; }
.dts-report ul li a:before { content: " "; position: absolute; left: -11px; top: 0px; bottom: 0px; margin: auto 0px; width: 3px; height: 70%; }
.dts-report ul li a span { position: absolute; right: -20px; top: 0px; bottom: 0px; margin: auto 0px; width: 12px; line-height: 28px; height: 28px; font-size: 30px; font-weight: 300; }
.dts-report ul li a.dr-list1 { -webkit-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-8),0.25); -moz-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-8),0.25); box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-8),0.25); }
.dts-report ul li a.dr-list1:before { background: rgb(var(--bs-clr-8)); }
.dts-report ul li a.dr-list1 span { color: rgb(var(--bs-clr-8)); }
.dts-report ul li a.dr-list2 { -webkit-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-3),0.25); -moz-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-1),0.25); box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-1),0.25); }
.dts-report ul li a.dr-list2:before { background: rgb(var(--bs-clr-3)); }
.dts-report ul li a.dr-list2 span { color: rgb(var(--bs-clr-3)); }
.dts-report ul li a.dr-list3 { -webkit-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-1),0.25); -moz-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-1),0.25); box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-1),0.25); }
.dts-report ul li a.dr-list3:before { background: rgb(var(--bs-clr-1)); }
.dts-report ul li a.dr-list3 span { color: rgb(var(--bs-clr-1)); }
.dts-report ul li a.dr-list4 { -webkit-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-5),0.25); -moz-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-5),0.25); box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-5),0.25); }
.dts-report ul li a.dr-list4:before { background: rgb(var(--bs-clr-5)); }
.dts-report ul li a.dr-list4 span { color: rgb(var(--bs-clr-5)); }
.dts-report ul li a.dr-list5 { -webkit-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-11),0.25); -moz-box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-11),0.25); box-shadow: 0px 3px 3px 0px rgba(var(--bs-clr-11),0.25); }
.dts-report ul li a.dr-list5:before { background: rgba(var(--bs-clr-11)); }
.dts-report ul li a.dr-list5 span { color: rgba(var(--bs-clr-11)); }

.form-info-group .cancel { color: #416394; width: 35px; height: 35px; line-height: 35px; text-align: center; margin-right: -35px; cursor: pointer; }
.form-info-group .cancel:hover { color: rgb(var(--bs-clr-8)); }

.rpt-tab-list ul li { display: inline-block; margin-right: 15px; }
.rpt-tab-list ul li a {
	width: 120px;
	height: 40px;
	line-height: 30px;
	padding: 4px 20px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #3432454C;
	background: rgb(var(--bs-white));
	color: #34324599;
	font-weight: 700;
	text-align: center;
	font-size: 18px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15);
	cursor: pointer;
}
.rpt-tab-list ul li a.active { background: rgb(var(--bs-thm-clr-3)); border: 1px solid rgb(var(--bs-thm-clr-3)); color: rgb(var(--bs-white)); }

.profile-info .profile-img, .profile-info .profile-img img {
	width: 80px;
	height: 80px;
	margin: 0px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}
.profile-info .profile-dts { width: -webkit-calc(100% - 95px); width: -moz-calc(100% - 95px); width: calc(100% - 95px); padding-top: 10px; }

.verified, .not-verified{
	width: 14px;
	height: 14px;
	margin: 8px 0px 0px 4px;
	padding: 0px 1px 0px 0px;
	font-size: 8px;
	color: rgb(var(--bs-white));
	line-height: 12px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	vertical-align: top;
}
.verified { background: rgb(var(--bs-clr-3)); }
.not-verified { background: rgb(var(--bs-clr-8)); }
.verified:before { content: '\e808'; font-family: icon-font; -webkit-font-smoothing: antialiased; }
.not-verified:before { content: '\e805'; font-family: icon-font; -webkit-font-smoothing: antialiased; }

#ViewHistory .pop-cont { position: fixed; max-height: 80vh; bottom: 0px; right: 30px; }
#ViewHistory .pop-cont .form-group2 { max-height: -webkit-calc(80vh - 75px); max-height: -moz-calc(80vh - 75px); max-height: calc(80vh - 75px); overflow-y: auto; width: 100%; }
#ViewHistory .pop-cont .form-group2 ul { border-bottom: 1px dashed #d1d1d1; }
#ViewHistory .pop-cont .form-group2 ul li { margin-bottom: 12px; }
#ViewHistory .pop-cont .form-group2 .label-txt, #ViewHistory .pop-cont .form-group2 .input-cont { font-size: 14px; line-height: 28px; margin: 0px; padding-top: 0px; color: rgb(var(--bs-thm-clr-1)); }
#ViewHistory .pop-cont .form-group2 .label-txt { font-size: 12px; color: rgba(var(--bs-thm-clr-1), 0.7); }
#ViewHistory .pop-cont .form-group2 .info-txt { padding: 10px 0px; }
#ViewHistory .pop-cont .form-group2, #AddAudience .pop-cont .form-group, #ReEnquiry .pop-cont .form-group2, #FollowUpsTimeline .pop-cont .form-group2{ 
	max-height: -webkit-calc(80vh - 120px); max-height: -moz-calc(80vh - 120px); max-height: calc(80vh - 120px);
	overflow-y: auto;
	width: 100%;
}
.followup-chart table th, .followup-chart table td { font-size: 12px; }
.followup-icon span{	
	width: 24px; 
	height: 24px;
	text-align: center; 
	line-height: 11px; 
	padding: 6px 0px; 
	display: inline-block;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; 
	cursor: pointer;
	font-size: 12px;
	position: relative;  
	background: #BBBBBB;
	margin-right: 8px;
	color: #FFFFFF;
}
.followup-icon.followup-txt span { font-size: 18px; width: 35px; height: 35px; padding: 12px 0px; background: #F1B110; }
.followup-txt { font-size: 13px; font-weight: 700; font-style: normal !important; }
#FollowUpsTimeline .pop-cont .form-group2 { max-height: -webkit-calc(80vh - 120px); max-height: -moz-calc(80vh - 120px); max-height: calc(80vh - 120px); overflow-y: auto; width: 100%; }
.follow-cont { border: 1px solid #d1d1d1; margin-bottom: 15px; padding: 10px; }
#FollowUpsTimeline .pop-cont .form-group2 .label-txt, #ReEnquiry .pop-cont .form-group2 .label-txt { font-size:12px; color:rgba(var(--bs-thm-clr-1), 0.7); padding-top:0px; line-height:28px; margin:0px; }
#FollowUpsTimeline .pop-cont .form-group2 .input-cont, #ReEnquiry .pop-cont .form-group2 .input-cont { font-size: 14px; line-height: 28px; margin: 0px; padding-top: 0px; color: rgb(var(--bs-thm-clr-1)); }
#FollowUpsTimeline .pop-cont .form-group2 .fw-ct .label-txt, #FollowUpsTimeline .pop-cont .form-group2 .fw-ct .input-cont { width: 100%; }
#ViewHistory .pop-cont .form-group2 .info-txt, #AddAudience .pop-cont .form-group .info-txt, #ReEnquiry .pop-cont .form-group2 .info-txt , #FollowUpsTimeline .pop-cont .form-group2 .info-txt { 
	padding: 10px 0px; 
}
#ViewHistory .pop-cont .form-group2 ul li, #AddAudience .pop-cont .form-group ul li, #ReEnquiry .pop-cont .form-group2 ul li { margin-bottom: 12px; }

#ViewLeadJourney .pop-cont { max-width: 900px; }
.steps-cont { overflow: auto; padding-top: 30px; width: 100%; }
.steps-cont ul { display: block; text-align: center; min-width: 100%; }
.steps-cont ul li { width: 200px; display: inline-block; vertical-align: top; position: relative; }
.stp-time { font-size: 10px; width: 100%; text-transform: uppercase; }
.steps-cont ul li .stp-time { position:absolute; left:50%; }
.steps-cont ul li:last-child .stp-time { display: none; }
.stp-pro { position: relative; }
.stp-status { width:15px; height:15px; margin:15px auto; padding:0px; background:#d1d1d1; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; position:relative; z-index:1; }
.stp0 .stp-status, .stp1 .stp-status, .stp2 .stp-status, .stp3 .stp-status, .stp4 .stp-status, .stp5 .stp-status {
	-webkit-animation: bg_change 0.5s forwards;
	-moz-animation: bg_change 0.5s forwards;
	-ms-animation: bg_change 0.5s forwards;
	-o-animation: bg_change 0.5s forwards;
	animation: bg_change 0.5s forwards;
}
@-webkit-keyframes bg_change { 0% { background:#d1d1d1; } 100% { background: #26a541; } }
@-moz-keyframes bg_change { 0% { background:#d1d1d1; } 100% { background: #26a541; } }
@-ms-keyframes bg_change { 0% { background:#d1d1d1; } 100% { background: #26a541; } }
@-o-keyframes bg_change { 0% { background:#d1d1d1; } 100% { background: #26a541; } }
@keyframes bg_change { 0% { background:#d1d1d1; } 100% { background: #26a541; } }

.stp-progress-bar { background:#d1d1d1; width:100%; height:3px; margin: 0px auto; position:absolute; top: 6px; left:50%; }
.stp-progress-bar:after {
	position: absolute;
	left:0px;
	content: '';
	height:3px;
	width: 0%;
	background-color: #26a541;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.stp0 .stp-progress-bar:after, .stp1 .stp-progress-bar:after, .stp2 .stp-progress-bar:after, .stp3 .stp-progress-bar:after, .stp4 .stp-progress-bar:after, .stp5 .stp-progress-bar:after {
	-webkit-animation: wdth_change 1s forwards;
	-moz-animation: wdth_change 1s forwards;
	-ms-animation: wdth_change 1s forwards;
	-o-animation: wdth_change 1s forwards;
	animation: wdth_change 1s forwards;
}
@-webkit-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@-moz-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@-ms-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@-o-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }

.stp1 .stp-status, .stp1 .stp-progress-bar:after {	
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.stp2 .stp-status, .stp2 .stp-progress-bar:after {	
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.stp3 .stp-status, .stp3 .stp-progress-bar:after {	
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
.stp4 .stp-status, .stp4 .stp-progress-bar:after {	
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-ms-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
}
.stp5 .stp-status, .stp5 .stp-progress-bar:after {	
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
}

.steps-cont ul li:last-child .stp-progress-bar { display: none; }
.stp-title { font-size: 14px; line-height: 24px; margin-bottom: 10px; }
.steps-cont ul li p { margin: 0px; }

/* Progress bar */
.stp-progress-bar { background: #d1d1d1; width: 100%; height: 3px; margin: 0px auto; position: absolute; top: 6px; left: 50%; }
.stp-progress-bar:after {
	position: absolute;
	left: 0px;
	content: '';
	height: 3px;
	width: 0%;
	background-color: #26a541;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

/* Background color animation */
@-webkit-keyframes bg_change { 0% { background: #d1d1d1; } 100% { background: #26a541; } }
@-moz-keyframes bg_change { 0% { background: #d1d1d1; } 100% { background: #26a541; } }
@-ms-keyframes bg_change { 0% { background: #d1d1d1; } 100% { background: #26a541; } }
@-o-keyframes bg_change { 0% { background: #d1d1d1; } 100% { background: #26a541; } }
@keyframes bg_change { 0% { background: #d1d1d1; } 100% { background: #26a541; } }
/* Progress bar width animation */
@-webkit-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@-moz-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@-ms-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@-o-keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }
@keyframes wdth_change { 0% { width: 0% } 100% { width: 100% } }

/* Loop for steps 0 to 19 */
.stp0 .stp-status, .stp1 .stp-status, .stp2 .stp-status, .stp3 .stp-status, .stp4 .stp-status,
.stp5 .stp-status, .stp6 .stp-status, .stp7 .stp-status, .stp8 .stp-status, .stp9 .stp-status,
.stp10 .stp-status, .stp11 .stp-status, .stp12 .stp-status, .stp13 .stp-status, .stp14 .stp-status,
.stp15 .stp-status, .stp16 .stp-status, .stp17 .stp-status, .stp18 .stp-status, .stp19 .stp-status {
	-webkit-animation: bg_change 0.5s forwards;
	-moz-animation: bg_change 0.5s forwards;
	-ms-animation: bg_change 0.5s forwards;
	-o-animation: bg_change 0.5s forwards;
	animation: bg_change 0.5s forwards;
}

/* Progress bar animation for steps 0 to 19 */
.stp0 .stp-progress-bar:after, .stp1 .stp-progress-bar:after, .stp2 .stp-progress-bar:after,
.stp3 .stp-progress-bar:after, .stp4 .stp-progress-bar:after, .stp5 .stp-progress-bar:after,
.stp6 .stp-progress-bar:after, .stp7 .stp-progress-bar:after, .stp8 .stp-progress-bar:after,
.stp9 .stp-progress-bar:after, .stp10 .stp-progress-bar:after, .stp11 .stp-progress-bar:after,
.stp12 .stp-progress-bar:after, .stp13 .stp-progress-bar:after, .stp14 .stp-progress-bar:after,
.stp15 .stp-progress-bar:after, .stp16 .stp-progress-bar:after, .stp17 .stp-progress-bar:after,
.stp18 .stp-progress-bar:after, .stp19 .stp-progress-bar:after {
	-webkit-animation: wdth_change 1s forwards;
	-moz-animation: wdth_change 1s forwards;
	-ms-animation: wdth_change 1s forwards;
	-o-animation: wdth_change 1s forwards;
	animation: wdth_change 1s forwards;
}

/* Delays for animations */
.stp1 .stp-status, .stp1 .stp-progress-bar:after { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.stp2 .stp-status, .stp2 .stp-progress-bar:after { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; }
.stp3 .stp-status, .stp3 .stp-progress-bar:after { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
.stp4 .stp-status, .stp4 .stp-progress-bar:after { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -ms-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; }
.stp5 .stp-status, .stp5 .stp-progress-bar:after { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; }

/* Add delays up to stp19 */
.stp6 .stp-status, .stp6 .stp-progress-bar:after { animation-delay: 6s; }
.stp7 .stp-status, .stp7 .stp-progress-bar:after { animation-delay: 7s; }
.stp8 .stp-status, .stp8 .stp-progress-bar:after { animation-delay: 8s; }
.stp9 .stp-status, .stp9 .stp-progress-bar:after { animation-delay: 9s; }
.stp10 .stp-status, .stp10 .stp-progress-bar:after { animation-delay: 10s; }
.stp11 .stp-status, .stp11 .stp-progress-bar:after { animation-delay: 11s; }
.stp12 .stp-status, .stp12 .stp-progress-bar:after { animation-delay: 12s; }
.stp13 .stp-status, .stp13 .stp-progress-bar:after { animation-delay: 13s; }
.stp14 .stp-status, .stp14 .stp-progress-bar:after { animation-delay: 14s; }
.stp15 .stp-status, .stp15 .stp-progress-bar:after { animation-delay: 15s; }
.stp16 .stp-status, .stp16 .stp-progress-bar:after { animation-delay: 16s; }
.stp17 .stp-status, .stp17 .stp-progress-bar:after { animation-delay: 17s; }
.stp18 .stp-status, .stp18 .stp-progress-bar:after { animation-delay: 18s; }
.stp19 .stp-status, .stp19 .stp-progress-bar:after { animation-delay: 19s; }

.steps-sec { padding: 20px 0px 10px; position: relative; width: 800px; margin: 0px auto; }
.steps-sec ul li { width: 25%; display: inline-block; float: left; position: relative; text-align: center; font-size: 14px; }
.steps-sec ul li a {
	background: #cfcfcf;
	border-radius: 50%;
	width: 45px;
	line-height: 25px;
	padding: 10px 0px;
	text-align: center;
	margin: 0 auto 10px auto;
	color: #fff;
	font-size: 18px;
	cursor: default;
	position:relative;
	z-index:1;
	display:block;
}
.steps-sec ul li.active a { background: rgb(var(--bs-clr-1)); }
.steps-sec ul li.finish a span { visibility: hidden; }
.steps-sec ul li.finish a { background: url(../images/white-tick.png) no-repeat center rgb(var(--bs-clr-3)); background-size:14px auto; }
.steps-sec ul li::after { content: ''; width: 100%; height: 3px; background: #cfcfcf; position: absolute; top: 21px; right: 50%; }
.steps-sec ul li.active::after {	
	background: #2db43b;
	background: -moz-linear-gradient(left, #2db43b 0%, #016de1 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #2db43b), color-stop(100%, #016de1));
	background: -webkit-linear-gradient(left, #2db43b 0%, #016de1 100%);
	background: -o-linear-gradient(left, #2db43b 0%, #016de1 100%);
	background: -ms-linear-gradient(left, #2db43b 0%, #016de1 100%);
	background: linear-gradient(to right, #2db43b 0%, #016de1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db43b', endColorstr='#016de1', GradientType=1 );
}
.steps-sec ul li.finish::after { background: rgb(var(--bs-clr-3)); }
.steps-sec ul li.first::after { display: none; } 

.dyn-group { width: 80vw; width: -webkit-calc(100vw - 355px); width: -moz-calc(100vw - 355px); width: calc(100vw - 355px); max-width: 1100px; margin: 0px auto; }

.add-qual ul {position: relative;}
.add-qual ul:after{
	content: '';
	margin: 0px auto;
	left: 0;
	bottom: 0;
	right: 0;
	width: 500px;
	height: 10px;
	z-index: 20;
	position: absolute;	
	border-bottom: 1px dashed #ABABAB;
}
.title-hd-txt { margin-bottom: 20px; padding: 5px 0px; display: block; border-bottom: 1px dashed #ABABAB; }

#ViewHistory .pop-cont .form-group2, #AddAudience .pop-cont .form-group, #ReEnquiry .pop-cont .form-group2, #FollowUpsTimeline .pop-cont .form-group2{ 
	max-height: -webkit-calc(80vh - 120px); max-height: -moz-calc(80vh - 120px); max-height: calc(80vh - 120px);
	overflow-y: auto;
	width: 100%;
}

.followup-chart table th, .followup-chart table td { font-size: 12px; }
.followup-icon span {	
	width: 24px; 
	height: 24px;
	text-align: center; 
	line-height: 11px; 
	padding: 6px 0px; 
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	cursor: pointer;
	font-size: 12px;
	position: relative;  
	background: #BBBBBB;
	margin-right: 8px;
	color: #FFFFFF;
}
.followup-icon.followup-txt span { font-size: 18px; width: 35px; height: 35px; padding: 12px 0px; background: #F1B110; }
.followup-txt { font-size: 13px; font-weight: 700; font-style: normal !important; }
#FollowUpsTimeline .pop-cont .form-group2 { max-height: -webkit-calc(80vh - 120px); max-height: -moz-calc(80vh - 120px); max-height: calc(80vh - 120px); overflow-y: auto; width: 100%; }
.follow-cont { border: 1px solid #d1d1d1; margin-bottom: 15px; padding: 10px; }
#FollowUpsTimeline .pop-cont .form-group2 .label-txt, #ReEnquiry .pop-cont .form-group2 .label-txt { 
	font-size: 12px; 
	color: rgba(var(--bs-thm-clr-1), 0.7); 
	padding-top: 0px; 
	line-height: 28px; 
	margin: 0px; 
}
#FollowUpsTimeline .pop-cont .form-group2 .input-cont, #ReEnquiry .pop-cont .form-group2 .input-cont { font-size: 14px; line-height: 28px; margin: 0px; padding-top: 0px; color: rgb(var(--bs-thm-clr-1)); }
#FollowUpsTimeline .pop-cont .form-group2 .fw-ct .label-txt, #FollowUpsTimeline .pop-cont .form-group2 .fw-ct .input-cont { width: 100%; }
#ViewHistory .pop-cont .form-group2 .info-txt, #AddAudience .pop-cont .form-group .info-txt, #ReEnquiry .pop-cont .form-group2 .info-txt , #FollowUpsTimeline .pop-cont .form-group2 .info-txt{ 
	padding: 10px 0px; 
}
#ViewHistory .pop-cont .form-group2 ul li, #AddAudience .pop-cont .form-group ul li, #ReEnquiry .pop-cont .form-group2 ul li { margin-bottom: 12px; }

.sr-table .input-txt:read-only { display: none; }
.add-qk-cont, .upload-data { width: 60px; height: 60px; position: fixed; bottom: 40px; right: 30px; text-align: center; }
.add-qk-cont a, .upload-data a {
	display: block;
	width: 60px;
	height: 60px;
	background: #ff6f7b;
	background: -moz-linear-gradient(left, #ff6f7b 0%, #a01d20 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #ff6f7b), color-stop(100%, #a01d20));
	background: -webkit-linear-gradient(left, #ff6f7b 0%, #a01d20 100%);
	background: -o-linear-gradient(left, #ff6f7b 0%, #a01d20 100%);
	background: -ms-linear-gradient(left, #ff6f7b 0%, #a01d20 100%);
	background: linear-gradient(to right, #ff6f7b 0%, #a01d20 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f7b', endColorstr='#a01d20', GradientType=1);
	-webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;
	font-size: 20px;
	color: #ffffff;
	line-height: 40px;
	padding: 10px 0px;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	font-weight: 600;
}
.upload-data { width: 60px; height: 60px; position: fixed; bottom: 40px; right: 30px; text-align: center; }
.upload-data a {
	display: block;
	width: 60px;
	height: 60px;
	color: #ffffff;
	line-height: 40px;
	padding: 10px 0px;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	background: #4ad969;
	background: -moz-linear-gradient(left, #4ad969 0%, #309f71 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #4ad969), color-stop(100%, #309f71));
	background: -webkit-linear-gradient(left, #4ad969 0%, #309f71 100%);
	background: -o-linear-gradient(left, #4ad969 0%, #309f71 100%);
	background: -ms-linear-gradient(left, #4ad969 0%, #309f71 100%);
	background: linear-gradient(to right, #4ad969 0%, #309f71 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ad969', endColorstr='#309f71', GradientType=1 );
	font-size: 25px;
	font-weight: 400;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}

/*Footer
------------------------------------------------------------------------------------------------*/
.footer { margin-left: 285px; }


/*Login
------------------------------------------------------------------------------------------------*/
#container.login-container { background: url(../images/login-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; width: 100%; min-height: 100vh; }
.login-container table { width: 100%; height: 100%; min-height: 100vh; }
.login-container table tr td { padding: 0px 12px; }
.login-cont {
	background: rgba(255,255,255,0.25);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.25)), color-stop(100%, rgba(255,255,255,0.1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	width: 100%;
	max-width: 400px;
	margin: 30px auto;
	padding: 40px 38px;	
	-webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;
	-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2);
	border: 2px solid rgba(var(--bs-white), 0.2);
}
.login-cont .logo { margin-bottom: 40px; }
.login-tab-head ul li a { display: block; font-size: 15px; font-weight: 600; line-height: 30px; padding: 5px 0px; color: rgba(var(--bs-white), 0.5); cursor: pointer; }
.login-tab-head ul li a.active { color: rgb(var(--bs-white));}
.login-cont .login-tab-cont .form-group { margin-top: 15px; position: relative; overflow: visible; }
.login-cont .login-tab-cont .form-group:before {
	bottom: 100%;
	left: 25px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(var(--bs-white), 0);
	border-bottom-color: rgb(var(--bs-white));
	border-width: 8px;
	margin-left: -8px;
	z-index: 1;
}
.login-cont .login-tab-cont #forgot-cont.form-group:before { left: auto; margin-left: 0px; right: 25px; margin-right: -8px }
.login-cont .form-group ul li { min-height: 70px; }
.login-cont .input-txt { border:1px solid rgb(var(--bs-white)); height: 52px; padding: 12px 15px; font-weight: 600; font-size: 15px; }
.login-cont .input-txt.pass-txt { padding: 12px 50px 12px 15px; }
.login-cont .error-txt { color: rgb(255 0 0); padding:0px 4px 1px; width: 140px; text-align: center; margin: 3px 0px 0px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.login-cont .btn {
	width: 100%;	
	background: #FF1515;	
    background:-webkit-linear-gradient(90deg, #FF1515 0%, #AF2727 100%);
	background:-moz-linear-gradient(90deg, #FF1515 0%, #AF2727 100%);
    background:-ms-linear-gradient(90deg, #FF1515 0%, #AF2727 100%);
    background:-o-linear-gradient(90deg, #FF1515 0%, #AF2727 100%);
    background:linear-gradient(90deg, #FF1515 0%, #AF2727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AF2727', endColorstr='#FF1515', GradientType=0 );
	-webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px;
	height: 52px;
	padding: 12px 15px;
	text-shadow: 0px 0px rgba(0,0,0,0);
	font-size: 16px; 
	font-weight: 700;
	letter-spacing: 2px;
}
.login-cont .btn:hover {
	-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);	
	background: #AF2727;
    background:-webkit-linear-gradient(90deg, #AF2727 0%, #FF1515 100%);
	background:-moz-linear-gradient(90deg, #AF2727 0%, #FF1515 100%);
    background:-ms-linear-gradient(90deg, #AF2727 0%, #FF1515 100%);
    background:-o-linear-gradient(90deg, #AF2727 0%, #FF1515 100%);
    background:linear-gradient(90deg, #AF2727 0%, #FF1515 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF1515', endColorstr='#AF2727', GradientType=0 );
}

.eye-cont, .eye-cont:hover {
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 10px;
	color: rgba(var(--bs-thm-clr-1), 0.4);
	line-height: 30px;
	font-size: 20px;
	text-align: center;
}

/* 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: 90%;
	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;
}
.pop-close, .pop-close:hover {
	width: 35px;
	height: 35px;
	font-size: 14px;
	color: rgb(var(--bs-white));
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	line-height: 25px;
	padding: 4px 0px 6px;
	-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
	cursor: pointer;
	text-align: center;
	background: rgba(var(--bs-clr-8));
}
.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-title {
	border-bottom: 1px dashed rgba(var(--bs-thm-clr-2), 0.5); padding-bottom: 5px; margin-bottom: 10px;
	/*background: #cc303a; 
	color: #fff;
	padding: 10px 15px !important; 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	margin-left: -20px;
	margin-top: -10px;
	width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: calc(100% + 40px);*/
}
.pop-title2 { background: #cc303a; color: #fff; padding: 14px 32px !important; border-radius: 12px; }
.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%;
	padding-right: 5px;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}
.pop-cont .tbl-group { width: 100%; overflow: auto; }
/*.pop-cont .pop-table table thead tr th { background: #e8dade; }
.pop-cont .pop-table table thead tr th { background: #ffffff; }*/


/*Responsive
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1520px) {
.form-info-group .cancel { margin-right: -0px; }
.dyn-group { margin: 0px; }
}
@media screen and (max-width: 1400px) {
.container-fluid { padding-left:30px; padding-right:30px; }
}
@media screen and (max-width: 1360px) {
.container-fluid { padding-left:20px; padding-right:20px; }
}
@media screen and (max-width: 1280px) {
.status-report, .dts-report { height: auto !important; }
}
@media screen and (max-width: 1080px) {
h1, .h1 { font-size: 36px; line-height: 55px; }
h2, .h2 { font-size: 32px; line-height: 50px; }
h3, .h3 { font-size: 28px; line-height: 42px; }
h4, .h4 { font-size: 24px; line-height: 36px; }
h5, .h5 { font-size: 21px; line-height: 34px; }
h6, .h6 { font-size: 20px; line-height: 32px; }
.h7 { font-size: 18px; line-height: 30px; }

.header { padding: 10px 15px; }
.header .logo { width: -webkit-calc(100% - 215px); width: -moz-calc(100% - 215px); width: calc(100% - 215px); padding: 4px 0px 3px; }
.header .logo a, .header .logo a img { width: 92px; height: 43px; }
.menu { display: block; float: left; margin-right: 10px; }
.top-nav { width: 155px; }
.top-nav ul li { margin: 3px 0px 2px 5px; }
.top-nav ul li .profile-nav .profile-name, .top-nav ul li .profile-nav:after, .admin-title { display: none;  }
.top-nav ul li .profile-nav { padding: 0px; }
.top-nav ul li .profile-nav .profile-avatar { margin-right: 0px; }
.top-nav ul li { margin: 3px 0px 2px 10px; }
.top-nav ul li .profile-nav .profile-name, .top-nav ul li .profile-nav:after, .admin-title { display: none;  }
.top-nav ul li .profile-nav { padding: 0px; }
.top-nav ul li .profile-nav .profile-avatar { margin-right: 0px; }
.top-nav ul li .search { display: block;}
.top-nav ul li .sub-menu.search-sub-menu {
	position: absolute;
	right: 0px;
	top:75px;
	z-index: 9999;
	height: auto;
	padding: 15px;
	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: 340px;
    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;	
}
.top-nav ul li.active .sub-menu.search-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;	
}
.top-nav ul li .sub-menu:after{ display: block; }
.search-sub-menu .input-txt { background: #f1f1f1; border: 0px solid #d1d1d1; width: 255px; }
.search-sub-menu .search-btn { background: url(../images/search.png) no-repeat left center #0166D3; background-size: 20px auto; background-position: left 15px center; border: 0px; width: 55px; }
.search-sub-menu .info-txt { display: block; }

.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: 70px;
}
.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.4);
	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: 70px;
	height: -webkit-calc(100vh - 70px);
	height: -moz-calc(100vh - 70px);
	height: calc(100vh - 70px);
	width: 100%;
	z-index: 2;
}
.content, .footer { margin-left: 0px; }

.dyn-group { width: 90vw; width: -webkit-calc(100vw - 70px); width: -moz-calc(100vw - 70px); width: calc(100vw - 70px); }
#ViewHistory .pop-cont, #AddAudience .pop-cont{ right: 20px; }
}
@media screen and (max-width: 930px) {
.container-fluid { padding-left:12px; padding-right:12px; }
.header { padding: 10px 12px; }
.header .logo { width: -webkit-calc(100% - 180px); width: -moz-calc(100% - 180px); width: calc(100% - 180px); }
.top-nav { width: 120px; }
.top-nav ul li { margin: 5px 0px; }
.top-nav ul li .nav-link, .top-nav ul li .profile-nav { min-width: 40px; height: 40px; line-height: 40px; }
.top-nav ul li .nav-link:before { height: 40px; line-height: 40px; }	
	
.content { padding: 85px 12px 0; }
.tbl-group table { min-width: 900px; }
.tbl-group.mw-700 table { min-width: 700px; }

.chart-cont { width: 100%; overflow: auto; }
.chart-cont > * { width: 900px !important; }
.steps-cont { width: 78vw; }

.pop-cont { width: -webkit-calc(100vw - 60px); width: -moz-calc(100vw - 60px); width: calc(100vw - 60px); padding: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
/*.pop-inner-cont { height: -webkit-calc(95vh - 60px); height: -moz-calc(95vh - 60px); height: calc(95vh - 60px); max-height: -webkit-calc(75vh - 75px); max-height: -moz-calc(75vh - 75px); max-height: calc(75vh - 75px); overflow: auto; }
.pop-title { margin-left: -12px; margin-top: -12px; width: -webkit-calc(100% + 24px); width: -moz-calc(100% + 24px); width: calc(100% + 24px); }*/
.reset-btn, .cancel-btn, .back-btn { min-width: 100px;  }
.pop-close, .pop-close:hover { top: 0px; right: -25px; }

.dyn-group { width: 90vw; width: -webkit-calc(100vw - 54px); width: -moz-calc(100vw - 54px); width: calc(100vw - 54px); }
#ViewHistory .pop-cont, #AddAudience .pop-cont{ right: 12px; }

.follow-timeline { border-left: 0px dashed #d1d1d1; padding-left: 0px !important; }
#FollowUpsTimeline .pop-cont .form-group2 { height: auto; max-height:none; }
.followup-chart { padding-right: 0px !important; }
}
@media screen and (max-width: 810px) {
.pop-close, .pop-close:hover { top: -25px; right: 0px; }
.pop-cont { width: -webkit-calc(100vw - 24px); width: -moz-calc(100vw - 24px); width: calc(100vw - 24px); }
}
@media screen and (max-width: 767px) {
h1, .h1 { font-size: 32px; line-height: 50px; }
h2, .h2 { font-size: 28px; line-height: 42px; }
h3, .h3 { font-size: 24px; line-height: 36px; }
h4, .h4 { font-size: 21px; line-height: 34px; }
h5, .h5 { font-size: 20px; line-height: 32px; }
h6, .h6 { font-size: 18px; line-height: 30px; }
}
@media screen and (max-width: 680px) {
h1, .h1 { font-size: 30px; line-height: 48px; }
h2, .h2 { font-size: 26px; line-height: 40px; }
h3, .h3 { font-size: 24px; line-height: 36px; }
h4, .h4 { font-size: 21px; line-height: 34px; }
h5, .h5 { font-size: 18px; line-height: 30px; }
}
@media screen and (max-width:575px) {
.top-nav ul li .sub-menu.search-sub-menu { right: -50px; }
.form-group ul.row, .form-group ul li.col-15, .form-group ul li.col-8, .form-group2 ul.row, .form-group2 ul li.col-15, .search-group ul.row, .search-group ul li.col-15 { 
	margin-left: 0px; 
	margin-right: 0px; 
	width: 100%; 
}
.form-group2 ul li .label-txt, .form-group2 ul li .input-cont { width: 100%; float: none; display: block; text-align: left; padding-left: 0px; padding-right: 0px; }
.search-group ul li.btn-cont { text-align: right; }
.login-cont { padding: 40px 25px; }

.alert-success, .alert-error, .alert-info, .alert-warning { min-width: 300px; }
.form-group2 ul li.btn-cont { padding-left: 10px; }
}
@media screen and (max-width: 480px) {
h1, .h1 { font-size: 28px; line-height: 42px; }
h2, .h2 { font-size: 24px; line-height: 36px; }
h3, .h3 { font-size: 21px; line-height: 34px; }
h4, .h4 { font-size: 20px; line-height: 32px; }
h5, .h5 { font-size: 18px; line-height: 30px; }

.top-nav ul li .sub-menu.chat-sub-menu, .top-nav ul li .sub-menu.notify-sub-menu { right: -50px; }
.top-nav ul li .sub-menu.chat-sub-menu:after, .top-nav ul li .sub-menu.notify-sub-menu:after { right: 65px; }
}

/* datepicker
------------------------------------------------------------------------------------------------*/
.ui-helper-clearfix { display: none; }
.ui-datepicker {
	font-size: 13px;
	color: #222222;
	display: none;
	width: 310px;
	padding: 0px;
	border: 0px;
	border-bottom: 0px solid rgb(var(--bs-white));
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden;
	background: rgb(var(--bs-white));
	-webkit-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
	-moz-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
	box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
	z-index: 10000 !important;
}
.ui-datepicker.ui-datepicker-multi-2 { width: 564px !important; }
.ui-monthpicker { width: 200px; background: rgb(var(--bs-white)); }
.ui-widget-header {
	background: rgb(var(--bs-white));
	color: #222222;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	line-height: 27px;
	padding: 0px 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: 27px;
	position: absolute;
	font-size: 20px;
	top: 0px;
	cursor: pointer;
	text-align: center;
}
.ui-datepicker .ui-datepicker-prev { left: 0px; }
.ui-datepicker .ui-datepicker-next { right: 0px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { 
	font-family: icon-font; 
	font-size: 14px; 
	color: #222222; 
	line-height: 35px; 
	height: 35px; 
	display: block; 
	font-weight: 400; 
}
.ui-datepicker .ui-datepicker-prev:before { content: '\e800'; }
.ui-datepicker .ui-datepicker-next:before { content: '\e801'; }
.ui-datepicker .ui-datepicker-title { padding: 0px 45px; text-align: center; line-height: 27px; height: 27px; }
.ui-monthpick .ui-datepicker-header { padding: 5px; }
.ui-datepicker .ui-datepicker-title select, .ui-monthpick .ui-datepicker-header .mtz-monthpicker-year {
	border: 1px solid rgb(var(--bs-white));
	height: 28px;
	line-height: 27px;
	width: 45%;
	margin: 0px;
	padding: 0px;
	background: rgb(var(--bs-white));
	color: #222222;
	font-size: 13px;
}
.ui-monthpicker.ui-datepicker .ui-datepicker-title select { width: 85%; }
.ui-datepicker .ui-datepicker-title span { color: #222222; font-size: var(--bs-body-font-size); font-weight: bold; line-height: 27px; }
.ui-datepicker-title select:focus { background: rgb(var(--bs-white)); 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: 0px solid rgb(var(--bs-white)); }
.ui-datepicker-calendar tr th {
	background: rgb(var(--bs-white));
	font-size: 12px;
	text-align: center;
	width: 40px;
	font-weight: normal;
	border-collapse: collapse;
	height: 38px;
	line-height: 38px;
	color: rgba(var(--bs-thm-clr-1), 0.75);
	padding: 0px;
}
.ui-datepicker table tbody { border: 0px solid rgb(var(--bs-white)); }
.ui-datepicker-calendar tr td, .ui-monthpick tr td { color: #006787; font-size: 14px; margin: 0; padding: 0; text-align: center; width: 40px; height: 38px; line-height: 38px; }
.ui-monthpick tr td { width: auto; color: #222222; height: 25px; cursor: pointer; padding: 5px; }
.ui-datepicker-calendar tr td a, .ui-datepicker-calendar tr td span {
	width: 25px;
	height: 25px;
	padding: 0px 0px;
	color: #222222;
	line-height: 25px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	display: block;
	margin: 0px auto; 
}
.ui-datepicker-calendar tr td span { color: #b5b5b5; }
.ui-datepicker-calendar tr td a:hover, .ui-datepicker-calendar a.ui-state-active { 
	background: rgb(var(--bs-clr-1)); 
	color: rgb(var(--bs-white)); 
	-webkit-border-radius: 45px; 
	-moz-border-radius: 45px; 
	border-radius: 45px; 
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: rgb(var(--bs-white)); border: 0px; }
.ui-datepicker-calendar tr td.ui-datepicker-today a, .ui-datepicker-calendar tr td.ui-datepicker-today a:hover {
	background: rgb(var(--bs-clr-3));
	color: rgb(var(--bs-white));
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	border: 0px; 
}
.ui-datepicker-calendar .ui-datepicker-days-cell-over a {
	background-color: #00a6e2;
	color: rgb(var(--bs-white));
	-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: rgb(var(--bs-white)); 
}
.date-range-in > .ui-state-default, .ui-datepicker-calendar .date-range-in > .ui-state-default { background-color: #00a6e2; font-weight: bold; color: rgb(var(--bs-white)); }
.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: rgb(var(--bs-white)); 
}
.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-size: 13px;
	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: rgb(var(--bs-white)); }
.ui-datepicker-group { width: 50%; float: left; border-left: 1px solid #7f858d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 268px; }
.ui-datepicker-group.ui-datepicker-group-last { border-right: 1px solid #7f858d; }
.ui-datepicker > button { display: none; }
.ui-datepicker-calendar tr td.ui-datepicker-other-month a { pointer-events: none; color: #999999; }
.comiseo-daterangepicker-mask {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(var(--bs-white));
	opacity: 0;
	filter: alpha(opacity=0); 
}
.comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar { display: table-cell; vertical-align: top; height: 230px; }
.comiseo-daterangepicker > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search-cont ul li .input-cont.date-range-cont { width: 250px; }
.comiseo-daterangepicker .ui-helper-clearfix { display: block !important; }
.comiseo-daterangepicker-triggerbutton.ui-button {
	text-align: left;
	border: 1px solid #8f507f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 28px;
	padding: 3px 40px 3px 15px;
	width: 100%;
	font-size: 15px;
	color: #000000;
	background: rgb(var(--bs-white));
	background: url(../images/cal-icon.png) no-repeat right center rgb(var(--bs-white));
	background-position: center right 5px;
}

.comiseo-daterangepicker.ui-widget-content { background: rgb(var(--bs-white)); border: 1px solid #d1d1d1; }
.comiseo-daterangepicker-calendar .ui-datepicker { -webkit-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; }
.comiseo-daterangepicker-calendar .ui-widget-header, .comiseo-daterangepicker-calendar .ui-datepicker .ui-datepicker-title { line-height: 35px; height: 35px; }
.comiseo-daterangepicker-calendar .ui-datepicker .ui-datepicker-prev, .comiseo-daterangepicker-calendar .ui-datepicker .ui-datepicker-next, .comiseo-daterangepicker-calendar .month-picker-previous a, .comiseo-daterangepicker-calendar .month-picker-next a {
  line-height: 35px;
  height: 35px; }

.comiseo-daterangepicker-calendar .ui-datepicker-group { border: 0px; padding: 0px 5px; }
.comiseo-daterangepicker-left .comiseo-daterangepicker-presets { border-left: 1px solid #d1d1d1; padding: 10px 0px; }
.comiseo-daterangepicker-right .comiseo-daterangepicker-presets { border-right: 1px solid #d1d1d1; padding: 10px 0px; }
.comiseo-daterangepicker-presets ul li div { display: block; color: rgb(var(--bs-thm-clr-1)); line-height: 30px; font-size: 14px; padding: 0px 10px; width: 150px; }
.comiseo-daterangepicker-presets ul li div:hover { background: rgb(var(--bs-thm-clr-1)); color: rgb(var(--bs-white)); }
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel, .comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel { 
	width: 100%; 
	border-top: 1px solid #d1d1d1;
	text-align: right;
	padding: 5px; 
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel { text-align: left; }
.comiseo-daterangepicker-triggerbutton.ui-button { text-align: left; }
.comiseo-daterangepicker { position: absolute; padding: 0px; z-index: 1; }
.comiseo-daterangepicker-mask {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/* required for IE */
	background-color: rgb(var(--bs-white));
	opacity: 0;
	filter: alpha(opacity=0);
}
.comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar { display: table-cell; vertical-align: top; height: 230px; }
.comiseo-daterangepicker-right .comiseo-daterangepicker-presets { padding: 10px 0px; }
.comiseo-daterangepicker-left .comiseo-daterangepicker-presets { padding: 10px 0px; }
.ui-menu { white-space: nowrap; }
.comiseo-daterangepicker .ui-widget-content, .comiseo-daterangepicker .ui-datepicker .ui-state-highlight { border-width: 0; }
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content { border-bottom-width: 1px; }
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-today .ui-state-highlight { border-width: 1px; }
.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar { border-left-width: 1px; padding-left: 0px; }
.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar { border-right-width: 1px; padding-right: 0px; }
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel { float: left; }
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel { float: right; }
.comiseo-daterangepicker-buttonpanel > button { margin-top: 6px; }
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button { margin-right: 6px; }
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button { margin-left: 6px; }

/* themeable styles */
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default { background: rgba(var(--bs-thm-clr-3), 0.2); color: rgb(var(--bs-thm-clr-3)); }
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button, .comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button {
	margin: 0px 0px 0px 10px;
	padding: 0px 10px;
	width: auto;
	line-height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	color: rgb(var(--bs-thm-clr-1));
	background: rgb(var(--bs-white));
	font-size: 12px;
	border: 1px solid #d1d1d1;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button.ui-priority-primary, .comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button.ui-priority-primary { background: rgb(var(--bs-clr-3)); color: rgb(var(--bs-white)); min-width: 100px; border: 1px solid rgb(var(--bs-clr-3)); }

/* timepicker
------------------------------------------------------------------------------------------------*/
.ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; margin: 5px 0; }
.timepicker_wrap .time:before { display: none; }
.time, .mins, .meridian { width: 38px; float: left; margin: 0 5px; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; }
.prev, .next {
	cursor: pointer;
	padding: 0px 0px;
	width: 38px;
	margin: auto;
	border-radius: 5px;
	line-height: 20px;
	height: 20px;
	font-family: icon-font;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}
.timepicker_wrap .prev:before { content: '\e803'; }
.timepicker_wrap .next:before { content: '\e802'; }
.time_pick { position: relative; }
.timepicker_wrap {
	padding: 3px 10px;
	z-index: 998;
	display: none;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
	-moz-box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
	box-shadow: 0px 2px 5px rgba(0, 29, 59, 0.15);
	background: rgb(var(--bs-white));
	border: 0px solid #ccc;
	float: left;
	position: absolute;
	top: 27px;
	left: 0;
	width: 194px;
}
.timepicker_wrap:after {
	bottom: 100%;
	left: 8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: rgb(var(--bs-white));
	border-width: 6px;
}
input.timepicki-input {
	background: none repeat scroll 0 0 rgb(var(--bs-white));
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	float: none;
	margin: 0;
	text-align: center;
	width: 38px;
	line-height: 28px;
	padding: 5px 0px; 
}
a.reset_time { float: left; margin-top: 5px; color: #000; }
 
/* tooltip
------------------------------------------------------------------------------------------------*/ 
.ui-tooltip {
	background: rgba(0, 0, 0, 0.85) !important;
	padding: 2px 10px 4px !important;
	font-size: 11px !important;
	color: rgb(var(--bs-white)) !important;
	border: 0px !important;
	position: absolute;
	z-index: 9999;
	max-width: 350px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	line-height: 20px;
}
.ui-widget-shadow { -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3); }
.ui-helper-hidden-accessible { display: none; }
.ui-tooltip-content table th, .ui-tooltip-content table td { vertical-align: top; }
.ui-tooltip-content table th { text-align: right; }
.ui-tooltip-content, .ui-tooltip table tr th, .ui-tooltip table tr td, .ui-tooltip ul li { font-size: 11px; line-height: 20px; }


/* dropzone
------------------------------------------------------------------------------------------------*/
.dropzone { background: #F8F9FA; height: 140px; border: 2px dashed #c0c0c0; position:relative; cursor:pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.dz-default {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto !important;
	padding: 0px 0px 0px 0px;
	width: 100% !important;
	height: 75px;
	font-size: 14px;
	color: rgb(var(--bs-thm-clr-2));
	text-align: center;
	pointer-events: none;
}
.dz-default .dz-img, .dz-default .dz-img img { width: 42px; margin: 0px auto; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone .dz-preview {
	position: relative;
	display: block;
	margin: 9px;
	padding: 15px 0px;
	height: 80px;
	width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px);
	overflow: hidden;
}
.dz-image { display: block; float: left; margin-right: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.dz-image, .dz-image img { width: 50px; height: 50px; object-fit: cover; }
.dz-details { width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); float: left; }
.dz-filename { width: 100%; height:18px; }
.dz-filename span{ 
	font-size: var(--bs-body-font-size);
	width: 100%;
	height:18px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333333;
	line-height: 18px;
	display: block;
	white-space: nowrap;
	font-weight: 400;
}
.dz-size { width: 100%; height: 15px; }
.dz-size span { color: rgb(var(--bs-thm-clr-2)); font-size: 10px; font-weight: 400; }
.dz-progress { width: 100%; height: 3px; display: block; margin-top: 12px;  background: rgba(0,0,0,0.1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.dz-progress .dz-upload {
	height: 3px;
	width: 0%;
	background: rgb(var(--bs-clr-5));
    -webkit-animation: mymove 1s forwards;
    -moz-animation: mymove 1s forwards;
    -ms-animation: mymove 1s forwards;
    -o-animation: mymove 1s forwards;
    animation: mymove 1s forwards;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	display: block;
}
@-webkit-keyframes mymove { 0% { background: rgb(var(--bs-clr-5)); } 50%  { background: rgb(var(--bs-clr-1)); } 100% { background: rgb(var(--bs-clr-3)); } }
@-moz-keyframes mymove { 0% { background: rgb(var(--bs-clr-5)); } 50%  { background: rgb(var(--bs-clr-1)); } 100% { background: rgb(var(--bs-clr-3)); } }
@-ms-keyframes mymove { 0% { background: rgb(var(--bs-clr-5)); } 50%  { background: rgb(var(--bs-clr-1)); } 100% { background: rgb(var(--bs-clr-3)); } }
@-o-keyframes mymove { 0% { background: rgb(var(--bs-clr-5)); } 50%  { background: rgb(var(--bs-clr-1)); } 100% { background: rgb(var(--bs-clr-3)); } }}
@keyframes mymove { 0% { background: rgb(var(--bs-clr-5)); } 50%  { background: rgb(var(--bs-clr-1)); } 100% { background: rgb(var(--bs-clr-3)); } }
.dz-error-message { display: none; }
.dz-success-mark, .dz-error-mark { width: 30px; height: 30px; float: left; margin: 10px 0px 10px 10px; }
.dz-success-mark svg, .dz-error-mark svg { display: none; }
.dz-success-mark:before, .dz-error-mark:before { width: 100%; height: 100%; margin: 0px; padding: 0px; display: block; }
.dz-error-mark:before { content: '\e805'; font-family: icon-font; line-height: 30px; color: #666666; }
.dz-success-mark:before { content: " "; background: url(../images/check.png) no-repeat center; background-size: 70% auto; }

/* Multiselect
------------------------------------------------------------------------------------------------*/
.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 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	line-height: 28px;
	padding: 8px 25px 8px 15px;
	width: 100%;
	color: rgb(var(--bs-thm-clr-1));
	display: block;
	text-align: left;
	font-size: 14px;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat #ffffff !important;
	background-size: 14px auto !important;
	background-position: center right 5px !important;
	border: 1px solid #d5dade;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
}
.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: 0px;
	outline-offset: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ms-options-wrap > button[disabled] { background-color: #e5e9ed; color: #808080; opacity: 0.6; }
.ms-options-wrap.ms-has-selections > button { color: #333; }
.ms-options-wrap > .ms-options {
	position: absolute;
	right: 0;
	top: 46px;
	width: 100%;
	margin-top:0px;
	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;
	max-width: 350px;
}
.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: rgb(var(--bs-thm-clr-1)); font-size: 14px; font-weight: 400; padding: 12px 15px; 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; margin: 0px !important; }
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li.optgroup ul { list-style-type: none; padding: 0; margin: 0; float: none; }
.ms-options-wrap > .ms-options > ul li.ms-hidden { display: none; }
.ms-options-wrap > .ms-options > ul > li.optgroup { padding: 0px; }
.ms-options-wrap > .ms-options > ul > li.optgroup span.label { display: block; padding: 0px 0px 8px 15px; font-weight: bold; font-size: 13px; }
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup { border-top: 1px solid #aaa; padding-top: 8px; }
.ms-options-wrap > .ms-options > ul label {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 6px 4px 8px 15px;
	margin: 0px 0;
	border: 0px dotted transparent;
	font-size: 13px;
	font-weight: 400;
	color: rgb(var(--bs-thm-clr-1));
	text-align: left;
	cursor: pointer;
}
.ms-options-wrap > .ms-options > ul > li.optgroup ul > li { float: none; min-height: auto; margin: 0px; }
.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: 2px 10px 0 0; display: inline-block; vertical-align: top; }
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

/*Table Inner Scroll
------------------------------------------------------------------------------------------------*/
.tbl-grp-inner-scrl { height: 460px; 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: #b1b1b1; border-radius: 32px; }
.tbl-grp-inner-scrl::-webkit-scrollbar-track { background: #f1f1f1; }
.tbl-grp-inner-scrl thead{ position: sticky; top: 0; z-index: 9990; }
.tbl-grp-inner-scrl tbody tr.sticky-row { position: sticky; bottom: 0; }
.first-td-sticky { position: sticky; left: 0px; top: 0px; z-index: 1; overflow: hidden; }