/* 
    Created on : Mar 21, 2021, 12:50:36 PM
    Author     : xaos
*/
#navTabs
{
	
	display: flex;
	width: 100%;
	justify-content: space-around; 
	align-items: stretch
	
/*	border-color: blue; 
	border-width: 5px;
	border-style: groove;*/
}

#navTabs > * 
{
	/**/
	display: flex;
	font-size: 24px; 
	border-color: brown; 
	border-width: 5px;
	border-style: groove;	
	background-color: antiquewhite;
	bottom: 0px;
}

#navTabs > span 
{
	/**/
	display: flex;
	padding-left: 2em;
	padding-right: 2em;
		
	border-color: brown; 
	border-width: 5px;
	/*border-bottom-width: 0px;  */
	border-style: groove;	
}




#watchZone  /* <main> */
{
	background-color: wheat;	
	text-align: center;
	border-color: brown; 
	border-width: 5px;
	border-style: groove;
}
#watchZone  > *
{
	font-size: 22px;
	bottom: 0px;
}

#timeZone > *
{
	font-size: 28px;
}

#toaster
{
	/*width:*/
}

#timespan
{
	width: 5ch;
	background-color: snow;
	font-weight: bold; 
}

#bStart, #bStart_help
{  
	background-color: LightGreen;
}
#bPause, #bPause_help
{
	background-color: gold;
}
#bExtend, #bExtend_help
{
	background-color: Tan;
}

#bStop, #bStop_help
{
	background-color: tomato;
}

h1
{
	font-size: 22px;
	background-color: wheat;
	color:red;
}

#tabZone
{
	background-color: antiquewhite;
	border: 1px groove wheat ;
	
		
	
}

#helpZone
{
	display:none;
	flex-direction: column;
	text-align: justify;
	justify-content: initial ;
	background-color: antiquewhite;
}
#helpZone > label
{
	font-size: 22px;
	color:brown;
	font-weight: bold;
	padding: 4px;
	vertical-align: bottom;
border-color: blue; 
	border-width: 5px;
	border-style: groove;
}
#helpZone > p
{
	font-size: 20px;
	padding: 4px;
	
/*border-color: blue; 
	border-width: 5px;
	border-style: groove;*/
}
#settingsZone
{
	display:none;
	flex-direction: column;
	text-align: justify;
	background-color: antiquewhite;
}

#debugZone
{
	display:none;
	flex-direction: column;
	text-align: justify;
	background-color: antiquewhite;
}

.numeral
{
	width:4ch;
}