body {
  			background-image: url('background.jpeg');
  			background-repeat: no-repeat;
  			background-attachment: fixed;
  			background-size: 100% 100%;
			margin: 0px;
		}

		canvas {
			display: block;
			touch-action: manipulation;
			/*
			
			user-select: none;
			*/
		}

        td.head {
            padding: 20px;
            background-color: #925892b9;
            color:white;
        }

        td.row {
            padding: 20px;
            background-color: white;
        }

        td.row_alt {
            padding: 20px;
            background-color: #c3c3c3;
        }


		input[type=button],
		input[type=file]::file-selector-button {
			background-color: #925892;
			border: none;
			color: white;
			padding: 15px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 4px 2px;
			cursor: pointer;
		}

		input[type=button].red  {
			background-color: darkred;
			border: none;
			color: white;
		}


		input[type=button].green  {
			background-color: darkgreen;
			border: none;
			color: white;
		}		

		input[type=button].white  {
			background-color: white;
			border: none;
			color: #925892;
		}		

		input.inputClock {
			width: 100%; 
			height: 100%; 
			text-align: center; 
			border-radius: 5px; 
			border: 1px solid #999; 
			font-size: 1.1rem; 
		}

		input[type=checkbox] {width:30px; height:30px;}

		.buttonBar {
			border-radius: 25px;
			padding: 20px;
			background-color: #fff3c1;
			vertical-align: middle;
		}

		.solution_panel {
			border-radius: 25px;
			padding: 20px;
			background-color: green;
			font-size:  40;
			color: white;
			margin-top: 20px;			
			margin-bottom: 20px;			
			width: fit-content;
			position: fixed;
			top:40%;
			right:20px;
		}

        .clockInputs {
			border-radius: 25px;
			padding: 20px;
			background-color: #fff3c1;
			gap: 20px;
			width: fit-content;
			display: none;
			margin:auto;
		}

		.settings_panel {
			display: none;
			margin-top: 20px;			
			margin-bottom: 20px;	
			position: fixed; 
			top: 120px;
			right: 20px;
		}

        .panel {
			border-radius: 25px;
			padding: 20px;
			background-color: #fff3c1;
			vertical-align: middle;
			width: fit-content;
        }

		.title {
			border-radius: 25px;
			padding: 5px;
			background-color: #fff3c1;
			width: fit-content;	
            /*	
			position: fixed;
    		top: 20px;
    		left: 20px;			
            */
		}

		.clocks {
			margin-top: 20px;			
			margin-bottom: 20px;			
		 	display: flex; 
			width: fit-content;
		}

        .panel_title {
            font-size: 16px;
			font-weight: bold;
			padding: 20px;
			color: #925892b9;
        }