.locateExpired {
  background-color: pink; 
  color: red;
}

.fiber1 {
  
  border-style: ridge; 
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  background-color: #0827F5; 
  color: #0827F5;
}
.fiber2 {
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;    
  border-style: ridge;
  background-color: #FFA400; 
  color: #FFA400;
}

.fiber3 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;
  background-color: #30B700; 
  color: #30B700;
}
.fiber4 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #653818; 
  color: #653818;
}
.fiber5 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #C0C0C0; 
  color: #C0C0C0;
}
.fiber6 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #FFFFFF; 
  color: #FFFFFF;
}
.fiber7 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #E10600; 
  color: #E10600;
}
.fiber8 {
 
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #000000; 
  color: #000000;
}
.fiber9 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #F7F749; 
  color: #F7F749;
}
.fiber10 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #9B26B6; 
  color: #9B26B6;
}
.fiber11 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #E8ADAA; 
  color: #E8ADAA;
}

.fiber12 {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #00C0A3; 
  color: #00C0A3;
}

.fiberTextWhite{
    color: white;
}
.fiberTextBlack{
    color: black;
}


.fiber1d {
  
  border-style: ridge; 
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  background-color: #cce0ff; 
  color: #cce0ff;
}
.fiber2d {
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;    
  border-style: ridge;
  background-color: #ffcc99; 
  color: #ffcc99;
}

.fiber3d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;
  background-color: #b3ffb3; 
  color: #b3ffb3;
}
.fiber4d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #cc6600; 
  color: #cc6600;
}
.fiber5d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #f2f2f2; 
  color: #f2f2f2;
}
.fiber6d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #f2f2f2; 
  color: #f2f2f2;
}
.fiber7d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #ff8080; 
  color: #ff8080;
}
.fiber8d {
 
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #666666; 
  color:#666666;
}
.fiber9d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #ffff99; 
  color: #ffff99;
}
.fiber10d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #e8c0f2; 
  color:#e8c0f2;
}
.fiber11d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #faeceb; 
  color: #faeceb;
}

.fiber12d {

  border-bottom: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
  border-style: ridge;    
  background-color: #e6fffb; 
  color: #e6fffb;
}