body {
    background-color: #eee;
}

.bg-color-1 {
    background-color: #000000;
}

.sidebar {
    padding: 20px;
    min-width: 250px !important;
}

.sidebar a {
    color: #000;
    text-decoration: none;
    padding: 5px 10px;
}

.sidebar a:hover {
    background-color: #333;
    color: #fff;
}

.active {
    background-color: #9d9da0 !important;
    color: #fff !important;
}

.bg-light-violet {
    background-color: #bb7bf7 !important;
    color: #7a05ffd7 !important;
}

.bg-red {
    background-color: red !important;
    color: white !important;
}

.bg-light-red {
    background-color: #fda0a0 !important;
    color: #fc0000 !important;
}

.bg-light-green {
    background-color: #b7f8b5 !important;
    color: #03290e !important;
}

.bg-gold-green {
    background-color: #d1ffac !important;
    color: #1f2903 !important;
}

.bg-light-yellow {
    background-color: #f6f8d5 !important;
    color: #584203 !important;
}

.bg-light-blue {
    background-color: #C1FFFF !important;
    color: #0000FF !important;
}


.bg-light-orange {
    background-color: #fdc5a0 !important;
    color: black !important;
}


fieldset {
    position:relative;
    
    padding: 0 0.5em 0 0.5em;
    /* background: #c1f8bc; */
    border: solid;
    border-color: #9d9da0;
    border-width: 0.1em;
    border-radius: 15px;
}

legend {
    position:absolute;
    
    margin: 0;
    padding: 0 0.5em;

    width: auto;

    text-align: left !important;

    top:-0.9em;
    left: 1em;

    border-radius: 15px;
    
    font-size: 1em;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}​ 

 
/* .fieldset-border {
    border: thick double black;
    border: 1px groove black !important;
    border-radius: 12%;
    padding: 0 1.4em 0 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
} */

/*
.fieldset-border .legend-border {
    text-align: left !important;
    width: auto;
    padding: 0 3px;
    border-bottom: none;
}

.fieldset-border-sm {
    border: 1px groove #ddd !important;
    padding: 0 0.4em 0.4em 0.4em !important;
    margin: 0 0 0.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

.fieldset-border-sm .legend-border {
    font-size: 1em !important;
    text-align: left !important;
    width: auto;
    padding: 0 3;
    border-bottom: none;
}

.border-radius-top {
    border-radius: 20px 20px 0 0;
} */

.checkbox-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
} 

.custom-control-input:checked~.custom-control-label.green::before 
{
    background-color: green;
}