@CHARSET "UTF-8";
html {
  position: relative;
  min-height: 100%;
}
.pwd-icon {
  position: absolute;
  top: 50%;
  right: 10%;
  cursor: pointer;
}
navbar-brandcenter {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}
.navbar {
  border: 0px;
  position: sticky;
  top: 0;
  z-index: 999;
}
.container-fluid {
  padding-left: 10px;
}
#home {
  padding-bottom: 0px;
  padding-top: 0px;
}
#logout {
  padding-top: 15px;
}
#bar {
    margin-bottom: 14px;
    margin-top: 14px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #080808;
  padding-top:10px;
}
#footer a {
  color:#efefef;
}
#cookieBanner {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
}
#cookieBanner a {
	color: aqua;
}
.dot {
  height: 50px;
  width: 50px;
  background-color: #bbb;
  border-radius: 50%;
  border: 1px solid lightgrey;
  display: inline-block;
  position: relative;
  left: 50px;
}

table.custorderdata table
{
    float:left; 
    position: static;
    left: 60px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: normal;
    text-align: left;
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
	padding: 5px;
	width: 100%;
}

table.custorderdata th
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    text-align: center;
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
	padding: 5px;
}

table.custorderdata td
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    text-align: center;
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
	padding: 5px;
}
.bg-dark{
    background-color: #080808!important;
}
.btn-secondary {
    color: #000000;
    background-color: #d6d9db;
    border-color: #d6d9db;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
    color: #FFFFFF;
    background-color: #a0a6ac;
    border-color: #a0a6ac;
}
/*DJM added this section for centered forms */
:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

html,
body {
 
}
label{
	font-weight:700;
}
.sw-label{
	display: inline-block;
    padding: .25em .4em;
  
    font-weight: 700;
    line-height: 1;
   
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
	font-size: 12px;
}
.center-form-parent {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: block;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 5px;
  background-color: #ffffff;
}
.center-text-parent {
  height: 100%;
  
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
   -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 5px;
  background-color: #ffffff;
}
.form-sw-centered {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: 0 auto;
}
.form-sw-config-centered {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: 0 auto;
}
.form-sw-ecal-centered {
  width: 100%;
  max-width: 620px;
  padding: 15px;
  margin: 0 auto;
}
.sw-textbox{
	 width: 100%;
  max-width: 520px;
  padding-top: 0px;
   justify-content: center;
}
/*end section for centered forms */
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}
.chip {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 10px;
      min-height: 10px;
      height: 52px;
      width: 52px;
      border-radius: 50%;
      border: 1px solid rgba(0, 0, 0, 0.125);
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.qty-remaining-clr {
    background-color: lightblue;
}

.drawDownHighlight{
    color: #fff;
    background-color: #a0a6ac!important;
}