/*
  for styling admin global variants status bar
  based on https://www.w3schools.com/w3css/4/w3.css
*/

div#dcj-wcgv-admin-status.dcj-wcgv-empty-bar {
    margin-left: 9px;
    margin-right: 10px;
    margin-bottom: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #575757;
}

#dcj-wcgv-admin-status .dcj-wcgv-progress-bar {
    color: #fff !important;
    background-color: #3b8e34 !important;
    display: inline-block;
}

#dcj-wcgv-admin-status .dcj-wcgv-bar-low {
    position: relative;
    left: 6px;
}

#dcj-wcgv-admin-status .dcj-wcgv-bar-regular {
    text-align: center !important;
}