/* Screen is 480x800 pixels */
#microwave_screen {
  width: 480px;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden; }

#microwave_container {
  display: table;
  width: 480px;
  height: 800px;
  margin: 0 auto; }
  #microwave_container > div {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    position: relative; }
  #microwave_container .left_col, #microwave_container .right_col {
    width: 80px; }

#left_nav_column {
  padding-right: 5px;
  /* Cell - can't use margin */ }

body {
  background-color: black; }

#microwave_container {
  background-color: white;
  font-size: 24px; }

#left_nav_column {
  text-align: center; }
  #left_nav_column .nav {
    margin-top: 60px;
    font-size: 28px;
    line-height: 34px; }
    #left_nav_column .nav .btn {
      font-weight: 600; }
    #left_nav_column .nav .fa {
      font-size: 34px;
      font-weight: normal; }
  #left_nav_column .nav-pills > li > a {
    border: 2px solid;
    border-color: black;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 5px; }
  #left_nav_column .nav-pills > li.active > a {
    background: #888;
    color: white; }

#settings {
  font-size: 20px; }
  #settings .left_col {
    background: #888; }
  #settings .left_col .nav li {
    margin: 0; }
  #settings .left_col .nav li.active a {
    color: white;
    background: #444;
    border-left: 5px solid white; }
  #settings .left_col .nav a {
    color: black;
    border-left: 5px solid transparent; }
    #settings .left_col .nav a:hover, #settings .left_col .nav a:focus {
      background-color: #666; }
    #settings .left_col .nav a .fa {
      font-size: 28px;
      line-height: 28px;
      display: block;
      text-align: center;
      border-right: 5px solid transparent; }

#qcook_tabcontainer > div ul {
  display: flex;
  flex-direction: column;
  /* height: 678px; TODO: Need to set this for other lists, disable for A-Z */
  padding: 0; }
  #qcook_tabcontainer > div ul > li {
    display: block; }
    #qcook_tabcontainer > div ul > li .btn {
      border: thin solid;
      padding: 10px;
      width: 95%;
      border-radius: 10px;
      margin: 10px 0; }
    #qcook_tabcontainer > div ul > li a {
      display: table;
      table-layout: fixed;
      overflow: hidden;
      width: 100%; }
      #qcook_tabcontainer > div ul > li a > span {
        display: table-cell;
        text-overflow: ellipsis;
        overflow: hidden; }
    #qcook_tabcontainer > div ul > li .title {
      text-align: left; }
    #qcook_tabcontainer > div ul > li .score {
      text-align: right;
      width: 60px; }
#qcook_tabcontainer #alphabetical_list {
  height: 677.4px;
  margin-right: 30px;
  padding-right: 2px;
  /* Leave space for border */ }
  #qcook_tabcontainer #alphabetical_list ul > li {
    width: 100%; }
#qcook_tabcontainer #scroll_bg {
  height: 677.4px;
  position: relative;
  float: right;
  right: 24px;
  width: 1px;
  line-height: 1.08em;
  text-align: center;
  word-wrap: break-word;
  font-family: monospace; }
#qcook_tabcontainer .scrollbar {
  /* background: #ccc none repeat scroll 0 0; */
  height: 677.4px;
  border-left: thin solid;
  border-top: thin solid;
  line-height: 0;
  position: relative;
  float: right;
  right: 0;
  width: 1.2em;
  z-index: 20; }
  #qcook_tabcontainer .scrollbar .handle {
    background-color: rgba(200, 200, 200, 0.6);
    border: thin solid #AAA;
    cursor: pointer;
    margin: 0 auto;
    height: 1.2em;
    width: 1.2em;
    border-radius: 1.2em; }
    #qcook_tabcontainer .scrollbar .handle .mousearea {
      height: 100%;
      left: -10px;
      position: absolute;
      top: 0;
      width: 22px; }

a span.glyphicon {
  top: 0.1em;
  /* glyphicons appear too high, vertically */ }

iframe {
  margin: 0;
  padding: 0;
  border: none; }

#time_heading, #temp_heading {
  height: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0; }

#temp_data {
  border-top: 2px solid #333;
  border-left: 2px solid #333; }

#thermal_image {
  text-align: center;
  margin: 10px; }

#thermal_image img, #thermal_image iframe {
  width: 100%;
  border: 3px solid; }

#center_column h1, #center_column h2 {
  /* Center text, relative to whole page */
  margin-left: -80px;
  text-align: center; }

#details {
  display: table;
  width: 100%; }
  #details span {
    display: table-cell;
    text-align: center; }

#time_data, #temp_data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 770px;
  position: absolute;
  bottom: 0; }

#time_details > div {
  border: thin solid; }

#temp_data {
  background-image: linear-gradient(orange, red 20%, blue);
  color: black; }
  #temp_data > span {
    text-align: right; }

#extras {
  display: table;
  table-layout: fixed;
  border-spacing: 5px;
  width: 318px;
  bottom: 0px;
  position: absolute;
  margin-bottom: 20px; }
  #extras > a {
    display: table-cell; }
  #extras .glyphicon, #extras .fa {
    font-size: 60px; }
  #extras #stop {
    width: 100%;
    border: 3px solid #800;
    border-radius: 10px;
    color: #800;
    background-color: #E00; }
    #extras #stop > span {
      /* Outline the stop character to highlight it.
      * We do this by putting a shadow on it, no offset and a small radius.
      * One shadow isn't visible enough, counter this by doing a few of them.
      * The black tints it black, doesn't apply a hard black colour.
      */
      text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; }

.btn {
  font-size: 24px; }

.btn-mw {
  color: black;
  border: thin solid black;
  border-radius: 10px; }

.qcook {
  display: block;
  margin: 50px 10px;
  padding: 20px 0;
  text-align: center;
  height: 100px;
  line-height: 60px;
  /* height-padding = 100-20-20 */ }

#time_data, #temp_data {
  cursor: crosshair; }

#time_dial {
  cursor: pointer; }

#power_triangle, #power_marker {
  position: relative; }

#power_marker {
  /* background: rgba(0,200,0,50); */
  top: 5px;
  cursor: move; }

#power_triangle {
  cursor: pointer; }

.nav-stacked > li.spacer {
  height: 50px; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*# sourceMappingURL=start.css.map */

/*
     FILE ARCHIVED ON 06:26:38 Nov 03, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:38:36 Jan 25, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.811
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.009
  esindex: 0.015
  cdx.remote: 83.405
  LoadShardBlock: 217.792 (3)
  PetaboxLoader3.resolve: 223.682 (4)
  PetaboxLoader3.datanode: 162.156 (5)
  load_resource: 217.364 (2)
*/