/* ------------------------------------------ INTERACTIVE SVG FEATURE ------------------------------------------ */
  /*#drawing1 {width:100%; height:auto; }*/
#asia, #nam, #latam, #mideast, #europe, #africa {
  cursor: pointer;
}

.flippo {
  transform: rotate(-180deg);
}

.item .hover-fade:hover,
.item .hover-fade:focus {
	opacity: .5;
  filter: saturate(3);
  filter: brightness(2);
}

/* .background-cyan-ish {
  background-color:#00C4F1;
} */

/* MUURI - sortable grid layout */
.filter-controls {
  text-align: center;
}

.filter-controls .control {
  display: inline-block;
}

.grid {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.item {
  position: absolute;
  width:  23%;
  height: 300px;
  margin: 1%;
  z-index: 1;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
	border:2px solid rgba(0, 45, 114, 0.2);
	border-radius: 8px;
}

.item h5 {font-size:.8rem !important; line-height:1rem !important}

.item-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}

.custom-content {
  padding:15px 15px 0 15px;
}
.country-status h5 {
  border-radius:4px;
  padding:2px;
}

.key div {
  border-radius:4px;
  padding:2px;
  margin-bottom:3px;
}
.key {text-align:center;
	margin: 1%;
}

.country-status {
  padding:5px 15px;
}
.country-status h5 {
  margin:2px;
}

.cddoavailable {
  color: #388a42;
  background-color: #d7e8d9;
  font-weight:bold;
}
.esignatureavailable,
.nocountryaddendum {
  color: #8e319c;
  background-color: #e8d6eb;
  font-weight:bold;
}
.esubmitavailable {
  color: #194044;
  background-color: #d1d9da;
  font-weight:bold;
}
.availablewithconstraints {
  color: #916024;
  background-color: #fef1d4;
  font-weight:bold;
}

.cddoavailable.notavailable,
.esignatureavailable.notavailable,
.notavailable {
  color: #a4acaf;
  font-weight:bold;
}

@supports(background-color: rgba(from currentColor r g b / 0.2)) {
  .cddoavailable,
  .esignatureavailable,
  .esubmitavailable,
  .availablewithconstraints,
  .nocountryaddendum,
  .notavailable {
    background-color: rgba(from currentColor r g b / 0.2);
  }
}

.item.muuri-item-dragging {
  z-index: 3;
  transition: none;
}

.item.muuri-item-releasing {
  z-index: 2;
}

/* md */
@media (max-width: 1199px) {
  .item {
    width: 31.33%;
    height: 275px;
  }
}

/* sm */
@media (max-width: 991px) {
  .item {
    width: 48%;
    height: 250px;
  }
}

/* xs */
@media (max-width: 767px) {
 
  .item {
    width: 98%;
    height: 200px;
	}
	
  .custom-content {
    overflow: hidden;
  }
}

/* xxs */
@media (max-width: 575px) {
  .item {
    width: 98%;
    height: 200px;
  }

  .filter-controls .control {
    display: inline-block;
    width: 100%;
    margin: 0 2% 10px 2%;
  }
}