.quanL:checked+label{
    background-color: rgb(230, 210, 245);
    border: 2px solid rgb(123, 48, 192);
    color: rgb(60, 20, 100);
    font-weight: 600;
} 

.selW{
    background-color: rgb(230, 210, 245);
} 

.quanL{
    display:none;
}

.hrad{
    display:none;
}

.buildradio:checked + .buildlabel{
    background-color:rgb(230, 210, 245);
}
.buildradio:checked{
    background-color:rgb(157, 107, 210);
}
.buildradio{
    transform:scale(1.25);
}
.buildradio:hover{
    background-color:rgb(200, 170, 230);
}
.buildradio:active{
    background-color:rgb(157, 107, 210);
    --tw-ring-color:rgb(200, 170, 230);
}
.buildradio:focus{
    background-color:rgb(157, 107, 210);
    --tw-ring-color:rgb(200, 170, 230);
}    
.buildradio:checked:hover{
    background-color:rgb(200, 170, 230);
}
.buildradio:checked:active{
    background-color:rgb(200, 170, 230);
    --tw-ring-color:rgb(200, 170, 230);
}
.buildradio:checked:focus{
    background-color:rgb(200, 170, 230);
    --tw-ring-color:rgb(200, 170, 230);
}
.buildrow{
    background-color:rgb(230, 210, 245);
}

li{
    list-style: none !important;
}

.incompatible{
    display:none !important;
}

#btnTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgb(123, 48, 192); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#btnTop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.sumtop{
    top:1rem !important;
    position:fixed !important;
}
@media (min-width: 1024px){
    .sumtop{
        width:24% !important;
    }
}
@media (max-width: 1023px){
    .sumtop{
        width:46% !important;
    }
}

  .webSize{
    height: fit-content !important;
  }

  .tooltip { 
    color: #000000;
    text-align: center;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    top: calc(100% + 11px);
    left: 50%;
    transform: translateX(-50%);
    display:none;
  }

  .svgBox:hover .tooltip{
    display:block;
  }

  .svgBox { 
    position: relative
  }

  .sumbox{
    min-height: 20rem;
    max-height: 45vh;
  }

  .updownup{
    margin-left:3px;
    margin-right:3px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    
    border-bottom: 10px solid #ff000c8c;
  }
  .updowndown{
    margin-left:3px;
    margin-right:3px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    
    border-top: 10px solid #00ff0073;
  }