/*Map*/
.map {
  display: block;
  height: 100%;
  width: 100%;
  flex: 1;
  overflow: hidden;
}
.marker
{
  padding: 4px 8px;
  background-color: #21275B;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  font-family: 'Inter', sans-serif;
}
.marker.p {
  color: #FFFFFF;
}
.marker.np {
  color: #F2685D;
}
.marker.c {
  color: #EFC04E;
}
.marker.p_c {
  color: #EFC04E;
}
.marker.mcs {
  color: #EFC04E;
}
.marker.mc {
  color: #EFC04E;
}
.status {
  padding-left: 24px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left top 8px;
}
.inline-status {
  padding-left: 24px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left top 4px;
}
.status-allowed, .status-p {
  color: #00A992;
  background-image: url(../img/status/p.png);
}
.status-notallowed, .status-np {
  color: #F1574B;
  background-image: url(../img/status/np.png);
}
.status-error, .status-c, .status-p_c, .status-mc, .status-mcs {
  background-image: url(../img/status/c.png);
}
.legend-status {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}
.legend-allowed, .legend-p {
  background-color: #319C76;
}
.legend-error, .legend-c {
  background-color: #E37F14;
}
.legend-notallowed, .legend-np {
  background-color: #DCDCDC;
}
.legend-mc {
  background-color: #F2B548;
}
.legend-mcs {
  background-color: #F5E045;
}
.legend-p_c {
  background-color: #88BD11;
}
.legend { 
  padding: 0px 8px;
  font-size: 14px;
  line-height: 16px;
  width: 212px;
  margin: 0px 24px 12px 0px!important;
  font-family: 'Inter', sans-serif;
}
.legend > .flex-box {
  padding: 8px 0px;
}
.legend-descr {
  width: 180px;
}