#map {
	height: unset;
}

.map-wrapper {
	display: flex;
	align-items: center;
}

.map-content {
	padding: 5px;
}

#map {
  display: none;
}

#map .state,
#map .stateoff {
  cursor: pointer;
}

#map .stateoff {
  pointer-events: none;
}

#map .state .shape,
#map .stateoff{
  cursor: pointer;
  -width: 0;
}

#map .state .label_icon_state,
#map .stateoff .label_icon_state{
  fill: #fff;
  font-family: Arial;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}

#map .state .label_state,
#map .stateoff .label_state{
  display: none;
  font-family: Arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}

#map .state:hover .label_state,
#map .state.hover .label_state,
#map .stateoff:hover .label_state,
#map .stateoff.hover .label_state{
  display: block;
}

#map .model-green .state .shape{
  fill: #2B86CC;
}
    
 #map .model-green .stateoff .shape {
  fill: #999999;
  pointer-events: none;
}

#map .model-green .stateoff .icon_state{
  fill: #666666;
}

#map .model-green .state .icon_state{   
  fill: #1c9eda;
}

#map .model-green .state .label_icon_state,
    #map .model-green .stateoff .label_icon_state{
  fill: #fff;
}

#map .model-green .state .label_state,
    #map .model-green .stateoff .label_state{
  fill: #666;
}

#map .model-green .state:hover .shape,
#map .model-green .state.hover .shape   {
  fill: #2F74A9;
}

#map .model-green .state:hover .icon_state,
    #map .model-green .state.hover .icon_state{
  fill: #5A95CE
}

#map .model-orange .state .shape,
    #map .model-orange .stateoff .shape{
  fill: #fd7132;
}

#map .model-orange .state .icon_state,
    #map .model-orange .stateoff .icon_state
    {
  fill: #6cb361;
}

#map .model-orange .state .label_icon_state,
    #map .model-orange .stateoff .label_icon_state{
  fill: #fff;
}

#map .model-orange .state .label_state,
    #map .model-orange .stateoff .label_state{
  fill: #666;
}

#map .model-orange .state:hover .shape,
#map .model-orange .state.hover .shape {
  fill: #c93f04;
}

#map .model-orange .state:hover .icon_state,
#map .model-orange .state.hover .icon_state {
  fill: #10592f;
}

#map .model-darkgreen .state .shape {
  fill: #366823;
}

#map .model-darkgreen .state .icon_state {
  fill: #2779c6;
}

#map .model-darkgreen .state .label_icon_state {
  fill: #fff;
}

#map .model-darkgreen .state .label_state {
  fill: #333333;
}

#map .model-darkgreen .state:hover .shape,
#map .model-darkgreen .state.hover .shape {
  fill: #4a8c31;
}

#map .model-darkgreen .state:hover .icon_state,
#map .model-darkgreen .state.hover .icon_state {
  fill: #5a95ce;
}

#map a {
    text-decoration: none;
}

.map-desc {
  color: #444;
  font-weight: 450;
}

.map-info {
  max-width: 130px;
  margin-top: -80px;
}

@media (min-width: 999px) {
  #map {
    height: 585px;
    margin-top: 30px;
  }

  .map-col #map {
    height: 300px;
  }
}