.resposive-font{font-size:1.2vw;line-height:1.5}.transparentcol{color:#fff;display:inline-block;height:20px;opacity:0}.slots{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:150px;overflow-y:scroll;padding-bottom:30px;text-align:center}.slot{padding:5px;margin:5px;border:1px solid #3f3a3a;cursor:pointer;border-radius:4px}.slot.available{background-color:#4d58ef;color:#fff;height:20%}.slot.selected{background-color:#3e912a;color:#fff}.slot.disabled{background-color:#eee;cursor:not-allowed;color:#080808;height:20%}.outer{border:1px solid #ccc;border-radius:12px;overflow:hidden;max-height:150px;margin-top:10px;margin-bottom:10px}.inner{height:100%;overflow-y:auto;margin:2% 2% 5% 2%}.inner::-webkit-scrollbar{width:8px}.inner::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.inner::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.inner::-webkit-scrollbar-thumb:hover{background:#555}