body 
{
	padding:0;
	margin:0;
	font-family: "Poppins", serif;
	overflow:hidden;
}

#chartdiv 
{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    padding: 20px;
	background-image: url(ttl.png);
}

#chartdiv:after 
{
    content: '';
    bottom: 20px;
    left: 20px;
    height: 20px;
    width: 70px;
    position: absolute;
    background-color: #efe5d9;
}

.maptablewrap 
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: calc(100vh - 72px);
    padding: 0;
    box-sizing: border-box;
    background-color: #ffffff;
    grid-column-gap: 45px;
}

.topNavWrap h3 
{
    width: 40%;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
	margin-bottom: 0;
}

table 
{
	width:100%;
	background-color: #fff;
	border-collapse: collapse;
	border:	1px solid #f4f4f4 !important;
}

tr, td, th, tbody 
{
	border: unset;
}

th 
{
	background-color: #FFC233;
}

th, td
{
	padding: 10px;
	text-align: center;
}

.topNavWrap 
{
	display: flex;
	justify-content: space-between;
	padding: 14.79px 62px;
	background-color: #fff;
	align-items: center;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);
	position: relative;
/*	z-index: 99;*/
}	

.action-btn-wrap 
{
	display: flex;
	grid-column-gap: 12px;
}

.action-btn-wrap a
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    transition: .5s all ease;	
}

.action-btn-wrap .filled-btn 
{
	color: #000;
	background-color: #ffc233;
	border: 1px solid #ffc233;	
}	

.action-btn-wrap .outline-btn 
{
    color: #3C3C3C;
    background-color: unset;
    border: 1px solid #000;	
}

.action-btn-wrap .filled-btn:hover 
{
	color: #000;
	background-color:unset;
	border: 1px solid #ffc233;
	transition: .5s all ease;	
}	

.action-btn-wrap .outline-btn:hover 
{
    color: #000;
    background-color: #ffc233;
    border: 1px solid #ffc233;
    transition: .5s all ease;
}	

.table-content 
{
    padding: 20px 0;
    width: 100%;
    overflow-y: scroll;
    padding-right: 22px;
    height: calc(100vh - 136px);
}

::-webkit-scrollbar 
{
	width: 0px;
}

::-webkit-scrollbar-track 
{
	background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb 
{
	background:#FFC233; 
}

.table-content .tableMargin
{
	display:none;
	width: 100%;
}

.table-content.tNone .tableDefault
{
	display:table;
}

.table-content.IN-UP .tableMargin.UP, 
.table-content.IN-AN .tableMargin.AN,
.table-content.IN-AP .tableMargin.AP,
.table-content.IN-AR .tableMargin.AR,
.table-content.IN-AS .tableMargin.AS,
.table-content.IN-BR .tableMargin.BR,
.table-content.IN-CH .tableMargin.CH,
.table-content.IN-CT .tableMargin.CT,
.table-content.IN-DD .tableMargin.DD,
.table-content.IN-DL .tableMargin.DL,
.table-content.IN-GA .tableMargin.GA,
.table-content.IN-GJ .tableMargin.GJ,
.table-content.IN-HP .tableMargin.HP,
.table-content.IN-HR .tableMargin.HR,
.table-content.IN-JH .tableMargin.JH,
.table-content.IN-JK .tableMargin.JK,
.table-content.IN-KA .tableMargin.KA,
.table-content.IN-KL .tableMargin.KL,
.table-content.IN-LD .tableMargin.LD,
.table-content.IN-MH .tableMargin.MH,
.table-content.IN-ML .tableMargin.ML,
.table-content.IN-MN .tableMargin.MN,
.table-content.IN-MP .tableMargin.MP,
.table-content.IN-MZ .tableMargin.MZ,
.table-content.IN-NL .tableMargin.NL,
.table-content.IN-OR .tableMargin.OR,
.table-content.IN-PB .tableMargin.PB,
.table-content.IN-RJ .tableMargin.RJ,
.table-content.IN-SK .tableMargin.SK,
.table-content.IN-TG .tableMargin.TG,
.table-content.IN-TN .tableMargin.TN,
.table-content.IN-TR .tableMargin.TR,
.table-content.IN-UP .tableMargin.UP,
.table-content.IN-UT .tableMargin.UT,
.table-content.IN-WB .tableMargin.WB,
.table-content.IN-LK .tableMargin.LK
{
	display:table;
}	

.tablecover table tr
{
	height:56px;
}

.tabheader svg 
{
    display: none;
}

.tabheader 
{
    width: 100%;
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 8px;
}

.tablecover table tr
{
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}

.certificate-wrap img 
{
    width: 100%;
    display: flex;
    margin: 0 auto;
}

.certificate-wrap span {
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
}

.modal-backdrop.show 
{
    opacity: 1;
    backdrop-filter: blur(10px);
    background: #ffffff39 0 0 no-repeat padding-box;
}

th {
    font-weight: 600;
    font-size: 16px;
}

td {
    font-size: 16px;
    font-weight: 400;
}

.modal-title {
    font-size: 16px;
    font-weight: 500;
}

#content-modal .certificate-wrap img {
    width: 60%;
    margin-bottom: 15px;
}

.stateunion-wrap {
    position: relative;
}

.stateunion 
{
	color: #fff;
    position: absolute;
    top: 35px;
    right: 35px;
    font-size: 16px;
    font-weight: 400;
    background-color: #C173AF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
	padding: 25px 17px;
	box-shadow: 0 0 6px 0 #ccc;
}

