@CHARSET "ISO-8859-1";

/*!Custom style sheet for inline scripts and nonce*/
#loading {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block;
	z-index: 99
}

#loading-image {
	position: absolute;
	top: 40%;
	left: 45%;
	z-index: 100
}

.overlay {
	background-color: #EFEFEF;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0px;
	left: 0px;
	opacity: .5;
	filter: alpha(opacity = 50);
}

.center {
	margin: auto;
	width: 60%;
	padding: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.hideform {
	display: none;
}

.displayNone {
	display: none !important;
}

.displayNone_loader {
	display: none !important;
}

.textAlign {
	text-align: center;
}

.background_w {
	background-color: white !important;
}

.newStyle {
	display: none;
	color: green !important;
	cursor: pointer;
}

.justifyContent {
	justify-content: center;
}

.card-login1 {
	max-width: 35rem;
}

.marginStyle {
	margin-bottom: 1%;
}

.marginStyle1 {
	margin-bottom: -1%;
}

.newStyle2 {
	text-align: center;
	border: none;
	background-color: transparent;
	font-weight: bold;
	outline: none;
}

.newstyle2_1 {
	margin-left: 1.5%;
}

.newStyle3 {
	color: green !important;
	cursor: pointer;
}

.newStyle3_1 {
	color: red !important;
	cursor: pointer;
}

.newStyle4 {
	position: relative;
	display: table;
	overflow-y: auto;
	overflow-x: auto;
	width: auto;
	min-width: 300px;
}

.newStyle_1 {
	position: relative;
	display: table;
	overflow-y: auto;
	overflow-x: auto;
	width: auto;
	min-width: 65%;
}

.modal .modalWidthCustom {
	width: 85vw;
}

.newStyle5 {
	border: none;
	background-color: transparent;
}

.borderStyle {
	border: grey;
}

.newStyle7 {
	border: none;
	background-color: transparent;
	font-weight: bold;
}

.colorStyle {
	color: Green;
}

.colorStyle2 {
	color: red;
}

.colorStyle3 {
	color: blue;
}

.colorStyle4 {
	color: #028DFA;
	font-weight: bold;
}

.marginStyletop3 {
	margin-top: 3%;
}

.font14 {
	font-size: 14px;
}

.textCenter {
	text-align: center;
}

.homepage1 {
	min-height: calc(100vh - 300px);
	margin-left: 0;
}

.font13 {
	font-size: 13px;
}

.homepage2color {
	color: #007bff;
}

.backgroundblack {
	background: black;
}

.homepage3 {
	text-decoration: none !important;
}

.font22 {
	font-size: 22px;
}

.minwidth18 {
	min-width: 18px;
}

.font16 {
	font-size: 16px;
}

.padding6 {
	padding: 0.6%
}

.padding0 {
	padding: 0
}

.padding1 {
	padding: 1%
}

.font24 {
	font-size: 24px;
}

.font16 {
	font-size: 16px;
}

.font20 {
	font-size: 20px;
}

.font35 {
	font-size: 35px;
}

.font17 {
	font-size: 17px;
}

.width100 {
	width: 100%;
}

.width50 {
	width: 49%;
}

.minwidth450 {
	min-width: 450px;
}

.minwidth250 {
	min-width: 450px;
}

.homepagecolor4 {
	color: #64FFDA !important;
}

.homepagecolor5 {
	color: #64FFDA !important;
	font-weight: bold;
}

.login {
	/* color: rgb(0, 68, 109); */
	background-color: rgb(0, 68, 109);
	border-color: transparent;
}

.homepage5 {
	background-color: #607D8B;
	border-color: #607D8B;
}

.homepagefontcolor {
	font-size: 30px;
	color: #F44336
}

.homepagejustifydisplay {
	justify-content: center;
	display: flex;
}

.freshappstyle {
	width: 100%;
	height: 200px;
	overflow-y: scroll;
}

.mandph2 {
	border: none;
	width: 100%;
	color: red;
}

.homepagecolor6 {
	color: #004D40 !important;
}

.overflowAuto {
	overflow: auto;
}

.disabledTrue {
	disabled: true;
}

h6.visionHead {
	text-align: center;
	border-bottom: 1px solid #e2e1e1;
	padding-bottom: 10px;
	font: bold 17px/19px Verdana !important;
	line-height: 25px !important;
}

@media ( min-width :1600px) {
	.col_lg_4 {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}

.more {
	display: none !important;
}

.justifyContentSpaceAround {
	justify-content: space-around;
}

.maxWidth100percent {
	max-width: 100%;
}

.striped {
	striped: true;
}

/* On zoom out, to keep vertical scroll with table body */
.tableWidth {
	/*  width:100% !important; */
	min-width: 100%;
	cellspacing: 0;
}

.displayFlexJustifyContentCenter {
	display: flex;
	justify-content: center;
}

.displayFlexJustifyContentVertical {
	display: flex;
	align-items: center;
	justify-content: center;
}

.paddingTopBottom5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.paddingTopBottom6 {
	padding-top: 50px;
	padding-bottom: 6px;
}

.marginLeftRight0Forced {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.fullWidthFlexBasis16rem {
	max-width: 100%;
	flex-basis: 16rem;
}

.marginTop10 {
	margin-top: 10px;
}

.marginBottom10 {
	margin-bottom: 10%;
}

.displayFlex {
	display: flex;
}

.paddingTop40 {
	padding-top: 40px;
}

.paddingTop40 {
	padding-top: 40px;
}

.displayFlexWrap {
	display: flex;
	flex-wrap: wrap;
}

.zindex99 {
	z-index: 99;
}

.verticallyCenterChildren {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.verticallyJustifyChildren {
	display: flex;
	flex-direction: column;
	justify-content: start;
}

.displayFlexColumnFlexStart {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.paddingTopBottom20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.paddingLeftRight5 {
	padding-left: 5px;
	padding-right: 5px;
}
/*
	In place of tableStyle.css
*/
table.dataTable tbody tr.selected {
	background-color: #B0BED9 !important;
}

table.dataTable tbody tr {
	background-color: #ffffff;
}

/*
	Data tables pagination, 
	to prevent list of pages cut in small screen devices
*/
.pagination {
	flex-wrap: wrap;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd
	{
	background-color: #f9f9f9;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
}

.dataTables_scrollHeadInner table {
	width: 100% !important;
}

/*
Bootstrap modal horizontal scroll issue
*/
.modal {
	overflow-x: auto !important;
}

/* Bootstrap modal horizontal scroll issue END */
.resize_textarea {
	resize: none;
}

.large_textarea {
	height: calc(4.5rem + 2px) !important;
}

.displayBlock {
	display: block;
}

/*Sample trial IE pdf*/
.iframe_pdf {
	position: relative;
	z-index: 2 !important;
}

.positionAbsolute {
	position: absolute;
	z-index: 1 !important;
}

.boldText {
	font-weight: bold;
}

.Heading {
	font-size: large !important;
	background-color: white !important;
}

.coverDiv_pdf {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1 !important;
}

nav {
	position: relative;
	z-index: 5 !important;
}

.IE_pdf_top_element_parent {
	z-index: 10001;
}

/*IE Horizontal and Vertical Scroll Overlap Start*/
.dataTables_scrollBody::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 2px;
}

.dataTables_scrollBody::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
	background-color: #777;
	border-radius: 10px;
}

div.dataTables_scrollBody table {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.dataTables_scrollHead table {
	padding-right: 10px;
	padding-left: 10px;
	/* padding-bottom: 10px;
	padding-top: 10px; */
}

div.dataTables_scrollFoot table {
	padding-right: 10px;
	padding-left: 10px;
	/* padding-bottom: 10px;
	padding-top: 10px; */
}
/*IE Horizontal and Vertical Scroll Overlap End*/
.abc {
	width: 100% !important;
}

.padding2 {
	padding: 2%;
}

.padding-left20 {
	padding-left: 20px;
}

#reselect_bttn {
	white-space: normal;
}

.grey_lighten_2 {
	background-color: #eeeeee;
}

.border_1px {
	border: 1px solid black;
	padding: 5px;
	border-radius: 5px;
}

/*To set min width to data tables entries*/
.table td, .table th {
	min-width: 150px;
}

.colWidth {
	min-width: 30px !important;
}

/*CSS For Marquee START*/
.overflowHidden {
	overflow: hidden;
}

.marqueeHeight155 {
	height: 155px;
}

.marqueeCSS {
	animation: marqueeAni 13s linear infinite;
}

.marqueeCSS:hover {
	animation-play-state: paused;
}

.marquee1CSS {
	animation: marquee1Ani 25s linear infinite;
}

.marquee1CSS:hover {
	animation-play-state: paused;
}
.marquee2CSS
{
	animation: marquee1Ani 70s linear infinite;
	
}

.marquee2CSS:hover
{
	animation-play-state:paused;
}


/*To replace marquee*/
@keyframes marqueeAni {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(-100%);
  }
}

/*To replace marquee*/
@keyframes marquee1Ani {
  from {
    transform: translateY(30%);
  }
  to {
    transform: translateY(-100%);
  }
}

/*CSS For Marquee END*/

/*Styles for error message*/
.validation_msg_style {
	font-size: 0.75em;
	color: red;
	/* border-color:red; */
}

.error_input_style {
	border-color: red !important;
}

/* Datatables reduce min column sizea to content*/
.col1minWidth70 tr td:first-child, .col1minWidth70 tr th:first-child,
	.col4minWidth80 tr td:nth-child(4), .col4minWidth80 tr th:nth-child(4)
	{
	min-width: 70px;
}

.col1minWidth50 tr td:first-child, .col1minWidth50 tr th:first-child {
	min-width: 50px;
}
/*Page wise*/
.col3minWidth80 tr td:nth-child(3), .col3minWidth80 tr th:nth-child(3),
	.col5minWidth80 tr td:nth-child(5), .col5minWidth80 tr th:nth-child(5),
	.col8minWidth80 tr td:nth-child(8), .col8minWidth80 tr th:nth-child(8)
	{
	min-width: 80px;
}

.col7minWidth80 tr td:nth-child(7), .col8minWidth80 tr th:nth-child(7) {
	min-width: 100px;
}

.col6minWidth125 tr td:nth-child(6), .col6minWidth125 tr th:nth-child(6)
	{
	min-width: 125px;
}

.col5minWidth100 tr td:nth-child(5), .col5minWidth100 tr th:nth-child(5)
	{
	min-width: 100px;
}

.col1minWidth110 tr td:nth-child(1), .col1minWidth110 tr th:nth-child(1)
	{
	min-width: 110px;
}
/* Reducing size of homepage images*/
#telecom_images .img-fluid {
	max-height: 45vh;
	max-width: auto;
}
/* remove homepage flicker*/
.minHeight50vh {
	/* min-height:20vh; */
	
}
/* for images in FAQ page */
.img_faq {
	width: 80%;
	height: auto;
}

.ul_basic {
	list-style-type: none;
	padding-inline-start: initial;
	padding-left: 1rem;
}

.displayInitial {
	display: initial;
}

.scrollYDiv {
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 250px;
	overflow-y: auto;
}

.card .card-header {
	padding: 0.35rem .45rem;
}

.select1 {
	padding: 0.25rem 0.5rem;
	border: 1px solid #ced4da;
	border-radius: 0.2rem;
}

.block {
	display: block;
	border: none;
	font-size: 30px;
	cursor: pointer;
	text-align: center;
}

.collapsible {
	background-color: #fff;
	color: black;
	cursor: pointer;
	border-color: lightgray;
	padding: 1%;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 18px;
}

.active, .collapsible:hover {
	background-color: #fff;
}

.content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

tr.group, tr.group:hover {
	background-color: #ddd !important;
}

td.highlight1 {
	font-weight: bold;
	color: blue;
}

td.highlight2 {
	font-weight: bold;
	color: brown;
}

td.highlight3 {
	font-weight: bold;
	color: black;
}

td.highlight4 {
	font-weight: bold;
	color: yellow;
}

td.highlight5 {
	font-weight: bold;
	color: indigo;
}

td.highlight6 {
	font-weight: bold;
	color: violet;
}

td.highlight7 {
	font-weight: bold;
	color: pink;
}

td.highlight8 {
	font-weight: bold;
	color: green;
}

td.highlight9 {
	font-weight: bold;
	color: red;
}

td.highlight10 {
	font-weight: bold;
	color: orange;
}

.notification {
	background-color: #555;
	color: white;
	text-decoration: none;
	padding: 15px 26px;
	position: relative;
	display: inline-block;
	border-radius: 2px;
}

.notification .badge {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	border-radius: 50%;
	background-color: red;
	color: white;
}

.search {
	width: 100%;
	border: 1px solid #d8d8d8;
}

.newTag {
	color: #FF0000;
}

.uploadFile {
	padding: 2rem;
}

.weightedLabel {
	font-weight: 500;
}

.mandatory:after {
	content: " *";
	color: red;
}

.displayBlock {
	display: block !important;
}

.margin10 {
	margin: 10px;
}

.margin2 {
	margin: 2px;
}

.marginRight500 {
	margin-right: 500px;
}

.a_noStyle:hover {
	color: #fff;
}

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

.width23 {
	width: 23%;
}

.scrollFilter {
	overflow-y: scroll;
}

.fixedLayout {
	max-height: 88vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.searchBar {
	width: 30%
}

input.customDatePicker:read-only {
	background-color: white;
}

.table-tableColor thead th {
	background-color: #2D83C6;
}

.table-tableColor tfoot th {
	background-color: #2D83C6;
}

.row1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-right: -15px;
	margin-left: -15px;
}

.marginTop3 {
	margin-top: 4.1rem;
}

.fcard-header span {
	margin-top: -20px;
	font-size: 15px;
}

.fcard-header i {
	margin-right: 2rem;
	margin-top: 5px;
}

.floatRight {
	float: right;
}

.card-1 {
	border: 2px solid #32557f;
	box-shadow: 0 0.3rem 0.3rem #00000080;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-1:hover {
	/* box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 15px rgba(0,0,0,0.22); */
	
}

.stats {
	flex: 14%;
	max-width: 20%;
}

.clickable {
	cursor: pointer;
}

/* Button Styles */
.btn-style1 {
	display: inline-block;
	outline: 0;
	border: none;
	box-shadow: none;
	cursor: pointer;
	padding: 9px 22px;
	font-size: 22px;
	height: 50px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: normal;
	background: linear-gradient(90deg, #0080c0 0, #00446d 100%);
	border-radius: 5px;
	transition: color .2s ease, background-color .2s ease, box-shadow .2s
		ease;
}

.btn-style1:hover {
	box-shadow: 0 0 0 0.25rem #5ceace;
	color: #fff;
	font-weight: 400;
}

.glow-on-hover {
	width: 250px;
	height: 50px;
	border: none;
	outline: none;
	color: #fff;
	background: linear-gradient(90deg, #0080c0 0, #00446d 100%);
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 50px;
	padding-top: 12px;
}

.glow-on-hover:before {
	content: '';
	color: #fff;
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5,
		#002bff, #7a00ff, #ff00c8, #ff0000);
	position: absolute;
	top: -2px;
	left: -2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	border-radius: 50px;
}

.glow-on-hover:active {
	color: #fff;
	background: linear-gradient(90deg, #0080c0 0, #00446d 100%);
}

.glow-on-hover:active:after {
	color: #fff;
	background: linear-gradient(90deg, #0080c0 0, #00446d 100%);
}

.glow-on-hover:hover:before {
	opacity: 1;
}

.glow-on-hover:after {
	z-index: -1;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	background: linear-gradient(90deg, #0080c0 0, #00446d 100%);
	left: 0;
	top: 0;
	border-radius: 50px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


.btn-style2 {
	width: 180px;
	height: 60px;
	cursor: pointer;
	background: transparent;
	border: 1px solid #91C9FF;
	outline: none;
	transition: 1s ease-in-out;
}

.btn-style2:hover {
	transition: 1s ease-in-out;
	background: #4F95DA;
}

.btn-style2:hover svg {
	stroke-dashoffset: -480;
}

.btn-style2 span {
	color: white;
	font-size: 18px;
	font-weight: 100;
}

/* Tool-tip */
.tooltip_wrapper {
	z-index: 100;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.tooltip_wrapper .tooltip {
	background: Black;
	bottom: 100%;
	color: #fff;
	display: block;
	left: -49px;
	margin-bottom: 15px;
	opacity: 0;
	/* padding: 30px 15px; */
	pointer-events: none;
	position: absolute;
	/* width: 100%; */
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.tooltip_wrapper .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	/* width: 100%; */
}

/* ScrollBar */
.scrollbar {
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

#style-7::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-7::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122
		, 153, 217)), color-stop(0.72, rgb(73, 125, 189)),
		color-stop(0.86, rgb(28, 58, 148)));
}

/* CSS Triangles - see Trevor's post */
.tooltip_wrapper .tooltip:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	/* border-top: solid rgba(35, 79, 163, 1) 10px; */
	/* border-top: solid rgba(217, 214, 206, 1) 10px; */
	border-top: solid rgba(35, 60, 92, 1) 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}

.tooltip_wrapper:hover .tooltip {
	/* background: rgba(35, 79, 163, 1); */
	background: rgba(35, 60, 92, 1);
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .tooltip_wrapper .tooltip {
	display: none;
}

.lte8 .tooltip_wrapper:hover .tooltip {
	display: block;
}

.nopadding {
	padding: 0px;
}

.marginLeft {
	margin-left: 15%;
}

.info {
	float: right;
	padding: 0px 6px;
}

.chart__container {
	border-radius: 8px;
	padding: 30px;
	background-color: #273241;
	width: 700px;
	display: inline-block;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
}

.tool {
	overflow: visble;
}

.tooltip-a {
	padding: 10px 15px;
	width: 336px;
	left: -292px !important;
}

.tooltip-b {
	padding: 10px 15px;
	width: 800px;
	left: -768px !important;
}

.tooltip-c {
	padding: 10px 15px;
	width: 518px;
	left: -486px !important;
}

.tooltip-d {
	padding: 10px 15px;
	width: 297px;
	left: -251px !important;
}

.tooltip-e {
	padding: 10px 15px;
	width: 668px;
	left: -635px !important;
}

.tooltip_wrapper:hover .tooltip-e {
	visibility: visible;
}

.tooltip-f {
	padding: 10px 15px;
	width: 297px;
	left: -273px !important;
}

.tooltip-g {
	padding: 10px 15px;
	width: 297px;
	left: -274px !important;
}

.tooltip-h {
	padding: 10px 15px;
	width: 297px;
	left: -272px !important;
}

.tooltip-i {
	padding: 10px 15px;
	width: 457px;
	left: -425px !important;
}

.tooltip-j {
	padding: 10px 15px;
	width: 703px;
	left: -671px !important;
}

.tooltip-k {
	padding: 10px 15px;
	width: 297px;
	left: -265px !important;
}

.tooltip-l {
	padding: 10px 15px;
	width: 297px;
	left: -265px !important;
}

.tooltip-m {
	padding: 10px 15px;
	width: 535px;
	left: -502px !important;
}

.tool_pad {
	padding: 0px 6px;
}

.too {
	padding: 4px 0px;
	font-weight: bold;
}

.noOverflowY {
	overflow-y: hidden;
}

.minHeight100 {
	min-height: 100vh;
}

.scrollBar1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	/* border-radius: 5px; */
}

.scrollBar1::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.scrollBar1::-webkit-scrollbar-thumb {
	/* border-radius: 10px; */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122
		, 153, 217)), color-stop(0.72, rgb(73, 125, 189)),
		color-stop(0.86, rgb(28, 58, 148)));
}

/* Scroll to top button */
#scrollToTopBtn {
	display: inline-block;
	background-color: #FF9800;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

#scrollToTopBtn::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}

#scrollToTopBtn:hover {
	cursor: pointer;
	background-color: #ef940d;
}

#scrollToTopBtn.show {
	opacity: 1;
	visibility: visible;
}

