/* STARTCSS */

*
{
  box-sizing:border-box;
  outline: none;
}

button
{
  border: 1px solid #c0c0c0;
  padding: 5px
}

.wsfLabelBoxRed, .wsfLabelBoxGreen
{
  display: inline-block;
  padding: 3px;
  border: 1px solid #c0c0c0;
  background-color: #f49696;
  color: #000;
}

.wsfLabelBoxGreen
{
  background-color: #4caf50;
  color: #fff;
}

/* to disable select */
.wsfDisabledInput
{
  opacity: 0.7;
  background-color: #f0f0f0;
  pointer-events: none;
  cursor: not-allowed;
}

.wsfALTDBNameWrn 
{ 
  text-align: center;
  background-color: #df000073;
  color: #fff;
  padding: 3px;
}

.wsfRepLagGreen { background-color: #01aa0094;}
.wsfRepLagRed { background-color: #c85248ab; }
.wsfRepLag
{
  white-space: nowrap;
  padding: 5px;
  width: 100%;
  min-width: 80px;
  display: inline-block;
  text-align: right;
}

.wsfRepLag .wsfRepArrow
{
  float: left;
  margin-right: 5px;
}
.wsfRepArrow
{
  width:10px;
}

.wsfRepNumCol
{
  width: 100%;
  text-align: right;
  display: inline-block;
}

.WSFAJXInfoPnl {}
.WSFAJXInfoPnl table { border-collapse: collapse; font-size:10pt; background-color: #fff; }
.WSFAJXInfoPnl td { border: 1px solid #c0c0c0; padding:3px; }
.WSFAJXInfoPnl td:nth-child(2) { text-align:right; }
.WSFAJXInfoPnl th { border: 0; padding:3px; }
#WSFAJXDsp
{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
  width: 150px;
  background-color: #ffff99;
  padding: 2px 4px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0px 10px 20px #b0b0b0;
  z-index:10000;
  cursor: hand;
}

#WSFAJXDsp.WSFAJXErr
{
  background-color: #df0000;
  color:#fff;
}
#WSFAJXDsp.WSFAJXWrn
{
  background-color: darkorange;
  color:#fff;
}

#WSFAJXDsp.WSFAJXHide
{
  display:none;
}

.osMerchant #WSFAJXDsp { display: inline-block; }

.wsfQRCode
{
  border: 1px solid #c0c0c0;
  padding: 10px;
  text-align: center;
}
.wsfQRCodeTitle { font-size: 12pt; }
.wsfQRCodeImg { width: 50px; max-width: 300px; }
.wsfQRCodeZoom .wsfQRCodeImg { width: 90vw; max }
.wsfQRCodeURL { font-size: 9pt; }

.wsfCustomCodeDisabled
{
  background-color:#df0000;
  color:#fff;
  text-align:center;
  padding:5px;
}

.wsfSwitchLoginFromUser
{
  position: fixed;
  z-index: 1000;
  background-color: #ff5722;
  padding: 1px 2px;
  color: #fff;
  border-radius: 4px;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 148px;
  overflow: hidden;
  text-align: center;
  font-size: 10pt;
}

.wsfRSReadsCount, .wsfRSReadsCountLight
{
  position:fixed;
  left: 0; 
  right: 0;
  margin:auto;
  bottom: 0;
  width: 50vw;
  height: 65px;
  z-index: 1;
  border: 2px solid #c0c0c0;
  overflow: auto;
  x-index:1000;
  background-color:#fff;
  padding:10px;
  text-align: center;
}

.wsfRSReadsCountView
{
  width: 90vw;
  height: 90vh;
}

.wsfRSReadsCountLight
{
  width: 50px;
  height: 32px;
  overflow: hidden;
  border: 0;
}

.wsfWalkInUser
{
  background-image: url(../images/Walking.png);
  background-size: 35% auto;
  background-repeat: no-repeat;
  background-position: 90% 90%;
}

.wsfUserDisabled
{
  background-image: url(../images/NoEntry.png);
  background-size: 35% auto;
  background-repeat: no-repeat;
  background-position: 90% 90%;
}

.wsfToolbarBtns
{
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 90vw;
  overflow:auto;
}

#wsfTmpMessage
{
  position:fixed;
  top:0;
  left:0;
  transform: translateX(-100%);
  font-size: 14pt;
  width:50vw;
  min-width:200px;
  max-width:500px;
  height:auto;
  min-height:200px;
  max-height:500px;
  padding:20px;
  overflow:auto;
  text-align:center;
  background-color:#f0f0f0;
  border: 1px solid #c0c0c0;
  box-shadow: 0px 10px 20px #b0b0b0;
  opacity: 0;
  z-index: 1100;
}

#wsfTmpMessage.wsfTmpMessageShow
{
  left:50%;
  top:50%;
  transform: translate(-50%, -50%) rotate(360deg);
  opacity: 1;
  transition: opacity 200ms ease;
}

#wsfTmpMessage.wsfTmpMessageHide
{
  left:0;
  transform: translateX(-100%);
  right:auto;
  opacity: 0;
  transition: all 200ms ease;
}
#wsfTmpMessage.wsfTmpMessageSmall
{
  min-height: 0;
  min-width: 0;
}

.wsfGenTable { font-size: 100%; border-collapse: collapse; border-spacing: 0; }
.wsfGenTable TD { border: 1px solid #c0c0c0; padding: 5px; }

.wsfAnonPDF .wsfDebugSQLBtn  { display:none }
.wsfAnonPDF .wsfPageAppContent { width:900px; margin: 10px auto; }
.wsfAnonPDF .BandTable { font-family: Tahoma, Geneva, sans-serif; font-weight: 100; font-size: 9pt; }
.wsfAnonPDF .BandTable TD { padding: 2px; }

.wsfCenterHV
{
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

.wsfCenterAll
{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}

.wsfZoomInput
{
  width: 50vw;
  max-width:600px;
}

.wsfDbgListWatch table 
{
  border-collapse: collapse;
  font-size: 8pt;
  background-color: #fff;
}
.wsfDbgListWatch td { padding:3px; border:1px solid #c0c0c0; }

.wsfDbgListWatch
{
  position:fixed;
  z-index:2000;
  top:95vh;
  right: 0;
  border-radius: 10px;
  max-height:80vh;
  overflow:auto;
  background-color:#ffff99;
  padding:5px;
  border:1px solid #c0c0c0;
}
.wsfDbgListWatchInline
{
  top:100px;  
  p osition: static;
  m ax-height: none;
}
.UVDbgListWatchBox .wsfDbgListWatch
{
  position:static;
}

.wsfDbgHighPerc
{
  color: #df0000;
  font-weight: bolder;
}

.wsfPopUpSelectInput 
{
  cursor:hand;
  cursor:pointer;
}
.wsfPopUpSelectAll, .wsfPopUpSelectSel
{
  display:inline-block;
  vertical-align:top;
  padding:10px;
}
.wsfPopUpSelectAll select, .wsfPopUpSelectSel select
{
  height: 50vh;
  width: 40vw;
}
.wsfPupUpSelBtn, .wsfPupUpUnSelBtn
{
  font-size: 27pt;
  margin: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  background-image: url(../images/arrow-left.png);
  background-color: #8bc34a;
  width: 120px;
}

.wsfPupUpUnSelBtn
{
  background-image: url(../images/arrow-right.png);
  background-color: #eb9999;
}

.wsfPopUpSelectCmds { padding: 5px; }

.wsfCodeText
{
  font-family: monospace;
  word-wrap: break-word;
  box-decoration-break: clone;
  padding: .1rem .3rem .2rem;
  background-color: #f0f0f0;
  color: #525252;
  font-size:12pt;
}

.wsfCodeInput
{
  font-family: monospace;
  background: #f8fdca;
  word-wrap: break-word;
  box-decoration-break: clone;
  padding: .1rem .3rem .2rem;
  border-radius: .2rem;
}

#wsfCookiesInfoBanner
{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: orange;
  text-align:center;
  padding: 20px;
}

#wsfCookiesInfoPanel
{
  position: fixed;
  top: 70px;
  height: 70vh;
  min-height: 300px;
  max-height: 500px;
  left: 0;
  right: 0;
  display: inline-block;
  width: 65vw;
  min-width: 300px;
  max-width: 800px;
  margin: auto;
  z-index: 1000;
  background-color: #fff;
  padding: 30px;
  border: 1px solid #c0c0c0;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.wsfUserImageLarge
{
  position: fixed;
  background-color:#fff;
  z-index:1000;
  top: 50px;
  left:0;right:0;
  margin:auto;
  width: auto;
  height: 100vh;
  max-width: 80vw !important; 
  max-height: 80vh !important;
  border: 10px solid #fff;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.wsfUserImageBox 
{ 
  padding: 0 0 30px 0;
  float: left;
  margin: 0 30px;
  text-align: center;
}
.wsfUserImage input[type=file] { display:none; }
.wsfUserImage
{
  width: auto;
  height: auto;
  padding: 10px;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.wsfUserImage img
{
  max-height:250px;
  max-width:250px;
}
.wsfUserImageEdit
{
  cursor:hand;
  cursor:pointer;
}
.wsfUserImageInfo:empty { display:none; }
.wsfUserImageInfo
{
  text-align: center;
  color: #fff;
  background-color: #4caf50;
  padding: 2px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 9pt;
}

.wsfResolveUserEmailOk
{
  display:inline-block;
  background-color:#8BC34A;
  cursor:hand;cursor:pointer;
  padding: 10px 25px 10px 10px;
  font-weight: bolder;
  border-radius: 4px;
  background-image: url(../images/CancelOnly.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 99%;
}

.wsfTopWarning
{
  position:fixed;
  right:0;left:0;
  z-index:10;
  top:200px;
  background-color:#df0000;
  color:#fff;
  font-size:12pt;
  padding:10px;
  text-align:center;
}

.wsfCookiesInfoText
{
  height:90%;
  width:100%;
  overflow: auto;
}

.wsfCookiesInfoBtn
{
  text-align:right;
  padding: 10px 0;
  cursor:hand;
  cursor:pointer;
}

.wsfRepBkAdm { font-size:9pt; font-weight: normal; display: inline-block; }
.wsfRepBkBox { display:n one; padding: 10px 10px 20px 10px; background-color: #f0f0f0; }
.wsfRepBkTitle { font-size: 12pt; font-weight: bolder; padding-bottom: 5px; }
.wsfRepBkChanged { color:#df0000; }
.wsfRepBkNote { font-style: italic; }

.InputLabel.wsfAdminTool
{
  border-bottom: 2px solid #df0000;
}
.wsfAdminTool
{
  border-left: 5px solid #df0000 !important;
}
.wsfAdminLbl
{
  background-color:#f0f0f0;
  padding:5px;
  font-size:9pt;
  display:inline-block;
  margin:5px;
  border-left:2px solid #df0000;
}

.wsfAbortAJAXCmd:hover
{
  border: 1px solid #c0c0c0;
}

.wsfAbortAJAXCmd
{
  background-image: url(../images/CancelOnly.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  width: 67px;
  border: 0;
  text-align: right;
  height: 30px;
  cursor:hand;cursor:pointer;
}

#wsfImagePreviewBox
{
  display:none;
  position:fixed;
  z-index:1;
  top:0;left:0;
  bottom:0;right:0;
  background-color:#f0f0f0;
  padding:20px;
  cursor:hand;cursor:pointer;
}

#wsfImagePreview
{
  display:block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wsfLoadingBtn
{
  background-image: url(../images/spinner.gif);
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}



.wsfAdmBtns input[type=button]
{
  border:0px;
  width:20px;
  font-size:7pt;
}

.wsfAdmBtns:hover
{
  top: 0;
  transition: all 500ms ease;
}

.wsfAdmBtns
{
  position:fixed;
  z-index:10000;
  right:5px;
  top: -29px;
  d isplay:none;
  background-color: rgba(223, 0, 0, 0.49);
  padding: 5px;
}

.wsfDropDownMSelPnl INPUT { width: auto !important; }
.wsfDropDownMSelPnl
{
  position:absolute;
  z-index:1000;
  display:none;
  left:5px;
  background-color:#ffffff;
  padding:5px;
  max-height:50vh;
  min-height:50px;
  min-width:100px;
  overflow-y:auto;
  overflow-x:hide;
  border:1px solid #c0c0c0;
  text-align:left;
}

.wsfOffDays
{
  padding: 3px;
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.wsfOffDay
{
  text-align: center;
  display: inline-block;
  vertical-align:bottom;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  width: 50px;
  height: 60px;
  padding: 5px;
  margin-right: 2px;
}

.wsfOffDayOFF
{
  background-color: #c0c0c0;
}

.wsfOffDayON:hover
{
  background-color: #cddc39;
}

.wsfOffDayON
{
  cursor:hand;
  cursor:pointer;
  background-color: rgba(205, 220, 57, 0.54);
}

.wsfOffDaySel
{
  border: 2px solid #000;
  background-color: #cddc39;
}

.wsfOffBtn
{
  cursor:hand;
  cursor:pointer;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  border: 0;
}

.wsfOffBtnPrev
{
  background-image: url(../images/ArrowLeft.png);
  background-position: right;
}

.wsfOffBtnNext
{
  background-image: url(../images/ArrowRight.png);
  background-position: left;
}

.wsfOffBtnOff.wsfOffBtnPrev
{
  background-image: url(../images/ArrowLeftGrey.png);
}

.wsfOffBtnOff.wsfOffBtnNext
{
  background-image: url(../images/ArrowRightGrey.png);
}

.wsfSideBoxes
{
  display:flex;
}

.wsfSideBox
{
  flex-grow: 1;
  padding-right: 10px;
  vertical-align: top;
}

.wsfInputBtn
{
  display: inline-block;
  border: 1px solid #c0c0c0;
  padding: 4px;
  background-color: #d0d0d0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  vertical-align: top;
  margin-left: -3px;
}

.wsfBtnTrasp
{
  background-color: transparent;
  border: 0;
  color: #fff;
}

.wsfBtnLink
{
  display:inline-block;
  text-decoration: underline;
  cursor:hand;
  cursor:pointer;
  color:blue;
}

.wsfUserVisitQueryPnl
{
  background-color:#fff;
  padding:20px;
  font-size:9pt;
}

#wsfSupportBtn
{
  position: fixed;
  bottom: 0;
  background-color: darkgreen;
  color: #fff;
  z-index: 10000;
  text-align: center;
  font-size: 17pt;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor:hand;
  cursor:pointer;
  padding: 5px 30px 5px 5px;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 150px;
  left: -116px;
  background-position: right;
  background-image: url(../images/support_white.png);
  transition: all 500ms ease;
}

#wsfSupportBtn:hover
{
  left: 0;
  transition: all 500ms ease;
}

.wsfPagewsfCSSEditor #wsfSupportBtn { display:none; }

.wsfWeekDayCtrl
{
  display:inline-block;
  vertical-align: bottom;
}

.wsfWeekDayItem
{
  margin:0 3px;
}

.wsfMobileView #wsfSupportBtn:hover
{
  left: -116px;
}

.wsfMobileView #wsfSupportBtn
{
  padding-right: 40px;
  background-size: 45px;
  height: 50px;
  width: 160px;
}

#wsfQFBCanvas
{
  position: fixed;
  display: block;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.87);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding:10px;
}

#wsfQFBBox
{
  width:80%;
  max-width: 600px;
  margin:auto;
  background-color: #8bc34a;
  padding:20px;
  border:1px solid #c0c0c0;
  text-align:center;
}

#wsfQFBBox button
{
  padding: 10px;
  border: 0;
  margin: 10px;
  font-size: 14pt;
}

#wsfQFBBox .wsfInvalidInputTip
{
  display:none;
}

.wsfQFBBoxTitle
{
  font-size:16pt;
}

.wsfQFBBoxLink
{
  text-decoration: underline;
  color: #3f51b5;
  text-align: right;
  cursor: pointer;
  cursor: hand
}

#wsfQFBBox textarea
{
  width: 100%;
  height: 300px;
  margin: 5px 0;
  font-size:14pt;
}

#wsfQFBBox input[type='button']
{
  margin: 5px;
  font-size:14pt;
  padding:10px;
}

#wsfQFBBox input[type='text']
{
  width:100%;
  font-size:14pt;
}

#QFBScreenshotFlg { width:auto;height:30px;border-radius:20px;color: #fff; padding: 5px 10px;background-color:#c0c0c0; float:left; display: inline-block; vertical-align: middle; }
#QFBScreenshotFlg.WebFeedbackScreenshotImgOk { background-color: #4caf50b8; }
#QFBScreenshotFlg.WebFeedbackScreenshotImgKo { background-color: #df0000; }

#wsfQFBBox input[name='WebFeedbackScreenshot'],
#wsfQFBBox input[name='WebFeedbackInfo']
{
  display:none;
}

.wsfPageWebFeedbacks #wsfSupportBtn, .wsfPageWebFeedbackEdit #wsfSupportBtn, .wsfPageWebsiteFeedbackForm #wsfSupportBtn
{
  display:none;
}

.wsfNoteStrip
{
  text-align:right;
  padding:5px 5px 10px 5px;
  font-size:10pt;
  font-style:italic;
}

.wsfCodeExample
{
  display: inline-block;
  font-family: courier;
  font-style: normal;
  word-wrap: break-word;
  box-decoration-break: clone;
  color: #000000;
  background-color: #e0e0e0;
  padding: 2px 8px;
  border: 1px solid #c0c0c0;
}

.wsfInfoBoxErr
{
  background-color:#f24f4f;
  color:#fff;
}

.wsfInfoBoxOk
{
  background-color:#8bc34a;
  color:#fff;
}

.wsfMapLocationBtn
{
  width:30px;
  height:30px;
  background-image: url(../images/location.png);
  background-repeat: no-repeat;
  background-size:contain;
  display:inline-block;
  vertical-align: middle;
  cursor:hand;
  cursor:pointer;
}

.wsfCXImageFrm
{
  display:none;
}

.wsfCXImgStd { width: 100%; height: auto; }

.wsfImgEditBox
{
  position:relative;
}

.wsfImgEditBtn, .wsfImgDelBtn, .wsfImgViewBtn
{
  width:20px;
  height:20px;
  position:absolute;
  z-index: 1;
  bottom:2px;
  right:2px;
  background-repeat:no-repeat;
  background-size: 90%;
}

.wsfImgDelBtn, .wsfImgViewBtn
{
  right: 25px;
}

.wsfCXEditImg
{
  position: relative;
}

.wsfCXEditImg:hover .wsfImgEditBtn, .wsfImgEditBox:hover .wsfImgEditBtn
{
  background-image: url(../images/EditPadWhite.png);
}

.wsfCXEditImg:hover .wsfImgDelBtn, .wsfImgEditBox:hover .wsfImgDelBtn
{
  background-image: url(../images/CancelOnly.png);
}

.wsfCXEditImg:hover .wsfImgViewBtn, .wsfImgEditBox:hover .wsfImgViewBtn
{
  background-image: url(../images/view.png);
}

.wsfOptionTmpItemDel
{
  background-image: url(../images/delete.png);
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border: 0;
  height: 15px;
  margin-left: 8px;
  cursor:hand;
  cursor:pointer;
}

.wsfOptionTmpBox
{
  background-color:#ffff99;
  padding:5px;
  border:1px solid #c0c0c0;
  border-radius:4px;
  margin-bottom:2px;
}

.wsfOptionTmpItem
{
  background-color:#95d2f8;
  padding:5px;
  border:1px solid #c0c0c0;
  border-radius:4px;
  display: inline-block;
}

.wsfUserAgentInfo
{
  padding:2px;
  background-color:#f0f0f0;
  color:#000;
  font-size:80%;
}

.wsfDialogMsg
{
  font-size: 14pt;
  font-weight: bolder;
  padding: 30px 10px;
}

#wsfDialogCnv, .wsfDialogCnv
{
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:rgb(255 255 255 / 92%);
  padding:20px;
  z-index: 1500;
}

#wsfDialogCnv.wsfDialogCnvFullScreen, .wsfDialogCnv.wsfDialogCnvFullScreen
{
  padding:0;
}

#wsfDialogPnl, .wsfDialogPnl
{
  height:100%;
  overflow:auto;
  padding:10px;
  background-color:#f0f0f0;
  text-align:center;
  position:relative;
}

.wsfExpBuilderPnl #wsfDialogPnl
{
  max-width: 100vw;
  width: 500px;
  margin: auto;
  height: 400px;
  top: 20%;
  text-align:left;
  padding: 20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  z-index: 1001;
}

.wsfExcelWebQueryBtn #wsfDialogPnl
{
  max-width: 100vw;
  width: 500px;
  margin: auto;
  height: 300px;
  background-color: #f0f0f0;
  top: 20%;
  text-align:left;
  padding: 20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.wsfROTextArea
{
  background-color: #c0c0c0;
  padding: 5px;
  border-radius: 4px;
}

.wsfPHContentInfo
{
  text-align:left;
  font-size:8pt;
  padding: 1px 3px;
  background-color: #f0f0f0;
  overflow:hidden;
  color:#000;
}

/* used by wsfSysInfo.asp */
.wsfSysInfoBody { margin:1px; min-height: 0; font-family: auto; }
.wsfSysInfoBody .wsfBillStatus 
{ 
  display: none;
  width:15px;
  overflow: hidden;
  vertical-align: bottom;
}

/* PAOLO13SEP24 dimmer color for bill pending */
.wsfSysInfoBody .wsfBillStatus.wsfBillStatusPending 
{
    background-color: #f1ebb6;
}

.wsfSysInfoBody .wsfBillStatus.wsfBillStatusReady,
.wsfSysInfoBody .wsfBillStatus.wsfBillStatusPending
{
  display: inline-block;
}

.wsfSysInfoBody .wsfBillStatus.wsfBillStatusOverDueSoft,
.wsfSysInfoBody .wsfBillStatus.wsfBillStatusOverDue,
.wsfSysInfoBody .wsfBillStatus.wsfBillStatusOverDueBlock
{
  display: inline-block;
  width: auto;
  font-size: 8pt;
}

/* wsfSYSInfo is for sw updates */
#wsfSYSInfo:empty
{
  display:none;
}

#wsfSYSInfo:hover
{
  font-weight:bolder;
}

#wsfSYSInfo
{
  text-align: center;
  background-color: rgba(223, 0, 0, 0.72);
  cursor: hand;
  cursor: pointer;
  padding: 5px;
  color: #fff;
  font-size: 20pt;
  position: fixed;
  top:40%;
  right: 0;
  left: 0;
  z-index: 10;
}

.wsfInfoTip:hover
{
  color:#005da7;
}

.wsfInfoTip
{
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  padding: 2px 5px 2px 25px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image:url(../images/info.png);
}

.wsfNospin::-webkit-inner-spin-button, .wsfNospin::-webkit-outer-spin-button
{
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.wsfNospin
{
  -moz-appearance:textfield !important;
}

.wsfMSREditField.NumInput
{
  -moz-appearance:textfield;
}

.wsfMSREditField.NumInput::-webkit-inner-spin-button, .wsfMSREditField.NumInput::-webkit-outer-spin-button
{
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance:textfield !important;
}

/* 
  MSR Column Hiding ==START== 
  Usage Pending
*/

/* PAOLO03MAY25 - table header multipage print */
.ListHeadSpacing { display:none; }
.wsfMSRPreTab { display:none }
.wsfPrintLogoFix 
{ 
  position:fixed;
  top:0;left:0;right:0;
  height: 100px;
  display: none; 
  align-items: center; 
  padding: 10px 20px; 
  z-index: 1000; 
}

.ListHead { p osition:relative; }

.wsfMSRHiddenCol
{
  display:none;
  width:0;
  height:0;
  opacity:0;
  visibility: collapse;
}

.wsfMSRHideColPending
{
  color: #c0c0c0 !important;
  background-color: #fff !important;
}

.wsfMSRHideCol
{
  display:none;
  font-weight: bolder;
  position: absolute;
  right: 2px;
  top: 2px;
  width:10px;
  height:10px;
  background-size: contain;
  background-image:url(../images/closecross.png);
  background-repeat:no-repeat;
}

.ListHead:hover .wsfMSRHideCol
{
  display:inline-block;
  cursor:hand;
  cursor:pointer;
}

/* MSR Column Hiding ==END== */


.wsfGraph
{
  border-collapse:collapse;
  font-size:inherit;
  width: 100%;
}

.wsfGraph td
{
  padding:0;
  min-width: 20px;
  text-align:center;
  vertical-align:bottom;
  border:1px solid #c0c0c0;
}

.wsfGraphXLbl
{
  border-top:2px solid #c0c0c0;
  text-align:center;
  padding: 2px;
}

.wsfGraphColumn
{
  display:inline-block;
  vertical-align: bottom;
  color: #fff;
}

.wsfGraphLegenda
{
  padding: 5px 0;
}

.wsfGraphLegenda .wsfGraphColumn
{
  padding: 2px 5px;
  margin-right: 2px;
  border-radius: 2px;
  color:#fff;
}

#wsfAutoLogoffAlert
{
  position: fixed;
  z-index: 1000;
  top: 40vh;
  font-size: 24pt;
  left: 0;
  right: 0;
  width: 60vw;
  margin: auto;
  background-color: #df000099;
  color: #fff;
  text-align: center;
  padding: 40px 20px;
  border-radius: 10px;
}

#wsfLiveUsersCnv
{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #ffffffad;
  z-index: 3;
}

#wsfLiveUsersBox
{
  margin: 20px auto;
  w idth: 95vw;
  b ackground-color: #cddc39;
  padding:20px;
  b ox-shadow: 0px 10px 20px #b0b0b0;
  overflow:auto;
  max-height: 95vh;
}

.wsfFootNote
{
  padding:10px 0;
  font-size: 9pt;
  font-style:Italic;
}

.wsfLiveUser
{
  display:inline-block;
  padding:5px;
  border-radius: 4px;
  background-color:#005da7;
  color:#fff;
  margin:2px;
  cursor:hand;
  cursor: pointer;
}

.wsfLiveUserAnon
{
  background-color:orangered;
}

#wsfLiveUsersAct
{
  background-color:#00BCD4;
  border-radius: 10px;
  border: 1px solid #c0c0c0;
  padding:30px 20px;
  max-height: 80vh;
  overflow-y:auto;
}

.wsfLiveUserActTitle
{
  padding-bottom: 20px;
  font-size:120%;
}

.wsfLiveUserActUA
{
  font-size:60%;
}

.wsfLiveUserActFooter
{
  padding-top: 20px;
}

.wsfLiveUserAct
{
  padding-bottom:5px;
}

.wsfLiveUserActLink
{
  display:inline-block;
  text-decoration:underline;
  color:#003399;
  cursor:hand;
  cursor:pointer;
}

.wsfLiveUserActUnk
{
  font-size: 70%;
}

#WelcomeUserInfo
{
  padding: 10px 20px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  max-width: 90%;
  width: 330px;
  margin: 20px auto;
}

.WelcomeUserInfoOk
{
  display: block !important;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.WelcomeUserInfoWrn
{
  display: block !important;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.wsfTitleStrip
{
  font-size: 14pt;
  background-color: #03a9f4;
  color: #fff;
  padding: 5px 10px;
}

.wsfTitle
{
  font-size:14pt;
  padding:0 0 10px 0;
}

.wsfTestSiteLbl
{
  position:fixed;
  z-index:1;
  font-size:16pt;
  top:10px;
  left:10px;
  background-color:#df0000;
  color:#fff;
  padding:5px 10px 5px 10px;
  border-radius:5px;
}

.wsfDynMenu A, .wsfDynMenu A:Active, .wsfDynMenu A:link, .wsfDynMenu A:visited
{
  text-decoration: none;
  color:inherit;
}

.wsfDynMenu A:hover
{
  color: #df0000;
}

INPUT, TEXTAREA, SELECT
{
  padding: 5px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;

  - webkit-appearance: none;
  - moz-appearance: none;
  a ppearance: none;
}

.wsfSubMnItemCurrent
{
  color: #df0000;
  font-weight: bolder;
}

.wsfSubMnItem, .wsfSubMnItem1, .wsfSubMnItem2
{
  padding-bottom: 5px;
  color: #000;
  cursor:hand;
  cursor:pointer;
}

.wsfSubMnItem DIV:hover, .wsfSubMnItem1 DIV:hover, .wsfSubMnItem2 DIV:hover
{
  color: #df0000;
}

.wsfSubMnItem DIV, .wsfSubMnItem1 DIV, .wsfSubMnItem2 DIV
{
  display: inline-block;
  padding-right: 5px;
}

.mnuItems
{
  text-align:left;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  max-height: 75vh;
  overflow: auto;
  color: #FFFFFF;
  min-width:120px;
  padding:15px 15px 15px 20px;
  shadow-moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.mnItem
{
  cursor:hand;
  cursor:pointer;
  padding: 10px 25px 10px 10px;
}

.mnSelItem
{
  cursor:hand;
  cursor:pointer;
  background-color: #FFFFFF;
  color: #238697;
  padding: 10px 25px 10px 10px;
}

.mnuSelParent
{
  padding:2%;
  font-size:80%;
  font-weight:bolder;
}

.mnToolBarBtnForcedTime { background-color: #df0000; color:#fff; }
.mnToolBarBtn A
{
  color:#c0c0c0;
}

.CMCBlower
{
  box-sizing:border-box;
  background-color:#333333;
  color:#fff;
  text-align: left;
}

.ProdStatus_A
{
  color: #000000;
}

.ProdStatus_S
{
  text-align: center;
  background-color: #df0000;
  color: #ffffff;
}

.spvCatalogMain
{
  padding: 20px;
}

.spvCatalogTop
{
  text-align:left;
  overflow:auto;
}

.osBreadCrumb
{
  font-size:10pt;
  display:inline-block;
  padding: 4px 4px 10px 0px;
}

.spvPrintLayoutBtn
{
  font-size:9pt;
  float:right;
  padding: 4px 0px 4px 0px;
}

.spvCatalogBrowser
{
  background-color:#fbfbfb;
  box-sizing: border-box;
  font-size:0;
  text-align:left;
  position:relative;
}

.spvCatMenuTitle
{
  background-color: #f0f0f0;
  border-bottom: 1px solid #c0c0c0;
  padding: 15px 5px 10px 10px;
  margin-bottom:10px;
}

.CatalogBrowserLeftPanelCont
{
  position:relative;
  text-align:left;
}

#oCatalogBrowserLeftPanel
{
  position: absolute;
  color:#000;
  top:5px;
  left:5px;
  z-index:15;
  background-color:#fbfbfb;
  min-width:100px;
  min-height:100px;
  max-width:400px;
  width:50%;
  box-shadow: 0px 10px 20px #b0b0b0;
  text-align:left;
  font-size:10pt;
  display:none;
}

.spvCatalogBrowserLeftBox
{
  box-sizing: border-box;
  display:none;
  text-align:left;
  font-size:10pt;
  min-height:200px;
  vertical-align:top;
  width: 20%;
}

.spvCatalogBrowserLeft
{
  b order:2px dashed #df0000;
  font-size:12pt;
  p adding-top:10px;
}

.spvCatalogCategories
{
  b order:1px solid #df0000;
}

.spvCatalogBasket
{
  display:none;
}

.spvCatalogBrowserRightBox
{
  box-sizing: border-box;
  background-color:#fff;
  display:inline-block;
  f loat:right;
  font-size:10pt;
  min-height:200px;
  vertical-align:top;
  width: 100%;
}

.spvCatalogBrowserRight
{
  b order:2px dashed #df0000;
  font-size:12pt;
  padding:0px 0px 0px 10px;
}

.spvCatalogProdDetail
{
  
}

.spvCatalogContextProducts
{
  o verflow:auto;
  p osition: relative;
}

.spvProdDet
{
  border-collapse: collapse;
  font-size:9pt;
  width: 100%;
}

.spvProdDetHeading
{
  background-color: #FFFFFF;
  color: #ffffff;
  padding:5px;
}

.spvProdDetText
{
  padding-top :5px;
}

.spvTable
{
  font-size:9pt;
  width:100%;
}

.spvTable TD
{
  padding: 5px;
}

.spvTable TH
{
  background-color:#e0e0e0;
  font-weight: bolder;
  text-align:center;
}

.spvProdCategs
{
  text-align:left;
  font-size:9pt;
  padding:0px 0px 20px 0px;
}

.spvProdCategsHeaderItem
{
  font-size:10pt;
  padding-left:5px;
  padding-top:5px;
}

TABLE
{
  font-size:100%;
}

select optgroup
{
  color:#b0b0b0;
  font-style:italic;
  font-weight:normal;
}

select option
{
  color:#000;
  font-style: normal;
}

.PageContent
{
  display:inline-block;
  *display: inline;
  zoom: 1;
}

.MultiRecBox
{
  font-size:80%;
  background-color:#e0e0e0;
  margin-bottom:3px;
  margin-top:3px;
  padding:2px;
  text-align:right;
}

.frmQuickEdit
{
  text-align:left;
  background-color:#eeffff;
  border:1px solid #c0c0c0;
  color:#000000;
  font-size:100%;
}

.FormBox
{
  display:inline-block;
  *display: inline;
  border:1px solid #c0c0c0;
  margin-bottom: 5px;
  padding: 5px;
  zoom: 1;
}

.clWorkDay
{
  background-color: #ccccff;
  text-align: center;
  w idth: 10%;
}

.clVTotals TD
{
  
}

.clVTotals
{
  font-weight: bolder;
  background-color: #ffff99;
  padding: 1px;
  text-align: right;
}

.clTable TD
{
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 0.5%;
  padding-top: 0.5%;
}

.clTable .clFree
{
  width: 80px;
}

.clTable .clBusy
{
  width: 80px;
}

.clTable
{
  width: 100%;
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  font-size: 120%;
}

.clRowAlt
{
  background-color: #f0f0f0;
}

.clRow
{
  
}

.clMonth
{
  text-align: center;
  font-size: 100%;
}

.clLabelNum
{
  padding-right: 1%;
  padding-bottom: 1%;
  text-align:right;
  white-space: nowrap;
}

.clLabel
{
  padding-left: 0.5%;
  padding-bottom: 0.5%;
}

.clHTotals
{
  font-weight: bolder;
  background-color: #ffff99;
  text-align: right;
  width: 1%;
}

.clHoliday
{
  background-color: #ccffcc;
  text-align: center;
  w idth: 10%;
}

.clHead
{
  background-color: #ffff99;
}

.clGroup
{
  padding-left: 5px;
  background-color: #ffcc33;
  font-weight: bolder;
  padding-top: 0px;
}

.clFree
{
  text-align: right;
  b ackground-color: #df0000;
  c olor: #ffffff;
  w idth: 10%;
}

.clCurrDay
{
  background-color: #f0f0f0;
  font-weight: bolder;
}

.clColHead
{
  padding-left: 5px;
  padding-top: 0px;
}

.clBusy
{
  text-align: right;
  background-color: #df0000;
  color: #ffffff;
  w idth: 10%;
}

.clAddNewMob
{
  text-align:left;
  b ackground-color:#ffff99;
  color:#ffffff;
  cursor:hand;
  cursor:pointer;
  font-size:90%;
  padding:5px;
}

.CMCHeaderContainer
{
  margin:auto;
  padding: 5px 0px 0px 0px;
}

.frmButtonLt
{
  font-size:100%;
  BACKGROUND-COLOR: #ccddcc;
  border: 1px solid #c0c0c0;
}

.frmButton
{
  font-size:100%;
  BACKGROUND-COLOR: #ccddcc;
}

.bdgContentText
{
  padding-top: 30px;
  font-size:10pt;
  margin:auto;
  max-width:1120px;
  text-align:left;
  width: 90%;
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
  -moz-column-count: 2;
  -moz-column-gap: 15px;
  column-count: 2;
  column-gap: 15px;
}

.bdgContentText P
{
  text-align: justify;
  f ont-size:10pt;
}

.bdgContentText li
{
  text-align: left;
}

.bdgContentPicture
{
  m argin-top:-50px;
  h eight:400px;
  p osition:relative;
  text-align:center;
}

.bdgContentPictureBand
{
  position:absolute;
  background-color:#c0c0c0;
  height:150px;
  width:1120px;
  z-index:0;
}

.bdgContentPicture IMG
{
  max-width:1120px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  l eft:10%;
  p osition:absolute;
  width:90%;
  z -index:1;
}

.bdgContentPicture P
{
  margin:0px;
}

.bdgTextCol
{
  font-size: 10pt;
  display:inline-block;
  padding-right: 10px;
  vertical-align:top;
  width:48%;
}

.dbgPar
{
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
}

.bdgTextBox
{
  font-size: 10pt;
  - moz-box-shadow: 0px 10px 20px #b0b0b0;
  - webkit-box-shadow: 0px 10px 20px #b0b0b0;
  b ox-shadow: 0px 10px 20px #b0b0b0;
  border-radius:4px;
  border:1px solid #c0c0c0;
  margin-right: 10px;
  min-height:160px;
  padding: 20px;
}

.bdgTextBox IMG
{
  float: right;
  margin: -20px 0px 10px 20px;
  width:50%;
}

.bdgTextLogo
{
  border-width: 0px;
  width: 150px;
  float: left !important;
  margin: 0 10px 10px 0 !important;
}

.BandPageRightNoPadding
{
  font-size: 8pt;
  padding:0px;
  w idth: 100%;
}

.spvCatTitlePic
{
  z -index:-1;
}

.spvCatTitlePic IMG
{
  width: 100%;
  height: auto;
}

.spvCatTitle
{
  position:absolute;
  font-size: 18pt;
  opacity: 0.8;
  padding: 8px 5px 8px 20px;
  width: 100%;
  box-sizing: border-box;
  b order-bottom: 1px solid #c0c0c0;
  background-color:#c0c0c0;
}

.wsfAdminCmd
{
  background-color:#df0000 !important;
  color:#fff;
}

.wsfRMobItemCurrent
{
  color: #df0000;
  font-weight:bolder;
}

H1
{
  MARGIN: 0px 0px 5px;
  C OLOR: #ffffff;
}

BODY
{
  MARGIN: 0px;
  B ACKGROUND-COLOR: #ffffff;
  FONT-FAMILY: Raleway, sans-serif;
  font-size: 100%;
  min-height: 400px;
}

body.wsfDevSite
{
  border: 4px dotted #df0000;
}

.USRWrnMsg
{
  color: #df0000;
  font-size:10pt;
  font-weight: bolder;
}

.UsrRequestRight
{
  p adding-left: 50px;
  f ont-size:130%;
  w idth:746.666666666667px;
}

.UsrRequestForm
{
  font-size: 9pt;
  border-collapse: collapse;
  width: 100%;
}

.UsrReqSection
{
  font-size: 10pt;
  background-color: #238697;
  border-bottom: 1px solid #c0c0c0;
  color: #FFFFFF;
  font-weight: bolder;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
}

.UsrRegistrationRight
{
  padding-left: 50px;
  font-size: 9pt;
  width:746.666666666667px;
}

.UsrRegistrationLeft
{
  vertical-align: top;
  border-right: 1px solid #c0c0c0;
  color: #FFFFFF;
  font-size: 14pt;
  height: 570px;
  padding-left: 12px;
  padding-right: 10px;
  padding-top: 20px;
  width: 150px;
}

.UsrFrmTextArea
{
  font-size: 100%;
  width:100%;
}

.UpDownButton
{
  font-size: 100%;
  BACKGROUND-COLOR: #ccddcc;
  border: 1px solid #c0c0c0;
  height:27px;
  padding:0px;
  width:20px;
}

.TSText
{
  color: #FFFFFF;
  background-color: #238697;
  font-size: 100%;
  padding:10px;
}

.ToolsBox
{
  f ont-size:80%;
  background-color:#f0f0f0;
  border:1px solid #c0c0c0;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px;
  text-align:right;
  overflow:auto;
}

.toolbar
{
  background-repeat: no-repeat;
  margin:auto;
  w idth: 100%;
}

.TextMob
{
  font-size:100%;
  padding: 4px;
}

.ROInput
{
  background-color:#c0c0c0;
  padding: 5px;
  border-radius:4px;
  border: 1px solid #c0c0c0;
}

.Text
{
  font-size:80%;
  B ACKGROUND-COLOR: #FFFFFF;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: justify;
}

.TabCtrlHighlight
{
  color: #000000;
  background-color: #ffffff;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
}

.TabCtrlCmds TD
{
  font-size:100%;
  border-right: 1px solid #ffffff;
  padding: 5px;
}

.TabCtrlCmds
{
  font-size:100%;
}

.TabCtrlBody
{
  border-right: 1px solid #c0c0c0;
  background-color: #ffffff;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  font-size:100%;
  h eight: 250px;
  padding:10px;
  w idth:100%;
}

.suVList
{
  height:167px;
  font-size:17pt;
  width:800px;
}

.suVForm
{
  font-size:17pt;
  width:100%;
}

.suVFind
{
  font-size:17pt;
}

.suVField
{
  font-size: 8pt;
  background-color:#c0c0c0;
}

.suVDialog
{
  position:fixed;
  z-index:100;
  text-align:center;
  background-color:#ffff99;
  border: 1px solid #c0c0c0;
  left:10px;
  right:10px;
  top:10px;
  bottom:10px;
  m ax-height: 600px;
  margin:auto;
  m ax-width:1000px;
  padding:10px 5px;
}

.suVButton
{
  FONT-SIZE: 18pt;
  BACKGROUND-COLOR: #ccddcc;
  border: 1px solid #c0c0c0;
}

.suList
{
  background-color:#fff;
  padding:10px;
  min-height:20vh;
  height:50vh;
  max-height:50vh;
  overflow:auto;
  font-size:20pt;
  width:100%;
}

.suForm
{
  font-size:20pt;
  width:100%;
}

.suFind
{
  font-size:20pt;
  width:100%;
}

.suDialog
{
  text-align:center;
  background-color:#f0f0f0;
  padding:20px;
}

.suButton
{
  FONT-SIZE: 20pt;
  BACKGROUND-COLOR: #ccddcc;
  border: 1px solid #c0c0c0;
  width:90px;
}

.srcURL
{
  color: green;
  font-size: 100%;
  text-decoration: none;
}

.srcTable
{
  font-size: 100%;
  width: 90%;
}

.srcDocTitle
{
  font-size: 130%;
  font-weight: bolder;
  padding-top: 5px;
}

.srcAbstract
{
  font-size: 110%;
  FONT-STYL E: italic;
  padding-bottom: 2px;
  padding-top: 2px;
}

.SmallText
{
  font-size: 100%;
}

.SITEMAP
{
  font-size: 100%;
}

.RotPicCaption
{
  padding-top: 10px;
  font-size: 100%;
  text-align: center;
}

.RightBand
{
  font-size: 100%;
  BACKGROUND-COLOR: #005da7;
  COLOR: #ffffff;
  padding: 10px;
}

.PicCaptionWhite
{
  font-size: 100%;
  color: #ffffff;
  text-align: center;
}

.PicCaptionGrey
{
  font-size: 100%;
  color: #c0c0c0;
  text-align: center;
}

.PageTitleNoSpace
{
  FONT-WEIGHT: bolder;
  COLOR: #005da7;
  font-size: 100%;
  margin-bottom:0px;
}

.PageTitle
{
  FONT-WEIGHT: bolder;
  COLOR: navy;
  #238697;
  font-size: 140%;
  padding-top:10px;
  margin-bottom:10px;
  border-bottom:1px solid #f0f0f0;
}

.PageTitleSmall
{
  FONT-WEIGHT: bolder;
  COLOR: #238697;
  font-size: 110%;
}

.PageSubTitle
{
  margin-top: -15px;
  COLOR: #005da7;
  FONT-WEIGHT: bolder;
  font-size: 130%;
  margin-bottom: -15px;
}

.PageSchema
{
  margin:auto;
  m in-height: 400px;
  max-width: 1120px;
  padding: 0px 30px 30px 30px;
  text-align: center;
  w idth: 100%;
}

.NumInputRO
{
  TEXT-ALIGN: right;
  background-color:#c0c0c0;
}

.NumInput
{
  TEXT-ALIGN: right;
}

.MobileWebTitle
{
  background-color: #238697;
  *display: inline;
  border-right: 1px solid #c0c0c0;
  display:inline-block;
  padding-bottom:10px;
  padding-left:7px;
  padding-right:7px;
  padding-top:10px;
  text-align:center;
  zoom: 1;
}

.MNUBARITEM
{
  padding:10px;
  border-right: 1px solid #c0c0c0;
  display:inline-block;
  zoom: 1;
}

.mnToolBarBtns
{
  f loat:right;
  display:inline-block;
}

.mnToolBarBtn A, .mnToolBarBtn A:Visited, .mnToolBarBtn A:Active, .mnToolBarBtn A:Link, .mnToolBarBtn A:Hover
{
  color:#ffffff;
}

.mnToolBarBtn
{
  
}

.mnToolBar
{
  font-size: 80%;
  color: #FFFFFF;
  text-align: center;
}

.mnGroupCurr
{
  b ackground-color: #FFFFFF;
  color: #238697;
  f ont-weight:bolder;
}

.mnGroup:hover
{
  background-color: #238697;
  color: #ffffff;
}

.mnGroup
{
  padding: 5px 15px 5px 15px;
  border-right: 1px solid #c0c0c0;
  cursor:hand;
  cursor:pointer;
  display: inline-block;
  l etter-spacing:-1px;
  t ext-transform:capitalize;
  vertical-align: middle;
}

.ListItem
{
  Background-color:Beige;
}

.ListHead, .ListHeadRow
{
  background-color:#f0f0f0;
  color:#525252;
}

.ListGTot
{
  font-weight: bolder;
  background-color:#e0e0e0;
  color:#000000;
}

.LeftBand
{
  font-size: 100%;
  BACKGROUND-COLOR: #005da7;
  COLOR: #ffffff;
  padding: 10px;
}

.kbSpaceKey
{
  font-size:200%;
  height:60px;
  text-align:center;
  width:300px;
}

.kbLayout
{
  text-align:center;
  background-color:#ffff99;
  border: 1px solid #c0c0c0;
  left: 395px;
  padding-bottom:10px;
  padding-left:5px;
  padding-right:5px;
  padding-top:10px;
  top:400px;
  width:735px;
}

.kbKey
{
  font-size:180%;
  height:60px;
  text-align:center;
  width:60px;
}

.kbCtrlKeySmall
{
  font-size: 100%;
  height:60px;
  text-align:center;
  width:60px;
}

.kbCtrlKey
{
  font-size: 100%;
  height:60px;
  text-align:center;
  width:120px;
}

.kbAltKey
{
  font-size: 120%;
  margin-top:-2px;
  padding-right:2px;
  text-align:right;
}

.headerTile
{
  WIDTH: 100%;
  BACKGROUND-COLOR: #FFFFFF;
  text-align: center;
  z-index: 100;
}

.HBoxTitle
{
  font-size:130%;
  b ackground-color: #FFFFFF;
  b ackground-image: url(/nibble/public/NCSBanner_19.jpg);
  background-repeat: repeat-x;
  border-bottom: 1px solid #c0c0c0;
  color: #238697;
  font-weight: bolder;
  padding-bottom: 10px;
  padding-left: 11px;
  padding-top: 15px;
}

.HBoxBody
{
  c olor: #ffffff;
  font-size: 100%;
  padding-bottom: 8px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  t ext-align: justify;
}

.frmUsrFld
{
  f ont-size:130%;
  w idth: 350px;
}

.frmUserSec
{
  font-size: 10pt;
  background-color: #238697;
  border-bottom: 1px solid #c0c0c0;
  color: #FFFFFF;
  font-weight: bolder;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
}

.frmUser TEXTAREA, .frmUser SELECT, .frmUser INPUT
{
  width: 100%;
}

.wsfRatingImg
{
  width:20px;
}

.wsfUserPermissions .wsfFrmField, .wsfUserPermissions .wsfFrmFieldHigh
{
  m in-width: 160px;
  text-align: right;
}

.wsfUserPermissions .wsfFrmField .wsfFrmInput, .wsfUserPermissions .wsfFrmFieldHigh .wsfFrmInput
{
  display: inline-block;
}

.wsfLargeCheckbox { transform: scale(2); }

.frmUser INPUT[type=checkbox]
{
  width: auto;
}

.frmUser .frmButtonLt
{
  width: auto;
}

.frmUser
{
  font-size:10pt;
  border-collapse: collapse;
  width: 90%;
}

.frmUser TD
{
  padding:5px;
}

.frmField
{
  vertical-align:top;
}

.frmFieldSec
{
  text-align:center;
  padding: 5px;
  background-color:#ffff99;
}

.frmEdit
{
  font-size: 9pt;
  width: 100%;
}

.Footer
{
  p osition: fixed;
  COLOR: #FFFFFF;
  PADDING: 10px 0 10px 0;
  b ackground-image: url(/tb/public/footer.jpg);
  b order: 1px solid #df0000;
  b ottom: 0;
  background-repeat: no-repeat;
  font-size: 80%;
  h eight: 124px;
  o pacity: 0.85;
  text-align: center;
  width: 100%;
  z -index: 100;
}

.FilterBox
{
  font-size:80%;
  border:1px solid #c0c0c0;
  margin-bottom: 5px;
  padding: 10px;
  text-align: left;
}

.DBTabGrpSelBox
{
  display:inline-block;
}

.DBTabGrpItems
{
  border-collapse: collapse;
  font-size: 100%;
}

.ContentArea
{
  background-color:#ffffff;
  padding: 0px 0 50px 0;
}

.cmMonthSel
{
  font-size: 9pt;
  font-weight: bolder;
  padding-left:5px;
  padding-right:5px;
}

.CMCTlbButton:hover
{
  border: 1px solid #c0c0c0;
}

.CMCTlbButton
{
  font-size:7pt;
  background-color:#ccddcc;
  border: 1px solid #c0c0c0;
  height:20;
  margin-left:1px;
  margin-top:1px;
  vertical-align:middle;
}

.CMCTextPHCommands
{
  font-size:10pt;
  text-align:center;
}

.CMCTable
{
  font-size:130%;
  padding: 3px;
  text-align: justify;
}

.CMCSiteWallPaper, .CMCSiteWallPaper2
{
  background-color:#c0c0c0;
  margin-left: auto;
  margin-right: auto;
  min-width: 338px;
  padding: 0;
}

.CMCMenuGrp
{
  font-size: 100%;
  C OLOR: white;
  F ONT-WEIGHT: bolder;
}

.CMCHeader
{
  BACKGROUND-COLOR: #FFFFFF;
  width: 100%;
}

.cmBox
{
  font-size:9pt;
  background-color:#ffffff;
  border:1px solid #c0c0c0;
  margin-bottom:2px;
  w idth:235px;
}

.BoxTitle
{
  COLOR : #ffffff;
  FONT-WEIGHT: bolder;
  font-size: 150%;
}

.BandTable TD
{
  padding: 4px;
  border-right: 1px solid #f0f0f0;
}

.BandTable
{
  font-size: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.BandTable TR:hover
{
  background-color:#ffff99;
}

.ListHeadExtra td { padding: 0; border: 0; }

.wsfTableSearched TD
{
  border: 1px solid #c0c0c0;
}

.wsfMSRMgrColsOn .wsfMSRBoxMgrCols { background-color: #f1a9a4; #03a9f4; }
/* .wsfMSRMgrColsOn .ListHead  */
.wsfMSRMgrColsOn td.wsfMSRViewColHide
{ 
  display:table-cell !important;
  width:auto !important;
  height:auto !important;
  opacity:1 !important;
  visibility: visible !important; 
  cursor: pointer !important; 
}
.wsfMSRViewColHide { background-color: #f1a9a4b3 !important; }

.wsfMSRBoxMgrCols
{
  padding: 8px 5px;
  vertical-align: bottom;
  border: 1px solid #c0c0c0;
  border-bottom: 0 !important;
  margin-left: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-family: inherit !important;
  font-size: inherit !important;
  color:#6b6b6b;
}

.wsfSearchTableRowsInput
{
  padding: 8px 5px;
  vertical-align: bottom;
  border: 1px solid #c0c0c0;
  border-bottom: 0 !important;
  width: 125px;
  margin-left: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-family: inherit !important;
  font-size: inherit !important;
  color:#6b6b6b;
}

.wsfSearchTableRowsInput::placeholder
{
  font-size: 105%;
  font-family: Raleway, sans-serif;
  color:#6b6b6b;
}

.wsfSearchTableRowsVSel
{
  padding: 7px 5px;
  vertical-align: bottom;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  width: 135px;
  margin-left: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-family: inherit !important;
  font-size: inherit !important;
  color:#6b6b6b;
}

.wsfSearchTableRowsInfo, .wsfMSRBoxTimeStamp
{
  d isplay:none;
  padding: 8px;
  margin-left:2px;
  border: 0;
  background-color: transparent !important;
}

.wsfMSRBoxTimeStamp
{
  font-size:8pt !important;
}

.wsfMSRBox
{
  max-width:100%;
  overflow:auto;
  clear: both;
  position:relative;
}

.wsfURMatrixTab .wsfMSRBox
{
  overflow:initial;
}

.wsfMSRBoxTools
{
  position:absolute;
  top:2px;
  left:0;
  background-color: #fff;
  font-size: 9pt;
  white-space: nowrap;
}

.wsfMSRBoxToolsPnlHide
{
  display:none;
}
.wsfMSRBoxToolsShow .wsfMSRBoxToolsPnlHide
{
  display: inline-block;
}

.wsfMSRBoxToolsBtn
{
  background-color:#f0f0f0;
  background-image: url(../images/gear.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  border: 0;
  cursor:pointer;
  margin-top: -13px;
}

.wsfMSRBoxToolsShow .wsfMSRBoxToolsBtn
{
  background-image: url(../images/LeftArrow.png);
  margin-top: 0;
}

.wsfMSRBoxToolsHide .wsfMSRBoxToolsBtn
{
}


.wsfMSRBoxFullList .wsfMSRBoxTools
{
  /* PAOLO13JUN24
  position:absolute;
  top:0;
  left:0;
  */
  transition: all 1s ease;

  position: fixed;
  top: 33px;
  left: 5px;
}

.wsfMSRBoxFullListBtn
{
  padding:8px 5px;
  vertical-align: bottom;
  border:1px solid #c0c0c0;
  border-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor:hand;
  cursor:pointer;
  font-family:inherit !important;
  font-size:inherit !important;
}

.wsfMSRBoxFullListBtnSel
{
  background-color: #e0e0e0;
}

.wsfMSRBoxFullList
{
  height:94vh;
}

.wsfMSRBoxFullList .ListHead
{
  position:sticky;
  top:0;
  background-color:#fff;
  border-top: 2px solid #525252;
  border-bottom: 2px solid #525252;
}

.BandPageTitle
{
  font-size: 150%;
  color: #FFFFFF;
  padding-bottom:20px;
}

.BandPageRightTitle
{
  font-size: 100%;
  padding-bottom:5px;
  font-weight:bolder;
  overflow:auto;
}

.BandPageRight
{
  font-size: 100%;
  padding: 20px;
}

.BandPage
{
  border-collapse: collapse;
  font-size:9pt;
  width: 100%;
}

#MenuContainer
{
  d isplay: inline-block;
  background-color:#333333;
  padding: 35px 0 0 0;
  text-align:center;
}

.SaveRes
{
  text-align:center;
  font-size:10pt;
  min-height: 200px;
  padding:30px;
}

.SaveErr
{
  text-align:center;
  font-size:10pt;
  min-height: 200px;
  padding:30px;
}

#mqTable .BandTable
{
  font-size:9pt;
}

.mqMsgPreviewText
{
  width: 100%;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  background-color:Lavender;
  border:1px solid #c0c0c0;
  box-shadow: 0px 10px 20px #b0b0b0;
  height: 300px;
  padding:20px;
}

.mqMsgPreviewHtml
{
  padding:20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  background-color:#fff;
  border:1px solid #c0c0c0;
  box-shadow: 0px 10px 20px #b0b0b0;
  height: 50vh;
  max-width:90vw;
  font-size:10pt;
  overflow:auto;
  text-align:left;
}

.mqMsgPreviewHtmlZoom
{
  height: 100vh;
  max-width: 100vw;
}

.LoginPassword
{
  min-width:200px;
  border: 1px solid #c0c0c0;
  border-radius:4px;
  padding: 10px;
  width: 25%;
}

.wsfQEForm
{
  cursor:default;
  width:100%;
  border-collapse: collapse;
}

.wsfQEBox
{
  text-align:left;
  b order-radius: 4px;
  background-color:#f0f0f0;
  border:1px solid #c0c0c0;
  color:#000;
  font-size: 100%;
  margin-bottom: 10px;
  padding: 10px 10px 70px 10px;
}

.wsfSubMnTitle, .wsfSubMnTitle1, .wsfSubMnTitle2
{
  
}

.wsfSubMnTab1, .wsfSubMnTab1Open, .wsfSubMnTab2, .wsfSubMnTab2Open
{
  padding-left:15px;
  font-size: 90%;
}

.wsfSubMn
{
  font-size:10pt;
}

.wsfStdTable TD
{
  padding:5px;
  vertical-align:top;
  width: 50%;
}

.wsfStdTable
{
  border-collapse:collapse;
  width:100%;
}

.wsfSendMsgPreviewSubject
{
  background-color:#ffffff;
  font-size:10pt;
  padding:10px;
}

.wsfSendMsgPreviewBody
{
  background-color:#ffffff;
  font-size:10pt;
  padding:30px;
  overflow:auto;
}

.wsfSendMsgPreview
{
  background-color:#f0f0f0;
  padding:30px;
}

.wsfRMobTab1, .wsfRMobTab1Open, .wsfRMobTab2, .wsfRMobTab2Open
{
  p adding-left:10px;
  font-size: 95%;
}

.wsfRMob
{
  font-size: 12pt;
  padding: 20px 0 20px 0;
  min-width:200px;
  text-align:left;
  width:100%;
}

.wsfRespMobileMenuVisible
{
  position: absolute;
  -w ebkit-transform: rotate(360deg);
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-transition: all 500ms ease;
  box-shadow: 0px 10px 20px #b0b0b0;
  background-color:#fff;
  height:100vh;
  max-width: 95vw;
  left:0;
  overflow-x:hidden;
  overflow-y:auto;
  top: 0px;
  z-index:1010;
  transition: all 500ms ease;
}

.wsfRespMobileMenu
{
  position: fixed;
  background-color:#fff;
  transform: translate(-1000px);
  left:0;
  overflow:hidden;
  top: 0;
  z-index:1000;
}

.wsfRespMobileBox
{
  position:fixed;
  width:100vw;
  z-index:2;
  height:0;
  text-align:left;
  /* to let the top logo be clickable */;
}

.wsfRespMobileBtn
{
  cursor:hand;
  cursor:pointer;
  display:none;
  padding:5px;
}

.wsfPicEmbedRight
{
  float: right;
  margin: 0px 0px 15px 15px;
}

.wsfPicEmbedLeft
{
  float: left;
  margin: 0px 15px 0px 15px;
}

.wsfPermDenied
{
  FONT-WEIGHT: bolder;
  COLOR: #005da7;
  FONT-SIZE: 12pt;
}

.wsfPermDeniedLinks
{
  padding-top:20px;
  font-size:10pt;
}

.wsfPageParam
{
  font-size:10pt;
  text-align:left;
}

.wsfMSRLoading
{
  position:absolute;
  background-color:#ffff99;
  border-radius:4px;
  border:1px solid #c0c0c0;
  font-size:14pt;
  left:47%;
  opacity:0.8;
  padding:5px;
  top:40%;
  z-index:1000;
}

.wsfInvalidInput
{
  background-color:#F29A9A !important;
}

.wsfCheckEmailInfo
{
  text-align:right;
  c olor:#df0000;
  position: absolute;
  right:8px;
  bottom:50%;
  top:8px;
}

.wsfCheckEmailInfo IMG
{
  width:16px;
  border: 0;
}

.wsfInvalidEmail
{
  background-color:rgba(255, 177, 0, 0.72);
}

.wsfEmailFake { color:#df0000; font-weight:bolder; }

.wsfEmailIsInUse
{
  background-color:rgba(223, 0, 0, 0.51);
}

.wsfFileUploadFileBox
{
  display:inline-block;
  font-size:8pt;
  padding-top:5px;
}

.wsfFileUploadFile, .wsfFileUploadFileDragOver
{
  width:100%;
  border-radius:4px;
  padding:80px 20px 20px 20px;
}

.wsfFileUploadFileDragOver
{
  width:100%;
  background-color:#fff;
  border-radius:4px;
  border: 2px dashed #000;
  padding:80px 20px 20px 20px;
}

.wsfFileUploadFile
{
  width:100%;
  border-radius:4px;
  border: 2px dashed #c0c0c0;
  padding:80px 20px 20px 20px;
}

.wsfFileUploadBtn
{
  margin-top:1px;
  width:100%;
}

.wsfFileUpload
{
  w idth: 400px;
  margin:auto;
}

.wsfEditingBox .wsfStdTable TD
{
  border: 1px dashed #c0c0c0;
}

.wsfDragDropTitle
{
  width: 200px;
  background-color: #ffff99;
  border-radius: 4px;
  border: 1px solid #c0c0c0;
  padding: 3px 5px 3px 20px;
}

.wsfDragDropHandle
{
  width:16px;
  background-image: url(/LUX/images/DragDropHandle.png);
  background-repeat: no-repeat;
  cursor:pointer;
  height:16px;
  ns-resize;
}

.wsfCMCHistoryTab
{
  font-size:9pt;
  border-collapse:collapse;
}

.wsfBrowserUnTested A
{
  color: #8a6d3b;
}

.wsfBrowserUnTested
{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding:10px;
}

.wsfBrowserGood
{
  position:absolute;
  background-color:#0000df;
  border-radius:4px;
  color:#ffffff;
  left:40%;
  padding:5px;
  text-align:center;
  top:5;
  width:300px;
}

.wsfBrowserBad A
{
  color: #a94442;
}

.wsfBrowserBad
{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding:20px;
}

img
{
  v ertical-align: bottom;
}

FORM
{
  PADDING-RIGHT: 0px;
  MARGIN: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-TOP: 0px;
}

A, A:Visited, A:link, A:hover, A:Active
{
  color: #003399;
  text-decoration: underline;
}

.wsfSRFieldsPnl
{
  position: fixed;
  padding: 10px 20px;
  border: 1px solid #c0c0c0;
  width: 60vw;
  height: auto;
  text-align: center;
  background-color: #c0c0c0;
  border-radius: 5px;
  color: #fff;
  margin: auto;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 1;
  font-size: 10pt;
}

.wsfSRFieldsPnl SELECT
{
  width: auto;
  min-width: 150px;
  height: 50vh;
  font-size:10pt;
}

.wsfSRFieldsPnl table
{
  font-size: 10pt;
  border-collapse: collapse;
  margin:auto;
}

.wsfSRFieldsPnl table td
{
  padding:5px;
  text-align:center;
}

.wsfSRFieldsPnl .wsfBtnStd { min-width:50px; }

.wsfSRFieldsBtn a
{
  text-decoration:none;
  color:#fff;
}

.wsfSRFieldsBtn
{
  text-align: right;
  background-color: #c0c0c0;
  display: inline-block;
  float: right;
  padding: 1px 5px;
  border-radius: 4px;
}

.UsrReqWrn
{
  color:#df0000;
  font-weight: bolder;
  text-align:center;
}

.UsrRequestForm TD
{
  padding: 5px 10px 5px 10px;
}

.UsrRegistration
{
  width: 100%;
}

.UsrLogonBox Input
{
  font-size: 8pt;
}

.UsrLogonBox
{
  font-size: 8pt;
  border: 1px solid #c0c0c0;
}

.USRLoginTitleTS
{
  padding-top: 0px;
  font-size: 18pt;
  padding-bottom: 5px;
}

.USRLoginFormTS TD
{
  padding: 4px;
}

.USRLoginFormTS Input
{
  font-size: 20pt;
  width: 300px;
}

.USRLoginFormTS DIV
{
  padding: 4px;
}

.USRLoginFormTSBtn
{
  background-color:#50ace4;
  color:#fff;
}

.USRLoginFormTS #txtUserAlias, .USRLoginFormTS #txtUserPwd
{
  font-size: 20pt;
  width: 400px;
}

.USRLoginFormTS
{
  font-size: 20pt;
  text-align: center;
}

.USRLoginExtra
{
  padding-top:10px;
  font-size: 100%;
}

.USRLoginSignUp
{
  padding: 20px 0;
}

.UserList
{
  FONT-SIZE: xx-small;
}

.TSScrollBandUp
{
  cursor: hand;
  cursor: pointer;
}

.TSScrollBandSlower
{
  padding-right: 20px;
}

.TSScrollBandHi
{
  text-align:center;
  background-color: #ffff99;
  color: #ffffff;
  cursor: hand;
  cursor: pointer;
}

.TSScrollBandFaster
{
  padding-left: 20px;
}

.TSScrollBandDown
{
  cursor: hand;
  cursor: pointer;
}

.TSScrollBand
{
  text-align:center;
  background-color: #f0f0f0;
  color: #238697;
  cursor: hand;
  cursor: pointer;
}

.TSMain
{
  
}

.toolbar A
{
  TEXT-DECORATION: none;
}

.toolbar .ToolBarItem
{
  W IDTH: 70px;
}

.toolbar .MenuSel
{
  FONT-WEIGHT: bolder;
  COLOR: navy;
  FONT-SIZE: larger;
}

.toolbar .MenuItem
{
  FONT-SIZE: x-small;
}

.tlbCustUser
{
  font-size:80%;
  cursor:hand;
  pointer:hand;
}

.TI_on
{
  font-weight: bolder;
  color:#238697;
}

.TI_off
{
  color:#525252;
}

.TI_buttonRO
{
  padding:3px;
  background-color:#c0c0c0;
  text-align:center;
  width: 80px;
}

.TI_button
{
  cursor:hand;
  background-color:#FFFFFF;
  cursor:pointer;
  padding:3px;
  text-align:center;
  width: 80px;
}

.TextInputSmall
{
  FONT-SIZE: 7pt;
}

.TabCtrlHidden
{
  color: #ffffff;
  background-color: #238697;
  border-right: 1px solid #c0c0c0;
}

.suDlgBox
{
  box-sizing: border-box;
  top:10%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  /* give it dimensions */  min-height: 10em;
  width: 90%;
  padding:10px;
  background-color:#e0e0e0;
  border:1px solid #c0c0c0;
  color:#000000;
  text-align:left;
}

.srcDocTitle A:Visited
{
  color: #0000cf;
}

.srcDocTitle A:link
{
  color: #0000cf;
}

.srcDocTitle A:hover
{
  color: #0000cf;
}

.srcDocTitle A:Active
{
  color: #0000cf;
}

.srcDocTitle A
{
  color: #0000cf;
}

.SideToolbarStatic
{
  padding:10px;
  font-size:100%;
}

.SideToolbarParentShow
{
  padding: 1px;
  width: 5px;
}

.SideToolbarParentHide
{
  padding: 1px;
  width: 5px;
}

.SideToolbar
{
  padding:20px 20px 10px 20px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  background-color:#ffffff;
  border-bottom:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
  border-top:1px solid #c0c0c0;
  box-shadow: 0px 10px 20px #b0b0b0;
  font-size:100%;
  margin-top:10px;
  position:absolute;
  z-index: 1000;
}

.sfFiles TD
{
  padding: 5px;
}

.sfFiles
{
  width: 100%;
  border-collapse:collapse;
  font-size: 10pt;
}

.sfFile:hover
{
  background-color:#ffff99;
}

.sfDlgBox
{
  padding:10px;
  background-color:#c0c0c0;
  border:1px solid #c0c0c0;
  color:#000000;
  height: 90vh;
  overflow: auto;
  margin:auto;
  left: 0;
  right: 0;
  text-align:left;
  top:2%;
  width:80%;
}

#SelFileBoxList
{
  padding:5px 0px 10px 0px;
  margin-bottom:5px;
  text-align:left;
  height:60vh;
  overflow:auto;
}

.sfDlgBtn:hover
{
  background-color:#ffff99;
}
.sfDlgBtn
{
  cursor:hand;
  cursor:pointer;
  padding-top:2px;
}

.SecToolbar .SelItem
{
  BORDER-RIGHT: groove;
  BACKGROUND-COLOR: #ff9900;
  BORDER-BOTTOM: groove;
  BORDER-LEFT: groove;
  BORDER-TOP: groove;
  COLOR: navy;
  HEIGHT: 50px;
  TEXT-ALIGN: center;
  WIDTH: 150px;
}

.SecToolbar .MenuItem
{
  BORDER-RIGHT: groove;
  BORDER-BOTTOM: groove;
  BORDER-LEFT: groove;
  BORDER-TOP: groove;
  COLOR: white;
  HEIGHT: 50px;
  TEXT-ALIGN: center;
  WIDTH: 150px;
}

.SecToolbar
{
  FONT-SIZE: x-small;
  BACKGROUND-COLOR: #238697;
}

.SecTitle
{
  COLOR: #1d59e7;
  FONT-WEIGHT: bolder;
}

.RevText
{
  FONT-SIZE: x-small;
  BACKGROUND-COLOR: navy;
  COLOR: white;
}

.QuoteListMob
{
  font-size: 5pt;
}

.prnSec
{
  BACKGROUND-COLOR: #d5e1e8;
}

.prnLabel
{
  BACKGROUND-COLOR: #C0C0C0;
  BORDER-BOTTOM: black 1px solid;
}

.prnField
{
  FONT-WEIGHT: bolder;
  BACKGROUND-COLO R: #C0C0C0;
  BORDER-BOTTOM: black 1px solid;
}

.PictureShadow
{
  margin:20px 20px 20px 0px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  border: 4px solid #ffffff;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.PageSchema2
{
  padding: 10px;
  w idth: 100%;
}

.mqGenCheckPrcRun
{
  background-color:#50ace4;
  color:#fff;
}

.mqGenCheckPrcIdle
{
  background-color:#c0c0c0;
}

.mqGenCheckPrcErr
{
  background-color:#df0000;
  color:#fff;
}

.mqGenCheckMsgWrn
{
  background-color:orange;
}

.mqGenCheckMsgOk
{
  background-color:#c0c0c0;
}

.mqGenCheckMsgErr
{
  background-color:#df0000;
  color:#fff;
}

.mqGenCheck
{
  padding: 0px 3px 3px 3px;
  *display: inline;
  border-radius:2px;
  display:inline-block;
  margin: 0 1px 0 1px;
  min-width: 20px;
  text-align:center;
  zoom: 1;
}

.MnuBarItemCurr A
{
  color:#df0000;
}

.MnuBarItem A
{
  text-decoration: none;
}

.MnuBarContainer
{
  display:inline-block;
  *display: inline;
  max-width:80%;
  overflow:auto;
  white-space:nowrap;
  zoom: 1;
}

.mabPanel
{
  font-size:100%;
  200px;
  background-color:#e0e0e0;
  border:1px solid #c0c0c0;
  left:50%;
  margin-top:10px;
  padding:10px;
  text-align:Left;
}

.LoginUserNameTS
{
  
}

.LoginPasswordTS
{
  
}

.ListPageBreak
{
  page-break-after:always;
  font-size:8pt;
  font-style: italic;
  padding-top: 5px;
  text-align:right;
}

.ListItemAlt
{
  
}

.ListGraphCol
{
  background-color:#AED6E5;
  float:right;
  opacity:0.7;
  position:absolute;
  right: 0px;
}

.ListFoot TD
{
  border-top: 2px solid #c0c0c0;
}

.ListFoot
{
  font-weight: bolder;
  b ackground-color:#c0c0c0;
  color:#000000;
}

.ListColNum
{
  padding-right:2px;
  text-align:right;
  white-space:nowrap;
}

.ListColNumHead
{
  text-align:right;
}

.LangSelected
{
  b order:solid 3px #FFFFFF;
}

.kbKeyText
{
  margin-top:-10px;
}

.ItemCurrent
{
  color: #000 !important;
}

.InputLabel INPUT, .InputLabel SELECT
{
  margin-top:5px;
}

.InputLabelCmds
{
  white-space:nowrap;
  padding-left:5px;
  display:inline-block;
  max-width: 95vw;
  overflow: auto;
  vertical-align: bottom; 
}

.InputLabel
{
  white-space:nowrap;
  padding-left:5px;
  display:inline-block;
  m ax-width: 95vw;
  o verflow: auto;
  v ertical-align: bottom; 
}

.HBoxTitle A, .HBoxTitle A:Active, .HBoxTitle A:hover, .HBoxTitle A:link, .HBoxTitle A:visited
{
  color: #ffffff;
  text-decoration: none;
}

.HBoxPic
{
  padding-top:10px;
  padding-left: 5px;
}

.HBoxBody UL
{
  margin-left: 15px;
  /* disc, circle */;
  c olor: #fe9300;
  color: #c0c0c0;
  list-style-type: square;
  margin-bottom: 0px;
}

.HBoxBody TH
{
  background-color:#e0e0e0;
}

.HBoxBody LI
{
  
}

.HBoxBody A:Visited
{
  color: #005da7;
  text-decoration: none;
}

.HBoxBody A:link
{
  color: #005da7;
  text-decoration: none;
}

.HBoxBody A:hover
{
  color: #005da7;
  text-decoration: underline;
}

.HBoxBody A:Active
{
  color: #005da7;
  text-decoration: none;
}

.HBoxBody A
{
  color: #005da7;
  f ont-weight: bolder;
  text-decoration: none;
}

.wsfUserPermSec
{
  background-color: #bcd2d9;
  padding: 5px;
  margin:5px 0 5px 0;
}

.wsfImportPermissions
{
  text-align:center;
  padding:5px;
  background-color:#f0f0f0;
  margin: 5px 0 5px 0;
}

.wsfImportPermissions INPUT
{
  width: auto;
}

.frmUserLbl
{
  text-align:right;
  vertical-align:top;
  w idth: 300px;
}

.frmUserFldRO
{
  font-weight: bolder;
  border: 1px solid #c0c0c0;
  h eight: 8px;
  padding: 2px;
}

.frmSection
{
  BACKGROUND-COLOR: #ff9900;
}

.frmSec A
{
  COLOR: navy;
  TEXT-DECORATION: none;
}

.frmSec
{
  FONT-SIZE: x-small;
}

.frmReqField
{
  color: #df0000;
  font-weight: bolder;
}

.frmLabel
{
  B ACKGROUND-COLOR: #F0F0E0;
  PADDING-RIGHT: 5px;
  TEXT-ALIGN: right;
  padding-top: 5px;
  vertical-align: top;
}

.frmFieldRO
{
  vertical-align: bottom;
  background-color: #c0c0c0;
  padding-left: 2px;
  text-align:left;
}

.frmEditInfo
{
  text-align:center;
  padding-bottom:5px;
  padding-top:10px;
}

.Footer A, .Footer A:Visited, .Footer A:Active, .Footer A:Link, .Footer A:Hover
{
  COLOR: #FFFFFF;
}

.FilterBoxSel
{
  background-color:#ffff99;
}

.etDlgBox
{
  padding:10px;
  background-color:#e0e0e0;
  border:1px solid #c0c0c0;
  color:#000000;
  height: 50%;
  left:25%;
  text-align:left;
  top:10%;
  width:30%;
}

.DBTabGrpHead
{
  font-weight: bolder;
  border-bottom: 1px solid #c0c0c0;
}

.ContentArea2
{
  background-color:#ffffff;
  min-height: 400px;
}

.cmWDay
{
  border-bottom:1px solid #c0c0c0;
  padding:2px;
}

.cmUnSelDate
{
  border:1px solid #ffffff;
}

.cmTodayCmd
{
  border-top:1px solid #c0c0c0;
  padding-bottom:2px;
  padding-top:2px;
}

.cmToday
{
  font-weight:bolder;
}

.cmSelDay
{
  background-color:#c0c0c0;
  c olor:#000000;
}

.cmSelDate
{
  border:1px solid #df0000;
}

.cmOutDay
{
  color:#c0c0c0;
}

.cmHoliday
{
  b order: 1px dashed #df0000;
  b ackground-color: #df0000;
  color: #df0000;
}

.cmHeader
{
  background-color:#ffffff;
  padding:8px;
}

.cmDay
{
  padding-right:1px;
  cursor:hand;
  cursor:pointer;
}

.CMCTlbButton IMG
{
  margin:0px;
  border-radius: 0px;
  border: 0px;
}

.CMCTextPHToolbar INPUT
{
  padding:1 6 1 6;
}

.CMCTextPHToolbar
{
  background-color:#f0f0f0;
  padding-bottom:5px;
  text-align:center;
}

.CMCTextPHCommands .frmButtonLt
{
  min-width: 60px;
}

.CMCTable TD
{
  padding: 5px;
}

.cmcTabLbl
{
  border-right: 1px solid #d0d0d0;
  text-align: right;
}

.cmcTabFld
{
  padding-left: 2px;
}

.CMCItemMgrBtn
{
  height:20px;
  background-color:#c0c0ff;
  font-size:8pt;
  text-align:center;
  vertical-align:middle;
  width:25px;
}

.wsfPageNewUser #h_DisclaimerApproved
{
  display: inline;
}

.wsfPageApp
{
  font-size:0;
  box-sizing: border-box;
  padding:5px;
}

.wsfPageAppToolbar
{
  display:inline-block;
  width:15%;
  min-width:100px;
  font-size: 10pt;
  vertical-align: top;
  text-align:left;
}

.wsfPageAppContent
{
  display: inline-block;
  font-size: 10pt;
  width:85%;
  vertical-align: top;
  text-align:left;
}

.BandPageLeft
{
  vertical-align: top;
  border-right: 1px solid #c0c0c0;
  color: #FFFFFF;
  font-size: 14pt;
  height: 570px;
  padding-left: 12px;
  padding-right: 10px;
  padding-top: 20px;
  width: 150px;
}

.BandPage TD
{
  p adding-top: 5px;
  p adding-bottom: 5px;
}

.AppBkIcon
{
  background-image: url(../images/Star.png);
  background-color: #f0f0f0;
}

.SysConfIcon
{
  background-image: url(../images/ShipmentWhite.png);
  background-color: #2196f3;
}

.sisGenSrcTile.SysConfIcon 
{ 
  background-image: none; 
  background-color: #2196f3;
  color: #fff;
}

.wsfBizOptIcon
{
  background-image: url(../images/gear.png);
  background-color: #f58e86;
}

.sisGenSrcTile.wsfBizOptIcon 
{ 
  background-image: none; 
  background-color: #f58e86;
  color: #000;
  max-width: none;
  height: auto;
  margin: 3px;
}

.wsfBizOptGrp, .wsfBizOptValue
{
  text-align:left;
  font-size:10pt;
}

.wsfBizOptValue { font-weight: bolder; }

.appBkWrn
{
  color:#df0000;
  padding:5px;
}

.appBkToolbar
{
  font-size:12pt;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  padding-bottom:5px;
  text-align:right;
}

.appBkPrivate
{
  color:#df0000;
}

.appBkItemsTitle
{
  text-align:center;
  font-weight: bolder;
  padding-bottom: 15px;
}

.appBkItemsSubTitle
{
  font-size: 80%;
  font-weight:normal;
}

.appBkItemsBox .ListItem TD, .appBkItemsBox .ListItemAlt TD
{
  padding-top: 20px;
}

.appBkItemsBox .ListItem
{
  background-color:inherit;
}

.appBkItemsBox .ListHead, .appBkItemsBox .ListGTot
{
  display:none;
}

.appBkItemsBox .ListFoot TD
{
  border: 0px;
}

.appBkItemsBox .BandTable TD
{
  border: 0px;
}

.appBkItemsBox .BandTable
{
  font-size: 12pt;
}

.appBkItemsBox
{
  font-size:12pt;
}

.appBkItems
{
  margin:auto;
  background: rgba(183, 205, 248, 1);
  border:1px solid #c0c0c0;
  height:90vh;
  overflow: auto;
  padding:30px;
  text-align:left;
}

.appBkItemNote
{
  font-size: 80%;
  font-style:italic;
  text-align:justify;
}

.appBkItemLink
{
  padding-bottom:5px;
  max-width: 90vw;
  overflow: auto;
}

.appBkItemBy
{
  font-size:70%;
  padding-bottom: 5px;
  t ext-align:right;
}

.appBkItem
{
  padding-bottom: 20px;
}

.appBkItemLink:hover a
{
  background-color:#f0f0f0;
}

.appBkCateg
{
  padding: 20px 5px 5px 5px;
  background-color: #f0f0f0;
}

.appBkItemsList
{
  padding: 10px;
}

.appBkButton a
{
  text-decoration: none;
  color:#000;
}

.mnToolBarBtns .appBkButton
{
  font-size:0;
}

.appBkButton
{
  border: 0 !important;
}

.wsfRespMobMenuBtns .appBkButton
{
  display:inline-block;
}

.appBkButton input
{
  margin: 0;
  padding: 0;
  border: 0 !important;
  height: 16px;
}

.appBkAddFrame
{
  text-align: center;
  margin-bottom:20px;
}

.appBkAddForm .TextInput
{
  font-size:12pt;
}

.appBkAddForm
{
  font-size:12pt;
  background: rgba(183, 205, 248, 1);
  border:1px solid #c0c0c0;
  margin:auto;
  padding:30px;
  text-align:left;
}

#oAppBkParsEditor
{
  padding: 5px;
  margin: 0 5px;
  background-color: #ffff99;
  font-size: 10pt;
}

#oBkAddUseCurr { float: right; }

.appBkAddCanvas
{
  z-index:999;
  background: #ffffffe0;
  top:0;
  right:0;
  left:0;
  bottom:0;
  padding:0;
  position:fixed;
  overflow:auto;
}

.wsfURMatrix
{
  border-collapse:collapse;
  width:100%;
  font-size:8pt;
  background-color:#fff;
}

.wsfURMatrix .EditPwd
{
  width:100px;
}

.wsfURMatrix TR:hover
{
  background-color: #ffff99;
}

.wsfURMatrix TD
{
  padding:5px;
  text-align:center;
  border: 1px solid #c0c0c0;
}

.wsfURMatrix td:nth-child(2)
{
  left:50px;
}

.wsfURMatrix .ListHead
{
  position:sticky;
  top:0;
}

.wsfURMatrixBox
{
  
}

.wsfURMatrixTab
{
  width:100%;
  max-height:70vh;
  max-width:94vw;
  overflow: auto;
}

.wsfFrmField
{
  display:inline-block;
  padding: 5px;
  box-sizing: border-box;
  vertical-align: bottom;
}

.wsfFrmFieldBox
{
  display:inline-block;
  padding: 5px;
  text-align:left;
  border: 1px solid #c0c0c0;
  border-radius:4px;
  margin-right: 5px;
}

.wsfFrmFieldHigh
{
  display:inline-block;
  background-color:#ffff99;
  padding: 4px;
  margin: 1px;
}

.wsfFrmFieldFrame
{
  border:1px solid #e0e0e0;
  background-color: #f0f0f0;
  margin:2px;
}

.wsfFrmFieldFull
{
  display:block;
  padding: 5px;
  width: 100%;
}
.wsfFrmFieldNewLine
{
  display:block;
  padding: 5px 0;
}

.wsfFrmLabel
{
  f loat:left;
  margin-right: 5px;
}

.wsfFrmInput
{
  margin-right: 5px;
  position:relative;
  width: 100%;
  text-align:left;
}

#txtUserCountryCode
{
  max-width: 300px;
}

#RespMobileMenu
{
  display:none;
  /* iOS would let you click on something that is not a button or Anchor only if the element has cursor: pointer...regardless you have onclick. */  cursor: pointer;
}

.wsfForm
{
  padding:10px;
  font-size:9pt;
}

.wsfForm INPUT, .wsfForm SELECT
{
  max-width: 250px;
}

.wsfFrmFieldFull TEXTAREA, .wsfFrmFieldFull INPUT, .wsfFrmFieldFull SELECT
{
  width: 100%;
  max-width: none;
}

.wsfDBTableMaxRows
{
  padding: 10px;
  color: #df0000;
}

.wsfFrmFieldFull INPUT[type=button]
{
  width: auto;
}

.wsfFormBts
{
  margin: 10px 0;
  text-align: left;
}

.wsfFormBts button
{
  padding:10px;
  border: 0;
  margin: 0px 5px 5px 0px;
}

.wsfFormBts .frmButton, .wsfFormBts .frmButtonLt
{
  min-width: 80px;
  margin: 0px 5px 5px 0px;
}

.wsfBtnSelector input
{
  display: none;
}

.wsfBtnSelector
{
  display:inline-block;
  padding: 5px 8px 5px 8px;
}

.wsfBtnSelected
{
  background-color:#c0c0c0;
  border-radius:3px;
}

#wsfoFilters
{
  display:block;
}

#wsfoFiltersBtn
{
  display:none;
  margin-left:5px;
  padding-left:5px;
  border-left: 1px solid #c0c0c0;
}

.wsfoFiltersShow
{
  display:block !important;
}

.wsfRMobBottom
{
  font-size:9pt;
  opacity:0.9;
  padding: 10px 20px 0 20px;
  text-align:left;
}

.wsfPageNotFound { background-color: #fff; }
.wsfPageNotFound, .wsfPageNotFound DIV
{
  padding: 20px;
}

.wsfFeedBackBox
{
  padding: 10px;
}

.wsfFeedBackBoxLogin
{
  display:none;
  padding:10px;
  text-align:center;
  background-color:4a97f3;
  margin: 0 0 20px 0;
  cursor:hand;
  cursor:pointer;
}

.wsfFeedBackUserName
{
  font-weight: bolder;
}

.WebFeedbackFrame0 { background-color: #e0e0e0 } /* FRAME */
.WebFeedbackFrame1 {} /* QUICK */

.bdgBlogPDF
{
  width:100%;
  height: 500px;
}

.wsfRMobAddressName
{
  font-size:130%;
  font-weight:bolder;
  padding: 0 0 10px;
}

.wsfRMobAddrIcon
{
  width: 18px;
  margin-right:5px;
}

.wsfRMobAddress DIV
{
  padding: 15px 0 0 0;
}

.wsfRMobAddress
{
  text-align:right;
  font-size:140%;
  letter-spacing: -1px;
}

.wsfRMobAddress A, .wsfRMobAddress A:Link, .wsfRMobAddress A:visited
{
  text-decoration: none;
  color:inherit;
}

.CMCSiteWallPaper2 #MenuContainer
{
  padding: 5px;
}

.wsfMobileView .CMCSiteWallPaper2 #MenuContainer
{
  padding: 0
}

.TextInput, .EmailInput, .MEmailInput, .TimeInput, .DateInput
{
  font-size: 100%;
}

.wsfQSbtns
{
}
.wsfQSbtnSel
{
  background-color: #2196f3;
  color:#fff;
}

.wsfExcelURLBtn
{
  display:no ne;
  cursor:hand;
  cursor:pointer;
  text-transform: lowercase;
  display: inline-block;
  float: right;
  font-size: 0;
  width: 35px;
  height: 25px;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  background-size: auto 25px;
  background-image: url(../images/Excel.png);
}

.wsfExcelURLBtnKO
{
  background-color:#ff5722;
}

.wsfStdPrintBtn, .wsfPrintRcpFmt
{
  background-image: url(../images/Print.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center;
  width: 40px;
  font-size: 9pt;
  background-color: #2196f3;
  border-radius: 4px;
}

.wsfPrintRcpFmt
{
  background-image: url(../images/ReceiptPrinter.png);
  background-color: #7c7676;
}


.wsfCloudPrintBtn
{
  background-image: url(../images/Print.png);
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center;
  width: 40px;
  font-size: 9pt;
  background-color: #4caf50;
  border-radius: 4px;
}

.wsfCloudPrintErrBtn
{
  background-image: url(../images/PrintError.png);
}

.wsfUserCountryPrstBtn .wsfQSbtns
{
  margin-left:5px;
}

.wsfUserCountryPrstBtn
{
  display:inline;
}

.wsfFormFieldDirty
{
  border: 4px solid #df0000 !important;
}

.wsfFrmFieldFull INPUT, .wsfFrmFieldFull TEXTAREA
{
  width: 100%;
  max-width:none !important;
}

#usVDlgUserIDEx TR:hover
{
  background-color:#c0c0c0;
}

#usVDlgUserIDEx TH
{
  font-size:10pt;
  font-style:italic;
  font-weight:normal;
  padding: 5px;
}

#usVDlgUserIDEx td:first-child
{
  cursor:hand;
  cursor:pointer;
}

#usVDlgUserIDEx TD
{
  border: 1px solid #c0c0c0;
  padding: 8px;
}

#usVDlgUserIDEx
{
  width: 100%;
  border-collapse:collapse;
  font-size:12pt;
}

#usVDlgMakeEmailDomain
{
  font-size:18pt;
}

.VDlgUserIDExBox
{
  height: 500px;
  overflow: auto;
}

.wsfCustomHeadEdit
{
  font-size:9pt;
  padding:5px;
  border:1px dashed #ff9933;
}

.wsfContactForm
{
  padding:10px;
  font-size:10pt;
}

.frmUserBtns
{
  padding-top:20px;
}

.frmUser input[type=checkbox], .frmUser input[type=button]
{
  width: auto;
}

.frmUser input[type="checkbox"]:checked + label
{
  font-weight: bolder;
  background-color:#5CE85F;
}

.frmUser input[type="checkbox"] + label
{
  display:inline-block;
  min-width:80px;
  padding:5px;
  border: 1px solid #c0c0c0;
  background-color:transparent;
  text-align: center;
  border-radius: 4px;
}

.frmUser input[type="checkbox"]
{
  display:none;
}

#h_ImportFromUserID, .frmUser .frmButtonLt
{
  width: auto;
}

.ListitemColSel
{
  text-align:center;
  width: 20px;
}

.cke_editable IMG
{
  max-width: 50%;
}

.mqMsgPreviewHtmlBody
{
  background-color:#fff;
  padding: 10px;
}

.mqMsgPreviewHeader SPAN
{
  font-weight: bolder;
}

.mqMsgPreviewHeader
{
  padding: 0 0 10px 0;
}

.mqGenCheckPrcOff
{
  
}

.mqGenCheckBox
{
  cursor:hand;
  cursor:pointer;
}

#mqMailMessagePreviewPopUp
{
  z-index: 1002;
  position: fixed;
  text-align: center;
  padding: 20px;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffffb3;
  display: none;
}

.wsfRMobItem2 DIV
{
  padding: 0 0 0 60px;
}

.wsfRMobItem1 DIV
{
  padding: 0 0 0 40px;
}

.wsfRMobItem DIV
{
  padding: 0 0 0 20px;
}

.wsfRMobAddrBook
{
  text-align:center;
  margin-top:10px;
  background-color: yellow;
  border:1px solid #c0c0c0;
  border-radius:4px;
  padding:5px !important;
}

.wsfFeedBackBox INPUT, .wsfFeedBackBox SELECT, .wsfFeedBackBox TEXTAREA
{
  padding: 5px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
}

.wsfFeedbackBtns INPUT
{
  min-width: 100px;
  font-size:14pt;
  width:auto !important;
}

.wsfFeedbackBtns
{
  text-align:center;
  padding-bottom: 20px;
}

.wsfFeedbackCaptchaBox { text-align:center; padding: 10px 0; }
.wsfFeedbackCaptchaBox .wsfCAPTCHABox { display: inline-block; }

.wsfFeedbackCaptchaBox #oCAPTCHAMsg
{
  background-color: rgba(255, 255, 0, 0.85);
  padding: 5px;
}
.wsfFeedbackCaptchaBox #oCAPTCHAMsg:empty
{
  display:none;
}

.wsfFeedbackInfo
{
  font-size:10pt;
  text-align: center;
}

.wsfFeedbackInfo P
{
  font-weight:bolder;
  font-size:110%;
}

.wsfContactForm .wsfQSbtns
{
  margin-left:5px;
  width:auto;
}

.UsrRequestRight INPUT[type="checkbox"], .USRFeedback INPUT[type="checkbox"]
{
  width: auto;
}

.UsrRequestRight INPUT, .UsrRequestRight SELECT, .UsrRequestRight TEXTAREA, .USRFeedback INPUT, .USRFeedback SELECT,
 .USRFeedback TEXTAREA
{
  width: 100%;
}

.UsrRequestLeft, .USRFeedbackLeft
{
  vertical-align: top;
  border-right: 1px solid #c0c0c0;
  color: #FFFFFF;
  font-size: 14pt;
  height: 570px;
  padding-left: 12px;
  padding-right: 10px;
  padding-top: 20px;
  width: 150px;
}

.UsrRequest, .USRFeedback
{
  width: 100%;
}

.USRLostPwdOkMsg, .USRPwdChgOkMsg
{
  font-size: 110%;
  padding:20px;
  width:90%;
  margin:auto;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.USRLogonPage, .USRPwdChgPage, .USRLostPwdPage
{
  text-align:center;
  margin: auto;
  padding: 20px;
  min-height: 350px;
}
.USRLogonPage.USRLogonPagePINPan { min-height:550px; }

.USRLogonFailedMsg, .USRPwdChgFailedMsg, .USRLostPwdFailedMsg
{
  background-color:#df0000;
  color:#fff;
  font-size: 10pt;
  padding:5px 0 5px 0;
  width:90%;
  margin:5px auto;
}

.USRLogonFailedMsgTS
{
  font-size:18pt;
  color:#df0000;
  padding:2px;
}

.USRLogonFailedMsg:empty, .USRPwdChgFailedMsg:empty, .USRLostPwdFailedMsg:empty
{
  display:none;
}

.USRLoginTitleAlt, .USRPwdChgTitleAlt, .USRLostPwdTitleAlt, .USRFeedbackTitleAlt
{
  display:none;
}

.USRLoginTitle, .USRPwdChgTitle, .USRLostPwdTitle, .USRFeedbackTitle
{
  padding: 20px;
  font-size: 130%;
}

.USRLoginLostPwdLink
{
  color:inherit;
  padding-top:10px;
}

.USRLoginFormEmailLabel, .USRLoginFormEmailInput, .USRLoginFormPwdLabel, .USRLoginFormPwdInput, .USRPwdChgFormNewPwdLabel,
 .USRPwdChgFormNewPwdInput, .USRPwdChgFormRtyPwdLabel, .USRPwdChgFormRtyPwdInput, .USRLostPwdFormEmailLabel,
 .USRLostPwdFormEmailInput
{
  padding-top:20px;
}

.USRLoginForm, .USRPwdChgForm
{
  font-size: 100%;
  width: 80vw;
  max-width: 350px;
  margin:auto;
  text-align: center;
  padding: 10px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #f0f0f0;
}

.USRLoginForm INPUT, .USRPwdChgForm INPUT
{
  font-size: 10pt;
}

.USRLoginForm .USRLoginFormBtns, .USRPwdChgForm .USRPwdChgFormBtns, .USRLostPwdForm .USRLostPwdFormBtns
{
  padding-top:30px;
}

.USRLoginForm .USRLoginFormBtn, .USRPwdChgForm .USRPwdChgFormSubmitBtn, .USRPwdChgForm .USRPwdChgFormCancelBtn,
 .USRLostPwdForm .USRLostPwdFormSubmitBtn, .USRLostPwdForm .USRLostPwdFormCancelBtn
{
  padding: 10px;
}

.USRLoginForm .frmButtonLt, .USRPwdChgForm .frmButtonLt
{
  padding:5px;
}

.USRFeedback
{
  margin:auto;
  text-align:left;
}

.LoginUserName, .wsfLostPassEmail
{
  min-width:200px;
  max-width:300px;
  border-radius:4px;
  border: 1px solid #c0c0c0;
  padding: 10px;
  width: 100%;
}

.InputLabelsBox
{
  display: inline-block;
  background-color: #f0f0f0;
  padding: 5px;
  border-radius: 4px;
  margin: 5px;
}

.InputLabel INPUT
{
  margin-top:5px;
}

.wsfUserPwdViewText + label
{
  margin-left:-34px;
  background-image: url(/LUX/images/View.png);
  background-repeat: no-repeat;
  background-size: contain;
  display:inline-block;
  height:24px;
  width:30px;
  vertical-align: middle;
}

.wsfUserPwdViewText
{
  display:none;
}

.wsfQEForm INPUT, .wsfQEForm SELECT, .wsfQEForm TEXTAREA
{
  padding: 5px;
  border: 1px solid #c0c0c0;
  border-radius:4px;
}

.wsfUpdt
{
  font-weight:bolder;
  color: #ff5722;
}

.wsfWrn
{
  color:#df0000;
}

.wsfErr a { color:#fff; }
.wsfErr
{
  background-color:#df0000;
  color:#fff;
}

.wsfErrInfo
{
  background-color: #ebccd1;
  color:#000;
  padding: 5px;
  font-size: 8pt;
}

.wsfSpotImg
{
  border-radius:15px;
  display:inline-block;
  min-width:20px;
  height:20px;
  text-align: center;
  color: #fff;
  padding: 1px 3px;
  white-space: nowrap;
  user-select:none;
}

.wsfSpotImgGrey
{
  background-color:#c0c0c0;
}

.wsfSpotImgGreen
{
  background-color:green;
}

.wsfSpotImgOrange
{
  background-color:#FF9800;
}

.wsfSpotImgYellow
{
  background-color:#ffeb3b;
}

.wsfSpotImgRed
{
  background-color:#df0000;
}

.wsfSpotImgBlue
{
  background-color:#50ace4;
}

.wsfUserPwdViewText:checked + label
{
  background-image: url(/LUX/images/ViewNo.png);
}

.wsfEmailValidated { display:inline-block;padding: 0 5px;color: #4caf50;font-weight: bolder; float:right;}
.wsfEmailNotValidated { display:inline-block;padding: 0 5px;color:#df0000;font-weight: bolder; float:right;}
.wsfEmailFakeLbl { display:inline-block;padding: 0 5px;color:#ff9800;font-weight: bolder; float:right;}

.wsfUserForm input[type="checkbox"]:checked + label, .wsfUserForm input[type="hidden"][checked] + label,
 .UsrRequest input[type="checkbox"]:checked + label
{
  font-weight: bolder;
  background-color:#4CAF50;
}

.wsfUserForm input[type="checkbox"], .UsrRequest input[type="checkbox"]
{
  display:none;
}

.wsfUserForm input[type="checkbox"] + label, .wsfUserForm input[type="hidden"] + label, .UsrRequest input[type="checkbox"] + label
{
  display:inline-block;
  min-width:80px;
  padding:5px;
  border: 1px solid #c0c0c0;
  background-color:transparent;
  text-align: center;
  border-radius: 4px;
  m argin:5px;
}

.wsfSubMnIconBox IMG
{
  width:18px;
}

.wsfSelUserInput
{
  b ackground-color:#c0c0c0;
  color:#000;
}

.wsfSelUserInputLink
{
  color:navy;
  text-decoration: underline;
  cursor:hand;
  cursor:pointer;
}

.wsfSelBtnsCurr
{
  background-color:#2d8fed !important;
  color:#fff;
  font-weight:bolder;
}

.wsfSelBtns INPUT[Type=button]
{
  margin-right:4px;
  border: 1px solid #c0c0c0;
  border-radius: 0;
  b order-bottom: 2px solid #c0c0c0;
  background-color: #f0f0f0;
  cursor: pointer;
  cursor: hand;
  min-width:63px;
}

.wsfSelBtns
{
  display:inline-block;
}

.wsfRMobAddrPhone
{
  
}

.wsfRMobAddrMap
{
  
}

.wsfRMobAddrEmail
{
  
}

.wsfRespMobileBtn IMG
{
  width:38px;
}

.wsfQEBoxFix
{
  position:fixed;
  top:10px;
  left:0;
  right:0;
  margin:auto;
  width:90%;
  box-sizing: border-box;
  max-height:95vh;
  overflow:auto;
  /* patch for chrome hor scrollbar issue */overflow-y: auto;
  overflow-x: hidden;
  z-index:999;
}

.wsfQEBoxCnv
{
  height:100%;
  width:100%;
  position:fixed;
  z-index:998;
  top:0;
  left:0;
  background-color:#e0e0e0;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.90;
}

.wsfQEBoxAbs
{
  position:absolute;
  top:5%;
  left:50%;
  margin-left:-400px;
  width:800px;
  z-index:999;
}

.wsfPrivacyPolicyDraft, .wsfWebsiteTermsDraft
{
  position:absolute;
  top:20%;
  left:0;
  right:0;
  margin:auto;
  opacity: 0.5;
  font-size:172pt;
  font-weight:bolder;
  color:#e0e0e0;
  -webkit-transform: rotate(-40deg);
}

.wsfOnlineDoc
{
  position:relative;
  text-align:left;
  color:#000;
  padding: 40px 60px;
  background-color: #fff;
  max-width:800px;
  font-size: 10pt;
  margin:auto;
}

.wsfPagerbRTMTermsOfUse .CMCSiteWallPaper
{
  padding:20px;
}

.wsfPagerbCustomers .ToolsBox
{
  text-align:center;
}

.wsfPageContactForm .wsfUserCountryPrstBtn
{
  display:none;
}

.wsfOk
{
  color:navy;
}

.wsfLogonBoxFullName
{
  display: none;
}

.wsfLogonBoxEmailAlias
{
  display: block;
}

.wsfLogonBoxEmailAddr
{
  display: none;
}

.wsfLoadingIcon
{
  
}

.wsfLoadingBox
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top:20%;
  background-color: rgba(240, 240, 240, 0.59);
  text-align: center;
  z-index:1001;
}

.wsfJobSchedBtn
{
  
}

.wsfUserValidationPage {}
.wsfUserValidationPage .wsfTitle
{
  font-weight: bolder;
  padding: 0 0 20px 0;
}

.wsfUserValidationOk, .wsfUserValidationErr
{ 
  background-image: url(../images/checkmark.png);
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: center top;
  padding: 60px 20px;
  max-width: 500px;
  margin: auto;
}
.wsfUserValidationErr { background-image: url(../images/Danger.png); }

.wsfUserValidationHomeBtn
{
  margin-top: 50px;
}

.wsfInvalidInputTip
{
  padding: 5px;
  position: absolute;
  background-color: rgba(255, 255, 0, 0.85);
  border-radius: 4px;
  border: 1px solid #c0c0c0;
  font-size:10pt;
  z-index: 1;
}

.wsfEnbBtnOn
{
  background-color:#8BC34A;
  color:#fff;
}

.wsfEnbBtnOff
{
  background-color:#e0e0e0;
  color:#c0c0c0;
}

.wsfEnbBtn:hover
{
  font-weight:bolder;
}

.wsfEnbBtn
{
  padding:4px;
  border-radius:6px;
  text-align:center;
  max-width: 80px;
}

.wsfEmailIsAvailTip
{
  display:none;
  padding: 5px;
  position: absolute;
  background-color: rgba(144, 238, 144, 0.47);
  border-radius: 4px;
  border: 1px solid #c0c0c0;
  z-index: 1;
}

.wsfEmailIsAvail
{
  background-color:rgba(144, 238, 144, 0.47);
}

.wsfDotWrn
{
  display:inline-block;
  min-width: 18px;
  min-height: 18px;
  border-radius:10px;
  background-color:rgba(255, 193, 7, 0.51);
}

.wsfDotOk
{
  display:inline-block;
  min-width: 18px;
  min-height: 18px;
  border-radius:10px;
  background-color:rgba(0, 128, 0, 0.58);
}

.wsfDotErr
{
  display:inline-block;
  min-width: 18px;
  min-height: 18px;
  border-radius:10px;
  background-color:rgba(244, 67, 54, 0.63);
}

.wsfDebugSQLBtn
{
  border:1px solid #c0c0c0;
  background-color:#f0f0f0;
  display:inline-block;
  margin:1px;
  font-size:8pt;
  padding: 1px;
  border-radius: 4px;
}

.wsfDebugSQL
{
  font-family: monospace;
  font-size:9pt;
  padding:8px;
  border:1px solid #c0c0c0;
  background-color:#f0f0f0;
  overflow: auto;
  white-space: normal;
  min-width: 400px;
}

.wsfBtnReset, 
.wsfBtnLeft, 
.wsfBtnUp, 
.wsfBtnRight, 
.wsfBtnDown 
{ 
  min-width: 0; 
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  color: transparent; 
}
.wsfBtnReset  { background-image: url(../images/Reset.png) }
.wsfBtnLeft  { background-image: url(../images/ArrowLeft.png) }
.wsfBtnUp    { background-image: url(../images/ArrowUp.png) }
.wsfBtnRight { background-image: url(../images/ArrowRight.png) }
.wsfBtnDown  { background-image: url(../images/ArrowDown.png) }

.wsfBtnStd
{
  min-width:80px;
  font-size:9pt;
}

.wsfBtnSelected.wsfBtnSelected_1
{
  background-color:#8CCB6D;
}

.wsfBtnSelected.wsfBtnSelected_0
{
  background-color:#F37575;
}

.wsfBtnSave
{
  min-width:80px;
  color:#fff;
  background-color:#2a9851;
  font-size:9pt;
}

.wsfBtnGo
{
  min-width:80px;
  color:#fff;
  background-color:#50ace4;
  font-size:9pt;
}

.wsfBtnDsb
{
  min-width:80px;
  color:#f0f0f0;
  background-color:#c0c0c0;
  font-size:9pt;
}

.wsfBtnExp, .wsfBtnTls
{
  min-width:80px;
  color:#000;
  background-color:rgba(255, 153, 0, 0.69);
  font-size:9pt;
}

.wsfBtnDelete
{
  min-width:80px;
  color:#fff;
  background-color:#C85248;
  font-size:9pt;
}

.wsfBtnCancel
{
  min-width:80px;
  color:#000;
  background-color:#ebccd1;
  font-size:9pt;
}

.wsfAlertCnv
{
  position: fixed;
  z-index:1000;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#f0f0f0;
  opacity:0.9;
}

.wsfAlertBox
{
  position: fixed;
  z-index:1501;
  padding:20px;
  width:80vw;
  min-width: 200px;
  max-width: 800px;
  min-height: 200px;
  top: 50px;
  left:0;
  right:0;
  margin:auto;
  border:1px solid #c0c0c0;
  background-color:#fff;
  text-align:center;
  font-size:12pt;
  border-radius:5px;
}

.wsfAlertBoxLarge
{
  top:10px;
  width:90vw;
  max-width: 1200px;
}

.wsfAlertBoxLarge .wsfAlertBoxMsg { max-height: 65vh; }
.wsfAlertBoxLarge .wsfAlertBoxBtns { padding:0; }

.wsfAlertBoxWrn
{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.wsfAlertBoxOk
{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.wsfAlertBoxMsg
{
  width:100%;
  margin:50px auto;
  text-align:center;
  overflow: auto;
  max-height: 50vh;
}

.wsfAlertBoxInfo
{
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.wsfAlertBoxErr
{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.wsfAlertBoxBtn
{
  margin:5px;
  min-width: 50px;
  white-space: normal;
  vertical-align: top;
}

.UsrRequestRight INPUT[type="checkbox"]
{
  width: auto;
}

.UsrRequestRight INPUT, .UsrRequestRight SELECT, .UsrRequestRight TEXTAREA
{
  width: 100%;
}

.UsrRequestResultStoreFailed
{
  background-color: #df0000;
  color:#fff;
}

.UsrRequestResultSendFailed
{
  background-color: DarkOrange;
  color:#fff;
}

.UsrRequestResultPage
{
  padding: 50px 0 50px 0;
  text-align:center;
  font-size:9pt;
}

.UsrRequestResultOk
{
  background-color: #009933;
  color:#fff;
}

.UsrRequestResultEmailExist
{
  background-color: #df0000;
  color:#fff;
}

.UsrRequestResult
{
  border-radius:4px;
  margin:40px auto 40px auto;
  width:50%;
  padding:20px;
  text-align:center;
  font-size:12pt;
  color:#000;
}

.UsrRequestLeft, .BandPageLeft
{
  vertical-align: top;
  color: #FFFFFF;
  font-size: 14pt;
  min-height: 570px;
  padding: 5px 10px 0 20px;
  width: 150px;
}

.USRLoginTitle
{
  padding-top: 10px;
  font-size: 120%;
  padding-bottom: 10px;
}

.USRLoginLostPassLink
{
  color:inherit;
  t ext-decoration:none;
}

.USRLoginLogoTS:before
{
  position: relative;
  font-size: 22pt;
  top: -35px;
}

.USRLoginLogoTS
{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  height: 10vh;
  width: auto;
  margin: 0 auto;
}

.USRLoginForm TD
{
  padding: 4px;
}

.USRLoginForm Input
{
  f ont-size: 10pt;
}

.USRLoginForm DIV
{
  padding-top: 10px;
}

.USRLoginForm .USRLoginFormBtn
{
  padding: 10px;
}

.USRLoginForm .frmButtonLt
{
  padding: 10px;
}

.USRLoginForm
{
  font-size: 10pt;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.USRFeedbackContactFormLink
{
  display:inline-block;
}

.USRFeedbackAltLinks
{
  
}

.UserRegPrivacyText
{
  height:60vh;
  padding:20px;
  overflow:auto;
}

.UserRegPrivacyClose input
{
  width: auto !important;
}

.UserRegPrivacyClose
{
  text-align:center;
  padding:15px 0 10px 0;
}

.UserRegPrivacyChk
{
  padding:10px 0 10px 0;
}

.ToolsBox INPUT[type="button"]
{
  min-width:80px;
}

.TimeInput
{
  FONT-SIZE: 9pt;
  width: 80px;
}

.DCTimeSel
{
  background-color: #e0e0e0;
  width: 20px;
}

.TextInput
{
  FONT-SIZE: 9pt;
}

.mqMailGwReport TD
{
  border:1px solid #c0c0c0;
}

.BandTable input[type="checkbox"]:checked + label, .wsfCheckBox:checked + label
{
  color:#fff;
  background-color: green;
}

.BandTable input[type="checkbox"], .wsfCheckBox, .wsfFltChkNOT
{
  display:none;
}

.BandTable input[type="checkbox"] + label, .wsfCheckBox + label
{
  display: inline-block;
  min-width:20px;
  min-height:20px;
  padding:5px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
  cursor:pointer;
  cursor:hand;
  vertical-align: bottom;
}

.wsfFltChkNOT + label
{
  
}

.wsfFltChkNOT:checked + label
{
  font-weight:bolder;
  color: #df0000;
}

.DateInput
{
  FONT-SIZE: 9pt;
}

.wsfValidEmail
{
  background-color:rgba(37, 235, 11, 0.42);
}

.wsfRepNote
{
  font-style:italic;
  font-size:90%;
  padding:5px 0;
}

.wsfPanelShow
{
  ma x-height:400vh !important;
  opacity: 1 !important;
  visibility:visible !important;
  transition: max-height 400ms linear, opacity 500ms ease-out;
}

.wsfMobileView .wsfPanelShow
{
  overflow:auto;
}

.wsfPanelHide
{
  max-height:0 !important;
  opacity: 0 !important;
  visibility:hidden !important;
  margin:0;
  padding:0;
  transition: max-height 400ms linear, opacity 400ms ease-in, visibility 0s linear 0.5s;
}

.wsfEmbedUIOff
{
  cursor:hand;
  cursor:pointer;
  position:fixed;
  top:5px;
  right:5px;
  background-color:#ffb6b1;
  border-radius:4px;
  padding:3px;
  z-index:1000;
}

.wsfBtnGo2
{
  min-width:80px;
  color:#000;
  background-color:#CDDC39;
  font-size:9pt;
}

.wsfBtnLight
{
  min-width: 0 !important;
  padding: 3px 5px;
  background-color: transparent;
}

.wsfBtnSmall
{
  min-width: 0 !important;
  padding: 3px 5px;
}

.wsfBtnAddNew
{
  min-width:80px;
  color:#fff;
  background-color:#005da7;
  font-size:9pt;
}

.wsfBtnFltSet
{
  color:#fff;
  background-color:#73ab32;
  background-image: url(/LUX/images/filter.png);
  background-size: 25%;
  background-position: right;
  background-repeat:no-repeat;
}

.wsfBtnFlt
{
  min-width:80px;
  color:#000;
  background-color:#a9e464;
  font-size:9pt;
}

#oAdvFilters
{
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  padding:5px;
  margin-top:10px;
  background-color:#f0f0f0;
  o verflow:auto;
}

.wsfPageAppToolbarTitle
{
  font-weight: bolder;
  padding:10px 0;
}

.wsfAjaxError
{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding:3px;
  text-align:center;
  max-height:50vh;
  overflow:auto;
  height:auto;
}

.wsfAjaxWarning
{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  padding:3px;
  text-align:center;
  max-height:50vh;
  overflow:auto;
  height:auto;
}

.wsfAjaxOk
{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding:3px;
  text-align:center;
  visibility:hidden !important;
  opacity: 0;
  max-height:50vh;
  overflow:auto;
  height:10px;
  transition: visibility 0s linear 2.5s, opacity 3s ease-in, height 0s linear 2.5s;
}

.wsfPanelBtnOpen
{
  background-image: url(/LUX/images/ArrowUp.png) !important;
}

.wsfPanelBtn
{
  display:inline-block;
  margin-left:10px;
  width:10px;
  height:10px;
  background-image: url(/LUX/images/ArrowDown.png);
  background-size:contain;
  background-repeat:no-repeat;
  cursor:hand;
  cursor:pointer;
}

.wsfNoWrap
{
  white-space: nowrap;
}

.mqPriorityFlag
{
  display:inline-block;
  border-radius:10px;
  width:20px;
  height:20px;
}

.mqPriority_URGENT
{
  background-color: #df0000;
  color:#fff;
}

.mqPriority_UNDEF
{
  background-color: #c0c0c0;
}

.mqPriority_NORMAL
{
  background-color: #ffc107;
}

.mqPriority_LOW
{
  background-color: #cddc39;
}

.wsfQEFormTitle
{
  font-size:140%;
  padding: 15px 5px 10px 5px;
  font-weight: bolder;
}

.wsfPreviewEditLabel
{
  float:right;
  background-color:#ff9800;
  color:#fff;
  padding: 1px 3px;
  border-radius:4px;
}

.wsfCursorClick
{
  cursor:hand;
  cursor:pointer;
}

.wsfBtnFaded
{
  opacity:0.5;
}

.wsfBtnEmail
{
  min-width:80px;
  background-color:#e47da0;
  color:#fff;
  background-image: url(/LUX/images/SendEmail.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 20px;
  font-size:9pt;
}

.wsfQEFormSecTitle
{
  font-size:110%;
  padding: 15px 5px 10px 5px;
  font-weight: bolder;
}

.wsfPwdValidResOK, .wsfPwdValidResKO
{
  background-size:contain;
  background-repeat:no-repeat;
  height:24px;
  width:24px;
  position: absolute;
  right:4px;
  top:4px;
}

.wsfPwdValidResOK
{
  background-image: url(/LUX/images/CircleOK.png);
}

.wsfPwdValidResKO
{
  background-image: url(/LUX/images/CircleKO.png);
}

.wsfPwdValid
{
  background-color:#c0c0c0;
  color:#fff;
  padding:8px 35px 8px 8px;
  border-radius:4px;
  margin:10px 0;
  position: relative;
}

.wsfPwdRate5
{
  background-color: orange;
  color:#fff;
}

.wsfPwdRate40
{
  background-color: darkgreen;
  color:#fff;
}

.wsfPwdRate30
{
  background-color: green;
  color:#fff;
}

.wsfPwdRate20
{
  background-color: lightgreen;
  color:#000;
}

.wsfPwdRate10
{
  background-color: yellow;
  color:#000;
}

.wsfPwdRate0
{
  background-color: red;
  color:#fff;
}

.wsfPwdInvalid
{
  background-color:#df0000;
  color:#fff;
  padding:8px 35px 8px 8px;
  border-radius:4px;
  margin:4px;
  position: relative;
}

.USRPwdChgInfo
{
  padding:5px 0 10px 0;
}

.USRLoginRegTitle
{
  font-size:120%;
  font-weight:bolder;
  color:#cc0000;
  padding:10px;
}

.USRLoginRegText
{
  padding:10px;
}

.wsfPwdHistoryOk
{
  background-color: darkgreen;
  color:#fff;
}

.wsfSOANoDelays
{
  font-weight: normal;
  border: 1px solid #ebccd1;
  color:#a94442;
  background-color:#ebccd1;
  padding:20px;
  border-radius:4px;
}

.wsfSOAHidden
{
  min-height:400px;
  border: 1px dotted #c0c0c0;
  padding:20px;
  margin-bottom:10px;
  background-color:#fafafa;
}

.wsfSOAHeader IMG
{
  width:80%;
  max-width:200px;
}

.wsfSOAHeader
{
  text-align:center;
}

.wsfSOAFormNotice
{
  font-weight: normal;
  border: 1px solid #faebcc;
  color:#8a6d3b;
  background-color:#fcf8e3;
  padding:20px;
  border-radius:4px;
}

.wsfSOAFormFld
{
  position: relative;
  display:inline-block;
  margin:auto;
}

.wsfSOAFormBtn
{
  padding:20px;
}

.wsfSOADraft
{
  d isplay:none;
  position:absolute;
  top:30%;
  left:0;
  right:0;
  margin:auto;
  opacity: 0.2;
  font-size:172pt;
  font-weight:bolder;
  color:#e0e0e0;
  -webkit-transform: rotate(-40deg);
}

.wsfPnlTitle
{
  font-size:110%;
  font-weight:bolder;
  padding:5px;
}

.wsfPagewsfTermsOfUse .CMCSiteWallPaper
{
  padding:20px;
}

.wsfImportPreview TD
{
  border: 1px solid #c0c0c0;
  padding:3px;
}

.wsfImportPreview
{
  border-collapse: collapse;
  width:100%;
  font-size:9pt;
}

.wsfImportPanelPreview
{
  background-color:#fff;
  padding:10px;
  height:90%;
  overflow:auto;
}

.wsfImportPanelCnv
{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background-color: rgba(197, 196, 196, 0.72);
  z-index: 1;
}

.wsfImportPanel TEXTAREA
{
  width:100%;
  height:70%;
}

.wsfImportPanel
{
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  top:10%;
  padding:20px;
  width:80%;
  height:60vh;
  background-color:#f0f0f0;
  border:1px solid #c0c0c0;
  text-align:center;
  z-index: 2;
}

.wsfGridListSW:hover
{
  border:1px solid #c0c0c0;
}

.wsfGridListSW IMG
{
  width:25px;
}

.wsfGridListSW
{
  cursor:hand;
  cursor:pointer;
  border:1px solid transparent;
  float:right;
  margin:5px;
}

.wsfFormURitems H2
{
  margin:0;
  padding:0;
  font-size:11pt;
}

.wsfFormURitems
{
  margin:5px 0 15px 0;
  background-color: #f0f0f0;
  padding:15px 10px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  text-align:left;
}

.wsfFormURList
{
  background-color: #fff;
  padding: 3px 5px;
  border: 1px solid #c0c0c0;
  border-radius:4px;
}

.wsfFormURAddTool { background-color:#f0f0f0; padding: 5px 0; margin-top:5px;}
.wsfFormURAddNames { width:80%;max-width: 80%;vertical-align: top; }

.wsfFormURGrp
{
  padding: 5px;
  font-weight: bolder;
  background-color: #5abeeb38;
  border-bottom: 2px solid #e0e0e0;
  margin: 15px 0 5px 0;
}

.wsfFormURitemRO input[type="checkbox"] + label
{
  color:#616161;
}

.wsfFormURLookUp
{
  background-color:#d6ebbf;
  vertical-align: bottom;
  width: 20px;
}

.wsfFormURitem input[type="checkbox"]:checked + label
{
  font-weight: bolder;
  background-color:#5CE85F;
}

.wsfFormURitem input[type="checkbox"].wsfFormURitemExtra:checked + label
{
  border: 3px solid #2196f3;
}

.wsfFormURitem input[type="checkbox"].wsfFormURitemPresent:checked + label
{
  background-color:#4CAF50;
  color:#fff;
}

.wsfFormURitem input[type="checkbox"].wsfFormURitemAdded:checked + label
{
  background-color:#ff9800;
}

.wsfFormURitem input[type="checkbox"] + label
{
  display:inline-block;
  min-width:80px;
  padding:5px;
  border: 1px solid #c0c0c0;
  background-color:#fff;
  text-align: center;
  border-radius: 4px;
  margin: 5px 1px 0 5px;
  vertical-align: bottom;
}

.wsfFormURitem input[type="checkbox"]
{
  display:none;
}

.wsfFormURitem
{
  display: inline-block;
}

.UsrRequestRight INPUT[type="checkbox"], .USRFeedback INPUT[type="checkbox"], .UsrRequestRight INPUT[type="button"],
 .USRFeedback INPUT[type="button"]
{
  width: auto;
}

.wsfSOASignForm
{
  padding:20px;
  border: 1px dotted #c0c0c0;
  border-radius:5px;
  background-color:#fff;
  text-align:center;
  position:relative;
}

.wsfSOASigned
{
  font-weight: normal;
  border: 1px solid #d6e9c6;
  color:#3c763d;
  background-color:#dff0d8;
  padding:20px;
  border-radius:4px;
}

.wsfSOAPage
{
  width: 90%;
  margin: auto;
  max-width: 979px;
  background-color: #fff;
  border: 0px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  padding: 10px 50px;
  box-sizing: border-box;
  text-align:left;
  position:relative;
}

.USRPwdChgForm .USRPwdChgFormSubmitBtn, .USRLoginForm .USRLoginFormBtn, .USRLostPwdForm .USRLostPwdFormSubmitBtn
{
  color:#fff;
  background-color:#50ace4;
}

.USRLostPwdFormInfo
{
  padding: 10px 20px;
}

.USRLostPwdFormEmailInput
{
  
}

.USRLostPwdForm .wsfFrmLabel
{
  font-size:100%;
}

.USRLostPwdForm .wsfFrmField
{
  padding-top:20px;
}

.USRLoginFormEmailLabel, .USRLoginFormEmailInput, .USRLoginFormPwdLabel, .USRLoginFormPwdInput, .USRPwdChgFormNewPwdLabel,
 .USRPwdChgFormNewPwdInput, .USRPwdChgFormRtyPwdLabel, .USRPwdChgFormRtyPwdInput, .USRLostPwdFormEmailLabel
{
  padding-top:20px;
}

.USRLoginForm .USRLoginFormBtnSwipe, .USRLoginForm .USRLoginFormBtnPIN
{
  color:#000;
  background-color:#CDDC39;
}

.USRLoginForm .USRLoginFormBtn, .USRLoginForm .USRCancelFormBtn, .USRPwdChgForm .USRPwdChgFormSubmitBtn,
 .USRPwdChgForm .USRPwdChgFormCancelBtn, .USRLostPwdForm .USRLostPwdFormSubmitBtn, .USRLostPwdForm .USRLostPwdFormCancelBtn,
 .USRLoginForm .USRLoginFormBtnSwipe, .USRLoginForm .USRLoginFormBtnPIN
{
  padding: 10px;
  min-width:80px;
  border: 1px solid #c0c0c0;
  height: 38px;
  font-size: 10pt;
}

.wsfClosePnlBtn
{
  background-image: url(../images/closecross.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 0;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #b0b0b0;
  z-index: 1;
}

.wsfMobileView .wsfClosePnlBtn { height: 40px; width: 40px; }

.wsfQBoxClose input[type=button]:hover
{
  color:#2196f3;
}

.wsfQBoxClose input[type=button]
{
  border: 0;
  padding: 0;
  background-color: transparent;
  font-size:16pt;
  font-weight:bolder;
  cursor:pointer;
  cursor:hand;
}

.wsfQBoxClose
{
  text-align:right;
}

.wsfHTMLField
{
  white-space:nowrap;
}

.wsfHTMLEdit
{
  height:50vh;
  min-height: 100px;
  max-height: 500px;
  padding:5px;
  border:1px solid #c0c0c0;
  background-color: #fff;
  border-radius: 4px;
  text-align:left;
  overflow: auto;
  cursor: text;
}

.wsfFrmFieldRight
{
  float:right;
}

.wsfFrmFieldCntr .wsfFrmInput
{
  text-align:center;
}

.wsfEditRecFileSize
{
  position: absolute;
  bottom:5px;
  font-size: 80%;
  left:0;
  right:0;
  margin:auto;
  max-height: 80px;
  overflow: hidden;
}

.wsfEditRecFiles
{
  display:inline-block;
}

.wsfEditRecFileBoxAddNoMore
{
  background-color: #c0c0c0;
  color:#fff;
}

.wsfEditRecFileBoxAddNew
{
  background-color: rgb(239, 72, 60);
  color:#fff;
  height:auto;
  padding:5px;
}

.wsfEditRecFileBox input[type=button]:hover
{
  border: 2px solid #fff;
}

.wsfEditRecFileBox input[type=button]
{
  background-repeat: no-repeat;
  background-size:contain;
  width: 30px;
  height:30px;
  border: 0;
  background-position: center;
  background-color: transparent;
}

.USRLoginFormTS .USRLoginFormTSBtn, .USRLoginFormTS .USRCancelFormTSBtn, .USRLoginFormTS .USRLoginFormTSBtnSwipe,
 .USRLoginFormTS .USRLoginFormTSBtnPIN
{
  width: 100px;
  border: 1px solid #c0c0c0;
  padding: 10px;
  font-size: 10pt;
}

.USRLoginFormTD .USRLoginFormTSBtnSwipe, .USRLoginFormTD .USRLoginFormTSBtnPIN
{
  color:#000;
  background-color:#CDDC39;
}

.USRLoginFormTS .USRLoginFormTSBtnPIN, .USRLoginForm .USRLoginFormBtnPIN
{
  background-color: #dddddd;
  background-image: url(../images/grid.png);
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align:bottom;
  width:40px;
  height: 38px;
  min-width: 0;
  margin: 0 3px;
}

#wsfPageAppGoTop:hover
{
  background-color: rgba(240, 240, 240, 0.46);
  border-radius: 5px;
}

#wsfPageAppGoTop
{
  position: fixed;
  bottom: 10px;
  right: 10px;
  /*  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
  padding:30px;
  border-radius: 30px;
  */  width: 50px;
  height: 70px;
  cursor: hand;
  cursor: pointer;
  background-image: url(/LUX/images/GoTop.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 5;
}

.LoginPassword, .wsfNewPassword, .wsfRtyPassword
{
  min-width:200px;
  max-width:300px;
  border-radius:4px;
  border: 1px solid #c0c0c0;
  padding: 10px;
  width: 100%;
}

.wsfReportRecordsCount
{
  padding: 10px 5px;
  text-align:left;
}

.wsfQEForm INPUT[type=text]
{
  w idth:100%;
}

.suListItem:hover
{
  background-color:#ffff99;
  color:#000;
}

.suListItem
{
  cursor:hand;
  cursor:pointer;
  padding: 2px 0;
}

.suListItemDisabled
{
  background-color:#f7c1c1;
  color:#000;
  padding:5px;
}

.wsfBLE_Ok,
.wsfBLE_Error, 
.wsfBLE_Warning, 
.wsfBLE_Wait,
.wsfBLE_ResDbg
{
  display:inline-block;
  padding: 5px 10px;
  border: 1px solid #c0c0c0; 
  color:#000;
  border-radius: 4px;
}

.wsfBLE_Ok { background-color: #8cdd8f }
.wsfBLE_Error { background-color: #df0000 }
.wsfBLE_Warning { background-color: #ffc107 }
.wsfBLE_Wait  { background-color: #f0f0f0 }

.wsfBLE_ResDbg:empty { display:none; }
.wsfBLE_ResDbg
{
  max-width: 10px;
  white-space: nowrap;
  border: 1px solid #c0c0c0;
  overflow: hidden;
  padding: 5px;
  vertical-align: bottom;
  background-color: #ffff99;
}
.wsfBLE_ResDbgView { max-width:none; }
.wsfBLE_DeviceStatus_Connected { background-image: url(../images/BlueTooth.png) }
.wsfBLE_DeviceStatus_Disconnected { background-image: url(../images/BlueToothDisconn.png) }
.wsfBLE_DeviceStatus_NotInitialized { background-image: url(../images/BlueToothOff.png) }
.wsfBLE_DeviceStatus_Connected, .wsfBLE_DeviceStatus_Disconnected, .wsfBLE_DeviceStatus_NotInitialized
{
  display:inline-block;
  width: 50px;
  height: 28px;
  background-repeat: no-repeat;
  vertical-align:top;
  background-size: auto 90%;
  background-position: center;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #e4eaf3;
}

.wsfBLE_NotificationsOn { animation: blink_border .5s step-end infinite alternate; }

.wsfAllowLinks { }

.wsfMandInput
{
  background-image: url(/LUX/images/RedAsterisk.png);
  background-repeat: no-repeat;
  background-size: 4px;
  background-position: 2% 7%;
}

.wsfFrmFieldSection
{
  display: block;
  padding: 8px 0 5px 10px;
  margin: 10px 0 5px 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  background-color: #91d9fa;
  border-bottom: 2px solid #c0c0c0;
  color: #fff;
  font-size: 110%;
}

.wsfSubTlbSubTab1Box 
{
  display: inline-block;
  margin: 10px 5px 0 0;
  font-size: 10pt;
}

.wsfSubMnTitleOpen .wsfSubMnIconExpd, .wsfSubMnTitle1Open .wsfSubMnIconExpd, .wsfSubMnTitle2Open .wsfSubMnIconExpd,
 .wsfRMobTitleOpen .wsfSubMnIconExpd, .wsfRMobTitle1Open .wsfSubMnIconExpd, .wsfRMobTitle2Open .wsfSubMnIconExpd,
 .wsfRMobTitle3Open .wsfSubMnIconExpd
{
  display:none;
}

.wsfSubMnTitle .wsfSubMnIconClps, .wsfSubMnTitle1 .wsfSubMnIconClps, .wsfSubMnTitle2 .wsfSubMnIconClps,
 .wsfRMobTitle .wsfSubMnIconClps, .wsfRMobTitle1 .wsfSubMnIconClps, .wsfRMobTitle2 .wsfSubMnIconClps,
 .wsfRMobTitle3 .wsfSubMnIconClps
{
  display:none;
}

.wsfRMobTitle, .wsfRMobTitle1, .wsfRMobTitle2, .wsfRMobTitle3
{
  
}

.wsfRMobItem3 DIV
{
  padding: 0 0 0 80px;
}

.wsfRMobItem, .wsfRMobItem1, .wsfRMobItem2, .wsfRMobItem3
{
  padding: 10px 20px 10px 0px;
  border-bottom:1px solid #c0c0c0;
  color: #238697;
  cursor:hand;
  cursor:pointer;
}

.wsfRMobItem DIV:hover, .wsfRMobItem1 DIV:hover, .wsfRMobItem2 DIV:hover, .wsfRMobItem3 DIV:hover
{
  color: #df0000;
}

.wsfRMobItem DIV, .wsfRMobItem1 DIV, .wsfRMobItem2 DIV, .wsfRMobItem3 DIV
{
  display: inline-block;
}

textarea[readonly], input[readonly], input[disabled], select[disabled], button[disabled]
{
  background-color:#c0c0c0;
  color: #000;
}

.wsfRespMobMenuBtns
{
  text-align: center;
  background-color: #f0f0f0;
  padding: 5px 0;
}

.mnHelp, #oHelpBtnResp
{
  background-image: url(../images/help.png);
}

.WebFeedbackCountBtn a { color:#000; text-decoration: none; }
.WebFeedbackCountBtn
{
  margin: 0 10px;
  display:inline-block;
  background-color: #8bb88b;
  padding: 0 5px 3px 5px;
  border-radius: 2px;
}
.WebFeedbackCountBtn.WebFeedbackCountBtnWrn
{
  background-color: #ff9800;
}
.WebFeedbackCountBtn.WebFeedbackCountBtnWrn a { color:#fff; }

.wsfRespMobMenuBtns .mqGenCheckBox
{
  margin: 0 10px;
  display: inline-block;
}

.wsfRespMobMenuBtns #oHelpBtnResp,
.wsfRespMobMenuBtns .appBkButton 
{
  height: 24px;
  width: 24px;
  font-size: 0;
  padding: 0 !important;
  margin: 0 10px;
  border: 0;
  vertical-align: top;
}
#oHelpBtnResp
{
  padding:10px;
  font-size: 12pt;
  font-weight: bolder;
  text-align:center;
}

.wsfTextInputUnExpand
{
  width: 100px;
  transition: all 500ms ease;
}

.wsfTextInputExpand
{
  width: 300px;
  transition: all 500ms ease;
}

.wsfTBTitle
{
  display: inline-block;
  font-size: 12pt;
  font-weight: bolder;
  padding: 0 10px 0 0;
  float: left;
}

.wsfSwitchToUserLink
{
  padding: 10px;
  border: 1px solid #c0c0c0;
  border-radius:4px;
  font-size:70%;
  background-color: cornsilk;
}

.wsfPnlTitleLarge
{
  font-size:150%;
  font-weight:bolder;
  padding:5px;
}

.wsfEditRecRotRight
{
  background-image: url(/LUX/images/RotateRight.png);
}

.wsfEditRecRotLeft
{
  background-image: url(/LUX/images/RotateLeft.png);
}

.wsfEditRecRemove
{
  background-image: url(/LUX/images/Delete.png);
}

.wsfEditRecPhotoBoxLoading
{
  opacity: 0.5;
}

.wsfEditRecPhotoBox img
{
  height:100px;
  margin-bottom: 5px;
  border-radius: 2px;
}

.wsfEditRecPhotoBox
{
  padding: 5px;
  width: auto;
  height: auto;
  min-height: 160px;
  background-color: #fff;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.wsfEditRecFileDesc
{
  white-space:normal;
  height: 50px;
  overflow:hidden;
}

.wsfEditRecFileBox, .wsfEditRecPhotoBox
{
  display:inline-block;
  width: 100px;
  height: 100px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  background-color: #2196F3;
  text-align:center;
  margin:5px;
  cursor:hand;
  cursor:pointer;
  vertical-align:top;
  padding: 5px 5px 40px 5px;
  position:relative;
}

.wsfEditBtn:hover { background-color:#c0c0c0; }
.wsfEditBtn
{
  background-image: url(../images/edit.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-size: 75%;
  background-position: center;
  cursor:hand;
  cursor:pointer;
  font-size: 0;
  display: inline-block;
}

.wsfEditRecEdit
{
  background-image: url(/LUX/images/edit.png);
}

.wsfBtnSendRight:hover
{
  background-color: #fff !important;
}

.wsfBtnSendRight
{
  background-image: url(../images/GoIn.png);
  background-repeat: no-repeat;
  background-size: contain;
  border: 0 !important;
  background-color: transparent !important;
  font-size: 0;
  width: 30px;
  height: 25px;
  vertical-align: middle;
  background-position: center;
}

.wsfBtnEdit
{
  background-image: url(../images/edit.png );
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 30%;
  height:35px;
  vertical-align: top;
}

.TabCtrlWarning
{
  background-color: #df0000;
}

.mnHelp:hover, #oHelpBtnResp:hover, .mnFeedBack:hover, #oFeedBackBtnResp:hover
{
  background-color:transparent !important;
  -webkit-filter: grayscale(0%);
}

.mnHelp, #oHelpBtnResp, .mnFeedBack, #oFeedBackBtnResp
{
  background-size: contain;
  background-position-x: 2%;
  background-position-y: center;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%);
  border: 2px solid transparent;
  height: auto;
  width: auto;
  font-size: 12pt;
  padding: 0 20px 0 25px !important;
  display: inline-block;
}

.mnFeedBack, #oFeedBackBtnResp
{
  background-image: url(../images/feedback.png);
}

#oHelpBtnResp, #oFeedBackBtnResp
{
  height: auto;
  width: auto;
  font-size: 12pt;
  padding: 0 20px 0 25px;
  display: inline-block;
  margin-top: 10px;
}

.wsfSysMsgTitle
{
  font-size:14pt;
  font-weight:bolder;
  padding:5px 0 10px 0;
}

.wsfSysMsgSuspend
{
  background-color: #ff5722 !important;
}

.wsfSysMsgReloadPage
{
  background-color: #FFEB3B !important;
}

.wsfSysMsgLogoff
{
  background-color: #ffc107 !important;
}

.wsfSysMsgFullScreen
{
  background-color: #CDDC39 !important;
}

.wsfSysMsgBtns
{
  padding:20px;
}

.wsfBtnNew
{
  background-image: url(../images/Plus-128.png );
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 30%;
  height:35px;
  vertical-align: top;
}

.wsfBtnSmall
{
  min-width:0;
}

.wsfAlertBoxBtns
{
  padding: 0 0 20px 0;
}

.USRFeedbackContactFormLink, .USRFeedbackBookingLink
{
  display:none;
}

#wsfSysMsgCnv
{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255, 255, 255, 0.74);
  z-index:2000;
}

#wsfSysMsg
{
  position:fixed;
  width: 80%;
  left:0;
  right:0;
  margin:50px auto;
  top:50px;
  max-height: 80vh;
  min-height:40vh;
  overflow:auto;
  text-align:center;
  padding:20px;
  z-index:2001;
  background-color:#ffeb3b;
  border: 1px solid #c0c0c0;
}

#oUserRegPrivacyPanel
{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#f0f0f0;
  opacity:0.96;
  z-index:1;
  text-align:center;
}

#oUserRegPrivacy
{
  display:none;
  position:fixed;
  top:10%;
  left:0;
  right:0;
  margin:auto;
  width:90%;
  font-size:100%;
  background-color:#fff;
  border:1px solid #c0c0c0;
  border-radius:4px;
  z-index:2;
  box-sizing: border-box;
}

.wsfMgrEditor
{
  position:absolute;
  z-index: 2;
  top:0;
  left:0;
  width:100%;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  font-size: 0;
}

.wsfMgrEditorLeft
{
  background-color: #7899ee;
  width: 25%;
  min-height: 200vh;
  padding: 10px;
  text-align:left;
  display: inline-block;
  vertical-align: top;
  font-size: 10pt;
}

.wsfMgrEditorRight
{
  background-color: #fff;
  width: 75%;
  display: inline-block;
  vertical-align: top;
  font-size: 10pt;
}

.wsfMgrEditorBtns
{
  padding: 8px 0 0 5px;
}

.wsfMgrEditorTop .wsfMgrEditorBtns
{
  display:none;
  vertical-align: bottom;
  padding-left: 15px;
}

.wsfMgrEditorZoom .wsfMgrEditorTop .wsfMgrEditorBtns
{
  display: inline-block;
}

.wsfMgrEditorZoom .wsfMgrEditorTop #oClassMgrInfoQuick
{
  display: inline-block;
}

.wsfMgrEditorZoom .wsfMgrEditorBtns
{
  display: none;
}

.wsfMgrEditorClose, .wsfMgrEditorFull
{
  display:inline-block;
  width: 20px;
  height:35px;
  background-image: url(../images/BackArrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor:hand;
  cursor: pointer;
  m argin-bottom: 5px;
}

.wsfMgrEditorClose:hover
{
  
}

.wsfMgrEditorFull
{
  width: 35px;
  height:35px;
  background-image: url(../images/ViewerFull.png);
}

.wsfMgrEditorTop
{
  background-color: #7899ee;
  h eight:50px;
  border-bottom: 1px solid #c0c0c0;
  text-align: left;
  overflow-x: auto;
  white-space: nowrap;
}

.wsfMgrEdLeftName
{
  font-size: 21pt;
  font-weight: bolder;
  padding: 10px 0 15px 0;
}

.wsfMgrEdLeftID
{
  font-size: 9pt;
}

.wsfMgrEdLeftQInfo
{
  font-size: 12pt;
  padding: 3px 5px;
  margin-bottom: 2px;
  min-height: 40px;
  background-color: rgba(158, 158, 158, 0.47);
}

.wsfMgrEdLeftQLbl
{
  font-size:8pt;
  color: #3d4831;
  text-align:left;
}

.wsfMgrEdSumBox
{
  margin:5px 0 15px 0;
  background-color: #fff;
  min-height: 100px;
  p adding:15px 10px;
  b order: 1px solid #c0c0c0;
  b order-radius: 4px;
  b ox-shadow: 0px 10px 20px #b0b0b0;
  text-align:left;
}

.wsfMgrEdSumBox .ListHead
{
  font-weight:bolder;
}

.wsfMgrEdSumBoxTitle
{
  text-align:left;
  font-weight:bolder;
  font-size: 14pt;
  padding: 5px 0 10px 5px;
}

.wsfMgrEdMgrBtn
{
  display: inline-block;
  background-color: #f0f0f0;
  margin: 5px;
  border-radius: 4px;
  padding: 12px 50px 12px 10px;
  cursor: hand;
  cursor: pointer;
  text-align: left;
  border: 2px solid #a7a2a1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 97%;
}

.wsfMgrEdMgrBtn:hover
{
  background-color: #FFC107;
}

.wsfMgrEdMgrBtnSel
{
  background-color: #FF9800;
}

.wsfMgrEdContent
{
  position: relative;
  min-height: 100vh;
  padding-bottom: 50px;
}

.wsfMgrEdSection
{
  padding:10px;
}

.wsfMgrEdSection .FilterBox
{
  display: none;
}

.wsfMgrEdEditBtn, .wsfMgrEdCloneBtn
{
  float: right;
  margin: 10px 5px 0 0;
  height: 25px;
  width: 25px;
  cursor: hand;
  cursor: pointer;
  background-image: url(../images/edit.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.wsfMgrEdCloneBtn
{
  background-image: url(../images/clone.png);
}

.wsfMgrEdEditBtn:hover, .wsfMgrEdCloneBtn:hover
{
  border:1px solid transparent;
}

.wsfMgrEditorZoom .wsfMgrEditorLeft
{
  display:none;
}

.wsfMgrEditorZoom .wsfMgrEditorRight
{
  width: 100%;
  display: block;
}

.wsfMgrEditorZoom .wsfMgrEdLeftQInfos
{
  display:none;
}

.wsfMgrEditorZoom .wsfMgrEdLeftName
{
  display:none;
}

.wsfMgrEditorZoom .wsfMgrEditorFull
{
  background-image: url(../images/ViewerSide.png);
}

.wsfMgrEditorZoom .wsfMgrEdSection
{
  padding: 5px;
}

.wsfMCalWork
{
  background-color: #df0000;
  color: #fff;
  padding:5px;
}

.wsfMCalTitle
{
  text-align:center;
  padding:10px;
}

.wsfMCalOffPeriod
{
  color: #c0c0c0;
  padding:5px !important;
  font-style: italic;
}

.wsfMCalOffMonth
{
  background-color: #fff;
  color: #fff;
  border:0 !important;
}

.wsfMCalOff
{
  background-color: #c0c0c0;
  color: #9E9E9E;
  padding:5px !important;
}

.wsfMCalLegenda div
{
  display:inline-block;
  margin:2px;
  font-size: 80%;
}

.wsfMCalLegenda
{
  text-align:right;
}

.wsfMCalBusyOk
{
  background-color: green;
  color: #fff;
  padding:5px !important;
}

.wsfMCalBusyLate
{
  background-color: #FFC107;
  color: #000;
  padding:5px !important;
}

.wsfMCalBox
{
  display:inline-block;
  padding:10px;
}

.wsfMCal th
{
  padding:5px;
}

.wsfMCal td
{
  padding:0;
  text-align:center;
  vertical-align: bottom;
  border: 1px solid #c0c0c0;
}

.wsfMCal
{
  border-collapse:collapse;
  font-size: 10pt;
}

.wsfBlink
{
  animation: blink 700ms 3;
}

.wsfFilterBoxSection
{
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 5px 5px;
  font-weight: bolder;
}

.wsfEmailUnConfirmed
{
  color: #607D8B;
}

.wsfEmailConfirmed
{
  color:green;
  font-weight: bolder;
}

.wsfCustomerProfileIncomplete, .wsfCustomerUnverifiedEmail, .wsfCustomerAccountDisabled
{
  text-align:center;
  margin-top:5px;
  padding:5px;
  font-size:10pt;
}

.wsfCustomerAccountDisabled
{
  color: #F44336;
  background-color: #e1dede;
  border-color: #607D8B;
}

.wsfCustomerProfileIncomplete
{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  text-align: center;
  margin-top: 5px;
  padding: 5px;
  font-size: 10pt;
}

.wsfCustomerUnverifiedEmail
{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.wsfDlgBtns
{
  padding-top:10px;
}

.wsfUpdHistBtn
{
  background-color: #d5e7f1;
  color: #000;
}

#wsfDialogCnv.wsfNewUserDlgPnl, #wsfDialogCnv.wsfLargeDlgPnl
{
  z-index:1000;
}

.wsfLargeDlgPnl .wsfMSRBox { background-color: #fff; }
.wsfLargeDlgPnl #wsfDialogPnl.wsfDialogPnl
{
  max-width: 80vw;
  max-height: 80vh;
  margin: 10px auto;
  text-align: center;
  background-color: #d5e7f1;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.wsfNewUserDlgPnl #wsfDialogPnl.wsfDialogPnl
{
  max-width: 300px;
  max-height: 80vh;
  margin: 10px auto;
  text-align: center;
  background-color: #ffeb3b;
}

#wsfAJAXLoginDlg
{
  width: 50%;
  height: 25%;
  text-align: center;
  margin: auto;
  background-color: #FFC107;
  font-size:10pt;
  padding: 20px;
  border-radius:4px;
  cursor:hand;
  cursor:pointer;
}

#wsfAJAXLoginCnv
{
  position: fixed;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
  text-align:center;
  background-color: #f0f0f0d1;
  padding: 50px;
  z-index: 3;
}

.wsfExportSettingsShowCnv #wsfDialogPnl
{
  text-align: left;
  width: 400px;
  max-width: 100vw;
  margin: auto;
  background-color: #f0f0f0d1;
  padding: 30px;
  box-shadow: 0px 10px 20px #b0b0b0;
}

input.wsfInvalidInput[type="checkbox"]
{
  box-shadow: 0px 0px 4px #df0000;
}

.wsfMgrEdLeftQInfoNumber
{
  text-align:right;
}

.wsfLicCount TD, .wsfLicRatesTab TD
{
  padding:2px 5px;
  text-align:right;
  border:1px solid #c0c0c0;
}

.wsfLicCount TH, .wsfLicRatesTab TH
{
  padding:2px 5px;
  text-align:right;
}

.wsfLicCount, .wsfLicRatesTab
{
  border-collapse:collapse;
  font-size:9pt;
}

.wsfHTMLInputTlb
{
  padding:5px 0;
}

.wsfHTMLInputSwtBtn
{
  
}

.wsfHTMLInputSourceTools
{
  display:none;
  background-color: #ffff99;
  padding: 2px 5px;
}

.wsfHTMLInputSourceTools input[type=text]
{
  width:auto;
}

.wsfHTMLInputIndentBtn {}
.wsfHTMLInputReplaceBtn {}

.wsfHTMLInputSnpBtn {}
.wsfHTMLInputPrvBtn {}

.wsfHTMLInputPreviewBox
{
  text-align: left;
  padding: 10px;
  b order: 4px dashed #3f51b5;
}

.wsfHTMLInputPreviewCanv .wsfAlertBoxMsg
{
  max-height: 80vh;
  margin: 0;
}

.wsfHTMLInputPreviewCanv
{
  max-width: none;
  width: 100%;
  top: 0;
  bottom: 0;
}

.wsfHTMLFieldLarge
{
  height:50vh;
  min-height: 100px;
  max-height: 500px;
}

.wsfUsersStatsPanel TD:nth-child(3)
{
  text-align:center;
}

.wsfUsersStatsPanel TD:nth-child(2)
{
  text-align:right;
}

.wsfUsersStatsPanel TD
{
  border:1px solid #c0c0c0;
  padding:5px;
}

.wsfUsersStatsPanel TABLE
{
  border-collapse:collapse;
  font-size:10pt;
  width: 100%;
}

.wsfUsersStatsPanel
{
  position:absolute;
  top:10px;
  left:0;
  right:0;
  margin:auto;
  width:50vw;
  min-height:200px;
  background-color: #f0f0f0;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #c0c0c0;
}

.wsfUserForm .wsfCheckBox + label
{
  vertical-align:unset;
}

.wsfCheckBoxSq + label
{
  display: inline-block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  c olor:#fff;
  b ackground-color: green;
}

.wsfCheckBoxSq
{
  display: none;
}

.wsfCheckBoxSq + label:before
{
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

.wsfCheckBoxSq + label:active:before
{
  transform: scale(0);
}

.wsfCheckBoxSq:checked + label:before
{
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}

.wsfCheckBoxSq:disabled + label:before
{
  transform: scale(1);
  border-color: #aaa;
}

.wsfCheckBoxSq:checked:disabled + label:before
{
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.wsfUnsubscribeOk
{
  background-color: #FFEB3B;
}

.wsfSubscribeOk, .wsfUnsubscribeOk
{
  width: 80vw;
  max-width: 500px;
  margin: auto;
  border: 1px solid #c0c0c0;
  padding: 20px;
  border-radius: 4px;
  background-color: #CDDC39;
}

.wsfSubscribeErr, .wsfUnsubscribeErr
{
  width: 80vw;
  max-width: 500px;
  margin: auto;
  border: 1px solid #c0c0c0;
  padding: 20px;
  border-radius: 4px;
  background-color: #f4948d;
}

.wsfNewsFormatInfo
{
  font-style:italic;
  font-size:90%;
  padding-top:10px;
}

.wsfNewsFormatBtns .wsfBtnSelector
{
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  min-width: 80px;
  text-align: center;
  margin-right: 5px;
  font-size: 12pt;
}

.wsfNewsFormatBtns .wsfBtnSelected_2.wsfBtnSelected
{
  background-color: #4CAF50;
  color: #fff;
}

.wsfNewsFormatBtns .wsfBtnSelected_0.wsfBtnSelected
{
  background-color: #9e9e9e; #faabab;
}

.wsfNewsFormatBtns
{
  padding:10px 5px;
}

.wsfPageInfo { background-color:#f0f0f0; padding: 20px; text-align: left; }
.wsfPageInfoContent 
{ 
  min-height: 400px; 
  background-color: #fff;
  padding: 20px; 
}

.wsfToolsBoxSec:empty { display:none; }
.wsfToolsBoxSec
{
  display:inline-block;
  padding:3px 5px;
  background-color:#e0e0e0;
  margin:1px 5px;
}

.USRPwdChgKoMsg
{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  font-size: 110%;
  padding:20px;
  width:90%;
  margin:auto;
}

.wsfSystemSupended
{
  background-color: #f44336;
  color:#fff;
}

.wsfMsgStrip
{
  text-align:center;
  padding:2px 5px;
}

.wsfMsgInline
{
  display:inline-block;
  text-align:center;
  padding:2px 5px;
}

.wsfGenSrcTileTitle
{
  font-size:90%;
}

.wsfGenSrcTileInfo
{
  font-size:70%;
}

.wsfGenSrcTileFooter
{
  font-size:70%;
  position:absolute;
  bottom:5px;
  left:0;
  right:0;
}

.wsfGenSrcTile
{
  background-color: #FFEB3B;
  height: 110px;
  overflow: hidden;
  max-width: 100px;
  white-space: normal;
  position: relative;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  cursor: hand;
  cursor: pointer;
  position:relative;
}

.wsfGenSrcSecIcon
{
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

.wsfGenSrcSec
{
  padding:20px 0;
  background: #fff;
  margin-bottom:20px;
  border-radius:4px;
  padding:10px;
  max-height: 175px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  text-align:left;
}

.wsfViewAllBizBtnON { background-image: url(../images/MultiBizON.png); background-color: #fff; }
.wsfViewAllBizBtnOFF{ background-image: url(../images/MultiBizOFF.png); background-color: #f0f0f0; }

.wsfBillStatusReady
{
  background-color: #e9f4e0;
  color:#000;
}

.wsfBillStatusPending a
{
  color:#525252;
}

.wsfBillStatusPending
{
  background-color: #ffeb3b;
  color:#525252;
}

.wsfBillStatusOverDueSoft a
{
  color:#fff;
}

.wsfBillStatusOverDueSoft
{
  background-color: darkorange;
  color:#fff;
}

.wsfBillStatusOverDueBlock a
{
  color:#fff;
}

.wsfBillStatusOverDueBlock
{
  background-color: #df0000;
  color:#fff;
}

.wsfBillStatusOverDue a
{
  color:#fff;
}

.wsfBillStatusOverDue
{
  background-color: #f44336;
  color:#fff;
}

.wsfBillStatus
{
  padding:5px;
  text-align:center;
  font-size:10pt;
  position:relative;
}

.wsfBillStatusBarClose
{
  position:absolute;
  float:none;
  top:4px;
  left:8px;
  font-size:12pt;
  font-weight: bolder;
  cursor:hand;
  cursor:pointer;
}

.wsfAlertBoxNote
{
  width:100%;
  height:100px;
}

#wsfGenSearchPnl .wsfMgrEditorClose
{
  f loat: right;
}

.wsfHiddenField
{
  display:none;
}

#wsfQuickEditElement
{
  padding: 3px;
  font-size: inherit;
  width:100%;
  max-width: 100vw;
  font-style: inherit;
  font-style: inherit;
  font-family: inherit;
  text-align: inherit;
}

#wsfMessageStrip
{
  padding:5px 10px;
  text-align:center;
  background-color: #ff980066;
  color: #795548;
}

#wsfGenSearchPnl
{
  width:90vw;
  margin:auto;
  height:85vh;
  background-color: #ade0f6;
  border:1px solid #c0c0c0;
  padding: 20px;
  overflow: auto;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
  text-align:left;
}

#wsfGenSearchLst
{
  padding-top:10px;
  text-align:left;
}

.wsfSystemTrialMode
{
  background-color: #3f51b554;
  color:#fff;
  font-size: 9pt;
  padding: 2px;
}

#oNewsFormatBtns
{
  
}

#oNewsFormatSaveInfo:empty { display: none; }
#oNewsFormatSaveInfo
{
  padding-top: 10px;
}

#wsfCustomerCardBox
{
  position:relative;
  width: 400px;
  min-height: 200px;
  border: 1px solid #c0c0c0;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 21% auto;
  background-position: 98% 98%;
  cursor:hand;
  cursor:pointer;
  max-width: 500px;
  max-height: 300px;
  -moz-box-shadow: 0px 10px 20px #b0b0b0;
  -webkit-box-shadow: 0px 10px 20px #b0b0b0;
  box-shadow: 0px 10px 20px #b0b0b0;
}

.wsfUserPropGrp
{
  padding: 5px;
  font-weight: bolder;
  font-style: italic;
  display: inline-block;
  background-color: #a9e464a1;
  border-radius: 4px;
}

.wsfCustomerCardPrint #wsfCustomerCardBox
{
  width: 330px !important;
  height: 210px !important;
  margin:0 !important;
  box-shadow: none;
  background-size: 27% auto;
  border: 2px solid #000;
}

.wsfCustomerCardPrint .wsfCustomerCardName
{
  font-size:12pt;
}

.wsfCustomerCardPrint .wsfCustomerCardCode
{
  font-size:22pt;
  margin-bottom: -10px;
}

.wsfCustomerCardPrint .wsfCustomerCardBizLogo
{
  height:65px;
}

.wsfCustomerCardPrint .wsfCustomerCardEmail
{
  font-size:110%;
}

#wsfCustomerCardBox.wsfCustomerCardFullScreen
{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  padding:20px;
  margin: 20px auto;
  width: 100vw;
  transform: rotate(360deg);
  transition: all 400ms ease-out;
  max-height: 600px;
  height: 80vh;
  overflow:auto;
}

.wsfPagewsfCustomerCard #wsfCustomerCardBox.wsfCustomerCardFullScreen
{
  z-index: 99;
}


.wsfCustomerCardFullScreen .wsfCustomerCardCode
{
  font-size:34pt;
}

.wsfCustomerCardFullScreen .wsfCustomerCardBizLogo
{
  height: 13%;
  background-position: center;
  background-size: auto 80%;
}

.wsfCustomerCardFullScreen .wsfCustomerCardEmail
{
  padding-top:10px;
}

.wsfCustomerCardFullScreen .wsfCustomerCardLink
{
  padding-top:10px;
}

.wsfCustomerCardBizLogo
{
  background-repeat: no-repeat;
  background-size: auto 90%;
  background-position: left top;
  height: 59px;
  margin-bottom: 5px;
  border-bottom: 2px solid #c0c0c0;
}

.wsfCustomerCardName
{
  font-size: 12pt;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 0 0 0;
}

.wsfCustomerCardCode
{
  /*  font-family: 'Libre Barcode 128', cursive;
  font-family: 'Libre Barcode 39 Extended Text', cursive;
  font-family: 'Libre Barcode 128 Text', cursive;
  */  font-size: 28pt;
  padding: 5px 0 0 0;
  margin-bottom: -10px;
}

.wsfCustomerCardCodeClear
{
  font-size:80%;
}

.wsfCustomerCardEmail
{
  font-size:120%;
  padding-top: 8px;
}

.wsfCustomerCardLink
{
  padding-top: 2px;
}

.wsfCustomerCardInfo
{
  text-align:center;
  padding-top:5px;
}

#wsfGenSearchCnv
{
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index: 3;
  padding:20px;
  background-color: #ffffff9e;
}

.wsfReportTitle
{
  font-size: 14pt;
  t ext-align: center;
  padding: 2px 0 10px 0;
}

.wsfUserPropsFilterNil
{
  display:none;
}

.wsfUserPropsFilterNil:checked + input
{
  background-color:#f07474;
}

.wsfUserPropsFilterSome
{
  display:none;
}

.wsfUserPropsFilterSome:checked + input
{
  background-color:green;
}

.wsfCustomerCardQRCode
{
  position:absolute;
  top:5px;
  right:5px;
  text-align: right;
}

.wsfCustomerCardQRCode img
{
  width:70%;
}

.wsfCustomerCardFullScreen .wsfCustomerCardQRCode img
{
  width:50%;
}

.wsfCustomerCardFullScreen .wsfCustomerCardQRCode
{
  m argin-top: -30%;
  position: static;
  text-align:center;
}

.wsfURMatrix TD:first-child
{
  text-align:left;
}

.wsfMobileView .wsfRespMobileBtn
{
  display:inline-block;
}

.wsfMobileView #RespMobileMenu
{
  display:block;
}

.appBkMain
{
  width:90vw;
  max-width: 1000px;
  margin: auto;
}

.suListItemSub
{
  font-size:80%;
}

.wsfLoader
{
  border: 16px solid #f3f3f3;
  /* Light grey */  border-top: 16px solid #3498db;
  /* Blue */  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 20px auto;
  animation: spin 2s linear infinite;
}

.wsfUserPINSwitch
{
  font-size:17pt;
  padding: 10px 5px;
}
.wsfUserLoginFeedback, .wsfUserLoginSelfRestPIN
{
  font-size:15pt;
  padding: 10px 5px;
}

.wsfUserPINInput
{
  font-size: 24pt;
  padding: 0 10px;
  width:380px;
  text-align:center;
}

.wsfPINBtns
{
  width:460px;
  margin:auto;
}

.wsfPINBtn
{
  display:inline-block;
  border:1px solid #c0c0c0;
  padding:30px 0;
  font-size:20pt;
  text-align:center;
  margin:5px;
  width: 120px;
  cursor:hand;
  cursor:pointer;
  user-select:none;
}

.USRPwdChgPage .wsfPINBtn { padding:10px 0; font-size: 14pt; }
.USRPwdChgTitle { padding: 10px 0; }

.wsfPINBtn:hover
{
  
}

.wsfPINBtnClicked
{
  background-color:#50ace4;
}

#oUserPINUpdate, #oUserPINClear, #oUserPINExit
{
  display: inline-block;
  font-size: 14pt;
  padding: 10px;
  background-color: #50ace4;
  color: #fff;
  margin: 5px;
  width: 130px;
  cursor:hand;
  cursor:pointer;
  user-select:none;
}

#oUserPINClear { background-color: #df0000; }
#oUserPINExit { background-color: #c0c0c0; }

.wsfLoginBoxes
{
  max-height:35vh;
  white-space: normal;
  overflow:auto;
  margin:10px auto;
}

.wsfLoginBox
{
  display:inline;
  border: 1px solid #c0c0c0;
  font-size:10pt;
  height:70px;
  padding:5px;
  border-radius:4px;
  margin: 5px;
  min-width:100px;
  text-align:center;
  vertical-align:bottom;
}

.USRLoginFormTSBtnSwipeInfo
{
  font-size:70%;
  padding:4px;
}

.wsfGenSrcSecIcon .osDPBtn
{
  height: 40px;
}

.wsfTableSortCell
{
  cursor:hand;
  cursor:pointer;
}

.wsfTableSortASC
{
  background-position: center 90%;
  background-size: 10px;
  background-repeat: no-repeat;
  background-image: url(../images/ArrowUp.png);
}

.wsfTableSortDESC
{
  background-position: center 90%;
  background-size: 10px;
  background-repeat: no-repeat;
  background-image: url(../images/ArrowDown.png);
}

.wsfURMatrix td:nth-child(1), .wsfURMatrix td:nth-child(2)
{
  position:sticky;
  left:0;
  z-index:1;
  background-color:#f0f0f0;
  text-align:left;
}

.wsfSvcBillReport
{
  border-collapse: collapse;
  font-size: 10pt;
  width: 100%;
}

.wsfSvcBillReport td
{
  padding: 5px 10px;
  border: 1px solid #c0c0c0;
}

.wsfSvcBillReportCurMonth
{
  background-color:rgba(255, 255, 0, 0.31);
}

#wsfSvcFeeInfo
{
  position: fixed;
  z-index: 1;
  width: 30vw;
  min-width: 300px;
  h eight: 30vh;
  min-height: 100px;
  top:45%;
  left:0;
  right:0;
  margin:auto;
  background-color:#f0f0f0;
  padding:10px;
  border: 1px solid #c0c0c0;
  text-align:center;
}

#wsfSvcFeeInfo .wsfLicCount, #wsfSvcFeeInfo .wsfLicRatesTab
{
  width: 100%;
}

.wsfLogonBoxImg img
{
  height:90%;
}

.wsfLogonBoxImg
{
  height:70%;
}

.wsfSetupCustomHomeCmds
{
  padding: 3px;
  background-color: #f0f0f0;
  border: 1px solid #c0c0c0;
  margin-bottom: 5px;
  text-align:center;
  font-size:10pt;
}

.CMCSiteWallPaper2 .wsfSetupCustomHomeCmds
{
  display: none;
}

.wsfPopupInfoBtn
{
  cursor: hand;
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/info.png);
}

#wsfContentArea
{
  position: relative;
}

.suVButtonGo
{
  color: #fff;
  background-color: #50ace4;
}

.suVDialogBottom
{
  text-align:center;
  padding-top:10px;
}

.wsfMenuRootBtn
{
  background-color:#df0000;
  font-weight:bolder;
  padding: 1px 5px;
}

.wsfGISLocationBtn
{
  width:30px;
  height:30px;
  background-image: url(../images/location.png);
  background-repeat: no-repeat;
  background-size:contain;
  display:inline-block;
  vertical-align: middle;
}

.wsfTestServerLbl
{
  position:absolute;
  right:1px;
  top:1px;
  background-color:#df0000;
  color:#ffffff;
  padding:5px;
}

.wsfImgEditBtn
{
  width:20px;
  height:20px;
  position:absolute;
  bottom:2px;
  right:2px;
  background-repeat:no-repeat;
  background-size: 90%;
}

.wsfSwitchEditModeBtn a { color:#000; }
.wsfPageExecInfo, .wsfSwitchEditModeBtn
{
  display: inline-block;
  background-color:#9e9e9e;
  text-transform:uppercase;
  color: #fff;
  margin: 0 2px;
  border-radius:4px;
  padding:2px 5px;
  text-align:center;
  cursor:hand;
  cursor:pointer;
}

.wsfToolsBoxSet
{
  background-color: #e0e0e0;
  padding: 5px;
  display: inline-block;
  margin: 2px;
  border: 1px solid #c0c0c0;
  text-align:left;
}

.wsfPageWebFeedbacks #wsfSupportBtn
{
  display:none;
}

.wsfPageWebsiteFeedbackForm #wsfSupportBtn
{
  display:none;
}

#oWebsiteFeedbackPreview
{
  border: 10px solid #2196f3;
  position: absolute;
  z-index: 1000;
}

.wsfWebsiteFeedbackResponse
{
  min-height: 50vh;
  padding: 20px;
  background-color: #fff;
}

.wsfMobileView .USRLoginFormTSBtnSwipe,
.wsfMobileView .USRLoginFormBtnSwipe
{
  display:none;
}

/* ENDCSS */

@-moz-document url-prefix()
{
  /* .wsfUserPINInputHide   
  {
    color: #c0c0c0;
    text-shadow: 0 1px 0 #b0b0b0;
    transform: rotate(180deg);
  }
  */
}

@media only screen and (max-width: 1000px) 
{
  .UsrRegistrationLeft, .UsrRequestLeft, .BandPageLeft, .USRFeedbackLeft, .wsfPageAppToolbar { display:none }
  .wsfPageAppContent { width: 100%; }   
  .mnToolBarBtnAdm, .wfbButton { display:none }
}

/* PAOLO04AUG22 moved into layout_prn.asp as some of these classes were getting overridden 
@media only print
{
  .CMCSiteWallPaper { background-color: #fff !important; }
  .wsfSOAPage button { display:none }
  .wsfSOAPage { box-shadow: none;  }
  .spvCatalogTop { display:none }
  .spvCatalogBrowserLeftBox { display:none }
  .spvCatalogBrowserRight { padding: 0; }
  .spvCatalogBrowserRightBox { width:100% }
  .FilterBox, .ToolsBox { display:none }
  #wsfPageAppGoTop { display:none !important; }
  #wsfSupportBtn { display:none !important; }
  .wsfStdPrintBtn, .wsfPrintRcpFmt { display:none }
  .wsfSwitchLoginFromUser { display:none }
}
*/

@media only screen and (max-width: 900px) 
{
  .spvCatalogBrowserLeftBox { display:none;}
  .spvCatalogBasket { display:none }
  .spvCatalogBrowserRight { padding: 0; }
  .spvCatalogBrowserRightBox { width:100% }

  .UsrRegistrationRight { padding: 5px; }
  .frmUser { width: 100%; }
  #MenuContainer { padding: 10px 10px 0 10px; }
  
  .BandTable TD { padding: 5px; }
}

@media only screen and (max-width: 750px) 
{
  .bdgTextCol  {display:block; width: 100%;}
  .bdgContentText { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto;}
  .bdgContentBox, .wsfLIRow {display:block; width: 100%;}
  .bdgTextBox {min-height:120px; }

  .wsfSideBoxes { display:block; }
}

@media only screen and (max-width: 600px) 
{
  .appBkMain { width:100vw; }
  .appBkItems, .appBkAddForm { padding: 10px; }

  .BandPageRight { padding: 20px 5px 20px 5px; }
  #MenuContainer { display: none }
  #RespMobileMenu { display: block }
  .wsfRespMobileBtn { display: inline-block }
  .wsfRespMobileMenu { display: block }
  .CMCSiteWallPaper, .CMCSiteWallPaper2 { background-color:#fff; }
  .Footer { color: #000; }
  .Footer A,  .Footer A:Visited,  .Footer A:Active,  .Footer A:Link,  .Footer A:Hover { COLOR: #000; }
  .PageSchema { padding: 1px; }
  .spvCatalogMain { padding: 5px 10px 10px 10px; }

  .CMCHeader {margin-bottom: 5px;}
  .wsfQEBoxFix { width: 100%; top: 0; max-height: 100vh; border: 0;}
  .spvCatTitle { font-size: 14pt; }

  #wsfoFilters { display:none }
  #wsfoFiltersBtn { display:inline }

  .wsfSOAPage { width:100%; padding: 10px 20px; }
  .wsfPagewsfTermsOfUse .CMCSiteWallPaper { padding: 0; }

  .InputLabel { white-space: normal; }
}

@media only screen and (max-width: 500px), screen and (max-height: 500px) 
{
  .wsfLoginBox { height:45px; }
  .wsfLogonBoxImg { display:none }
}

@media only screen and (max-width: 500px) 
{
  .wsfMSRBoxTimeStamp { display:none; }

  #wsfCustomerCardBox { width: 100%; }
  .wsfCustomerCardCode { font-size: 21pt; margin-bottom: -6px; }

  .BandTable TD { padding: 10px 5px; }

  .wsfUserImageBox { float:none; }

  #wsfCustomerCardBox.wsfCustomerCardFullScreen
  {
    width: 100vh;
    height: 100vw;
    max-width: none;
    max-height: none;
    transform: rotate(90deg);
    margin-top: -100vw;
    transform-origin: bottom left;
    transition: all 400ms ease-out;
    background-position: 88% 98%;
  }

  .wsfCustomerCardQRCode { display:none }
  .wsfCustomerCardFullScreen .wsfCustomerCardQRCode { display:block; }

  .wsfCustomerCardFullScreen .wsfCustomerCardCode { font-size:42pt; }
  .wsfCustomerCardFullScreen .wsfCustomer CardBizLogo { height: 30vw; }

  /* new phone vertical card settings */

  #wsfCustomerCardBox.wsfCustomerCardFullScreen
  {
    margin: 0;
    width: 100vw;
    height: 100vh;
    transform: rotate(360deg);
  }
  .wsfCustomerCardFullScreen .wsfCustomerCardBizLogo
  {
    background-position:center;
  }
  .wsfCustomerCardFullScreen .wsfCustomerCardQRCode
  {
    float:none;
    margin-top:0;
    text-align:center
  }
  .wsfCustomerCardFullScreen .wsfCustomerCardQRCode img { width: 80%; }

  .wsfPINBtns
  {
    width:280px;
    margin:auto;
  }

  .wsfPINBtn
  {
    padding:20px 0;
    font-size:14pt;
    width: 80px;
  }

  .wsfUserPINInput { width:260px; }
  .wsfUserPINSwitch{ font-size:15pt; }
  .wsfUserLoginFeedback { font-size:14pt; }
  .wsfUserLoginSelfRestPIN { font-size:14pt; }

  #wsfDialogCnv { padding:0 }

  #wsfQFBBox { width: 100%; }
  #wsfQFBCanvas { padding: 0; }
}

@-webkit-keyframes arrow-jump 
{
  0%   
  { 
    opacity: 0.5;
    transform: translateX(180px);
  }
  
  100% 
  { 
    opacity: 1; 
    transform: translateX(0);
  }  
}

/* add to any class styles 

  animation: blink 700ms infinite;

*/
@-webkit-keyframes blink 
{
  0%   
  { 
    opacity: 1;
  }
  50%   
  { 
    opacity: 1;
  }
  100% 
  { 
    opacity: 0;
  }  
}

@keyframes blink_border { 
   50% { border-color: #2196f3; } 
}