/*
  $Id: stylesheet.css,v 1.26 2003/06/30 20:03:50 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/
html, body {
  font-family: Verdana, Arial, sans-serif;
  /*  font-size: 62.5% !important; */
  line-height: 1.2;
}

html>body {
  font-family: Verdana, Arial, sans-serif;
  /*  font-size: 10px !important;    /* For modern browsers 1em = 12px */
}
div.footer {
  width:95%; margin-left:auto; margin-right:auto;
}

/* links */
a:link { font-family: Verdana, Arial, sans-serif; color: #000000; font-weight: normal; text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; color: #000000; font-weight: normal; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; color: #000000; font-weight: normal; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; color: #000000; font-weight: normal; text-decoration: underline; }

/* tab links */
/*
li>a:link { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #000000; font-weight: bold; text-decoration: none; }
li>a:visited { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #000000; font-weight: bold; text-decoration: none; }
li>a:active { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #000000; font-weight: bold; text-decoration: none; }
li>a:hover { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #000000; font-weight: bold; text-decoration: underline; }
*/
img.headerLogo {width: 75%; max-width: 200px; height: auto;}
a.headerLink:link { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:visited { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:active { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; font-weight: bold; text-decoration: none; }
a.headerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; font-weight: bold; text-decoration: underline; }

a.menuBoxHeadingLink:link { font-size: .75em; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:visited { font-size: .75em; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:active { font-size: .75em; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:hover { font-size: .75em; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxContentLink:link { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:visited { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:active { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #616060; font-weight: normal; text-decoration: none; }
a.menuBoxContentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #616060; font-weight: normal; text-decoration: underline; }

a.splitPageLink:link { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

a.inputButton, a.button, input[type="submit"], button {display:inline-block;margin-top:0;padding:4px !important;border: 2px outset #ddd;border-radius:3px;font-size:12px;line-height: 16px; vertical-align: middle; background-image:linear-gradient(#ffffff,#c6c5d7);}
a.inputButton:hover, a.button:hover, input[type="submit"]:hover, button:hover {display:inline-block;margin-top:0;padding:4px;border: 2px outset #ddd;border-radius:3px;font-size:12px;line-height: 16px;background-image:linear-gradient(#ffffff,#c6c5d7);text-decoration: none !important;}

button.grid {display:inline-block;margin-top:0;padding:2px !important;border: 2px outset #ddd;border-radius:3px;font-size:11px;line-height: 14px;background-image:linear-gradient(#ffffff,#c6c5d7);}
button.grid:hover {display:inline-block;margin-top:0;padding:2px;border: 2px outset #ddd;border-radius:3px;font-size:11px;line-height: 14px;background-image:linear-gradient(#ffffff,#c6c5d7);text-decoration: none !important;}

.ui-button-text-only .ui-button-text {
  padding: 0 !important;
}
/* drop zone buttons */
button.dz-button {width: 200px !important; height:50px !important;}
/* menu box */
.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #616060; }

/* page */
body { background-color: #ffffff; color: #000000; margin: 0px; }
.headerBar { background-color: #B3BAC5; }
.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #000000; }

/* info box */
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ffffff; background-color: #B3BAC5; }
.infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #000000; background-color: #DEE4E8; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: .75em; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: .75em; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: .75em; background-color: #99ff00; }

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; }
FORM { display: inline; }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: .75em; }
.main { font-family: Verdana, Arial, sans-serif; font-size: .875em; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: .75em; color: #ff0000; }
label.qs_label { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorMessage {font-family: Verdana, Arial, sans-serif; font-size: .75em; font-weight:bold; color: #ff0000;}
/* over ride the tabs 100% setting */

/**********************************
Use: cmxform template
Author: Nick Rigby
***********************************/

form.cmxform {font-size:.85em;}
form.mobile {font-size:1.5em;}
/** for some reason text areas have a larger font */
form.cmxform textarea {font-size:.9em;}
form.cmxform fieldset {
  margin: 3px; /* 0 5px 10px 5px; */
  padding: 5px;
  width:95%;
}

form.cmxform fieldset.float {
  margin: 0 5px 10px 5px;
  padding: 5px;
  width: 46%;
  /*  height:100%; */
  float: left;
}

form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}

form.cmxform label {
  display: inline-block;
  font-size: .8em;
  line-height: 1em;
  vertical-align: top;
  /*  text-align: right; */
  margin: 0 15px 0 10px;
}

label.above {width:90% !important; display:block !important; margin-left:0 !important; line-height:1.5em !important;}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}

form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}

.error {
  color: red;
  font-weight: bold;
  font-size:.9em;
}

form.cmxform input.small {
  width: 100px;
}

form.cmxform input.medium {
  width: 200px;
}

form.cmxform input.large {
  width: 350px;
}

form.cmxform span {
  padding-right: 20px;
}

form.cmxform span.required {
  padding:0;
  margin:0;
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.cmxform br {
  line-height: 1px;
  clear: both;
}

div.fieldcontain { margin-bottom:10px;}
form.cmxform label { width: 150px; vertical-align: baseline;} /* Width of labels */
form.mobile label { width: 100%; vertical-align: baseline;} /* Width of labels */
div.fieldcontain label.label-above {display:block; width:90%;margin-left: 0;}

form.cmxform label.top { vertical-align: top;} /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 20px; } /* Width plus 3 (html space) */

input.button {
  font-size:12px;padding: 5px 10px;border-radius: 3px;
  line-height: 16px;background-image:linear-gradient(#ffffff,#c6c5d7);
}

input.search {
  width: 100px;
  border: none;
  background: url(/images/input.gif);
  padding: 4px;
}

input.login {
  width: 100px;
  border: none;
  background: url(/images/logininput.gif);
  padding: 4px;
}

input.tiny {
  width: 23px;
  padding:1px;
  margin-right:10px;
}
input.quarter {
  display:inline-block;
  width: 24%;
}
input.third {
  display:inline-block;
  width: 32%;
}
input.half {
  display:inline-block;
  width:49%;
}
input.twothirds {
  display:inline-block;
  width:65%;
}
input.full {
  width:95%;
}

textarea.quarter {
  display:inline-block;
  width: 24%;
}
textarea.third {
  display:inline-block;
  width: 32%;
}
textarea.half {
  display:inline-block;
  width:49%;
}
textarea.twothirds {
  display:inline-block;
  width:65%;
}
textarea.full {
  width:75%;
  display:inline-block;
}

form.cmxform textarea.short {
  height: 50px;
}

form.cmxform textarea.medium {
  height: 90px;

}

form.cmxform textarea.tall {
  height: 150px;
}

input[type="text"].hiddenEdit {
  border:0;
}
.pager {
  float: left;
  margin-bottom: 15px;
}

div.pager_link {
  float:left;
  font-size: 1em;
  font-color:blue;
  margin-left: 25px;
}
div.pager_link a {
  font-size: 1em;
  color:blue;
  margin-top:5px;
}

div.fieldcontain { margin: 5px 0 5px 0; float:left;}
div.fieldcontain label { display:inline-block; font-size:.9em;}
th.label { font-weight:400; font-size:.8em;text-align:left}
div.fieldcontain label.top {vertical-align:top;}
div.oneup { width:100%; float:left; }
div.twoup { width:50%; float:left; }
div.threeup { width:30%; float:left; }
div.fourup { width:25%; float:left; }
div.fiveup { width:20%; float:left; }

quarter { display:inline-block;width:25%; }
half { display:inline-block;width:50%; }
third { display:inline-block;width:33%; }
twothirds { display:inline-block;width:66%; }
threequarters { width:75%; }
full { width:95%; }

select.quarter { display:inline-block;width:25%; }
select.half { display:inline-block;width:50%; }
select.third { display:inline-block;width:33%; }
select.twothirds { display:inline-block;width:66%; }
select.threequarters { width:75%; }
select.full { width:95%; }

a.more-link, a.less-link {
  font-weight: bold !important;
  color: blue !important;
}

a.drillDown::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px
}

li.hidden {display:none;}
li.visible {display:block;}

@media screen and (max-width: 360px) {
  div.twoup { width:100%; float:left; }
  div.threeup { width:100%; float:left; }
  div.fourup { width:50%; float:left; }
  div.fiveup { width:30%; float:left; }
  fieldset.twoup, fieldset.oneup {
    width: 99% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #a4a4a5 !important;
  }
  quarter { width:50%; }
  third { width:66%; }
  half { width:95%; }
  twothirds { width:95%; }
  threequarters { width:95%; }
  full { width:95%; }

  select.quarter { width:50%; }
  select.third { width:66%; }
  select.half { width:95%; }
  select.twothirds { width:95%; }
  select.threequarters { width:95%; }
  select.full { width:95%; }
}

/* -------------- DETAILS MODAL */

.details-modal {
  background: #ffffff;
  border-radius: 0.5em;
  border: 2px solid grey;
  left: 50%;
  /*  top: 50%; */
  max-width: 90%;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30em;
  text-align: left;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
/* -------------- CLOSE */

.details-modal-close {
  align-items: center;
  color: #111827;
  display: flex;
  height: 4.5em;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5em;
}

modal-inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* -------------- TITLE */

.details-modal-title {
  color: #111827;
  padding: 1.5em 2em;
  pointer-events: all;
  position: relative;
  width: calc(100% - 4.5em);
}


/* -------------- CONTENT */

.details-modal-content {
  border-top: 1px solid #e0e0e0;
  padding: 2em;
  pointer-events: all;
  overflow: auto;
}


/* -------------- OVERLAY */

.details-modal-overlay {
  transition: opacity 0.2s ease-out;
  pointer-events: none;
  background: rgba(#0f172a, 0.8);
  position: fixed;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;

  details[open] & {
    pointer-events: all;
    opacity: 0.5;
  }
}

/* -------------- DETAILS */

details summary::marker {
  display: none; 
  content: "";
}

details {
  cursor: pointer;
  summary {
    list-style: none;
    text-decoration-style: dashed;
    &:focus {
      outline: none;
    }
    &::-webkit-details-marker {
      display: none;
    }
  }
}

summary.standard { font-weight:700; }
summary.standard:before {
  content: "+ ";
}

details[open] > summary.standard:before {
  content: "- ";
}

.monochrome {
  filter: grayscale(1) contrast(1.5) brightness(1);
  mix-blend-mode: multiply;
}

td.alignRight { text-align: right !important; padding: 8px;}
th.alignRight { text-align: right !important; padding: 8px 30px;}

@media screen and (max-width: 360px) {
  li.footable-page-nav[data-page="prev-limit"] {
    display: none;
  }
  li.footable-page-nav[data-page="next-limit"] {
    display: none;
  }
}

summary {
  cursor: pointer;
  list-style: none;  /* removes default marker */
  display: flex;
  font-size: 1em;
  font-weight: bold;
  align-items: center;
}

summary::after {
  content: "▶";          /* right-pointing triangle */
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.2s;
}

details[open] summary::after {
  transform: rotate(90deg); /* rotates to point down */
}


/**
* Print stylesheet for yourwebsite.com
* @version         1.0
* @lastmodified    16.06.2016
* Created on : Nov 4, 2021, 12:53:24 PM
*   Author     : Ken
*/

@media print {

  /** Setting margins */
  @page { 
    margin: 1.5cm .5cm 1.5cm .5cm 
  }
  /* Or: */
  /* The first page of a print can be manipulated as well */
  
  body {
    width: 100%;
    margin: 0;
    float: none;
    font-size: 13pt;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    line-height: 1.3;
    background: #fff !important;
    color: #000;
  }
  h1 {
    font-size: 24pt;
  }
  h2, h3, h4 {
    font-size: 14pt;
    margin-top: 25px;
  }

  a:link, a:visited, a {
    background: transparent;
    color: #520;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }
  a {
    page-break-inside:avoid
  }
  a[href^=http]:after {
    content:"";
  }

  article a[href^="#"]:after {
    content: "";
  }
  a:not(:local-link):after {
    content:"";
  }
  
  .noPrint {
    display: none !important;
  }

    /* This rule applies only when the page is being printed */
  table.printable {
    table-layout: auto;
    width: 100%; /* Optional: ensures the table spans the full printable width */
  }

  /* Hide the last column of a printable table */
  table.printable th:last-child,
  table.printable td:last-child {
    display: none;
  }
}