/* Go back button */
#goBackBtn {
	display: inline-block;
	background-color: #FF9800;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	top: 50px;
	left: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}

#goBackBtn::after {
	content: "\f053";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}

#goBackBtn:hover {
	cursor: pointer;
	background-color: #ef940d;
}

.transY3:hover {
	transform: translateY(-3px);
}

.divStyle1 {
	max-height: 100vh;
	overflow-y: hidden;
}

.divStyle2 {
	max-height: 62vh;
	overflow-y: auto;
}

.reset {
	margin-left: 1.2rem;
}

.font28 {
	font-size: 28px;
	padding: 8px 0px;
}

.font30 {
	font-size: 25px;
}

/* Active Application Total Stats */
.bgstat {
	/* background-color:rgba(131, 241, 20, 0.1); */
	background-color: rgba(213, 233, 254, 1);
}

.bgstat2 {
	background-color: rgba(239, 247, 255, 1);
}

.bgstat3 {
	background-color: rgba(176, 213, 252, 1);
}

.mod-width {
	position: absolute !important;
	width: 190% !important;
}

.cross-white {
	color: #fff;
}

.mod-bg {
	background-color: #32557f;
	color: #fff;
}

.bold {
	font-weight: bold;
}

.trbg {
	background-color: #4a6e9ab3;
}

