.border{
    border: solid 1px rgb(202, 202, 202);
    padding: 5px;
  }
  .label-base{
      font-size: 10px;
  }
.body-base {
    fill: rgba(250, 250, 250, 0.753);
    stroke: rgb(87, 83, 83);
    stroke-width: 2px
}
.tooth-base{
    cursor: pointer;
}
.part-base {
    fill:transparent;
    stroke-width: 0px
}
.work-base{
    display:auto;
    fill:brown
}
.state-base {
    fill: transparent;
}
.state-baseb {
    fill: transparent;
}
.selected-tooth-active {
    fill: red  !important;;
}
.___selected{
    fill:rgb(255, 138, 138) !important;
    opacity:1 !important;
}
.diagnosis {
    fill: black
}
.on-tooth-enter{
    stroke: #333;
    stroke-width: 3px
}

/* waiting */
.state-0 {
    fill: grey
}

/* selected */
.state-1 {
    fill: blue
}

/* started */
.state-2 {
    fill: #94f87b
}

/* completed */
.state-3 {
    fill: #37b418
}

/* accepted */
.state-4 {
    fill: #1e6e0a
}



.n-input {
    padding: 3px !important;
    border: solid 1px rgb(228, 228, 228);
    width: 80px !important;
    text-align:center;
    border-radius: 5px;
}
  

.d-input {
    padding: 8px;
    border: solid 1px rgb(228, 228, 228);
    min-width: 200px;
}

.t-input {
    width: 100%;
    padding: 5px;
    background-color: #f9f9f9;
    /* margin-bottom:-8px */
}


.scrll::-webkit-scrollbar {
    width: 10px;
}



.scrll {
  
    overflow-y: auto;
}

.scrll::-webkit-scrollbar {
    width: 10px;
}

.scrll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(4, 0, 65, 0.747);
  
}

.scrll::-webkit-scrollbar-thumb {
 
    -webkit-box-shadow: inset 0 0 22px grey
}