:root{
  --shadow-short-bottom-new:  0px -8px 12px 2px rgba(50, 50, 50, 0.25);
  --shadow-short-right-new: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  --shadow-sharp-new: 0px -6px 24px 0px rgba(0, 0, 0, 0.25);
  --color-blue-light-2: #65B8F2;
  --color-blue-light-1: #96C9EB;
  --color-yellow-secondary:#FEF2BF;
  --color-yellow-light:#EFEFD0;
}

.outcomes-bar{
  margin:20px auto;
  padding:0;
  width:90%;
  height:10px;
  overflow:hidden;
  background:#e5e5e5;
  border-radius:6px;
}

.bar {
	position:relative;
  float:left;
  min-width:0%;
  height:100%;
  background:cornflowerblue;
}

.bar::before {
  position: absolute;
  content: "50%";
  font-size: 14px;
  font-family: arial;
  text-align: center;
  padding: 10px;
  background: #000;
  top: -51px;
  left: 226px;
  border-radius: 5px;
  color: #fff;
}

.percent {
	position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  font-family:tahoma,arial,helvetica;
  font-size:12px;
  color:white;
}

.count{
  background-color: #E5E6E4;
  border-radius: 5px; 
  color: #7F7F7F;
  font-weight: 800;
}

.count div {
  color:#D4D4D8;
}

.active{
  background-color: #EFEFD0;
  border-radius: 5px; 
  color: #F59E0B ;
}

.active .icon-star {
  color:#F59E0B;
}

.i-normal{
  color:#D4D4D8;
}

.i-active{
  color:#F59E0B;
}

.I-empty{
  color:#D4D4D8;
}


.input-search{
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: white;
  background-image: var(--search-icon);
  background-position: 5px 5px; 
  background-repeat: no-repeat;
  padding-left: 30px;
}

.shadow-short-bottom-new{
  box-shadow: var(--shadow-short-bottom-new)
}



.table-standard-new
{
 width:  100%;
 height: 100%;
}

.table-standard-new-row
{
 width:  100%;
}

.table-standard-new-header
{
 text-align:       center;
 vertical-align:   center;
 padding:          13px;
 font-weight:      bold;
 font-size:        20px;
 color:            var(--color-white);
 background-color: var(--color-blue-light-2);
 text-align: left;
}


.table-standard-new-cell
{
 text-align:       center;
 vertical-align:   center;
 padding:          10px 12px;
 font-size:        20px;
 color:            var(--color-black);
 background-color: white; 
}

.level-micros-content{
  border-radius: 10px;
  border: 2px solid var(--color-dark);
}
