/* Debug Data
   INFO: Start Processing
   INFO: Loaded files: 
   INFO:   [ Last Modified: Fri, 15 Nov 2024 16:39:18 +0000 ]:  C:\Webs\niraskin.com\myniraskin\layout\layout.xcss
   INFO: Response Last Modified: Fri, 15 Nov 2024 16:39:18 +0000 GMT
 */
/* User Agent String: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com) 
 * Browser recognized as: _WEBKIT, version 537.36
 */
 
html
{ margin: 0;
  padding: 0;
}

body
{ position: static;
  margin: 0;
  padding: 0;
  min-width: 60em;
  font-family: Helvetica, sans-serif;
}

body>header
{ position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 5.5em;
  box-shadow: 0px 5px 3px #2c3032;
  padding: 0;
  text-align: center;
  min-width: 55em;
}

body>header>h1
{ display: inline-block;
  color: transparent;
  font-size: 1em;
  height: 4.5em;
  margin: 0.5em 0 0 0;
  padding: 0;
  width: 10em;
  background-image: url('/layout/graphics/nira_logo_small.png');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
}

body>header>nav
{ display: inline-block;
  font-size: 1.2em;
  font-weight: 700;
  margin: 0;
  padding: 0;
  height: inherit;
}

body>header>nav>ul
{ display: block;
  color: #2c3032;
  margin: 0 0 0 2em;
  padding: 0;
}

body>header>nav>ul>li
{ display: inline-block;
  list-style: none;
  margin: 0 0.5em 0 0.5em;
  width: 7.5em;
  font-size: 0.9em;
  text-align: center;
  cursor: pointer;
  padding: 0 0 0.2em 0;
  border-bottom: 2px solid transparent;
  background-repeat: no-repeat;
  background-position: 50% 0.5em;
  background-size: auto 2.5em;
}

body>header>nav>ul>li:hover
{ background-color:rgba(44,48,50,0.15);
/*  border-top-left-radius: 3.75em;
  border-top-right-radius: 3.75em; */
}

body>header>nav>ul>li.selected
{ padding: 0.1em 0 0.1em 0;
  border-bottom: 3px solid #BCCED8;
  cursor: default;
}

body>header>nav>ul>li.selected:hover
{ background-color:transparent;
}

body>header>nav>ul>li>a
{ display: block;
  text-decoration: none;
  color: inherit;
  margin: 0;
  padding: 0.3em 0 0 0;
}

body>header>nav>ul>li img
{ display: block;
  height: 3.2em;
  padding: 0 2.2em 0.2em 2.2em;
}

section.content
{ position: relative;
  margin: 6em 0 2em 0;
  color: #653F2C;
  z-index: 1;
}

body>footer
{ position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.0em;
  background: #DDDADA;
  font-size: 1em;
  padding: 0.4em;
  text-align: right;
  border-top: solid 1px #DDDADA;
  padding-bottom: 0.6em;
}

body>footer select
{ float:left;
  margin: -0.4em 1em 0 1em;
  padding: 0;
}

body>footer>p
{ float: left;
  margin: 0;
  padding: 0.1em 1em;
  font-size: 0.8em;
}

body>footer>small
{ font-size: 0.8em;
  padding: 0;
  margin: 0 3em 0 0;
}

body>footer>span
{ float: left;
  margin;: 0 2em
}

body>footer>button
{ float: left;
  font-size: 0.8em;
  margin: -0.4em 1em 0 1em;
}

button, a.niraButton
{ margin: 0;
  background: #2c3032;
  color: #FFFFFF;
  border: solid 1px #2c3032;
  border-radius: 1.2em;
  text-align: center;
  font-size: 1em;
  padding: 0.15em 1em 0.25em 1em;
  cursor: pointer;
}

a.niraButton
{ text-decoration: none;
}

button:hover, a.niraButton:hover
{ box-shadow: 4px 4px 5px #BCCED8; 
}

button:active, a.niraButton:active
{ box-shadow: -1px -1px 2px #BCCED8 inset; 
}

button.link
{ display: inline;
  background: none;
  border: none;
  color: #0000aa;
  text-decoration: underline;
}

button.link:hover
{ box-shadow: none;
  color: #0000ff;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  body>footer {
    height: 4.0em;
  }

  body>footer select {
    font-size: 2.4em;
    margin-top: 0px;
  }

  body>footer>small {
    font-size: 1.5em;
/*    padding: 0;
    margin: 0 3em 0 0;*/
  }
}

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { 
    display:none;
    -webkit-appearance: none;
    margin: 0;
}

.patients-table th, .patients-table td {
  padding: 8px;
  border: 1px solid;
}

.patients-table td.error {
  background-color: rgba(255, 0, 0, 0.5);
}

.patients-table {
  border: 1px solid;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 4em;
}

.patients-table-title {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 2em;
  font-size: 32px;
  font-weight: bold;
  text-decoration: underline;
}

.patients-section * {
  font-family: Helvetica, sans-serif;
}

.patient-search {
  font-size: 18px;
  margin-top: 2em;
  padding: 8px;
}

.patients-section {
  min-height: calc(100vh - 6em);
}

footer.admin {
  position: relative !important;
}

.patients-table td.yellow {
  background-color: rgba(255, 255, 0, 0.5);
}

.patients-table td.green {
  background-color: rgba(0, 255, 0, 0.5);
}

.patients-table td.red {
  background-color: rgba(255, 0, 0, 0.5);
}