.loginbox {
    width: 500px;
    margin: auto;
}

body {
  padding-top: 120px;
/*
  padding-bottom: 40px;
*/
  background-color: #eee;

  /* This helps scroll past the header */
  XXXscroll-margin-top: 270px; 
}

.body-no-header { 
  padding-top: 20px;
}

.mainbody {
    padding-bottom: 80px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.logobanner { 
  margin: 10px auto;
  height: 70px;
  display: block;
}

.row-even { 
  background-color: #dff0d8;
}

.panel > .panel-heading {
  background-image: none;
  background-color: #B5683C;
  color: #53390D;
  font-weight: 900;
}

.broadcastmsg  {
  font-weight: bold;
  color: #6E904A;
}

.alert-danger {
	background-color: #6E904A;
	color: #B5683C;
}

.group-span-filestyle label {
	width: 180px;
	text-align: left;
}
.group-span-filestyle .buttonText {
	padding-left: 10px;
}

.table > thead > tr > td.disabled, .table > thead > tr > th.disabled, .table > thead > tr.disabled > td, .table > thead > tr.disabled > th, .table > tbody > tr > td.disabled, .table > tbody > tr > th.disabled, .table > tbody > tr.disabled > td, .table > tbody > tr.disabled > th, .table > tfoot > tr > td.disabled, .table > tfoot > tr > th.disabled, .table > tfoot > tr.disabled > td, .table > tfoot > tr.disabled > th {
	color: #BBBBBB;
}

tr.row-alt > td {
  background-color: #BBBBBB;
}

.alignright { text-align: right; }
.ar { text-align: right; }
.ac { text-align: center; }

.btn-xs {
    --bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;
}

.maxwidth-500 { max-width: 500px; }
.maxwidth-800 { max-width: 800px; }

.card-header { font-weight: bold;  font-size: 1.1em; }
.card-center { margin-left: auto;  margin-right: auto; }

.nowrap { white-space: nowrap; }

.pst-button-accordian[aria-expanded=false] {
  color: grey;
}
.pst-button-accordian[aria-expanded=true] {
  color: #339933;
}

.pst-accordiain-row {
  font-size: 0.9em;
}

.show-on-hover {
  visibility: hidden;
}
.hover-detect:hover > .show-on-hover {
  visibility: visible;
}

/* Unused/Inactive Member or Producer */
.mem-unused > td {
  color: darkgrey;
}

.payout-line-info { color: darkgreen; }
.payout-line-warn { color: darkorange; }
.payout-line-error { color: red; font-weight: bold; }
.payout-line-unknown { color: darkorchid; }

#payout-output {
  width: 100%;
  height: 400px;
  margin: 6px;
  padding: 15px;
  border: 1px solid silver;
  overflow: scroll;
}

tr.salesdata-deleted td {
  color: lightgrey;
  font-style: italic;
}

.floatleft {
  float: left;
}


.producer-notes {
  font-size: 0.8em;
  font-style: italic;
  color: #888888;
}

.notes, .notes-sm {
  font-style: italic;
  color: #888888;
}
.notes-sm {
    font-size: 0.9em;
}

.devsite {
  background: url( "/images/devsite.png" ) repeat-y 0 50px;
}

/* Membership Expiration Listings */
.mem_exp {
    color: red;
}
/* If unused or inactive, don't color it */
.mem_unused .mem_exp {
    color: silver;
}
.mem_unused {
    color: silver;
}