.range-options {
   display: flex;
   flex-flow: row nowrap;
   max-height: 150px;
   overflow-y: scroll;
   overflow-x: hidden;
   width: 12rem;
   transition: all .3s ease;
   border: solid 1px #ddd;
   box-shadow: 0 3px 3px rgba(0,0,0,.2);
   position: absolute;
   background: #fff;
   z-index: 9;
}

.range-selected-option,
.od.single select,
.oe.single select,
.ao.both select {
   width: 100%;
   padding: 8px 4px;
   width: 12rem;
   border: solid 1px #d9d9d9;
}

.range-options .range-col {
   flex: 1;
   text-align: center;
}

.option {
   cursor: pointer;
   background: #fff;
   transition: all .2s ease;
   padding: 4px;
   border: solid 1px #ddd;
   border-left: none;
}

.option:hover {
   background: #efefef;
}

.range-selector {
   display: block;
   margin: auto;
   background: #fff;
}

.range-selector:not(.active) .range-options {
   opacity: 0;
   transform: translateY(25px);
   pointer-events: none;
   user-select: none;
}

.range-options::-webkit-scrollbar {
width: 10px;
}

/* Track */
.range-options::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
.range-options::-webkit-scrollbar-thumb {
background: #888;
}

/* Handle on hover */
.range-options::-webkit-scrollbar-thumb:hover {
background: #555;
}



table.cl-table input {
   border: solid 1px #d9d9d9;
   padding: 8px 4px;
}

table.cl-table input, .range-selected-option {
   min-height: 40px;
   display: block;
   margin: auto;
}
td.title {
   min-width: 11rem !important;
   font-size: 1rem;
   font-weight: bold;
}

.cl-table td, .cl-table th {
   padding: 0 6px 16px !important;
}

.cl-table td,
.cl-table th,
.cl-table tr,
.cl-table {
   border: unset !important;
}

.quantity {
   display: none;
}


@media (max-width: 768px) {
   table.cl-table input {
      max-width: 55px;
   }
   
}