@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

.iphone-jump-fix {
  -webkit-overflow-scrolling: touch; }

body {
  font-family: Montserrat, sans-serif;
  min-width: 1000px;
  min-height: 600px; }

#main {
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100vh;
  max-height: 100vh; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  width: 100%;
  color: #ffffff;
  background-color: #094b0d;
  text-align: center; }

#menu {
  position: fixed;
  top: 100px;
  bottom: 20px;
  left: 0;
  padding: 0;
  margin: 0px;
  width: 192px;
  background-color: #2f2f2f;
  color: #ffffff;
  overflow: auto; }

#content {
  position: fixed;
  top: 100px;
  bottom: 20px;
  left: 0;
  right: 0;
  padding-left: 192px;
  overflow: auto;
  color: #000000;
  background-color: #ffffff;
  text-align: center;
  margin: auto; }

#processing {
  position: fixed;
  top: 100px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: auto;
  color: #000000;
  background-color: #ffffff;
  text-align: center;
  display: none; }

#modal-error {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #999997;
  position: fixed;
  top: 100px;
  bottom: 20px;
  left: 0;
  right: 0;
  overflow: auto;
  color: #000000;
  background-color: #cccccc;
  text-align: center;
  display: none; }

#modal-warning {
  width: 128px;
  height: 128px;
  padding: 0;
  margin: 0; }

#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  color: #999997;
  background-color: #2f2f2f;
  padding-left: 192px; }

#header-table {
  width: 100%; }

#footer-table {
  width: 100%;
  color: #666665; }

#footer-table td {
  color: #999997;
  text-align: left; }

#footer-table #ft-right {
  color: #ffffff;
  text-align: right;
  margin: auto; }

.left {
  text-align: left; }

.middle {
  text-align: left;
  vertical-align: bottom; }

.right {
  text-align: right; }

.shady-left {
  background-color: #cccccc;
  text-align: left; }

#emblem {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 230;
  height: 94px; }

#cart {
  position: absolute;
  top: 4px;
  right: 0px;
  width: 96px;
  height: 96px; }

#cart-total {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #2f2f2f;
  position: absolute;
  top: 12px;
  right: 96px;
  background-color: #2f2f2f;
  color: #ffffff;
  padding: 8px;
  font-size: 12pt; }

#this-user {
  position: absolute;
  top: 88px;
  right: 4px;
  padding: 8px;
  margin: 8px;
  font-size: 9pt;
  color: #ffffff; }

#debug-mode {
  padding: 2px;
  color: #ffffff; }

#user-logout {
  padding: 0;
  margin: 0;
  font-size: 9pt;
  color: #ffffff; }

#stub200 {
  padding: 16px;
  length: 128px;
  height: 128px;
  background-color: #999997; }

#snack-image {
  padding: 32px;
  height: 320px;
  width: 480px; }

#main-url {
  font-family: Montserrat, sans-serif;
  padding-top: 24px; }

#main-url-debug {
  font-family: Montserrat, sans-serif;
  padding-top: 8px; }

a {
  color: inherit;
  text-decoration: none; }

h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0; }

.menu-header {
  color: #666665;
  font-size: 11pt;
  padding-left: 8px; }

.menu-item {
  color: #eeeeee;
  font-size: 11pt;
  padding-left: 24px;
  cursor: pointer; }

.msc_links {
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  text-align: center;
  font-size: 12pt; }

#msc_link {
  font-size: 14pt;
  color: #ffffff; }

#copyright {
  color: #e6e6e6;
  padding-top: 4px;
  padding-left: 2px;
  margin: 0; }

