@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');
html,body {margin:0; padding:0;}
body {background:#f5f5f5;}
footer { padding:0;}
@font-face {font-family: 'Oswald';font-style: normal;font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

h1, .h1, h2, .h2, h3, .h3{ margin-bottom:5px;}
a, .cursor{ cursor:pointer !important;}
*{ margin:0; padding:0;}
#Searchresult{font-size:11px !important;}
#Searchresult td{ padding:3px 5px; line-height:11px; vertical-align:middle;}
#linearBg2{
	background-color: #fff;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4e9f1), to(#f4f9fc)); 
	background: -webkit-linear-gradient(top, #c4e9f1, #f4f9fc); 
	background: -moz-linear-gradient(top, #c4e9f1, #f4f9fc); 
	background: -ms-linear-gradient(top, #c4e9f1, #f4f9fc); 
	background: -o-linear-gradient(top, #c4e9f1, #f4f9fc); border-bottom:3px solid #005a80;
}
.floatright{ float:right;}
.floatleft{ float:left;}
.clear{ clear:both;}

.margin0{ margin:0px !important;}
.mleft10{ margin-left:10px !important;}
.marginright0{ margin-right:0px;}
.marginright15{ margin-right:15px;}

.mtop-6{ margin-top:-6px;}
.margintop10{ margin-top:10px;}
.marginbottom0{ margin-bottom:0px !important;}
.mbottom10{ margin-bottom:10px !important;}
.mtopbottom5{ margin-top:5px;margin-bottom:5px !important;}
.mtopbottom1{ margin-top:1px !important;margin-bottom:1px !important;}

.padding15{ padding:15px !important;}
.paddingright0, .pright0{ padding-right:0px !important;}
.paddingright10{ padding-right:10px !important;}
.paddingleft0, .pleft0{ padding-left:0px !important;}
.ptopbot10x5{padding:10px 5px !important;}

.ptop5{ padding-top:5px !important;}
.ptop10{ padding-top:10px !important;}
.pbottom5{ padding-bottom:5px !important;}
.pbottom10{ padding-bottom:10px !important;}
.ptopbot2 {padding-top: 2px !important;padding-bottom: 2px !important;}
.ptopbot10 {padding-top:10px !important;padding-bottom:10px !important;}
.p2x10{ padding:2px 10px !important;}

.width100per {width: 100%;float: left;}
.width70px{width: 70px;}
.width100px{width:100px;}
.width120px{width:120px;}
.width150px{width:150px;}
.width180px{width:180px;}
.width200px{width:200px;}

.height200{ height:200px;}
.height150{ height:150px;}
.height100{ height:100px;}
.height50{ height:50px;}
.height35{ height:35px;}
.height25{ height:25px;}
.minheight160{ height:160px;}
.maxwidth100{ max-width:100px; float:left;}
.marginbottom10{ margin-bottom:10px;}
.maxheightscroll{ max-height:300px; overflow:scroll;}
.bgash{ background:#eee;}
.height200{ height:200px;}
.height150{ height:150px;}
.height100{ height:100px;}
.height50{ height:50px;}
.height35{ height:35px;}
.height25{ height:25px;}

.txtcenter{ text-align:center !important;}
.txtright{ text-align:right; padding-right:10px;}
.txt10 {font-size: 10px !important;}
.txt12{font-size: 12px !important;}
.txt15{font-size: 15px !important;}
.txt18 {font-size: 18px !important;}
.txtbold{font-weight:bold !important;}
.txt20bold{font-size:20px !important; font-weight:bold !important; text-transform:capitalize;}
.lineh20{line-height:20px !important;}
.verticalbottom{ vertical-align:bottom}
.forpolyfield{ display:none;}
.positionrelative{ position:relative; padding-right:25px;}
.posTopRig{ position:absolute; top:-5px; right:-5px; width:20px; height:25px;}
.addnewplusbotrig{ position:absolute; bottom:0; right:5px; width:20px; height:25px; z-index:1000}
.form-control, select.form-control option{ padding:3px 0 3px 8px; height:26px;}
select.form-control option{ cursor:pointer;}
.input-group-addon, .btn-default{ padding:2px 12px}
.navbar-fixed-bottom, .navbar-fixed-top{z-index: 100;}
.form-group{ margin-bottom:10px;}
.hidediv{ display:none;}
#settingsleftsidemenu {display: none;}
.backlink {margin-right: 10px;float: left;font-size: 14px;}
a.anchorfulllink, .fulllink, .contentleft table tr td a {display: block;height: 100%;width: 100%;color: #333;}

/*==============================pagination========================================*/
label#fromtodata {padding-top: 10px;float:left; margin-left:15px;}
.pagination{float:right;margin-top:0px !important;}
.pagination li a, .pagination li span{min-width:30px;text-align:center}
.pagination li.disabled.prev a, .pagination li.disabled.next a{background:#d0d0d0;}

.leftsidemenu{overflow: hidden;width: 100%;}
.leftsidemenu li {float: left;list-style:none;width: 100%;}
.leftsidemenu li.activeclass{ background:#F5F5F5;}
.leftsidemenu li a {color: #575555;float: left;font-size: 14px;padding: 10px 0;text-align: left;width:100%;}
.leftsidemenu li.activeclass a{font-weight: bold;text-decoration: underline;}
.borderbottom {padding: 5px 0 5px 0;border-bottom: 1px solid #CCC;}
.bordTop{border-top: 1px solid #bbb;}

.listcheckbox {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
#pageloading {position: absolute;height: 300px;width: 300px;top: -100px;left: 50%;margin-left: -150px;display: none;}
.showmessagehere{position:fixed; left:50%; top:0px; z-index:9999999; height:0px; margin-left:-150px; width:300px;}

thead.cf{background-color: #fff;
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4e9f1), to(#f4f9fc)); 
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c4e9f1, #f4f9fc); 
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c4e9f1, #f4f9fc); 
	/* IE 10 */ background: -ms-linear-gradient(top, #c4e9f1, #f4f9fc); 
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #c4e9f1, #f4f9fc);
	}
tfoot.cf{background-color: #fff;
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear,  100% 0% 0%, 0%, from(#f4f9fc), to(#c4e9f1)); 
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f4f9fc, #c4e9f1); 
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f4f9fc, #c4e9f1); 
	/* IE 10 */ background: -ms-linear-gradient(top, #f4f9fc, #c4e9f1); 
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #f4f9fc, #c4e9f1);}
thead.cf th{text-align:center !important;}
.form-group label {cursor: pointer;margin-bottom:0; padding-top:0;}
.greenbutton{ background:#44ab6c !important; color:#FFF !important; border-color:#44ab6c !important;}
.hilightbutton{ background:#f05523 !important; color:#FFF !important; border-color:#f05523 !important; font-weight:bolder;}
.lightashrow0{ background:#f2f6f9 !important; color:#000;}
.lightashrow1{ background:#e8f2f6 !important; color:#000;}
.lightbluerow{ background:#d6ffff !important; color:#000;}
.lightyellowrow{ background:#edefac !important; color:#000;}
.lightpinkrow{ background:#f6b8cd !important; color:#000;}
.lightgreenrow{ background:#c3fec4 !important; color:#000;}
.lightyellowrow a, .lightpinkrow a, .lightgreenrow a{color:#000;}
.nav{ float:right;}
.navbar{ margin-bottom: 5px !important;}
.navbar-brand{ font-size:25px; padding:10px; line-height:20px; height:40px; 
	font-family:'Oswald', "Helvetica Neue",Helvetica,Arial,sans-serif; color: #337ab7 !important;}
.navbar-nav > li > a{ padding:12px 10px;color: #337ab7 !important;}
.errormsg, label span, .errormsg a{ color:#F00 !important;}
.successmsg{ color:#063; font-size:16px; font-weight:bold;}
.bs-callout{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;
    -moz-border-top-colors: none;border-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;
    border-width: 1px 1px 1px 5px;margin: 20px 0;padding: 20px; border-color: #EEEEEE;}
.bs-callright{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;
    -moz-border-top-colors: none;border-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;
    border-width: 1px 5px 1px 1px;margin: 20px 0;padding: 20px; border-color: #EEEEEE;}
.bs-callout-info{border-left-color: #5BC0DE;}
.bs-callright-info{border-right-color: #5BC0DE;}
.bs-callout-info h4, .bs-callright-info h4{color: #5BC0DE; text-transform:capitalize;}	
.bs-callout h4, .bs-callright h4 {margin-bottom:10px;margin-top: 0;}

.innerPage{ background:#fff; border:1px solid #dddddd; border-radius:4px; width:100%; float:left; padding:15px 20px 10px; margin-bottom:15px;}
.innerPage h1, .innerPage h2, .innerPage h3{font-family:'Oswald', "Helvetica Neue",Helvetica,Arial,sans-serif;}
.innerPage h1{ margin-top:0; font-size:22px;}
.innerPage h2{ margin-top:0; font-size:24px;}
.innerPage h3{ margin-top:0; font-size:17px;}
.errormsg, .error_message_p p, .error_message_p, .errormsg i{ font-size:12px; font-weight:normal;color:#FF0000; line-height:22px;}
.linknormal{ color:#333333; text-decoration:none; color:#4e52a9;}
.linknormal:hover{text-decoration:underline;}
.pagination{ margin-top:0px !important;}
.multiplerowlist{ margin:0; padding:0; width:100%; float:left;}
.multiplerowlist li{ margin:5px 0; list-style:none; width:100%; float:left; padding:5px 10px; position:relative;}
.removeicon, .xicon{ position:absolute; top:0; right:-10px; width:16px; height:16px;}
.printcss{ cursor:pointer;}
#challancountstr{ width:250px; height:30px; font-size:14px; line-height:30px; padding-left:50px;
	color:#0079AD; background:url(../images/bg_cat.png) no-repeat left top; font-weight:bold; overflow:hidden; margin:0 auto;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff !important;
    background-color: #337ab7;
}
.ui-widget.ui-widget-content {
    max-height: 500px;
    overflow: auto;
}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen AND (max-width: 463px) {
	body {
	  padding-top: 110px;
	}
}
@media screen AND (max-width: 767px) {
	
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
@media only screen AND (max-width: 991px) {
    .navbar-brand{ font-size:28px;}
	.navbar-nav > li > a{ padding:20px 7px;}
    /* Force table to not be LIKE tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  LIKE a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now LIKE a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
@media (min-width:992px){}
.container {width:100% !important;}
}


.stickyRow{
    top: 0px !important;
	background-color:white;
}
.stickyRow1{
    top: 27px !important;
	background-color:white;
}
thead.cf > tr:nth-of-type(2){
	top:27px !important;
	background: #d1f0f5;
	border-bottom: 1px solid #000205;
}
thead.cf > tr:first-child{
	top:0px !important;
	background: #d1f0f5;
	border-bottom: 1px solid #000205;
}
thead.cf > tr, .stickyRow, .stickyRow1{
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
}














/* New CSS  */
.absolute {
	position: absolute
  }
  
  .relative {
	position: relative
  }
  
  .-left-2 {
	left: -0.5rem
  }
  
  .-right-10 {
	right: -2.5rem
  }
  
  .-top-5 {
	top: -1.25rem
  }
  
  .bottom-0 {
	bottom: 0px
  }
  
  .left-0 {
	left: 0px
  }
  
  .left-1\/2 {
	left: 50%
  }
  
  .right-0 {
	right: 0px
  }
  
  .top-1\/2 {
	top: 50%
  }
  
  .top-1\/4 {
	top: 25%
  }
  
  .top-20 {
	top: 5rem
  }
  
  .z-10 {
	z-index: 10
  }
  
  .mb-1 {
	margin-bottom: 0.25rem
  }
  .mb-5{
	margin-bottom: 1.25rem;
  }
  
  .mt-3 {
	margin-top: 0.75rem
  }
  
  .flex {
	display: flex
  }
  
  .inline-flex {
	display: inline-flex
  }
  
  .table {
	display: table
  }
  
  .grid {
	display: grid
  }
  
  .hidden {
	display: none
  }
  .visible {
    display: table;
}
  
  .h-12 {
	height: 3rem
  }
  
  .h-4 {
	height: 1rem
  }
  
  .h-40 {
	height: 10rem
  }
  
  .h-60 {
	height: 15rem
  }
  
  .h-full {
	height: 100%
  }
  
  .w-12 {
	width: 3rem
  }
  
  .w-4 {
	width: 1rem
  }
  
  .w-40 {
	width: 10rem
  }
  
  .w-60 {
	width: 15rem
  }
  
  .w-full {
	width: 100%
  }
  
  .min-w-28 {
	min-width: 7rem
  }
  
  .grow {
	flex-grow: 1
  }
  
  .border-collapse {
	border-collapse: collapse
  }
  
  .auto-rows-auto {
	grid-auto-rows: auto
  }
  
  .grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  
  .flex-col {
	flex-direction: column
  }
  
  .items-center {
	align-items: center
  }
  
  .justify-center {
	justify-content: center
  }
  
  .justify-between {
	justify-content: space-between
  }
  
  .gap-1 {
	gap: 0.25rem
  }
  
  .gap-10 {
	gap: 2.5rem
  }
  
  .gap-2 {
	gap: 0.5rem
  }
  
  .gap-5 {
	gap: 1.25rem
  }
  
  .self-start {
	align-self: flex-start
  }
  
  .overflow-hidden {
	overflow: hidden
  }
  
  .rounded {
	border-radius: 0.25rem
  }
  
  .rounded-full {
	border-radius: 9999px
  }
  
  .rounded-lg {
	border-radius: 0.5rem
  }
  
  .rounded-tl-md {
	border-top-left-radius: 0.375rem
  }
  
  .rounded-tr-md {
	border-top-right-radius: 0.375rem
  }
  
  .border {
	border-width: 1px
  }
  
  .border-4 {
	border-width: 4px
  }
  
  .border-y {
	border-top-width: 1px;
	border-bottom-width: 1px
  }
  
  .border-solid {
	border-style: solid
  }
  
  .border-none {
	border-style: none
  }
  
  .border-sky-100 {
	--tw-border-opacity: 1;
	border-color: rgb(224 242 254 / var(--tw-border-opacity))
  }
  
  .border-sky-200 {
	--tw-border-opacity: 1;
	border-color: rgb(186 230 253 / var(--tw-border-opacity))
  }
  
  .border-sky-300 {
	--tw-border-opacity: 1;
	border-color: rgb(125 211 252 / var(--tw-border-opacity))
  }
  
  .border-teal-200 {
	--tw-border-opacity: 1;
	border-color: rgb(153 246 228 / var(--tw-border-opacity))
  }
  
  .border-transparent {
	border-color: transparent
  }
  
  .border-y-slate-200 {
	--tw-border-opacity: 1;
	border-top-color: rgb(226 232 240 / var(--tw-border-opacity));
	border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
  }
  
  .border-b-slate-200 {
	--tw-border-opacity: 1;
	border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
  }
  
  .bg-green-700 {
	--tw-bg-opacity: 1;
	background-color: rgb(21 128 61 / var(--tw-bg-opacity))
  }
  
  .bg-indigo-700 {
	--tw-bg-opacity: 1;
	background-color: rgb(67 56 202 / var(--tw-bg-opacity))
  }
  
  .bg-pink-700 {
	--tw-bg-opacity: 1;
	background-color: rgb(190 24 93 / var(--tw-bg-opacity))
  }
  
  .bg-sky-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(224 242 254 / var(--tw-bg-opacity))
  }
  
  .bg-sky-200 {
	--tw-bg-opacity: 1;
	background-color: rgb(186 230 253 / var(--tw-bg-opacity))
  }
  
  .bg-sky-300 {
	--tw-bg-opacity: 1;
	background-color: rgb(125 211 252 / var(--tw-bg-opacity))
  }
  
  .bg-slate-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(241 245 249 / var(--tw-bg-opacity))
  }
  
  .bg-slate-50 {
	--tw-bg-opacity: 1;
	background-color: rgb(248 250 252 / var(--tw-bg-opacity))
  }
  
  .bg-teal-50 {
	--tw-bg-opacity: 1;
	background-color: rgb(240 253 250 / var(--tw-bg-opacity))
  }
  
  .bg-teal-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(20 184 166 / var(--tw-bg-opacity))
  }
  
  .bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity))
  }
  
  .p-1 {
	padding: 0.25rem
  }
  
  .p-10 {
	padding: 2.5rem
  }
  
  .p-4 {
	padding: 1rem
  }
  
  .p-8 {
	padding: 2rem
  }
  
  .px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem
  }
  
  .px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem
  }
  
  .px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
  }
  
  .py-0 {
	padding-top: 0px;
	padding-bottom: 0px
  }
  
  .py-0\.5 {
	padding-top: 0.125rem;
	padding-bottom: 0.125rem
  }
  
  .py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem
  }
  
  .pb-0 {
	padding-bottom: 0px
  }
  
  .pb-1 {
	padding-bottom: 0.25rem
  }
  
  .pb-4 {
	padding-bottom: 1rem
  }
  
  .text-center {
	text-align: center
  }
  
  .text-base {
	/* font-size: 1rem; */
	line-height: 1.5rem
  }
  
  .text-lg {
	/* font-size: 1.125rem; */
	line-height: 1.75rem
  }
  
  .font-bold {
	font-weight: 700
  }
  
  .font-normal {
	font-weight: 400
  }
  
  .font-semibold {
	font-weight: 600
  }
  
  .text-slate-400 {
	--tw-text-opacity: 1;
	color: rgb(148 163 184 / var(--tw-text-opacity))
  }
  hr{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
  }
  .text-slate-500 {
	--tw-text-opacity: 1;
	color: rgb(100 116 139 / var(--tw-text-opacity))
  }
  
  .text-slate-600 {
	--tw-text-opacity: 1;
	color: rgb(71 85 105 / var(--tw-text-opacity))
  }
  
  .text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity))
  }
  
  .shadow {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }
  
  .outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
  }
  
  .filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .transition-colors {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
  }
  
  .duration-300 {
	transition-duration: 300ms
  }
  
  .ease-in {
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
  }
  
  .hover\:bg-sky-200:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(186 230 253 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-sky-300:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(125 211 252 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-sky-400:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(56 189 248 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-teal-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(204 251 241 / var(--tw-bg-opacity))
  }
  .fugaz-font {
	font-family: "Fugaz One", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  #fugaz-font {
	font-family: "Fugaz One", sans-serif;
	font-weight: 400;
	font-style: normal;
  }




  @media not all and (min-width: 1024px) {
	.max-lg\:col-span-2 {
	  grid-column: span 2 / span 2
	}
  }
  
  @media (min-width: 768px) {
	.md\:col-span-3 {
	  grid-column: span 3 / span 3
	}
  
	.md\:hidden {
	  display: none
	}
  
	.md\:grid-cols-2 {
	  grid-template-columns: repeat(2, minmax(0, 1fr))
	}
  
	.md\:px-10 {
	  padding-left: 2.5rem;
	  padding-right: 2.5rem
	}
  }
  
  @media (min-width: 1024px) {
	.lg\:grid-cols-3 {
	  grid-template-columns: repeat(3, minmax(0, 1fr))
	}
  
	.lg\:grid-cols-5 {
	  grid-template-columns: repeat(5, minmax(0, 1fr))
	}
  }
  
  @media (min-width: 1280px) {
	.xl\:block {
	  display: block
	}
}
.posRel {
    position: relative;
}
.ptopbot5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.txtred, .errormsg, .error_message_p p, .error_message_p, .errormsg i {
  color: #FF0000;
}

.cursor {
  cursor: pointer;
}
.removeFaIcon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  z-index: 2;
}
.txt20 {
  font-size: 20px !important;
}
.AliceBlueBG{background:#F0F5F5 !important; color:#000;}
.PlatinumBG{background:#EFEEEC !important; color:#000;}
.PearlBG{background:#F5EEF4 !important; color:#000;}
.lightredrow{ background:#ffdada !important; color:#000;}
.borRound{border:1px solid #dddddd; border-radius:4px;}

.the-fieldset {border: 1px solid #e0e0e0;padding: 10px 14px;}
.the-legend {border-style: none;border-width: 0;font-size: 14px;line-height: 20px;
	margin-bottom: 0;width: auto;padding: 0px 10px;border: 1px solid #e0e0e0;color: #000;}