.mapwrapper{
	max-width:1920px;
	margin:0 auto;
	padding:0px 0;
	background-color:#ffffff;
	/*background-color:transparent;*/
	min-width:220px; }
.map{
	vertical-align: top;
}
	
svg{
  max-height:100%; }

@media screen and (max-width: 240px) {
	.map_base:not(.no-table){
		height:150px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 150px;
	}
}
@media screen and (max-width: 320px) and (min-width: 241px) {
	.map_base:not(.no-table){
		height:204px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 204px;
	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	.map_base:not(.no-table){
		height:266px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 266px;
	}
}

@media screen and (max-width: 480px)  {
	.state-map-table-holder{
		float:unset;
		display:initial;
	}
	table.state-map{
		width:unset;
	}
}
@media screen and (min-width: 481px)  {
	.state-map-table-holder{
		float:right; 
		max-width:25%;
	}
	table.state-map{
		width:100%;
	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	.map_base{
		height:310px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 310px;
	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	.map_base{
		height:370px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 370px;
	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	.map_base{
		height:456px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 456px;
	}
}
@media screen and (max-width: 768px) and (min-width: 686px) {
	.map_base{
		height:502px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 502px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	.map_base{
		height:448px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 448px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	.map_base{
		height:561px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{	
		max-height: 561px;
		max-width: 31% !important;
		float: right !important;
	}
	.unselectable.state-map-diagram{
		width: 69% !important;
	}
	.thead-state-map{
		display: block;
	}
	.tbody-state-map{
		overflow-y:scroll; 
		display:block; 
	}
	
}
@media screen and (max-width: 1600px) and (min-width: 1281px) {
	.map_base{
		height:561px;
		width:98%;
		margin:0px;	}
	.state-map-table-holder{
		max-height: 561px;
		max-width: 25% !important;
		float: right !important;
	}
	.thead-state-map{
		display: block;
	}
	.tbody-state-map{
		overflow-y:scroll; 
		display:block; 
	}
}
@media screen and (min-width: 1601px) {
	.map_base{
		height:561px;
		width:98%;
		float:left;
	}
	.state-map-table-holder{
		max-height: 561px;
		max-width: 25% !important;
		float: right !important;
	}
	.thead-state-map{
		display: block;
	}
	
	.tbody-state-map{
		overflow-y:scroll; 
		display:block; 
	}
	.unselectable.state-map-diagram{
		width: 75%;
	}
}
.state-map-table-holder{
	overflow-y: scroll;
	max-width: 100%;
	float: left;
	width: 100%;
}
.unselectable.state-map-diagram.no-table{
	width: 100%;
	-moz-user-select:none;
	-webkit-user-select:none;
}

.unselectable.state-map-diagram{
	width: 70%;
	-moz-user-select:none;
	-webkit-user-select:none;
}

.tbody-state-map{
	overflow-y:scroll; 
}
.tip{
	display:none;
	padding:5px;
	border: 1px solid #404040;
	color: #404040;
	z-index: 1000;
	float: left;
	position: absolute;
	background: rgb(265, 265, 265);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
	word-break:keep-all;
	white-space:nowrap;
}
table.state-map {
  font-family: arial, sans-serif;
  border-collapse: collapse;
}

table.state-map td{
  border: 1px solid #dddddd !important;
  text-align: left;
  padding: 7px;
}

table.state-map th {
	border: 1px solid #dddddd !important;
	background-color: #3155a4;
	color:white;
	padding: 7px;
  }


.state-contracts-dropdown {
	z-index: 5;
}


.state-contracts-dropdown::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: white;
	border-bottom: 0;
	margin-left: -15px;
	margin-bottom: -15px;
}

table.state-map tbody::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #f6f6f6;
}
 
/* Handle */
table.state-map tbody::-webkit-scrollbar-thumb {
    -webkit-border-radius: 7px;
    border-radius: 7px;
	background: #3155a4;
}

table.state-map tbody::-webkit-scrollbar-thumb:window-inactive {
	background: #3155a4;
}

div.state-map-table-holder::-webkit-scrollbar-thumb {
    -webkit-border-radius: 17px;
    border-radius: 17px;
	background: #3155a4;
	border: 3px solid #d0d0d0;
}
div.state-map-table-holder::-webkit-scrollbar {
  width: 16px;
}

div.state-map-table-holder::-webkit-scrollbar-track {
	background: #d0d0d0;
}

div.state-map-table-holder::-webkit-scrollbar-thumb:window-inactive {
	background: #3155a4;
}