.color {
    font-family: rd1;
    min-height: 5mm;
    /* border-radius: 3px; */
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    padding-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    /* outline: 1px solid gray; */
    outline-offset: -1px;
}

ul.schema li:not(:first-child){
    margin-left: 5px !important;
}

.colours-selector>.color {
    user-select: none;
    width: 10mm !important;
    height: 10mm !important;
    border-radius: 100mm;
    /* max-width: 17mm !important; */    
    margin: 0 0 4px;
    display: inline-block;
    z-index: 1000;
}

.colours-selector .selected {
    outline: 2px solid #5b5b5b !important;
}

.selected {
    outline: 0.5px solid #868686 ;
    border-radius: 2px;
}
.selected {
    outline: 2px solid #616161 ;
    border-radius: 2px;
}


.muted {
    opacity: 0.5;
    /* outline: 10px solid red; */
}

.muted:hover {
    opacity:1;
    /* outline: 10px solid red; */
}

.red, .red_bottom {
    background-color: #ff3737 !important;
}

.orange, .orange_bottom  {
    background-color: #ff8337 !important;

}

.brown, .brown_bottom  {
    background-color: #c29867 !important;

}

.yellow, .yellow_bottom  {
    background-color: #ffe272 !important;
}

.green, .green_bottom  {
    background-color: #9de16f !important;
}

.turquoise, .turquoise_bottom  {
    background-color: #36d8b7 !important;  
}


.blue, .blue_bottom  {
    background-color: #00a8f0 !important;

}

.purple, .purple_bottom  {
    background-color: #de6fff !important;
}

.pink, .pink_bottom  {
    background-color: #ff74bc !important;
}

.grey, .grey_bottom  {
    background-color: #d0d5da !important;
}

.black, .black_bottom  {
    background-color: #222831 !important;
    color: #f2f2f2 !important;
}

.black input, .black_bottom  input{
    color: #f2f2f2 !important;
}

.white, .white_bottom  {
    background-color: #fff !important;
    box-sizing: border-box;
    border: 1px solid gray;
}

.grounding, .grounding_bottom  {
    background-color: rgb(255, 255, 88) !important;
    background: linear-gradient(to bottom, transparent 40%, rgb(0, 194, 0) 40%, rgb(0, 194, 0) 60%, transparent 60%);
    /* transform: translateY(-50%); */
}
.whiteFont {
    color:white; 
    mix-blend-mode: difference;
}