.mb {
	margin-top: -17px !important;
	margin-bottom: -23px !important;
}

@media screen and (min-device-width: 199px) and (max-device-width:
	479px) {
	.mob_screen {
		width: 100% !important;
		height: 100% !important;
		display: block;
	}
	canvas {
		width: 50% !important;
		height: 50% !important;
		display: block !important;
	}
	.mob-size {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
	}
	.stats {
		max-width: 100% !important;
		margin: 3px 17px;
	}
	.bgstat {
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat2 {
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat3 {
		background-color: rgba(255, 255, 255, 1);
	}
	.tooltip-b {
		padding: 4px -8px !important;
		width: 451px !important;
		height: 294px !important;
		left: -320px !important;
	}
	.tooltip-e {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 213px !important;
		left: -286px !important;
	}
	.tooltip-c {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 185px !important;
		left: -339px !important;
	}
	.tooltip-i {
		padding: 10px 15px;
		width: 297px;
		left: -265px !important;
	}
	.tooltip-j {
		padding: 10px 15px;
		width: 342px;
		height: width*2.25;
		left: -296px !important;
	}
	.mob_space {
		padding: 0px 0px !important;
		margin: -17px 0px !important;
	}
	[class*="col-"] {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.mob_screen {
		/* width:100% !important;
  height:100% !important; */
		display: block;
	}
	canvas {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
	}
	.mob-size {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
	}
	.stats {
		max-width: 100% !important;
		margin: 3px 17px;
	}
	.bgstat {
		/* background-color:rgba(131, 241, 20, 0.1); */
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat2 {
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat3 {
		background-color: rgba(255, 255, 255, 1);
	}
	.tooltip-b {
		padding: 4px -8px !important;
		width: 451px !important;
		height: 294px !important;
		left: -320px !important;
	}
	.tooltip-e {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 185px !important;
		left: -339px !important;
	}
	.tooltip-c {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 185px !important;
		left: -339px !important;
	}
	.tooltip-j {
		padding: 10px 15px;
		width: 342px;
		height: width*2.25;
		left: -296px !important;
	}
	.mob_space {
		padding: 0px 0px !important;
		margin: -17px 0px !important;
	}
	[class*="col-"] {
		width: 100%;
	}
}

@media screen and (min-device-width: 481px) and (max-device-width:
	768px) {
	.mob_screen {
		/* width:100% !important;
  height:100% !important; */
		display: block;
	}
	canvas {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
	}
	.mob-size {
		width: 100% !important;
		height: 100% !important;
		display: inline !important;
	}
	.stats {
		max-width: 100% !important;
		margin: 3px 17px;
	}
	.bgstat {
		/* background-color:rgba(131, 241, 20, 0.1); */
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat2 {
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat3 {
		background-color: rgba(255, 255, 255, 1);
	}
	.tooltip-b {
		padding: 4px -8px !important;
		width: 451px !important;
		height: 294px !important;
		left: -320px !important;
	}
	.tooltip-e {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 213px !important;
		left: -339px !important;
	}
	.tooltip-c {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 185px !important;
		left: -339px !important;
	}
	.tooltip-j {
		padding: 10px 15px;
		width: 342px;
		height: width*2.25;
		left: -296px !important;
	}
	.tooltip-i {
		padding: 10px 15px;
		width: 297px;
		left: -265px !important;
	}
	.mob_space {
		padding: 0px 0px !important;
		margin: -17px 0px !important;
	}
	[class*="col-"] {
		width: 100%;
	}
}

.ul1 {
	list-style-type: none;
}

.max-width70 {
	max-width: 70% !important;
}

.height150 {
	height: 150px !important;
}

.divStyle1vol {
	height: 16.3rem !important;
	width: -webkit-fill-available;
	overflow-y: scroll;
}

.text-area1 {
	background-color: #f2f2f2 !important;
}

.headingBox {
	border-bottom: inset;
	font: large;
}

.overflowXVisible {
	overflow-x: visible !important;
}

@media screen and (min-device-width: 769px) and (max-device-width:
	1199px) {
	.mob_screen {
		/* width:100% !important;
  height:100% !important; */
		display: block;
	}
	canvas {
		width: 100% !important;
		height: 100% !important;
		display: block !important;
	}
	.mob-size {
		width: 100% !important;
		height: 100% !important;
		display: inline !important;
	}
	.stats {
		max-width: 100% !important;
		margin: 3px 17px;
	}
	.bgstat {
		/* background-color:rgba(131, 241, 20, 0.1); */
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat2 {
		background-color: rgba(255, 255, 255, 1);
	}
	.bgstat3 {
		background-color: rgba(255, 255, 255, 1);
	}
	.tooltip-b {
		padding: 4px -8px !important;
		width: 451px !important;
		height: 294px !important;
		left: -320px !important;
	}
	.tooltip-e {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 185px !important;
		left: -339px !important;
	}
	.tooltip-c {
		padding: 4px -8px !important;
		width: 405px !important;
		height: 185px !important;
		left: -339px !important;
	}
	.tooltip-i {
		padding: 10px 15px;
		width: 297px;
		left: -265px !important;
	}
	.mob_space {
		padding: 0px 0px !important;
		margin: -17px 0px !important;
	}
	[class*="col-"] {
		width: 100%;
	}
}

.hcert {
	height: 490px;
}

.hcert1 {
	height: 420px;
}

.left-align {
	text-align: left;
}

.right-align {
	text-align: right;
}

.width16 {
	width: 16% !important;
}

.width14 {
	width: 14% !important;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.width49 {
	width: 49%;
}

.widthfit {
	width: fit-content;
}

.btn-small {
	font-size: .75rem !important;
	line-height: 1 !important;
}

.ul1 {
	list-style-type: none;
}

.max-width70 {
	max-width: 70% !important;
}

.height150 {
	height: 150px !important;
}

.divStyle1vol {
	height: 16.3rem !important;
	width: -webkit-fill-available;
	overflow-y: scroll;
}

.text-area1 {
	background-color: #f2f2f2 !important;
}

.headingBox {
	border-bottom: inset;
	font: large;
}

.overflowXVisible {
	overflow-x: visible !important;
}

.margin2 {
	margin: 2rem !important;
}

.mgTop2 {
	margin-top: 2rem;
}

.h100 {
	height: 100% !important;
}
/* vasu-flag */
.flag-button {
	position: relative;
	display: inline-block;
	padding: 10px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.flag-icon {
	font-size: 20px;
}

.flag-text {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(255, 0, 0, 0.7);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0s linear 0.3s;
}

.flag-button:hover .flag-text {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.flag-button-transparent {
	background: none;
	border: none;
	padding: 0;
	position: relative;
	left: 10px; /* Adjust the value to shift the button */
}

.flagged-row {
	background-color: red;
}

.flagged-new {
	color: red;
}

/*vasu*/
#emi_emc_class_select {
  width: 1px; 
  position: relative;
  bottom: 38px; 
  right: 90px;

}