/* .flexibleQuantityControls js-recalculate */
.flexibleQuantityControls
{
    display: none;
}

/* .selectableTime
{
    margin: 5px;
    box-shadow: 3px 4px 6px 2px #b3b3b3;
    padding: 5px;
} */



.actualSelectedTime
{
    border: solid #3ae26d 1px;
} 

.select-dropdownMat
{
    display: none;
}

.data-d
{
    /* display: none; */
}

/* .selectedMin
{
    float: left;
    margin: 3px;
    border: 1px solid black;
    cursor: pointer;
    min-width: 22px;
} */


.preselected{
    /* background-color: red; */
}


.timepicker {
    width: 100%;
    border: 1px solid #e3e3e3;
    color: white;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    border-top: none;
}
.timepicker-days-row {
    border: 0px solid blue;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
	flex-wrap: wrap;
}
.selectableTime {
    color: black;
    background-color: white;
    border: none;
    font-size: 14px;
    flex-basis: 24%;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
   /* box-shadow: 1px 1px 3px 1px #b3b3b3;*/
    margin-bottom: 5px;
}
/*.selectableTime:hover {
    background-color: #ebebeb;
}*/
.selectableTime:active {
    background-color: #bbbcbe;
}
.selectableTime-byHour {
    border: 0px solid blue;
    display: flex;
    fex-flow: row nowrap;
    justify-content: space-around;
    margin-bottom: 2px;
    padding: 2px;
}
.selectedHour {
    color: black;
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    flex-basis: 100%;
    text-align: center;
    /*border-bottom: 0px solid #e3e3e3;*/
    margin-bottom: 2px;
    border-radius: 2px 2px 0 0;
}
.selectedMin {
    color: black;
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
    font-size: 16px !important;
    flex-basis: 22%;
    text-align: center;
    cursor: pointer;
    transition: background-color .4s, color .4s, border .4s;
    border-radius: 4px;
    margin: 10px !important;
    box-shadow: 1px 1px 6px -1px #0000003b;
}
.selectedMin:hover {
    background-color: #2ea3f2;
	color: white;
    border: 1px solid #108bde;
}

.notbookableTime{
    background-color: #fa0a0a !important;
}
.selected
{
    background-color: #8acaf8 !important;
}
.hoverselected
{
    background-color: #8a9daa !important;
}