/**
 *
 * Apply Here your Custom CSS
 *
*/

body {
	
}

.colorsquare {
  border-radius: 5px;
  float: left;
  padding: 5px; 
  margin: 5px;  
  color: white;
}

.closedate {
  background: #09870b;
}

.maturitydate {
  background: #c69d00;
}

.waiverdate {
  background: #0b12e2;
}

.bfdate {
  background: #38a097;
}

.expirydate {
  background: #8400bc;
}

.closedateNotCompliant {
  background: #d80813;
}

.closedateApproved {
  background: #ff6e00;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}