/*Colors:
blue-1: #002366 nav-bar-top
blue-2: #002f7a nav-bar-bottom
blue-3: #003b8d top-bg
blue-4: #004896 bottom-bg
blue-5: #002ac6 text
red: #bc214a logo-red
yellow: #f8d740 logo-yellow
*/


 a {
      text-decoration: none;
      color: #004896;
}

.img-sm {
  width: 75px;
}
.list-div {
  font-size: small;
  border: 1px grey solid;
  padding: 5px 0;
  margin: 3px;
}
.not-authorized {
  font-size: 16px;
  font-family: Arial;
  padding:  10px;
  width: 50%;
  background-color: lightgrey;
  color: darkred;
}
.page {
      background-color: #003b8d;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.container {
      background-color: #ffffff;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 1200px;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.header {
      background-color: #003b8d;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.header-left {
      background-color: #4b459c;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.header-right {
      background-color: #4f1454;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }

.home-banner {
      margin: auto; 
      width: 100%;
      padding: 12px;
      padding-top: 0px;
      text-align: center;
}

.header-wrapper {
      width: 100%;
}

.header-banner {
      width: 100%;
}

.header-sub-banner {
      margin-right: 0px;
}
.search-hint {
	width:55%; 
	text-align:right; 
	display: inline-block;
	font-size: 12px;
	color: #f8e50d;
}
.header-search-form {
      margin-right: 0px;
      width: 32%;
      text-align: right;
      vertical-align: middle;
      display: inline-block;
}
.header-search-input {
      width: 40%;
      color: #02186d;
      font-weight: normal;
      font-size: 16px;
      margin-right: 10px;
      /*font-style: italic;*/
      /*margin-top: 20px;*/
}

.search-button {
    background-color: #02186d; 
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    width: 22%; 
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
    float: right;
    /*margin-top: 20px;*/
}

.account-bar {
  background-image: linear-gradient(#002366, #002f7a);
/*  position: fixed;
  top: 200px;*/
/*  bottom: 150;
  right: 100;*/
  display: block;
  width: 20%;
  margin: auto;
  margin-left: 76%;
  margin-top: -44px;
  padding: 0px;
}
.account-item {
      /*background-color: #009242;*/
      display: inline-block;
      font-size: .7vw;
      color: #ffffff;
      text-align: center;
      width: 30%;
      margin: auto;
      padding: 0px;
    }

.columns-wrapper {
      background-color: #002f7a;
      width: 100%;
      vertical-align: top;
}

.left-column {
      background-color: #ffffff;
      width: 18%;
      vertical-align: top;
      display: inline-block;
      color: #02186d;
      padding: 3px;
      margin-right: -0.5%;
      margin-top: 10px;
      margin-left: -15px; 
}

.left-menu-item {
      font-size: 12px;
      font-weight: bold;
      text-align: left;
      width: 100%;
      padding: 2%;
}

.right-column {
      width: 960px;
      vertical-align: top;
      display: inline-block;
      margin: auto;
      margin-top: 0px;
}












.login-logout {
  font-size: 10px;
  color: #ffffff;
}


.hello-text {
  margin-bottom: 4px;
}

.badges-box {
      background-color: #0f9624;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.badge-item {
      background-color: #64940e;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.nav-bar {
      background-image: linear-gradient(#002366, #002f7a);
      text-align: left;
      width: 98%;
      margin: auto;
      padding: 1%;
      display: block;
    }
.nav-item {
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      color: #ffffff;
      text-align: center;
      display: inline-block;
      margin: auto;
      padding: 1%;
    }


.search_str {
  color: black;
  display: inline;
}

.product-grid-wrapper{
      display: grid;  
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      /*background-color: #003b8d;*/
      background-color: #ffffff;
      color: #004896;
      font-size: 16px;
}
.product-grid-cell {
      grid-column-start: span 4;
      background-color: #ffffff;
      border: solid 2px #004896;
      /*border-radius: 12px;*/
      margin: 5px;
      padding: 10px;
      vertical-align: bottom;
}
.downloadable-flag {
      /*grid-column-start: span 4;*/
      background-color: #B71E4B;
      border: solid #002ac6;
      color: #f8d740;
      font-size: 14px;
      width: 80%;
      margin: auto;
      margin-bottom: 6px;
      padding: 3px;
      display: block;
}

.download-available-flag {
      display: inline-block;
      /*grid-column-start: span 4;*/
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
      background-color: #bc214a;
      border: solid #002ac6;
      /*width: 54%; */
      margin: auto;
      margin-bottom: 6px;
      padding: 3px;
      display: block;
      float: right;
      margin-right: 12px;
}

.download-checkbox {
      display: inline-block;
      width: 10%;
}

.download-verbiage {
      display: inline-block;
      width: 80%;
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
	
}

.img-square {
  object-fit: contain;
  width:240px;
  height:240px;
  margin: 10px;
}

.prod-form {
      margin: 10px;
}

.prod-cat-callout a {
      float:left;
      color: #bc214a;
      color: #222222;
      font-size: 14px;
      font-weight: bold;
      min-height: 60px;
}
.prod-title-box {
      min-height: 100px;
      font-weight: bold;
      padding: 12px;
      text-decoration: none;
}

.prod-title {
      font-size: 32px;
      font-weight: bold;
      color: #02186d;
      margin: 10px;
}

.prod-text {
      font-size: 18px;
      font-weight: normal;
      text-align: left;
      line-height: 1.5;
      font-weight: 555;
      color: #004896;
      margin: 32px;
}

.cat-link-1 {
      padding: 22px;
      color: #002ac6;
}

.cart-input {
      display: grid;
      margin: auto;
      margin-bottom: 18px;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; /*12*/
      grid-column-gap: 10px;
      width: 80%;
      /*border: solid #003174 5px;*/
      border: solid #5d626b 5px;
      -webkit-box-shadow: 1px 7px 11px 2px rgba(2,24,109,0.83); 
      box-shadow: 1px 7px 11px 2px rgba(2,24,109,0.83);

}
.cart-input-cell-1 {
      grid-column-start: 1;
      grid-column-end: 4;
      font-size: 18px;
      color: #ffffff;
      background-color: #02186d;
}
.cart-input-cell-2 {
      grid-column-start: 4;
      grid-column-end: 6;
      font-size: 18px;
      margin-top: 12px;
}
.cart-input-cell-3 {
      grid-column-start: 6;
      grid-column-end: 9;
      font-size: 16px;
      font-style: italic;
      margin-top: 8px;
}
.cart-input-cell-4 {
      grid-column-start: 9;
      grid-column-end: 13;
      font-size: 18px;
      margin-top: 0px;
}

.cart-display-icon {
      grid-column-start: 12;
      grid-column-end: 13;
      margin-top: 12px;
      text-align: left;
}


.cart-table {
      width: 100%;
}

.cart-table-container-css {
      position: relative;
}

.cart-header {
      text-align: left;
      font-size: 24px; 
      font-weight: bold; 
      margin: 24px;   
}

.cart-cell-header {
      text-align: left;
      font-size: 14px;
      font-style: italic;
      padding: 10px;
}

.cart-cell-header-center {
      text-align: center;
      font-size: 14px;
      font-style: italic;
      padding: 10px;
}

.cart-cell-header-right {
      text-align: right;
      font-size: 14px;
      font-style: italic;
      padding: 10px;
}

.cart-cell {
      text-align: left;
      font-size: 18px;
      padding: 10px;
}

.cart-cell-center {
      text-align: center;
      font-size: 18px;
      padding: 10px;
}

.cart-cell-right {
      text-align: right;
      font-size: 18px;
      padding: 10px;
}


.cart-product-image {
      vertical-align: middle;
      display: inline-block;
      height: 100%;
      width: 10%;
}
.cart-product-title {
      /*vertical-align: middle;*/
      display: inline-block;
      height: 100%;
      margin: 10px;
      width: 84%;
}

.cart-discount-label {
      color: green;
}

.cust-input-label {
      width: 10%;
      text-align: right;
}

.cust-input-data-1 {
      text-align: left;
      width: 60%;
}
.cust-input-data-2 {
      text-align: left;
      /*width: 100%;*/
}

.big-red {
  color: red;
  font-size: 20px;
}

.invalid {
  border: red 3px solid;
}

.errmsg, .errmsg a {
  color: red;
  font-size: 14px;
}

.invoice-title {
      font-size: 36px;
      text-align: left;
      padding-left: 12px;
      font-weight: bold;
}

.invoice-label {
      font-size: 16px;
      text-align: right;
      font-style: italic;
      width: 20%;
      vertical-align: top;
}
.invoice-data {
      font-size: 24px;
      text-align: left;
      font-weight: bold;
      padding-left: 10px;
}

.invoice-notification {
      font-size: 16px;
      text-align: left;
      font-style: italic;
      vertical-align: top;
}

.invoice-msg {
      margin-top: 10px;
      font-size: 20px;
      font-weight: bold;
}

.small {
  font-size: small;
}

label {
      
      font-size: 15px;
      text-align: right;
      width: 80%;
      color: #002ac6;
}

input {
      /*width: 60%;*/
      font-weight: bold;
      width: 80%;
      -webkit-box-shadow: 4px 4px 15px -2px #002ac6; 
      box-shadow: 4px 4px 15px -2px #002ac6;
}

.please-call-in {
      font-weight: bold;
      margin: 20px;
      color: #002ac6;
}



.dnload-checkbox {
      font-weight: normal;
      text-align: left;
      color: #222222;
      margin: 10px; 
}

.qty-picker {
      width: 48px;
      font-size: 18px;
      font-weight: normal;
      text-align: center;
      color: #222222;
      margin: 10px; 
}

.prod-price {
      font-size: 18px;
      margin: 10px;
      font-weight: 555;
}

.prod-button-bar {
    vertical-align: bottom;
    margin-bottom: 0px;
}

.prod-button-1 {
    background-color: #02186d; 
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    width: 44%; 
    display: inline-block;
    padding: 5px;
    vertical-align: bottom;
    margin-bottom: 10px;
    /*margin-left: 10px;*/
}

.prod-button-2 {
      grid-column-start: 9;
      grid-column-end: 13;
      background-color: #02186d; 
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      width: 80%; 
      display: inline-block;
      padding: 5px;
      vertical-align: bottom;
      margin: 10px;
      border: solid #5d626b 3px;
}

.prod-button-2:hover {
      border: solid #bc214a 3px;
}

.download-tag {
      color: #dd4422;
      }

.report-title {
      width: 20%;
      font-size: 12px;
      text-align: left;
      margin-left: 1%;
      margin-right: 1%;
      font-weight: bold; 
      font-size: 24px; 
      color: #02186d;
}


.report-header-label-1 {
  width: 20%;
  text-decoration: underline;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  margin-left: 1%;
  margin-right: 1%;
}

.report-header-label-1r {
  width: 20%;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  font-weight: normal;
  font-style: italic;
  margin-left: 1%;
  margin-right: 1%;
}

.report-header-label-2 {
  width: 10%;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  font-weight: normal;
  font-style: italic;
  margin-left: 4%;
  margin-right: 4%;
}

.report-header-label-3 {
  width: 10%;
  text-decoration: underline;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  margin-left: 4%;
  margin-right: 4%;
}

.report-header-label-4 {
  width: 40%;
  text-decoration: underline;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  margin-left: 4%;
  margin-right: 4%;
}

.report-header-label-5 {
  width: 50%;
  text-decoration: underline;
  font-size: 14px;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  margin-left: 4%;
  margin-right: 4%;
}

.report-row {
  width: 100%;
  vertical-align: top;
  border-bottom: 10px solid #ccccff;
}

.inactive {
      text-decoration: line-through;
}

.report-data-1 {
  width: 20%;
  font-size: 14px;
  text-align: left;
  margin-left: 1%;
  margin-right: 1%;
}

.report-data-1r {
  width: 20%;
  font-size: 14px;
  text-align: right;
  margin-left: 1%;
  margin-right: 1%;
}

.report-data-2 {
  width: 10%;
  font-size: 14px;
  text-align: right;
  margin-left: 1%;
  margin-right: 1%;
}

.report-data-3 {
  width: 10%;
  font-size: 14px;
  text-align: left;
  margin-left: 1%;
  margin-right: 1%;
}

.report-data-4 {
  width: 40%;
  font-size: 14px;
  text-align: left;
  margin-left: 1%;
  margin-right: 1%;
}

.report-data-5 {
  width: 50%;
  font-size: 14px;
  text-align: left;
  margin-left: 1%;
  margin-right: 1%;
}

.report-data-6 {
  width: 40%;
  font-weight: bold; 
  font-size: 24px;
  text-align: left;
  margin-left: 0%;
  margin-right: 0%;
}

.report-footer-row {
  text-align: center;
  width: 100%;
  font-size: 14px; 
  height: 40px;
}







/*It is worth noting that the fundamental issue has not changed. You still can't apply styles (borders, etc.) 
directly to the checkbox element and have those styles affect the display of the HTML checkbox. 
What has changed, however, is that it's now possible to hide the actual checkbox and 
replace it with a styled element of your own, using nothing but CSS. 
In particular, because CSS now has a widely supported :checked selector, 
you can make your replacement correctly reflect the checked status of the box.*/
.regular-checkbox {
      -webkit-appearance: none;
      background-color: #fafafa;
      border: 1px solid #cacece;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
      padding: 9px;
      border-radius: 3px;
      display: inline-block;
      position: relative;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
      box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked {
      background-color: #e9ecee;
      border: 1px solid #adb8c0;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
      color: #99a1a7;

}
.regular-checkbox:checked:after {
      content: '\2714';
      font-size: 14px;
      position: absolute;
      top: 0px;
      left: 3px;
      color: #99a1a7;
}
.big-checkbox {
      padding: 18px;
}
.big-checkbox:checked:after {
      font-size: 28px;
      left: 6px;
}
.checkbox-1 {
      display: inline-block;
      width: 15px;
}

.checkbox-1 input {
  width: 15px;
}
/*End checkbox section*/

.search-results-title {
      font-size: 16px;
      font-style: italic;
      color: #002f7a;
}

.download-prompt {
      display: inline-block;
      font-size: 16px;
}

.download-checker {
      margin-top: 18px;
}
.img-legend {
      font-size: 12px;
      color: #004896;
      margin: 10px;
}

.col-container {
      background-color: #d48a8b;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.col-left {
      background-color: #62b69a;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.col-right {
      background-color: #dea888;
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.footer {
      background-image: linear-gradient(#002366, #002f7a);
      font-size: 1.5rem;
      color: #333333;
      text-align: center;
      vertical-align: top;
      width: 98%;
      display: inline-block;
      margin: auto;
      padding: 1%;
    }
.footer-left {
      /*background-color: #1cb339;*/
      vertical-align: top;
      font-size: 12px;
      line-height: 2;
      color: #ffffff;
      text-align: center;
      width: 44%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }
.footer-right {
      /*background-color: #b60b55;*/
      vertical-align: top;
      font-size: 12px;
      line-height: 2;
      color: #ffffff;
      text-align: center;
      width: 44%;
      display: inline-block;
      margin: auto;
      padding: 0px;
      float: right;
    }
.footer-bottom {
      /*background-color: #fb5787;*/
      font-size: 9px;
      color: #ffffff;
      text-align: center;
      width: 100%;
      display: inline-block;
      margin: auto;
      padding: 0px;
    }

.footer-link {
    text-decoration:none; 
    color: #ffffff;
}

.customer-info {
  font-size: 14px;
  margin: 2%;
  text-align: left;
  }
    .add-cart-button {
      cursor:pointer;
    }

    #cart-itemcount {
      display: inline;
      font-size: 12px;
      vertical-align: top;
    } 

    .cart-change-qty {
      display: inline;
      font-size: 12px;
      cursor: pointer;
    }

    .remove-line-item {
      cursor: pointer;
      font-size: 14px;
    }

    .cart-total {
      text-align: left;
      padding-left: 24px;
      padding-top: 12px;
      color: #002c6b;
    }

    .coupon-code-container {
      float: right;
      width: 50%;
      text-align: right;
    }

    .coupon-code-label-1 {
      font-size: 16px;
      display: inline-block;
      text-align: right;
      width: 20%;
    }

    .coupon-code-label-2 {
      font-size: 24px;
      display: inline-block;
      text-align: right;
      width: 40%;
    }


    .coupon-code-data {
       width: 50%;
       font-size: 12px;
       text-align: left;
       margin-left: 1%;
       margin-right: 1%;
     }

    .coupon-code-input {
      text-align: left;
      margin-left: 10px;
      display: inline-block;
      width: 50%;
    }

      input.big-checkbox { 
            width: 24px; 
            height: 24px;
            margin-right: 90%;
      }

      .coupon-code-checkbox-box {
         width: 50%;
         display: inline-block;
      }

    .coupon-code-button {
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      width: 20%;
      display: inline-block;
      padding: 5px;
      font-size: 16px;
      margin-right: 0px;
    }

   .coupon-code-button:hover {
      border: solid #bc214a 3px;
    }

    .coupon-edit-code-button {
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      /*width: 20%;*/
      display: inline-block;
      padding: 5px;
      font-size: 12px;
      margin-right: 0px;
    }

   .coupon-edit-code-button:hover {
      background-color: #bc214a;
    }


    .customer-container {
      float: right;
      width: 50%;
      text-align: right;
    }

    .customer-label-1 {
      font-size: 16px;
      display: inline-block;
      text-align: right;
      width: 20%;
      margin:3px;
    }

    .customer-label-2 {
      font-size: 24px;
      display: inline-block;
      text-align: right;
      width: 40%;
    }

    .customer-data {
       width: 50%;
       font-size: 12px;
       text-align: left;
       margin-left: 1%;
       margin-right: 1%;
     }

    .customer-data-2 {
       /*width: 50%;*/
       font-size: 16px;
       font-weight: bold;
       text-align: left;
       margin-left: 1%;
       margin-right: 1%;
     }

     .customer-priv-option {
       width: 50%;
       font-size: 18px;
       text-align: left;
       margin-left: 1%;
       margin-right: 1%;
       font-weight: bold;
     }

    .customer-input {
      text-align: left;
      margin-left: 10px;
      display: inline-block;
      width: 50%;
      margin:3px;
    }

      .customer-checkbox-box {
      width: 50%;
      display: inline-block;
      }

      .customer-button {
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      width: 20%;
      display: inline-block;
      padding: 5px;
      font-size: 16px;
      margin-right: 0px;
      }

      .customer-button:hover {
      border: solid #bc214a 3px;
      }

      .customer-edit-button {
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      /*width: 20%;*/
      display: inline-block;
      padding: 5px;
      font-size: 12px;
      margin-right: 0px;
      }

      .customer-edit-button:hover {
      background-color: #bc214a;
      }

      .show-customer-field {
            padding: 2px;
      }

      .show-customer-container {
            text-align: left;
            margin-top: 10px;
      }

    .product-container {
      float: right;
      width: 50%;
      text-align: right;
    }

    .product-label-1 {
      font-size: 16px;
      display: inline-block;
      text-align: right;
      width: 20%;
      margin:3px;
      vertical-align: top;
    }

    .product-label-2 {
      font-size: 24px;
      display: inline-block;
      text-align: right;
      width: 40%;
    }

    .product-data {
       font-size: 16px;
       font-weight: bold;
       text-align: left;
       margin-left: 1%;
       margin-right: 1%;
     }

    .product-data-2 {
      font-weight: bold;
      font-size: 22px;
     }

    .product-input {
      font-size: 18px;
      text-align: left;
      margin-left: 10px;
      display: inline-block;
      width: 70%;
      margin:3px;
    }

      .product-checkbox-box {
      width: 50%;
      display: inline-block;
      }

      .product-button {
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      width: 20%;
      display: inline-block;
      padding: 5px;
      font-size: 16px;
      margin-right: 0px;
      }

      .product-button:hover {
      border: solid #bc214a 3px;
      }

      .product-edit-button {
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      /*width: 20%;*/
      display: inline-block;
      padding: 12px;
      font-size: 12px;
      margin-right: 0px;
      }

      .product-edit-button:hover {
      background-color: #bc214a;
      }

      .show-product-field {
            padding: 2px;
      }

      .show-product-container {
            text-align: left;
            margin-top: 10px;
      }

      .product-add-category-label {
            vertical-align: top;
      }

      .product-add-category {
            font-size: 14px;
            cursor: pointer;
            width: 40%;
            text-align: right;
      }

      .product-categories-container {
            position relative;
      }

      #product-select-category-container {
            position: absolute;
            top: 0;
            left: 0;
      }

      .edit-message {
            font-size:  12px;
            color:  #002f7a;
      }

    .auth-iframe {
      height: 75vw;
    }

    .paging-arrows-container {
      display: inline;
    }

    .paging-arrows {
      background-color: #02186d;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      width: 16%;
      display: inline-block;
      padding: 5px;
      vertical-align: bottom;
      margin-bottom: 10px;
      cursor: pointer;
    }

    .next-arrow {
      float: right;
      margin-right: 32px;
    }

    .prev-arrow {
      float: left;
      margin-left: 32px;
    }



      .err-msg {  
            color: red;
            margin: 10px;
            font-size: 16px;
      }  
      .login-wrapper { 
            display: grid;
            width: 100%; 
            row-gap: 12px;
            grid-template-columns: 3fr 3fr 3fr 3fr;
            grid-template-rows: max-content;
      } 
      .login-label {  
            grid-column-start: 1;
            grid-column-end: 2;
            text-align: right;
      } 
      .login-input {  
            grid-column-start: 2;
            grid-column-end: 4;


      }
      .login-button {  
            grid-column-start: 4;
            grid-column-end: 5;
            background-color: #02186d;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            text-decoration: none;
            width: 44%;
            display: inline-block;
            padding: 5px;
            margin-bottom: 10px;
            float: right;
      }

      .password-reset {
        font-size: 14px;
        grid-column-start: 3;
      }

      .password-reset span {
        color: blue;
        cursor: pointer;
      }

      .pw-reset-notice {
        font-size: 18px;
        padding: 2vw;
      }

      .pw-reset-form-container {
        width: 80%;
        padding: 2vw;    
      }

      .pw-reset-submit-button {
        font-size: 16px;
        background-color: lightgrey;
        border-radius: 5px;
        margin: 8px;
      }

      .signup-button {
      background-color: #02186d; 
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      width: 55%; 
      display: inline-block;
      padding: 12px;
      vertical-align: bottom;
      margin: 10px;
      border: solid #5d626b 3px;
      }

      .signup-button:hover {
            border: solid #bc214a 3px;
      }

      .admin-button {
            background-color: #02186d; 
            color: #f8d740;
            text-decoration: none;
            font-weight: bold;
            width: 55%; 
            display: inline-block;
            text-align: center;
            padding: 12px;
            vertical-align: bottom;
            margin: 10px;
            border: solid #5d626b 3px;
      }

      .admin-button:hover {
            border: solid #bc214a 3px;
      }

.not-found {
	text-align: center;
	line-height: 1.5;
	background-color: #004896;
	color: #ffffff;
	font-size: 2vw;
	padding: 12%;
	margin: 1%;
}


    .hidden {
      display: none;
    }

    .invisible {
      visibility: hidden;
    }

      .test-table {
        font-size: 14px;
      }
      .test-table td {
        border: 1px black solid;
      }
      .test-table td div {
        border: 1px black solid;
      }

      .is-shipped {
        background-color: #bc214a;
        border: solid #002ac6;
        color: #f8d740;
        font-size: 16px;
        margin: auto;
        margin-bottom: 35%;
        padding: 5px;
        width: 80%;
      }
.ship-question {
      position: absolute;
      bottom: 0;
      right: 1vw;
      background-color: #02186d;
      color: #f8d740;
      text-decoration: none;
      font-weight: bold;
      padding: 1vw;
      font-size: 16px;
      border: 5px white solid;     
}

.inline {
      display: inline;
}

.coupon-tiers-container {
      border: 1px black solid;
}

.coupon-tier-container {
      margin: 40px 5px;
      border: 2px green solid;
}

.coupon-tier-container div {
      /*display: inline-block;*/
}

.list-tier-display {
      font-size: small;
      text-align: left;
      display: inline;
}

.list-tier-display-container {
      width: 100%;
      border-bottom: 1px black solid;

}

.radio-narrow {
      width: 50px;
}

.free-dvd-searchbar {
      width: 100%;
      margin-top: 10px;
}

.freedvd-input-container {
      display: flex;
      width: 100%;
}

.freedvd-search {
      width: 90%;
}

.free-dvd-container {

}

.freedvd-label {
      color: #00408a;
      font-size: 18px;
      font-weight: bold;
      text-align: left;
      margin-left: 20px;
}

.fd-search-result-option {
      text-align: left;
      font-size: 14px;
      cursor: pointer;
}

.fd-search-result-option:hover {
      border: solid #bc214a 3px;
}

.freedvd-search-results {
      max-height: 25vw;
      overflow-y: scroll;
}

.free-dvd-msg-container {
      margin-top: 1em;
}

.ship-question-radio {
      
}

.upload-button {
    background-color: #007BFF;
    color: white;
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    margin-left: 24%;
}

.btn-blue {
    background-color: #007BFF;
    color: white;
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    margin-left: 24%;
}

.btn-blue:hover {
    background-color: #0056b3;
}

.btn-orange {
    background-color: #FD7E14; /* Bootstrap's warning orange */
    color: white;
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.btn-orange:hover {
    background-color: #e96b00;
}


/*Start media queries
/* start of desktop styles */

@media screen and (max-width: 991px) {
/* start of large tablet styles */

}

@media screen and (max-width: 767px) {
/* start of medium tablet styles */

}

@media screen and (max-width: 479px) {
/* start of phone styles */

}