.label-entry, .label-exit {
    font-weight: bold;
    font-size: large;
    padding-bottom: 4px;
}

.panel-entry, .panel-exit {
    padding-bottom: 16px;
}

.label-time {
    font-size: xx-large;
    text-align: center;
}

.label-minutes {
    text-align: center;
}

.panel-cp {
    display: flex;
}

.panel-entry-exit, .panel-time {
    flex: 1;
    margin: auto;
}

/* panel-options */
.panel-options {
	
}

.panel-options .option {
    background: #efefef;
    border-radius: 4px;
    padding: 16px;
    cursor: pointer;
}

.panel-options .option:not(:first-child) {
    margin-top: 8px;
}

.panel-options .option:hover {
    filter: invert(10%);
}

.flashing {
	color:red;

	animation-name: flashing;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	
	-webkit-animation-name: flashing;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes flashing {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes flashing {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes flashing {  
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}