:root 
{
  --eqdColor1: #ffffff;
  --eqdColor2: #000000;
  --eqdColor3: #e2e2e2;
  --eqdColor4: #999999;
  --eqdColor5: #353535;
  --primaryColor: #000000;
  --secondaryColor: #000000;
  --eqdRed: #f93822;
}

.eqcAltLine
{
  background-color: #f9f9f9;
}

.eqcNavCorner
{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 20px 40px 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
}

.eqcAccountAlert
{
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 0 20px 0 0;
}

.eqcAccountAlert svg
{
  fill: #999999;
  fill: var(--eqdColor4);
  /*fill: #f93822;*/
  /*fill: var(--eqdRed);*/
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcAccountAlertOn
{
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 20px 100px 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
}

.eqcAccountAlertOn:hover svg
{
  fill: #353535;
  fill: var(--eqdColor5);
}

.eqcAccountAlertOn:hover .eqcAccountAlertOn
{
  fill: #353535;
  fill: var(--eqdColor5);
}

.eqcAccountAlertOn svg
{
  fill: #000000;
  fill: var(--eqdColor2);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcAccountDesc
{
  color: #999;
  color: var(--eqdColor4);
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: right;
}

.eqcAccountUser
{
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 0 20px 0 0;
}

.eqcAccountUser svg
{
  fill: #000000;
  fill: var(--eqdColor2);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcAccountUserOn
{
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 20px 100px 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
}

.eqcAccountUserOn:hover svg
{
  fill: #353535;
  fill: var(--eqdColor5);
}

.eqcAccountUserOn:hover .eqcAccountUserOn
{
  fill: #353535;
  fill: var(--eqdColor5);
}

.eqcAccountUserOn svg
{
  fill: #000000;
  fill: var(--eqdColor2);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcApprovalIcon
{
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 0 16px 0 0;
}

.eqcApprovalIcon svg
{
  fill: #999999;
  fill: var(--eqdColor4);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcApprovalIconCnt
{
  display: none;
  color: #000000;
  color: var(--eqdColor2);
  vertical-align: middle;
}

.eqcApprovalIconOn
{
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 0 16px 0 0;
}

.eqcApprovalIconOn:hover svg
{
  opacity: .8;
  /* fill: #353535; */
  /* fill: var(--eqdColor5); */
}

.eqcApprovalIconOn:hover .eqcApprovalIconOn
{
  opacity: .8;
  /* fill: #353535; */
  /* fill: var(--eqdColor5); */
}

.eqcApprovalIconOn svg
{
  fill: #000000;
  fill: var(--eqdColor2);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcApprovalIconCnt
{
  display: none;
  color: #000000;
  color: var(--eqdColor2);
  vertical-align: middle;
}

.eqcApprovalIconCntOn
{
  display: inline-block;
  color: #000000;
  color: var(--secondaryColor);
  vertical-align: middle;
}

.eqcButtonStd 
{
  background-color: #000000;
  background-color: var(--primaryColor);
  border: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--eqdColor1);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 4px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}

.eqcButtonStd:hover
{
  opacity: 0.8;
  /* background-color: #353535; */
  /* background-color: var(--eqdColor5); */
}

.eqcCombo
{
  /* styling */
  background-color: white;
  border: thin solid #353535;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  padding: 2px 2px 2px 2px;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, #000000 50%),
    linear-gradient(135deg, #000000 50%, transparent 50%);
  background-position:
    calc(100% - 13px) calc(1em - 2px),
    calc(100% - 8px) calc(1em - 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;

  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  color: #353535;
}

.eqcCombo2
{
  letter-spacing: .5px;
  text-transform: none;
}

.eqcButtonStd 
{
  background-color: #000000;
  background-color: var(--primaryColor);
  border: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--eqdColor1);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 4px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}

.eqcButtonStd:hover
{
  opacity: 0.8;
  /* background-color: #353535; */
  /* background-color: var(--eqdColor5); */
}

.eqcFooter
{
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-top: 16px;
  width: 100%;
}

.eqcViewCart
{
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 20px 40px 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
}

.eqcViewCart svg
{
  fill: #999999;
  fill: var(--eqdColor4);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcViewCartOn
{
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
  margin: 20px 40px 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
}

.eqcViewCartOn:hover svg
{
  opacity: .8;
  /* fill: #353535; */
  /* fill: var(--eqdColor5); */
}

.eqcViewCartOn:hover .eqcViewCartCntOn
{
  opacity: .8;
  /* fill: #353535; */
  /* fill: var(--eqdColor5); */
}

.eqcViewCartOn svg
{
  fill: #000000;
  fill: var(--eqdColor2);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcViewCartCnt
{
  display: none;
  color: #000000;
  color: var(--eqdColor2);
  vertical-align: middle;
}

.eqcViewCartCntOn
{
  display: inline-block;
  color: #000000;
  color: var(--secondaryColor);
  vertical-align: middle;
}

.eqcViewCart2
{
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
}

.eqcViewCart2 svg
{
  fill: #999999;
  fill: var(--eqdColor4);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcViewCart2On
{
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 30px;
}

.eqcViewCart2On:hover svg
{
  opacity: .8;
  /* fill: #353535; */
  /* fill: var(--eqdColor5); */
}

.eqcViewCart2On:hover .eqcViewCart2CntOn
{
  opacity: .8;
  /* fill: #353535; */
  /* fill: var(--eqdColor5); */
}

.eqcViewCart2On svg
{
  fill: #000000;
  fill: var(--eqdColor2);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.eqcViewCart2Cnt
{
  display: none;
  color: #000000;
  color: var(--eqdColor2);
  vertical-align: middle;
}

.eqcViewCart2CntOn
{
  display: inline-block;
  color: #000000;
  color: var(--secondaryColor);
  vertical-align: middle;
}

.eqcWrapper1k
{
  margin: 0 auto;
  position: relative;
  width: 1000px;
  overflow: hidden;
}

.eqc-NavBar
{
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
  font-size: 13px;
}

.eqc-NavButton
{
  color: #000000;
  color: var(--eqdColor2);
  cursor: pointer;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0 10px;
  padding: 2px 15px;
  transition: all 0.3s ease-in-out 0s;
}

.eqc-NavButton:hover
{
  opacity: .6;
  /* color: #999999; */
  /* color: var(--eqdColor4); */
}

.eqd-Body
{
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding-bottom: 30px;
}

.eqd-FormInput
{
  border: 1px solid #000;
  color: #353535;
  color: var(--eqdColor5);
  font-weight: 400;
  font-size: 13px;
  outline: 0;
  padding: 4px;
}

.eqd-FormLabel
{
  color: #353535;
  color: var(--eqdColor5);
  font-weight: 400;
  font-size: 13px;
  margin-top: 14px;
  margin-bottom: 4px;
  outline: 0;
}

.eqd-FormTextArea
{
  border: 1px solid #000;
  color: #353535;
  color: var(--eqdColor5);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  padding: 4px;
}

.eqd-FormTitle
{
  color: #353535;
  color: var(--eqdColor5);
  font-weight: 500;
  font-size: 13px;
  margin-top: 14px;
  margin-bottom: 4px;
  outline: 0;
  text-transform: uppercase;
}

.eqd-Heading
{
  color: #000000;
  color: var(--eqdColor2);
  font-weight: 700;
  font-size: 34px;
  margin-top: 50px;
  text-align: center;
}

.eqd-Heading img
{
  max-height: 106px;
}

.eqd-hr
{
  border: 0;
  color: #e2e2e2;
  color: var(--eqdColor3);
  background-color: #e2e2e2;
  background-color: var(--eqdColor3);
  height: 1px;
  width: 100%;
}

.eqd-Title
{
  color: #000000;
  color: var(--eqdColor2);
  font-weight: 300;
  font-size: 27px;
  margin: 40px 0 20px 0;
}

.eqm-Heading1
{
  color: #353535;
  color: var(--eqdColor5);
  font-size: 14px;
  font-weight: 700;
}

.eqm-Msg1
{
  color: #000000;
  color: var(--eqdColor2);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.eqr-Header
{
  background-color: #353535;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
}

.eqr-Header2
{
  background-color: #FFFFFF;
  color: #353535;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 700;
  overflow: hidden;
  padding: 10px 0 3px 0;
  text-transform: uppercase;
  width: 100%;
}

.eqr-HeaderCol
{
  display: inline-block;
  padding: 0 4px;
}

.eqr-Line
{
  color: #353535;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 300;
  overflow: hidden;
  padding: 6px 0;
  width: 100%;
}

.eqr-LineCol
{
  display: inline-block;
  padding: 0 4px;
}

.eqr-LineCol a
{
  color: #666666;
}

.eqr-LineCol a:hover
{
  color: #353535;
}

.eqr-NavButton
{
  float: right;
  margin: 42px 0 0 12px;
  padding: 6px 24px;
}

.eqr-Title
{
  display: inline-block;
}

.eqr-Wrapper
{
  margin: 0 auto;
  position: relative;
  width: 1000px;
  overflow: hidden;
}

.mdi-account
{
  fill: #000000;
  fill: var(--secondaryColor);
  max-height: 20px;
  width : 17px;
  vertical-align: middle;
}

.mdi-checkbox
{
  fill: #999999;
  fill: var(--eqdColor4);
  cursor: pointer;
  max-height: 20px;
  width : 17px;
  vertical-align: middle;
}
.mdi-lock
{
  fill: #000000;
  fill: var(--secondaryColor);
  max-height: 20px;
  width : 17px;
  vertical-align: middle;
}

/* QDesign Objects */
.kitPropertyF
{
  border: 1px solid #000;
  color: #353535;
  color: var(--eqdColor5);
  font-size: 13px;
  font-weight: 400;
  outline: 0;
  padding: 4px;
}

.PreviewArea 
{
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  border-left: 3px solid #353535;
  display: none;
  font-family: 'Roboto', sans-serif;
  height: 650px;
  left: 800px;
  margin-left: 4px;
  margin-top: -325px;
  position: fixed;
  top: 50%;
  width: calc(100% - 820px);
  overflow: auto;
}

.QD_Combo_Arrow
{
  border-right: 1px solid #000;
}

.QD_Combo_List
{
  width: calc(90% + 8px); /* Adjust for field padding */
}

.QD_Combo_Select
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  margin-left: 0;
  width: calc(90% + 8px); /* Adjust for field padding */
}

.QD_Combo_Text
{
  width: calc(90% - 30px);
}

.QD_CS_Arrow
{
  border-right: 1px solid #000;
}

.QD_CS_Select
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  width: calc(90% + 8px);
}

.QD_FileUploadFileName
{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  margin: 20px 0 0 10px;
}

.QD_FS_Arrow
{
  border-right: 1px solid #000;
}

.QD_FS_Select
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  width: 278px;
}

.QD_History_Arrow
{
  border-right: 1px solid #000;
}

.QD_History_List
{
  width: calc(90% + 8px); /* Adjust for field padding */
}

.QD_History_Select
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  float: none;
  margin-left: 0;
  width: calc(90% + 8px); /* Adjust for field padding */
}

.QD_History_Text
{
  width: calc(90% - 30px);
}

.QDImageDiv
{
  background-color: #ffffff;
  margin: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #e2e2e2;
  width: 125px;
  height: 125px;
  overflow: hidden;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.QD_LinkVar_Arrow
{
  border-right: 1px solid #000;
}

.QD_PreviewAreaInner
{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0px auto;
  padding: 24px 20px 10px 20px;
  position: relative;
  text-align: left;
}

.QD_PreviewImgA
{
  border: 1px solid #e2e2e2;
}

.QD_PreviewMsg
{
  color: #000000;
  color: var(--eqdColor2);
  font-style: italic;
  margin: 16px 0 0 0;
}

.QD_PreviewPageControls
{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 6px 0 8px 0;
}

.QD_PreviewPageControls a
{
  color: #999999;
  color: var(--eqdColor4);
}

.QD_PreviewPageControls span
{
  color: #e2e2e2;
  color: var(--eqdColor3);
  padding: 0 8px;
}

.QD_TextBox
{
  border: 1px solid #000;
  margin: 0;
  outline: 0;
  width: calc(90% + 8px);
}

.QD_UploadButton
{
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  float: left;
}

.QD_UploadButton:hover
{
  background-color: #DDDDDD;
}

.catIndicator
{
  background-color: transparent;
  color: #353535;
  display: none;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;

}

.catIndicator i
{
  margin: 14px 5px 14px 10px;
  vertical-align: middle;
}

.catIndicator span
{
  font-size: 15px;
  vertical-align: middle;
}

.popIndicator 
{
  background-color: #FFFFFF;
  border: none;
  color: #353535;
  display: none;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;

  left: 50%;
  margin-left: -31px;
  margin-top: -25px;
  position: fixed;
  top: 50%;

  width: 300px;
  height: 70px;
 }

.popIndicator i
{
  margin: 14px 5px 14px 10px;
  vertical-align: middle;
}

.popIndicator span
{
  font-size: 15px;
  vertical-align: middle;
}

/* Upload Popup */
.UP_UploadFile
{
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}

.UP_UploadFile div
{
  color: #353535;
  color: var(--eqdColor5);
  margin-bottom: 14px;
}

.UP_UploadFile input[type=file] 
{
  cursor: pointer;
  width: 130px;
  height: 30px;
  left: 242px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
/*  z-index: -1; */
}

.UP_UploadFile input[type=file]+label 
{
  display: inline-block;
  background-color: #000000;
  background-color: var(--primaryColor);
  border: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--eqdColor1);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 14px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
  width: 100px;
}

/*.UP_UploadFile input[type=file]+label:hover */
.UP_UploadFile input[type=file]:hover ~ .UP_UploadFile input[type=file]+label 
{
  background-color: #353535;
  background-color: var(--eqdColor5);
  cursor: pointer;
}

.qupClose
{
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
}

.qupPopup
{
  background-color: #ffffff;
  border: 1px outset #666666;
  color: #0066cc;
  height: 200px;
  left: 25%;
  overflow: hidden;
  position: fixed;
  top: 30%;
  width: 600px;
}

.qupTitle
{
  background-color: #000000;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.qupTitle svg
{
  fill: #FFFFFF;
  fill: var(--eqdColor1);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.qupUploadBar
{
  border-right: 1px solid #353535;
  width: 0%;
  height: 20px;
  background-color: #353535;
  background-color: var(--eqdColor5);
}

.qupUploadProgress
{
  display: none;
  margin: 0 auto;
  text-align: center;
  width: 400px;
}

.qupUploadProgressDone
{
  display: inline-block;
  margin: 0 auto;
  padding: 6px 16px;
}

.qupUploadProgressLegend
{
  color: #353535;
  color: var(--eqdColor2);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  margin: 14px 0;
  text-align: center;
}

.qupUploadStats
{
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  color: #353535;
  color: var(--eqdColor2);
  text-align: center;
  margin: 4px 0 20px 0;
}

.qupUploadTrough
{
  border: 1px solid #353535;
  height: 20px;
  display: block;
  background-color: #ffffff;
}

.qupWarn
{
  color: #f93822;
  color: var(--eqdRed);
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}

/* QNET_ALERT */
.QNET_Alert 
{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.QNET_AlertButtonOK 
{
  background-color: #000000;
  background-color: var(--primaryColor);
  border: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--eqdColor1);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 4px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}

.QNET_AlertTitle
{
  background-color: #000;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 6px 0;
  height: 23px;
  width: 100%;
}

.QNET_AlertInner
{
  color: #353535;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.QNET_ConfirmFooter
{
  border-top: none;
  text-align: center;
  margin-bottom: 16px;
}

.QNET_ConfirmButtonCancel
{
  background-color: #000000;
  background-color: var(--primaryColor);
  border: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--eqdColor1);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 4px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}

.QNET_ConfirmButtonCancel:hover
{
  background-color: #353535;
  background-color: var(--eqdColor5);
}

.QNET_ConfirmButtonOK
{
  background-color: #000000;
  background-color: var(--primaryColor);
  border: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--eqdColor1);
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 6px 4px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}

.QNET_ConfirmButtonOK:hover
{
  background-color: #353535;
  background-color: var(--eqdColor5);
}


/* Generic Popup Classes */
#ohButtonOrder
{
  float: right;
  margin-left: 10px;
  padding: 6px 12px;
}

#ohButtonResupply
{
  float: right;
  margin-left: 10px;
  padding: 6px 12px;
}

.pop_Close
{
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
}

.pop_Close svg
{
  fill: #FFFFFF;
  fill: var(--eqdColor1);
  height: 26px;
  width: 26px;
  vertical-align: middle;
}

.pop_Col_DLine
{
  margin: 0 16px;
}

.pop_Col_DLine div
{
  display: inline-block;
  padding: 4px 4px;
  text-align: left;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pop_Col_DLine:nth-child(odd)
{
  background-color: #f0f0f0;
}

.pop_Col_ELine
{
  background-color: #f0f0f0;
  margin: 0 16px;
  padding: 4px 4px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pop_Col_Line
{
  margin: 0 16px;
}

.pop_Col_Line div
{
  display: inline-block;
  padding: 4px 4px;
  text-align: left;
  width: 80px;
}

.pop_Col_Line div:first-child
{
  padding: 4px 4px 4px 0;
}

.pop_Detail
{
  background-color: #ffffff;
  color: #353535;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 16px;
}

.pop_Head
{
  background-color: #ffffff;
  color: #353535;
  font-size: 11px;
  font-weight: 700;
}

.pop_ItemDesc
{
  color: #353535;
  color: var(--eqdColor5);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
}

.pop_ItemDescWrap
{
  margin: 16px 10px 20px 16px;
  position: relative;
  white-space: nowrap;
}

.pop_Title
{
  background-color: #000000;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.pop_Window
{
  background-color: #ffffff;
  color: #353535;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  left: 50%;
  margin-left: -400px;
  min-height: 200px;
  position: fixed;
  top: 100px;
  width: 800px;
  z-index: 11001;
}

/* Password Recovery */
.pw-status-msg
{
  color: #353535;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}