timepicker.css

.timepicker-input{
	cursor: pointer;
}

.timepicker-selectors{
	display: none;
	background-color: white;
    border-radius: 0.375rem;
	border: 1px solid #dee2e6;
    padding: 10px;
    padding-top: 5px;
    margin-top: 5px;
    position: absolute;
    width: calc(100% - 10px);
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
	table-layout : fixed;
	z-index: 9999;
	
	&:before{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 7.5px 10px 7.5px;
		border-color: transparent transparent #ffffff transparent;
		position: absolute;
		top: -7px;
		left: 3px;
	}
	
	&.show{
		display: table;
	}
	
	& thead{
		& td:nth-child(2){
			width: 2px;
			padding: 3px;
		}
	}
	
	& tbody{
		
		& td{
			text-align: center;
			
			&:nth-child(2){
				padding: 0px;
    			vertical-align: middle;
			}
			
			& select{
				width: 100%;
				padding: 3px 5px;
			}
		}
	}
}