.tablecover table tr:nth-child(odd)
{
	background-color: #F5F5F5;
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}

.table-content.tNone .LK {
    display: block;
}	

@media only screen and (min-width: 767px) and (max-width: 1199px) 
{

	.table-content 
	{
		padding: 0px 0;
	}
	
	.maptablewrap 
	{
		grid-template-columns: repeat(1, 1fr);	
	}
	
	.topNavWrap h3 
	{
		width: 44%;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
	}
	
	.action-btn-wrap a
	{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 20px;
		border-radius: 50px;
		font-size: 16px;
		line-height: 20px;
		font-weight: 500;
		transition: .5s all ease;	
	}	

	.table-content
	{
		position: absolute;
		top: 0;
		z-index: 999;
		height: calc(100vh - 72px);
		background-color: #fff;
		left: 0;
		width: 100%;
		transform: translateX(-100%);
		transition: .5s all ease;
		visibility:hidden !important;
	}

	#chartdiv 
	{
		width: 100%;
		height: calc(100vh - 72px);
		overflow:hidden !important;
	}	
	
	.table-content.IN-UP, 
	.table-content.IN-AN,
	.table-content.IN-AP,
	.table-content.IN-AR,
	.table-content.IN-AS,
	.table-content.IN-BR,
	.table-content.IN-CH,
	.table-content.IN-CT,
	.table-content.IN-DD,
	.table-content.IN-DL,
	.table-content.IN-GA,
	.table-content.IN-GJ,
	.table-content.IN-HP,
	.table-content.IN-HR,
	.table-content.IN-JH,
	.table-content.IN-JK,
	.table-content.IN-KA,
	.table-content.IN-KL,
	.table-content.IN-LD,
	.table-content.IN-MH,
	.table-content.IN-ML,
	.table-content.IN-MN,
	.table-content.IN-MP,
	.table-content.IN-MZ,
	.table-content.IN-NL,
	.table-content.IN-OR,
	.table-content.IN-PB,
	.table-content.IN-RJ,
	.table-content.IN-SK,
	.table-content.IN-TG,
	.table-content.IN-TN,
	.table-content.IN-TR,
	.table-content.IN-UP,
	.table-content.IN-UT,
	.table-content.IN-WB,
	.table-content.IN-LK
	{
		overflow-y:scroll;
		transition: .5s all ease;
		height: 100vh;
		transform: translateX(0%);
		visibility:visible !important;
		
	}

	.tabheader 
	{
        width: 100%;
		margin-bottom: 27px;
        padding: 22.5px 23px;
        display: inline-flex;
        align-items: center;
        grid-column-gap: 10.25px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.09);
	}

	.tabheader span 
	{
		font-size: 18px;
		font-weight: 600;
		color: #333333;
	}

	table
	{
		width:100%;
		padding:0 23px;
	}
	
	.table-content.IN-UP .tableMargin.UP, 
	.table-content.IN-AN .tableMargin.AN,
	.table-content.IN-AP .tableMargin.AP,
	.table-content.IN-AR .tableMargin.AR,
	.table-content.IN-AS .tableMargin.AS,
	.table-content.IN-BR .tableMargin.BR,
	.table-content.IN-CH .tableMargin.CH,
	.table-content.IN-CT .tableMargin.CT,
	.table-content.IN-DD .tableMargin.DD,
	.table-content.IN-DL .tableMargin.DL,
	.table-content.IN-GA .tableMargin.GA,
	.table-content.IN-GJ .tableMargin.GJ,
	.table-content.IN-HP .tableMargin.HP,
	.table-content.IN-HR .tableMargin.HR,
	.table-content.IN-JH .tableMargin.JH,
	.table-content.IN-JK .tableMargin.JK,
	.table-content.IN-KA .tableMargin.KA,
	.table-content.IN-KL .tableMargin.KL,
	.table-content.IN-LD .tableMargin.LD,
	.table-content.IN-MH .tableMargin.MH,
	.table-content.IN-ML .tableMargin.ML,
	.table-content.IN-MN .tableMargin.MN,
	.table-content.IN-MP .tableMargin.MP,
	.table-content.IN-MZ .tableMargin.MZ,
	.table-content.IN-NL .tableMargin.NL,
	.table-content.IN-OR .tableMargin.OR,
	.table-content.IN-PB .tableMargin.PB,
	.table-content.IN-RJ .tableMargin.RJ,
	.table-content.IN-SK .tableMargin.SK,
	.table-content.IN-TG .tableMargin.TG,
	.table-content.IN-TN .tableMargin.TN,
	.table-content.IN-TR .tableMargin.TR,
	.table-content.IN-UP .tableMargin.UP,
	.table-content.IN-UT .tableMargin.UT,
	.table-content.IN-WB .tableMargin.WB,
	.table-content.IN-LK .tableMargin.LK
	{
		width:100%;
	}	
	
	.tablecover
	{
		padding:0 23px;
	}
	
	.modal.show .modal-dialog 
	{
		transform: none;
		width: 100% !important;
		max-width: 60% !important;
	}
	
	.certificate-wrap img 
	{
		width: 70%;	
	}
	
	.tabheader svg 
	{
		display:inline-block;
	}

	.tabheader span
	{
		position: relative;
		top: 1px;
	}	
	
/* 	.tablecover table tr:nth-child(odd)
	{
		background-color: #F5F5F5;
		border-top:1px solid #DEDEDE;
		border-bottom:1px solid #DEDEDE;
	} */	

	
}