title-bar {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff; }
  title-bar::after {
    clear: both;
    content: "";
    display: block; }
  title-bar gleft {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    title-bar gleft:last-child {
      margin-right: 0; }
  title-bar gmiddle {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    title-bar gmiddle:last-child {
      margin-right: 0; }
  title-bar gright {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    title-bar gright:last-child {
      margin-right: 0; }

.card-image {
  width: 203px;
  height: 128px;
  margin: 0;
  padding: 0;
  padding-left: 4px;
  padding-top: 4px; }

.green-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding: 16px;
  padding-left: 48px;
  padding-right: 48px;
  background-color: #2a6d2f;
  color: #ffffff;
  font-size: 14pt;
  font-weight: bold;
  border: 3px outset #2a6d2f; }

.green-button:hover {
  border: 3px inset #2a6d2f; }

.fixed-green-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding: 16px;
  padding-left: 48px;
  padding-right: 48px;
  background-color: #2a6d2f;
  color: #ffffff;
  font-size: 14pt;
  font-weight: bold;
  border: 3px outset #2a6d2f;
  max-width: 256px; }

.fixed-green-button:hover {
  border: 3px inset #2a6d2f; }

.disabled-green-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding: 16px;
  padding-left: 48px;
  padding-right: 48px;
  background-color: #2a6d2f;
  color: #999997;
  font-size: 14pt;
  font-weight: bold; }

.small-green-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 8px;
  background-color: #2a6d2f;
  color: #ffffff;
  font-size: 11pt;
  border: 2px outset #2a6d2f; }

.small-green-button:hover {
  border: 2px inset #2a6d2f; }

.disabled-small-green-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 8px;
  background-color: #2a6d2f;
  color: #999997;
  font-size: 11pt; }

.table {
  text-align: center;
  margin: auto;
  padding: 4px; }

.table-cell {
  text-align: justify; }

.table-shader {
  background-color: #cccccc;
  padding: 4px; }

.red-table-shader {
  background-color: #d90000;
  padding: 4px; }

.button-cell, .row-box {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #999997;
  padding: 16px; }

.button-spacer {
  padding-left: 8px;
  padding-right: 8px; }

.button-text {
  color: #767676; }

.text-box {
  width: 100%;
  background-color: #cccccc; }

.medium-text-box {
  width: 90%;
  background-color: #cccccc; }

.long-text-box {
  width: 700px;
  background-color: #cccccc; }

.short-text-box {
  width: 64px;
  background-color: #cccccc; }

.info {
  color: #999997;
  padding: 0; }

.input-label {
  margin: 0px;
  padding: 0px;
  width: 100%; }

.bad-input-label {
  margin: 0px;
  padding: 0px;
  color: #d90000;
  width: 100%; }

#eula-info {
  color: #2f2f2f;
  padding: 0px; }

.error {
  color: #d90000; }

.purple-error {
  color: #800080; }

.status-update {
  color: #2a6d2f; }

.state-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding: 16px;
  padding-left: 48px;
  padding-right: 48px;
  background-color: #2a6d2f;
  color: #ffffff;
  font-size: 14pt;
  border: 3px outset #2a6d2f; }

.state-button:hover {
  border: 3px inset #2a6d2f; }

.state-badge {
  font-size: 14pt;
  vertical-align: top;
  padding-right: 16px; }

.state-badge-container {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #2a6d2f;
  color: #ffffff;
  padding: 8px; }

.facility-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #2a6d2f;
  color: #ffffff;
  font-size: 12pt;
  border: 3px outset #2a6d2f;
  width: 240px;
  height: 200px; }

.facility-button:hover {
  border: 3px inset #2a6d2f; }

.facility-list {
  border: 2px solid #cccccc;
  background-color: #ffffff;
  color: #000000; }

.facility-table {
  border: 0;
  padding: 4px;
  border-spacing: 0;
  width: 100%; }

.facility-cell {
  padding: 4px;
  margin: 0;
  background-color: #cccccc;
  text-align: left; }

.facility-cell-right {
  padding: 0;
  margin: 0;
  background-color: #cccccc; }

.facility-selector {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #4c8f40;
  color: #ffffff;
  font-size: 12pt;
  border: 3px outset #2a6d2f;
  width: 99%;
  padding: 4px;
  margin: 4px;
  text-align: justify; }

.facility-selector:hover {
  border: 3px inset #2a6d2f; }

.new-facility-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 3px outset #666665;
  width: 300px;
  margin: auto;
  padding-top: 4px;
  padding-bottom: 4px; }

.new-facility-button:hover {
  border: 3px inset #cccccc; }

.inmate-table {
  border: 0;
  padding: 0;
  text-align: left;
  border-spacing: 0;
  width: 100%;
  padding: 4px; }

.inmate-cell {
  padding: 4px; }

.state-icon {
  width: 128px;
  height: 128px;
  padding: 0;
  margin: 0; }

.state-thumb {
  width: 64px;
  height: 64px;
  padding: 0;
  margin: 0; }

.slide-container {
  width: 760px;
  height: 320px;
  padding: 0;
  margin: 0;
  color: #ffffff;
  background: url("tree.jpg");
  display: table-cell; }

.cart-menu-view {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #2f2f2f;
  width: 100%;
  overflow-x: hidden; }

.cart-menu-table {
  padding: 16px; }

.cart-menu-spacer {
  padding: 8px; }

.cart-menu-cell {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 3px outset #999997;
  padding: 12px; }

.cart-menu-cell:hover {
  border: 3px inset #999997; }

.cart-menu-thumb {
  width: 240px;
  height: 240px;
  padding: 0;
  margin: 0; }

.cart-menu-thumb-title {
  max-width: 240px;
  padding: 0;
  margin: 0;
  font-size: 10pt;
  color: #2f2f2f; }

.select-item-image {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #999997;
  width: 320px;
  height: 320px;
  padding: 0;
  margin: 0; }

.select-item-title {
  max-width: 240px;
  padding: 0;
  margin: 0;
  font-size: 10pt;
  color: #2f2f2f; }

.select-item-description {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #999997;
  width: 400px;
  height: 320px;
  max-width: 400px;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  padding: 4px;
  margin: 0; }

.cart-view {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #2f2f2f;
  width: 100%;
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden; }

.cart-table {
  padding: 4px;
  border-spacing: 0; }

.cart-icon {
  height: 48px;
  width: 48px; }

.cart-inmate {
  background-color: #999997;
  color: #000000;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px; }

.cart-item1 {
  background-color: #cccccc;
  color: #000000;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px; }

.cart-item1-remove {
  background-color: #cccccc;
  color: #000000;
  text-align: right;
  padding-left: 8px;
  padding-right: 16px; }

.cart-item2 {
  background-color: #dddddd;
  color: #000000;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px; }

.cart-item-spacer {
  background-color: #dddddd;
  color: #000000;
  padding: 2px;
  border-bottom: 1px solid #000000; }

.cart-remove-link {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d90000;
  background-color: #d90000;
  color: #ffffff;
  border: 2px outset #d90000;
  width: 24px; }

.cart-remove-link:hover {
  border: 2px inset #d90000; }

.cart-green-button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #4c8f40;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 8px;
  background-color: #2a6d2f;
  color: #ffffff;
  font-size: 9pt;
  border: 2px outset #2a6d2f; }

.cart-green-button:hover {
  border: 2px inset #2a6d2f; }

.card-cvv-cell {
  font-size: 14pt;
  text-align: right; }

.deposit-table {
  border: 0;
  padding: 4px;
  border-spacing: 0;
  width: 100%; }

.deposit-cell1 {
  background-color: #dddddd; }

.deposit-cell2 {
  background-color: #eeeeee; }

.deposit-cell-header {
  background-color: #000000;
  color: #ffffff; }

.confirm-deposit1 {
  text-align: left;
  background-color: #dddddd;
  padding: 4px; }

.confirm-deposit2 {
  text-align: left;
  background-color: #eeeeee;
  padding: 4px; }

.confirm-deposit3 {
  text-align: left;
  padding: 4px; }

.confirm-deposit-header {
  text-align: left;
  background-color: #999997;
  padding: 4px; }

.card-cvv {
  width: 64px;
  border: 4px solid #000000;
  font-size: 12pt; }

.loading-image {
  width: 320px;
  height: 320px; }

#checkout {
  padding: 0;
  margin: 0;
  display: inline; }

#please-wait {
  padding: 0;
  margin: 0;
  display: none; }

#eula {
  max-height: 300px;
  width: 720px;
  height: 300px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #999997;
  overflow: auto;
  text-align: left;
  verical-align: top; }

.em-table {
  border: 0;
  padding: 4px;
  border-spacing: 0;
  margin: 0 auto; }

.em-header {
  background-color: #000000;
  color: #ffffff;
  text-align: left;
  padding: 4px; }

.em-header-cell {
  text-align: left;
  padding: 4px;
  background-color: #ffffff;
  color: #000000; }

.em-message {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #999997;
  font-size: 12pt;
  max-width: 1024px;
  margin: 0 auto;
  text-align: left;
  padding: 8px;
  white-space: pre-wrap;
  width: 100%; }

.em-message-container {
  min-width: 600px; }

.em-button-container {
  max-width: 1024px; }

.em-list {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #999997;
  font-size: 12pt;
  max-width: 1024px;
  margin: 0 auto;
  white-space: pre-wrap;
  display: block;
  width: 100%; }

.facility-list {
  border: 2px solid #cccccc;
  background-color: #ffffff;
  color: #000000;
  width: 800px;
  min-height: 480px;
  overflow-x: hidden; }

.em-button {
  max-width: 160px; }

.em-status {
  color: #666665;
  font-style: italic; }

.em-stop-address {
  color: #2f2f2f; }

.red-text {
  color: #d90000; }

.bold-text {
  font-weight: bold; }

.italic-text {
  font-style: italic; }

.pagination {
  font-family: Monospace, fixed; }

.current {
  background-color: #cccccc;
  font-style: normal; }

.checkmark {
  display: none;
  background-color: #28a745;
  /* Bootstrap green */
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

#pwsubmit {
  display: none; }

/* 2025-08-18 PASSWORD INFO BOX */
.input-container {
  position: relative;
  display: inline-block; }

#password-info {
  /* position: absolute; */
  /* bottom: 100%;  */
  /* left: 0; */
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px;
  /* width: 250px; */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px; }

.password-requirement {
  color: #d90000;
  margin: 3px 0; }

.password-requirement.met {
  color: green;
  font-weight: bold; }

#confirm-info {
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px; }

.confirm-requirement {
  color: #d90000;
  margin: 3px 0; }

.confirm-requirement.met {
  color: green;
  font-weight: bold; }

.input-container {
  position: relative;
  display: inline-block; }

/* input[type="password"], input[type="text"] { */
.toggle-pw {
  padding-right: 30px;
  /* space for the icon */
  font-size: 14px;
  /* width: 250px;    */
  /* font-size: 16px; */ }

.toggle-visibility {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #666;
  user-select: none; }

.toggle-visibility:hover {
  color: #000; }