/* This is the CSS for the Hand Eye page
 * Version 1.0.0
*/

body.page.page-one-column:not(.twentyseventeen-front-page) #primary  {  max-width: 1600px;  }
body.page.page-one-column:not(.twentyseventeen-front-page) .wrap  {  max-width: 1600px;  }
div#content { padding-top: 8px; }

div.navigation-top div.wrap  { padding: 0 2em; }

label {  padding:16px;  }
body {  font-family:"Open Sans",arial,sans-serif; background-color:#F5F5DC }
td {  vertical-align:top;  }
div#drillSelections  {  font-size:12pt;  max-width: 800px; margin: 0 auto;  }
div#drillSelections p {  font-size:11pt;  }
div#currentDrill   { float:center; margin:auto; font-size:18px  }
div#sessionTimer   { font-size:24px;  }
div#drillTimer   { font-size:24px;  }

div#drillSelections input {  max-width: 72px;  }

div#drillDisplay {  max-width: 1600px; margin: 0 auto; }
div#drillDisplay table {  width:auto;  }

div#moreImages {  margin-left: 32px; }
table#heTotalTime  {  border-bottom: none;  }  
h2#gridHead  {  border-top: dotted 1px #000;  }  */

h2  { font-size:20px  }
h3  { font-size:16px  }

input:required:invalid, input:focus:invalid {
  background-color: red;
  -moz-box-shadow: none;
}

div#handeyeIndiv #indivimg img {  background-color: white;  }
div#handeyegrid img {  background-color: white;  }

/* rules for hidden image options */
.tolink  {  cursor: pointer;  }
div.expand  {  display: none;  }
div.heNoDisplay img {  width: 30px; border: 1px solid black;  }
div#moreImages h3 {  padding-top: 0; margin-top: 0;  }

div#drillSelections input {  display:inline; width:auto; padding: 2px; text-align:center; font-size:14px; }
div#drillSelections td {  vertical-align:top;  }
div#drillSelections table {  margin: 0px;  width: auto;  }
div#drillSelections div#drillSelections  {  font-size:12pt;  }
div#drillSelections div#currentDrill   { float:left; margin:auto; font-size:18px  }
div#drillSelections div#sessionTimer   { font-size:24px  }
div#drillSelections div#drillTimer   { font-size:24px  }

div#drillSelections table, div#drillSelections table tr  {  border-bottom: none  }  
div#drillSelections table#totalTime  {  border-bottom: dotted 1px #000;  }

div#drillSelections input.handeyebutton {  padding:6px; }

div#drillSelections h2  { font-size:20px  }
div#drillSelections h3  { font-size:16px  }

div#timeAndSize, div#dotOptions, div#gridOptions {padding-left:16px}

/* override styles when printing */
@media print {

  body {  margin: 0 !important;  color: #000 !important;  background-color: #fff !important;  }
  div.custom-header { display: none !important; }
  div#content { padding-top: 8px !important; }
  div#sessionTimer {  display: none !important; }

}
