*{
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    --inner-width : var(--width-1);
    --inner-padding :var(--pad-1);
    --breakout-width : 1fr;
    font-family: var(--fnt-d);
}
:root{
    interpolate-size: allow-keywords;
}
[type="checkbox"].sm {
    --size:1.0rem;
    width: 1.0rem !important;
    position: relative;
}
[type="checkbox"].md {
    --size:1.4rem;
    width: 1.4rem !important;
    position: relative;
}
[type="checkbox"].lg {
    --size:1.8rem;
    width: 1.8rem !important;
    position: relative;
}
[type="checkbox"].set::after{
    content: '';
    position: absolute;
    top: calc((100% - var(--size)) / 2);
    left: 0;
    width: var(--size);
    height: var(--size);
    background: #efff63a1;
}
.GrpNln {
    width: 100%;
    position: relative;
}
.select2 {
    width: 100% !important;
}
.overflow{
    overflow: auto;
}

.btn-success, .btn.success{
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
dialog.modal-lg {
    height: 90%;
    width: 90%;
    overflow: auto;
}
dialog#view .body{
    display: flex;
    flex-wrap: wrap;
}

.cardbody:has(.DropImg){
    min-height: 150px;
    height: 100%;
    max-height: 300px;
    display: flex;
    img{
        width: 100%;
        height: 100%;
    }
}
td p{
    line-height: .7rem;
    font-size: 0.7rem;
}