.view .warning{
  color:var(--red-color);
}
.view .pass{
  color:var(--green-color);
}
.view .working{
  color:var(--orange-color)
}
/* .cert */
.cert{
  display:flex;flex-wrap:wrap;
}
.cert>.left{
  flex:none;width:300px;max-width:100%;
}
.cert>.right{
  flex:auto;margin:0px 30px;
  max-height:450px;overflow:auto;
}
@media screen and (min-width:1000px){
	.cert>.right::-webkit-scrollbar{width:3px;height:3px;}
	.cert>.right::-webkit-scrollbar-button{width:0px;height:0px;}
	.cert>.right::-webkit-scrollbar-thumb{background:var(--brand-color);border:0px none var(--brand-color);}
	.cert>.right::-webkit-scrollbar-thumb:hover,
	.cert>.right::-webkit-scrollbar-thumb:active{background:var(--brand-color);}
	.cert>.right::-webkit-scrollbar-track{background:#dddddd;border:0px none #dddddd;}
	.cert>.right::-webkit-scrollbar-corner{background:transparent;}
}
@media (max-width:1000px){
  .cert>.left{
    width:100%;
  }
  .cert>.right{
    flex:none;width:100%;margin:30px 0px;
  }
}
/* .cert>.left>.course */
.cert>.left>.course{
  position:relative;
  flex:none;border:1px solid #dddddd;
}
.cert>.left>.course>img.cover{
  width:100%;height:200px;object-fit:cover;
  border-bottom:1px solid #dddddd;
}
.cert>.left>.course>.online-badge{
  position:absolute;top:0px;right:0px;
  background-color:var(--brand-color);color:white;
  font-size:0.95rem;font-weight:bold;padding:2px 5px;
  box-shadow:0px 0px 5px white;opacity:0.8;
}
.cert>.left>.course>.content{
  padding:10px;
}
.cert>.left>.course>.content>.cert-date{
  margin-top:20px;
}
/* .cert>.right>table */
.cert>.right>table{
  width:100%;min-width:500px;
}