.calendarTimeSelectorBackground
{
	position: absolute;
    top: 0em;
    left: 0em;
    
	width: 100%;
    height: 100%;
    background: #0000000f;
}

.calendarTimeSelectorContainer
{
    display: flex;
	column-gap: 0.5em;
    align-items: center;
    justify-content: center;
	
    position: absolute;
    z-index: 999;
    top: -3.5em;
    height: 3.5em;
    left: 50%;
    transform: translateX(-50%);
	
	box-sizing: border-box;
    padding: 0.5em;
    background: white;
    box-shadow: rgba(0, 0, 0, .0980392) 2px 2px 2px 0px;
    border: 1px solid #f5f5f5;
}

.calendarTimeSelectorContainer:after
{
	display: block;
   
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    
	box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-top: 20px solid #fff;
    border-right: 20px solid rgba(0, 0, 0, 0);  
    border-left: 0 solid rgba(0, 0, 0, 0);
	border-width: 20px;
	
    content: '';
    filter: drop-shadow(rgba(0, 0, 0, .0980392) 1px 2px 1px);
}

.calendarTimeSelectorContainer > input
{
	font-size: 1em;
	font-weight: 400;
	color: #43454b;
	
	box-sizing: border-box;
	width: 100%;
	padding: 0.618em;
	border: 0em;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .125);
    background-color: #f2f2f2;
}

.calendarTimeSelectorContainer > span
{
	display: flex;
	align-items: center;
    
	color: white;
	
	box-sizing: border-box;
	height: 100%;
    padding: 0em 0.5em;
	border: 1px solid #1c3156;
    border-radius: 4px;
    background: #1c3156;
    
    cursor: pointer;
}

.calendarTimeSelectorContainer > span:hover
{
	color: black;
    background: white;
}