/* author: evoMath */

p.hint {
    font-family: "Verdana", "Arial", sans-serif;
    text-align: left; font-size: 24px; 
}


/* (c) 2018 evoMath, author: evoMath */

/*============================ numpad ======================================= */

.overlay {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); /* Fallback, if alpha channel unsupported */
    background-color: rgba(0,0,0,0.0); /* fully transparent */ 
}

.overlay-content {
    background-color: rgba(0,0,0,0.0);
    margin: 13% auto; 
    padding: 4px;
    border: 1px solid #EEEEEE;
    width: 32%; 
}

.overlay-content:HOVER {
    background-color: rgba(0,255,255,0.1);
}

div#numpad {
    /* background: rgba(255,255,255,1); */
    background: #EEFFFF;    
    text-align: center;
}

table.numpad {
      	
}

table.numpad td {
    width: 100px;
    height: 64px;
    font-size: 64px;
    font-family: sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    /* background: #000000; */
    background-color: rgba(0,0,0,0.1);
    text-align: center;
    padding: 4px;
}

table.numpad td.current {
    color: #00AAFF;	
}

table.numpad td:HOVER {
	cursor: pointer;
	color: #00AAFF;    
	/* background: #555555; */
	background-color: rgba(0,0,0,0.2);
}

/* (c) 2018 evoMath, author: evoMath */

/* ================= schoolgrid ============================================= */

h1.title.schoolgrid, h2.title.schoolgrid {
    font-family: "Verdana", "Arial", sans-serif;
    text-align: center;	
}

h1.title.schoolgrid {
    font-size: 48px;
}

h2.title.schoolgrid {
    font-size: 32px;
}

div.schoolgrid {
    font-size: 32px;	
}	

table.schoolgrid *.selected {
    background: #00FFFF;	
}	

table.schoolgrid {
    border-style: solid;
    border-width: thin;
    border-color: #DDDDDD;	
}

table.schoolgrid th.cell, table.schoolgrid td.cell {
    font-family: sans-serif;
    text-align: center;
    padding: 0px;
    width: 36px;
    height: 36px;
    border-style: solid;
    border-width: thin;
    border-color: #DDDDDD;
    color: #0099FF;	
}

table.schoolgrid th.cell {
    font-weight: bold;	
}

table.schoolgrid th.numerator, table.schoolgrid th.denominator,
  table.schoolgrid th.divided, table.schoolgrid th.equals {
    color: #000000;
}

table.schoolgrid th.rest {
    color: #EEEEEE;
}

table.schoolgrid th.result, table.schoolgrid th.remainder {
    color: #0099FF;
}

table.schoolgrid th.wizard, table.schoolgrid td.minus, table.schoolgrid td.step {
	color: #EEEEEE;
}

table.schoolgrid th.wizard:HOVER, 
table.schoolgrid td.minus:HOVER, 
table.schoolgrid td.step:HOVER {
    background: #000000;
    color: #FFFFFF;
    cursor: pointer;
}

table.schoolgrid th.wizard img {
    height: 40px;	
}

table.schoolgrid th.editable, table.schoolgrid td.editable {
    cursor: pointer;	
}

table.schoolgrid th.editable:HOVER, table.schoolgrid td.editable:HOVER {
    background: #EEEEEE;    
}

table.schoolgrid td.underline {
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: #0099FF;
}