<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.cursor_move 	{ cursor: move; }

.clockie { 
	position: fixed; z-index: 1052; width: 200px; height: 200px; background: #eee; padding: 15px; border-radius: 50%; color: #333;
	transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; 
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); 
	font-family: 'futura-pt', Arial , Helvetica, sans-serif;
}
.clockie:hover 	{ background: #C7596E; }

.clockie .clk_ctn { 
	background: #fff; width: 100%; height: 100%; border-radius: 50%; text-align: center; padding-top: 20px;
	-webkit-box-shadow: inset 0px 9px 7px -7px rgba(0,0,0,0.36); -moz-box-shadow: inset 0px 9px 7px -7px rgba(0,0,0,0.36); box-shadow: inset 0px 9px 7px -7px rgba(0,0,0,0.36);
	transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s;
}

.clockie .stopwatch { border-radius: 0; font-size: 21px; color: #404040; font-weight: 300; width: 100%; text-align: center; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; }
.clockie .stopwatch span { font-size: 16px; color: #999; }
.clockie .timer_lbl	{ font-size: 14px; text-align: center; padding: 10px 0 0 0; }


.clockie .btn	{ position: absolute; border-radius: 50%; background: #eee; width: 35px; height: 35px; padding: 6px 0px; font-size: 14px; text-align: center; line-height: 1.5; }
.clockie .btn.btn-xl	{ width: 45px; height: 45px; font-size: 25px; line-height: 1.1; }

.clockie .clk_btn	{ 
	left: -20px; border: solid 2px #fff; padding-top: 2px; top: 50%; transform: translateY(-50%); 
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
	transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; 
}
.clockie .clk_resetpos							{ left: 40%; top: 0px; }
.clockie .btn_action							{ position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); padding: 6px 8px; font-size: 14px; line-height: 14px!important; background: #333; width: auto; color: #fff; border-radius: 9999px; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; }
.clockie .btn_action:hover						{ background: #888; }

.clockie.leftpos .clk_btn						{ left: 185px!important; }

.clockieSelClass { margin: 10px auto; width: 100%;  }
.clockieSelClass .select2-container--bootstrap4 .select2-selection--single { border-radius: 20px!important; min-height: 35px!important; height: 35px!important; font-size: 14px!important; border: none!important; }
.clockieSelClass .select2-container--bootstrap4 .select2-selection__placeholder { margin-top: -5px!important; }
.clockieSelClass .select2-container--bootstrap4 .select2-selection__arrow { right: 8px!important; top:-2px!important; width:4px!important }

.clockie .dropdownCssClass  { min-width: 240px!important; transition: all 0.3s ease-in-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; }
.clockie .dropdownCssClass .select2-results__option { padding: 5px 10px!important; font-size: 14px!important; }
</pre></body></html>