.WebControl > div > label {
    color: #8E8A87;
}

.WebControl.Web_Disabled > div > div > .WebFrm_Wrapper, .WebControl.Web_Disabled input,
.WebControl.Web_Disabled textarea, .WebControl.Web_Disabled select {
    color: #000000;
}

/* Vertically center the label when styling a checkbox as a flip switch */
.FlipSwitch .WebCheckbox_Caption {
    padding-top: 2px;
}

/* Vertically center icons on buttons */
.WebButton Button:before,
.WebButton i:before {
    margin-right: 4px;
    margin-left: 0px;
    margin-top: 2px;
    vertical-align: top;
}

/* Make the font size normal, else it's too small on mobile
   and reduce the top padding to reduce white space */
.df-ModeMobile .WebControl > div.WebCon_TopLabel > label {
    font-size: 100%;
    padding-top: 6px;
}

/* Drop the overall the font size to fit in more */
.WebApp {
    font-size: 13px;
}

/* Drop the overall the font size to fit in more */
.df-ModeTablet:not(.df-ModeMobile) .WebApp {
    font-size: 15px;
}

/* Vertically center icons on buttons */
.WebButton Button:before,
.WebButton i:before {
    margin-right: 4px;
    margin-left: 0px;
    margin-top: 2px;
    vertical-align: top;
}

.df-ModeTablet .WebControl.WebCheckbox {
    padding-top: 10px;
}

.df-ModeTablet .WebControl.WebCheckbox  > div > label {
    padding: 5px 2px 0 0;
}

.WebControl > div > label {
    color: #5C5C5C;
}

.WebGrid .WebList_Head, 
.WebList .WebList_Head {
    color: #5C5C5C;
}

.WebCheckbox_Caption {
    color: #5C5C5C;
}

.WebGrid .WebList_Body td.Web_Disabled,
.WebList .WebList_Body td.Web_Disabled {
    color: inherit !important;
}

.df-ModeTablet .WebGrid .WebForm input, 
.df-ModeTablet .WebGrid .WebCombo select {
    height: 26px;    
}

.df-ModeTablet .WebGrid .WebList_Body .WebList_Row td{
    height: 22px;
}

.df-ModeTablet .WebGrid .WebList_Body .WebList_Row td.WebCol.WebGrid_EditCell .WebFrm_Prompt::before,
.df-ModeTablet .WebGrid .WebList_Body .WebList_Row td.WebColCombo.WebGrid_EditCell .WebFrm_Prompt::before {
    top: 5px;
}

.WebButton button, 
.WebGrid .WebList_Body .WebList_Row button, 
.WebList .WebList_Body .WebList_Row button {
    xfont-size: 110%;
}

.WebEdit .WebCon_Inner label,
.WebHtmlBox .WebCon_Inner label{
    padding-top: 3px;
}

.df-ModeTablet .WebEdit .WebCon_Inner label,
.df-ModeTablet .WebHtmlBox .WebCon_Inner label{
    padding-top: 4px;
}

/* Make the font size normal, else it's too small on mobile
   and reduce the top padding to reduce white space */
.df-ModeMobile .TilesGroup {
    margin-top: 0px;
}

/* Allow button icons to be displayed correctly on grids */
.WebGrid .WebList_Body .WebList_Row .WebButtonIcon,
.WebGrid .WebList_Body .WebList_Row .WebButtonIcon:hover {
    background: transparent;
    border: none;
    box-shadow: none;
}

/*  */
.df-ModeTablet .WebControl > .WebCon_Inner {
    min-height: unset !important;
}


.WebList:not(.MobileList) .WebList_Body .WebList_Row td.RowDetail,
.WebGrid:not(.MobileList) .WebList_Body .WebList_Row td.RowDetail {
    color: var(--df-Grayscale3);
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    top: -6px;
}




.Df_Flat_Touch .Tile.Mid .WebCon_Sizer {
    background: #0067B2;
}

.Df_Flat_Touch .Tile.MidAlternate .WebCon_Sizer {
    background: #383A3B;
}

.taCompanyTitlePanel {
    font-weight: bold;
    padding-left: 10px;
}

.taCompanyTitlePanel.WebContainer {
    background-color: #FFFFFF;
}

.taCompanyTitleLabel .WebLabel_content {
    font-size: 22px !important;
    font-weight: bold !important;
    margin-top: 5px;
}

.taBoldLabel .WebLabel_content {
    font-weight: bold !important;
    font-size: 18px !important;
}

.taBoldForm .WebCon_Inner {
    height: 32px;
    min-height: 32px;
    margin-top: -4px;
    margin-bottom: 4px;
}

.taBoldForm.WebControl.Web_Disabled > div > div > .WebFrm_Wrapper{
    border: none;
    background-color: transparent;
}

.taBoldForm input{
    font-weight: bold;
}

.taBoldFormLabel label{
    font-weight: bold;
}

.taImageLink {
    cursor: pointer;
}

.taPromptOnlyForm .WebFrm_Wrapper,
.taPromptOnlyForm .WebFrm_Wrapper:focus {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    background-color: inherit !important;
}

.taPromptOnlyForm input {
    color: #000000 !important;
}

.taVersionButton{
    text-decoration: none !important;
    color: #ff0000 !important;
}

.taVersionButton i {
    font-style: normal;
    font-size: 110%;
}

.taCurrentUser .WebCon_Inner {
    margin-top: 0px;    
}

.taCurrentUser .WebLabel_content {
    padding: 0px;
    font-weight: bold;
}

.taCurrentUserIcon i {
    font-style: normal;
    color: #006cbb;
    font-size: 45px;
}

.taClosePanelButton i {
    position: absolute;
    right: 10px;
}

.taClosePanelButton i:before{
    color: #787878;
    font-size: 18px;
    font-style: normal;
}

.df-ModeTablet .taClosePanelButton i:before{
    font-size: 30px;
    font-style: normal;
}

.taCodeDesc.WebControl.Web_Disabled > div > div > .WebFrm_Wrapper{
    border: none;
    background-color: transparent;    
    font-weight: bold;
    font-style: italic;
}

.df-ModeMobile .taCodeDesc .WebCon_Inner{
    min-height: 0px;
}

.df-ModeMobile .taCodeDesc .WebFrm_Wrapper{
    padding: 0px;
}

.df-ModeMobile .taCodeDesc input{
    height: 20px;
}

.taSingleHeader .WebList_Head {
    Height: 34px !important;    
}

.taOKButton button{
    background-color: #008000;
}

.taCancelButton button{
    background-color: #CC0000;
}

.taBudgetWarning:before {
	color: #F4A11E !important;
}

.taRowIndicator {
    color: #ffffff;
}

.taRowIndicator:before {
}

.taRowIndicator .WebControl {
    display: none; 
}

.WebList_Selected .taRowIndicator {
    color: #F4A11E;
    padding: 0px 6px !important;
}

.WebList_ColHead.taRowIndicator:before {
    display: none !important;
}

.taDateWarning, 
.taDateWarning input{
    color: #CC0000 !important;
}

.taHighlightBad {
    color: #CC0000 !important;
}

.taWebListCheckboxColumn .WebButtonIcon.fa-solid.fa-square-check:before {
    font-size: 22px !important;
    color: #348ee6 !important;
}

.taWebListCheckboxColumn .WebButtonIcon.fa-regular.fa-square:before {
    font-size: 22px !important;
    color: #BABABA !important;
}

.taSubList2 .WebList_Row {
    background-color: #F7FBFF !important;
}

.taHighlightRowWarning {
    border-left: 2px solid #F4A11E !important;
}

.taDocumentPDFColour:before {
    color: #F40F02 !important;
}

.taDocumentWordColour:before {
    color: #2b579a !important;
}

.taDocumentExcelColour:before {
    color: #1d6f42 !important;
}

.taDocumentColour:before {
    color: #5C5C5C !important;
}

.taDocumentsTabContainer .WebTbc_Head {
    display: none;
}

.taDocumentiFrame.WebIFrame .WebIFrm_Box{
    border: none;
}

.Tile .taTile_Icon {
    font-size: 60px;
    text-align: center;
    position: relative;
    top: 10px;
}

.Tile .taTile_Icon i{
    font-style: normal;
}

.taButtonIconOnly button:before {
    width: 100%;
}

.taIconDouble {
    vertical-align: middle !important;
}

.WebColBtn {
    vertical-align: middle !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.WebColBtn .WebButtonIcon {
    width: 100%;
    height: 100%;
}

.WebList_SwipeBtn{
    font-family: unset;
	display: revert;
}

.WebList_SwipeBtn:before{
    font-family: 'Font Awesome 6 Pro';
	font-size: 19px !important;
}

.WebMenuItem{
    font-family: unset;
    font-weight: unset;
}

.WebItm_Icon{
    font-family: 'Font Awesome 6 Pro';
}

.fa-solid .WebItm_Icon:before,
.fa-solid button:before,
.fa-solid.WebCol:before,
.fa-solid.WebList_SwipeBtn:before,
.WebColBtn .fa-solid:before{
	font: var(--fa-font-solid) !important;
}

.fa-regular .WebItm_Icon:before,
.fa-regular button:before,
.fa-regular.WebCol:before,
.fa-regular.WebList_SwipeBtn:before,
.WebColBtn .fa-regular:before{
	font: var(--fa-font-regular) !important;
}

.fa-light .WebItm_Icon:before,
.fa-light button:before,
.fa-light.WebCol:before,
.fa-light.WebList_SwipeBtn:before,
.WebColBtn .fa-light:before{
	font: var(--fa-font-light) !important;
}

.fa-thin .WebItm_Icon:before,
.fa-thin button:before,
.fa-thin.WebCol:before,
.fa-thin.WebList_SwipeBtn:before,
.WebColBtn .fa-thin:before{
	font: var(--fa-font-thin) !important;
}

.fa-duotone .WebItm_Icon:before,
.fa-duotone button:before,
.fa-duotone.WebCol:before,
.fa-duotone.WebList_SwipeBtn:before,
.WebColBtn .fa-duotone:before{
	font: var(--fa-font-duotone) !important;
}

.fa-brands .WebItm_Icon:before,
.fa-brands button:before,
.fa-brands.WebCol:before,
.fa-brands.WebList_SwipeBtn:before,
.WebColBtn .fa-brands:before{
	font: var(--fa-font-brands) !important;
}

.fa-solid.WebMenuItem a,
.fa-regular .WebMenuItem a,
.fa-light.WebMenuItem a,
.fa-thin.WebMenuItem a,
.fa-duotone.WebMenuItem a,
.fa-brands.WebMenuItem a{
    padding-top: 7px !important;
}

.fa-solid .WebItm_Icon:before,
.fa-regular .WebItm_Icon:before,
.fa-light .WebItm_Icon:before,
.fa-thin .WebItm_Icon:before,
.fa-duotone .WebItm_Icon:before,
.fa-brands .WebItm_Icon:before{
    text-align: center;
    font-size: 16px !important;
    padding-top: 7px !important;
}

.fa-solid button:before,
.fa-regular button:before,
.fa-light button:before,
.fa-thin button:before,
.fa-duotone button:before,
.fa-brands button:before{
    text-align: center;
    float: left;
    font-size: 110% !important;
}

.WebColBtn .fa-solid:before,
.WebColBtn .fa-regular:before,
.WebColBtn .fa-light:before,
.WebColBtn .fa-thin:before,
.WebColBtn .fa-duotone:before,
.WebColBtn .fa-brands:before{
    font-size: 17px !important;
}

.WebColBtn .fa-solid.taIconDouble:before,
.WebColBtn .fa-regular.taIconDouble:before,
.WebColBtn .fa-light.taIconDouble:before,
.WebColBtn .fa-thin.taIconDouble:before,
.WebColBtn .fa-duotone.taIconDouble:before,
.WebColBtn .fa-brands.taIconDouble:before{
    font-size: 24px !important;
}

.fa-solid.WebCol,
.fa-regular.WebCol,
.fa-light.WebCol,
.fa-thin.WebCol,
.fa-duotone.WebCol,
.fa-brands.WebCol {
    display: revert;
    vertical-align: middle !important;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.fa-solid.WebCol:before,
.fa-regular.WebCol:before,
.fa-light.WebCol:before,
.fa-thin.WebCol:before,
.fa-duotone.WebCol:before,
.fa-brands.WebCol:before {
    font-size: 17px !important;
}

.fa-solid.WebCol.taIconDouble:before,
.fa-regular.WebCol.taIconDouble:before,
.fa-light.WebCol.taIconDouble:before,
.fa-thin.WebCol.taIconDouble:before,
.fa-duotone.WebCol.taIconDouble:before,
.fa-brands.WebCol.taIconDouble:before {
    font-size: 24px !important;
}

.fa-solid.WebList_SwipeBtn:before,
.fa-regular.WebList_SwipeBtn:before,
.fa-light.WebList_SwipeBtn:before,
.fa-thin.WebList_SwipeBtn:before,
.fa-duotone.WebList_SwipeBtn:before,
.fa-brands.WebList_SwipeBtn:before {
    font-size: 19px !important;
}

.fa-rotate-left .WebItm_Icon:before,
.fa-rotate-left button:before,
.fa-rotate-left.WebCol:before,
.WebColBtn .fa-rotate-left:before {
    content: "\f2ea";
}

.fa-rotate-right .WebItm_Icon:before,
.fa-rotate-right button:before,
.fa-rotate-right.WebCol:before,
.WebColBtn .fa-rotate-right:before {
    content: "\f2f9";
}

.fa-magnifying-glass .WebItm_Icon:before,
.fa-magnifying-glass button:before,
.fa-magnifying-glass.WebCol:before,
.WebColBtn .fa-magnifying-glass:before {
    content: "\f002";
}

.fa-chalkboard .WebItm_Icon:before,
.fa-chalkboard button:before,
.fa-chalkboard.WebCol:before,
.WebColBtn .fa-chalkboard:before {
    content: "\f51b";
}

.fa-check .WebItm_Icon:before,
.fa-check button:before,
.fa-check.WebCol:before,
.WebColBtn .fa-check:before {
    content: "\f00c";
}

.fa-file-magnifying-glass .WebItm_Icon:before,
.fa-file-magnifying-glass button:before,
.fa-file-magnifying-glass.WebCol:before,
.WebColBtn .fa-file-magnifying-glass:before {
    content: "\f865";
}

.fa-xmark .WebItm_Icon:before,
.fa-xmark button:before,
.fa-xmark.WebCol:before,
.WebColBtn .fa-xmark:before {
    content: "\f00d";
}

.fa-arrow-up-to-line .WebItm_Icon:before,
.fa-arrow-up-to-line button:before,
.fa-arrow-up-to-line.WebCol:before,
.WebColBtn .fa-arrow-up-to-line:before {
    content: "\f341";
}

.fa-arrow-down-to-line .WebItm_Icon:before,
.fa-arrow-down-to-line button:before,
.fa-arrow-down-to-line.WebCol:before,
.WebColBtn .fa-arrow-down-to-line:before {
    content: "\f33d";
}

.fa-triangle-exclamation .WebItm_Icon:before,
.fa-triangle-exclamation button:before,
.fa-triangle-exclamation.WebCol:before,
.WebColBtn .fa-triangle-exclamation:before {
    content: "\f071";
}

.fa-boxes-stacked .WebItm_Icon:before,
.fa-boxes-stacked button:before,
.fa-boxes-stacked.WebCol:before,
.WebColBtn .fa-boxes-stacked:before {
    content: "\f468";
}

.fa-book .WebItm_Icon:before,
.fa-book button:before,
.fa-book.WebCol:before,
.WebColBtn .fa-book:before {
    content: "\f02d";
}

.fa-clock .WebItm_Icon:before,
.fa-clock button:before,
.fa-clock.WebCol:before,
.WebColBtn .fa-clock:before {
    content: "\f017";
}

.fa-message-lines .WebItm_Icon:before,
.fa-message-lines button:before,
.fa-message-lines.WebCol:before,
.WebColBtn .fa-message-lines:before {
    content: "\f4a6";
}

.fa-circle-info .WebItm_Icon:before,
.fa-circle-info button:before,
.fa-circle-info.WebCol:before,
.WebColBtn .fa-circle-info:before {
    content: "\f05a";
}

.fa-thumbs-up .WebItm_Icon:before,
.fa-thumbs-up button:before,
.fa-thumbs-up.WebCol:before,
.WebColBtn .fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down .WebItm_Icon:before,
.fa-thumbs-down button:before,
.fa-thumbs-down.WebCol:before,
.WebColBtn .fa-thumbs-down:before {
    content: "\f165";
}

.fa-share .WebItm_Icon:before,
.fa-share button:before,
.fa-share.WebCol:before,
.WebColBtn .fa-share:before {
    content: "\f064";
}

.fa-share .WebItm_Icon:before,
.fa-share button:before,
.fa-share.WebCol:before,
.WebColBtn .fa-share:before {
    content: "\f064";
}

.fa-hand-point-left .WebItm_Icon:before,
.fa-hand-point-left button:before,
.fa-hand-point-left.WebCol:before,
.WebColBtn .fa-hand-point-left:before {
    content: "\f0a5";
}

.fa-box-check .WebItm_Icon:before,
.fa-box-check button:before,
.fa-box-check.WebCol:before,
.WebColBtn .fa-box-check:before {
    content: "\f467";
}

.fa-filter-circle-dollar .WebItm_Icon:before,
.fa-filter-circle-dollar button:before,
.fa-filter-circle-dollar.WebCol:before,
.WebColBtn .fa-filter-circle-dollar:before {
    content: "\f662";
}

.fa-paperclip .WebItm_Icon:before,
.fa-paperclip button:before,
.fa-paperclip.WebCol:before,
.WebColBtn .fa-paperclip:before {
    content: "\f0c6";
}

.fa-file-invoice .WebItm_Icon:before,
.fa-file-invoice button:before,
.fa-file-invoice.WebCol:before,
.WebColBtn .fa-file-invoice:before {
    content: "\f570";
}

.fa-cart-shopping .WebItm_Icon:before,
.fa-cart-shopping button:before,
.fa-cart-shopping.WebCol:before,
.WebColBtn .fa-cart-shopping:before {
    content: "\f07a";
}

.fa-cloud-arrow-down .WebItm_Icon:before,
.fa-cloud-arrow-down button:before,
.fa-cloud-arrow-down.WebCol:before,
.WebColBtn .fa-cloud-arrow-down:before {
    content: "\f0ed";
}

.fa-cloud-arrow-up .WebItm_Icon:before,
.fa-cloud-arrow-up button:before,
.fa-cloud-arrow-up.WebCol:before,
.WebColBtn .fa-cloud-arrow-up:before {
    content: "\f0ee";
}

.fa-credit-card .WebItm_Icon:before,
.fa-credit-card button:before,
.fa-credit-card.WebCol:before,
.WebColBtn .fa-credit-card:before {
    content: "\f09d";
}

.fa-trash-can .WebItm_Icon:before,
.fa-trash-can button:before,
.fa-trash-can.WebCol:before,
.WebColBtn .fa-trash-can:before {
    content: "\f2ed";
}

.fa-location-dot .WebItm_Icon:before,
.fa-location-dot button:before,
.fa-location-dot.WebCol:before,
.WebColBtn .fa-location-dot:before {
    content: "\f3c5";
}

.fa-diamond-turn-right .WebItm_Icon:before,
.fa-diamond-turn-right button:before,
.fa-diamond-turn-right.WebCol:before,
.WebColBtn .fa-diamond-turn-right:before {
    content: "\f5eb";
}

.fa-folder-open .WebItm_Icon:before,
.fa-folder-open button:before,
.fa-folder-open.WebCol:before,
.WebColBtn .fa-folder-open:before {
    content: "\f07c";
}

.fa-truck .WebItm_Icon:before,
.fa-truck button:before,
.fa-truck.WebCol:before,
.WebColBtn .fa-truck:before {
    content: "\f0d1";
}

.fa-copy .WebItm_Icon:before,
.fa-copy button:before,
.fa-copy.WebCol:before,
.WebColBtn .fa-copy:before {
    content: "\f0c5";
}

.fa-chevron-left .WebItm_Icon:before,
.fa-chevron-left button:before,
.fa-chevron-left.WebCol:before,
.WebColBtn .fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right .WebItm_Icon:before,
.fa-chevron-right button:before,
.fa-chevron-right.WebCol:before,
.WebColBtn .fa-chevron-right:before {
    content: "\f054";
}

.fa-floppy-disk .WebItm_Icon:before,
.fa-floppy-disk button:before,
.fa-floppy-disk.WebCol:before,
.WebColBtn .fa-floppy-disk:before {
    content: "\f0c7";
}

.fa-ban .WebItm_Icon:before,
.fa-ban button:before,
.fa-ban.WebCol:before,
.WebColBtn .fa-ban:before {
    content: "\f05e";
}

.fa-user .WebItm_Icon:before,
.fa-user button:before,
.fa-user.WebCol:before,
.WebColBtn .fa-user:before {
    content: "\f007";
}

.fa-rotate .WebItm_Icon:before,
.fa-rotate button:before,
.fa-rotate.WebCol:before,
.WebColBtn .fa-rotate:before {
    content: "\f2f1";
}

.fa-user-pen .WebItm_Icon:before,
.fa-user-pen button:before,
.fa-user-pen.WebCol:before,
.WebColBtn .fa-user-pen:before {
    content: "\f4ff";
}

.fa-dollar-sign .WebItm_Icon:before,
.fa-dollar-sign button:before,
.fa-dollar-sign.WebCol:before,
.WebColBtn .fa-dollar-sign:before {
    content: "\24";
}

.fa-tally .WebItm_Icon:before,
.fa-tally button:before,
.fa-tally.WebCol:before,
.WebColBtn .fa-tally:before {
    content: "\f69c";
}

.fa-door-open .WebItm_Icon:before,
.fa-door-open button:before,
.fa-door-open.WebCol:before,
.WebColBtn .fa-door-open:before {
    content: "\f52b";
}

.fa-pencil .WebItm_Icon:before,
.fa-pencil button:before,
.fa-pencil.WebCol:before,
.WebColBtn .fa-pencil:before {
    content: "\f303";
}

.fa-minus .WebItm_Icon:before,
.fa-minus button:before,
.fa-minus.WebCol:before,
.WebColBtn .fa-minus:before {
    content: "\f068";
}

.fa-plus .WebItm_Icon:before,
.fa-plus button:before,
.fa-plus.WebCol:before,
.WebColBtn .fa-plus:before {
    content: "\2b";
}

.fa-arrow-left .WebItm_Icon:before,
.fa-arrow-left button:before,
.fa-arrow-left.WebCol:before,
.WebColBtn .fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right .WebItm_Icon:before,
.fa-arrow-right button:before,
.fa-arrow-right.WebCol:before,
.WebColBtn .fa-arrow-right:before {
    content: "\f061";
}

.fa-list .WebItm_Icon:before,
.fa-list button:before,
.fa-list.WebCol:before,
.WebColBtn .fa-list:before {
    content: "\f03a";
}

.fa-file-invoice-dollar .WebItm_Icon:before,
.fa-file-invoice-dollar button:before,
.fa-file-invoice-dollar.WebCol:before,
.WebColBtn .fa-file-invoice-dollar:before {
    content: "\f571";
}

.fa-basket-shopping .WebItm_Icon:before,
.fa-basket-shopping button:before,
.fa-basket-shopping.WebCol:before,
.WebColBtn .fa-basket-shopping:before {
    content: "\f291";
}

.fa-star .WebItm_Icon:before,
.fa-star button:before,
.fa-star.WebCol:before,
.WebColBtn .fa-star:before {
    content: "\f005";
}

.fa-circle-exclamation .WebItm_Icon:before,
.fa-circle-exclamation button:before,
.fa-circle-exclamation.WebCol:before,
.WebColBtn .fa-circle-exclamation:before {
    content: "\f06a";
}

.fa-lightbulb-dollar .WebItm_Icon:before,
.fa-lightbulb-dollar button:before,
.fa-lightbulb-dollar.WebCol:before,
.WebColBtn .fa-lightbulb-dollar:before {
    content: "\f670";
}

.fa-money-check-dollar .WebItm_Icon:before,
.fa-money-check-dollar button:before,
.fa-money-check-dollar.WebCol:before,
.WebColBtn .fa-money-check-dollar:before {
    content: "\f53d";
}

.fa-barcode-scan .WebItm_Icon:before,
.fa-barcode-scan button:before,
.fa-barcode-scan.WebCol:before,
.WebColBtn .fa-barcode-scan:before {
    content: "\f465";
}

.fa-play .WebItm_Icon:before,
.fa-play button:before,
.fa-play.WebCol:before,
.WebColBtn .fa-play:before {
    content: "\f04b";
}

.fa-stop .WebItm_Icon:before,
.fa-stop button:before,
.fa-stop.WebCol:before,
.WebColBtn .fa-stop:before {
    content: "\f04d";
}

.fa-circle-arrow-right .WebItm_Icon:before,
.fa-circle-arrow-right button:before,
.fa-circle-arrow-right.WebCol:before,
.WebColBtn .fa-circle-arrow-right:before {
    content: "\f0a9";
}

.fa-file .WebItm_Icon:before,
.fa-file button:before,
.fa-file.WebCol:before,
.WebColBtn .fa-file:before {
    content: "\f15b";
}

.fa-layer-group .WebItm_Icon:before,
.fa-layer-group button:before,
.fa-layer-group.WebCol:before,
.WebColBtn .fa-layer-group:before {
    content: "\f5fd";
}

.fa-camera .WebItm_Icon:before,
.fa-camera button:before,
.fa-camera.WebCol:before,
.WebColBtn .fa-camera:before {
    content: "\f030";
}

.fa-signature .WebItm_Icon:before,
.fa-signature button:before,
.fa-signature.WebCol:before,
.WebColBtn .fa-signature:before {
    content: "\f5b7";
}

.fa-box-open .WebItm_Icon:before,
.fa-box-open button:before,
.fa-box-open.WebCol:before,
.WebColBtn .fa-box-open:before {
    content: "\f49e";
}

.fa-users .WebItm_Icon:before,
.fa-users button:before,
.fa-users.WebCol:before,
.WebColBtn .fa-users:before {
    content: "\f0c0";
}

.fa-square .WebItm_Icon:before,
.fa-square button:before,
.fa-square.WebCol:before,
.WebColBtn .fa-square:before {
    content: "\f0c8";
}

.fa-square-check .WebItm_Icon:before,
.fa-square-check button:before,
.fa-square-check.WebCol:before,
.WebColBtn .fa-square-check:before {
    content: "\f14a";
}

.fa-paperclip .WebItm_Icon:before,
.fa-paperclip button:before,
.fa-paperclip.WebCol:before,
.WebColBtn .fa-paperclip:before {
    content: "\f0c6";
}

.fa-pen-to-square .WebItm_Icon:before,
.fa-pen-to-square button:before,
.fa-pen-to-square.WebCol:before,
.WebColBtn .fa-pen-to-square:before {
    content: "\f044";
}

.fa-file-pen .WebItm_Icon:before,
.fa-file-pen button:before,
.fa-file-pen.WebCol:before,
.WebColBtn .fa-file-pen:before {
    content: "\f31c";
}

.fa-shuffle .WebItm_Icon:before,
.fa-shuffle button:before,
.fa-shuffle.WebCol:before,
.WebColBtn .fa-shuffle:before {
    content: "\f074";
}

.fa-bars .WebItm_Icon:before,
.fa-bars button:before,
.fa-bars.WebCol:before,
.WebColBtn .fa-bars:before {
    content: "\f0c9";
}

.fa-message-sms .WebItm_Icon:before,
.fa-message-sms button:before,
.fa-message-sms.WebCol:before,
.WebColBtn .fa-message-sms:before {
    content: "\e1e5";
}

.fa-envelope .WebItm_Icon:before,
.fa-envelope button:before,
.fa-envelope.WebCol:before,
.WebColBtn .fa-envelope:before {
    content: "\f0e0";
}

.fa-right-to-bracket .WebItm_Icon:before,
.fa-right-to-bracket button:before,
.fa-right-to-bracket.WebCol:before,
.WebColBtn .fa-right-to-bracket:before {
    content: "\f2f6";
}

.fa-people-group .WebItm_Icon:before,
.fa-people-group button:before,
.fa-people-group.WebCol:before,
.WebColBtn .fa-people-group:before {
    content: "\e533";
}

.fa-file-pdf .WebItm_Icon:before,
.fa-file-pdf button:before,
.fa-file-pdf.WebCol:before,
.WebColBtn .fa-file-pdf:before {
    content: "\f1c1";
}

.fa-file-word .WebItm_Icon:before,
.fa-file-word button:before,
.fa-file-word.WebCol:before,
.WebColBtn .fa-file-word:before {
    content: "\f1c2";
}

.fa-file-excel .WebItm_Icon:before,
.fa-file-excel button:before,
.fa-file-excel.WebCol:before,
.WebColBtn .fa-file-excel:before {
    content: "\f1c3";
}

.fa-image .WebItm_Icon:before,
.fa-image button:before,
.fa-image.WebCol:before,
.WebColBtn .fa-image:before {
    content: "\f03e";
}

.fa-files .WebItm_Icon:before,
.fa-files button:before,
.fa-files.WebCol:before,
.WebColBtn .fa-files:before {
    content: "\e178";
}


/* Catalogue Style */

.taCatalogueBreadCrumb .WebHtml_Wrp{
    padding-left: 6px;
}

.df-ModeMobile .taCatalogueBreadCrumb .WebHtml_Wrp{
    padding-left: 0px;
    padding-top: 6px;
}


.taCatalogueStyleGroup .WebContainer {
    padding: 0px;
    padding-right: 16px;
}

.taCatalogueStyle {
    text-align: center;    
}

.taCatalogueStyle .WebHtml_Wrp a{
    opacity: 0.3;
    position: absolute;
    float: right !important;
    color: #348ee6;
}

.taCatalogueStyle.taCatalogueStyleGrid .WebHtml_Wrp a{
    right: 60px;
}

.taCatalogueStyle.taCatalogueStyleList .WebHtml_Wrp a{
    right: 30px;
}

.taCatalogueStyle.taCatalogueStyleListNoImage .WebHtml_Wrp a{
    right: 0px;
}

.taCatalogueStyle.taActiveItem .WebHtml_Wrp a{
    opacity: 1;
}

.taCatalogueStyle i{
    font-style: normal;
    font-size: 20px;
}

/* Catalogue Export Button */

.taCatalogueExportButton .WebHtml_Wrp div{
    position: absolute;
    float: right !important;
    color: #348ee6;
    border-right: 2px solid #348ee6;
    right: 108px;
    padding-right: 8px;
    cursor: pointer;
    z-index: 1;
}

.taCatalogueExportButton i:before{
    font-style: normal;
    font-size: 20px;
}

/* Catalogue Item */

.taWebCatalogueItem .taWebCatalogueItem_Body{
    /*height: auto !important;*/
    overflow: auto;
    /*margin-left: -5px;*/
}

.taWebCatalogueItem.taWebCatalogueItem_ScrollView .taWebCatalogueItem_Body {
    overflow: unset;
}


.taWebCatalogueItem .taWebCatalogueItem_Body.taWebCatalogueItem_List.taWebCatalogueItem_NoImage,
.taWebCatalogueItem .taWebCatalogueItem_Body.taWebCatalogueItem_List.taWebCatalogueItem_NoImage{
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    background-color: #FAFAFA;
}

/* interesting this makes the cart view scroll */

.df-ModeMobile .taCartCenterPanel {
    overflow-x: hidden;
}

.df-ModeMobile .taWebCatalogueItem_CartBody {
    overflow: unset;
    
    /*height: unset !important;*/
}


.df-ModeMobile .taWebCatalogueItem > .WebCon_Inner {
    margin-right: 0px;
}

.taWebCatalogueItem_Pages {
    width: 99%;
    height: 30px;
    float: left;
    position: relative;
    color: #0645AD;
}

.taWebCatalogueItem_Pages > table {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.taWebCatalogueItem_CurrentPage {
    color: black;
    font-weight: bold;
    padding: 5px;
    display: inline-block
}

.taWebCatalogueItem_Page {
    cursor: pointer;
    text-decoration: underline;
    padding: 5px;
    display: inline-block
}

.taWebCatalogueItem_Item {
    margin: 5px 10px 5px 5px;
    background-color: #ffffff;
    float: left;

    border-bottom: 1px solid #BABABA;
    overflow: visible;

    width: 160px;
    height: 205px;
    text-align: center;
    position: relative;
}

.taWebCatalogueItem_Item:hover {
    border-bottom: 1px solid #348ee6;
}

.df-ModeMobile .taWebCatalogueItem_Item,
.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartItem {
    width: 96%;
    height: 180px;
    text-align: left;
    margin-right: 0px;
}

.df-ModeMobile .taWebCatalogueItem_GroupItem {
    height: 75px;
}

.taWebCatalogueItem_MixedItem{
    width: 215px;
    height: 250px;
    position: relative;
}

.taWebCatalogueItem_Image_Div{
    cursor: pointer;
    height: 160px;
    width: 156px;
    margin-top: 2px;
    margin-left: 2px;
    position: relative;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid transparent;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Item:hover{
    background-color: #d9ecff;
    border-left: 1px solid #348ee6;
}

.taWebCatalogueItem_Image{
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.df-ModeMobile .taWebCatalogueItem_Image_Div{
    width: 110px !important;
    height: 110px !important;
    position: absolute;
    left: 25px;
    top: 0px;
    margin-left: 0px !important;
}

.df-ModeMobile .taWebCatalogueItem_GroupItem .taWebCatalogueItem_Image_Div{
    height: 71px !important;
    width: 71px !important;
}

.df-ModeMobile .taWebCatalogueItem_MixedItem .taWebCatalogueItem_Image_Div{
    top: 35px;
}

.taWebCatalogueItem_NoImage .taWebCatalogueItem_Image_Div{
    display: none;
}

.taWebCatalogueItem_Special{
    width: 68px;
    height: 67px;
    display: block;
    position: absolute;
    top: -6px;
    left: -6px;    
    cursor: pointer;
}

.taWebCatalogueItem_NoImage .taWebCatalogueItem_Special{
    display: none;
}

.taWebCatalogueItem_Highlight{
    width: 68px;
    height: 67px;
    display: block;
    position: absolute;
    cursor: pointer;
    top: -6px;
    right: -6px;
}

.taWebCatalogueItem_NoImage .taWebCatalogueItem_Highlight{
    display: none;
}

.taWebCatalogueItem_Desc {
    width: 98%;
    height: 30px;
    font-weight: bold;
    overflow: hidden;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
}


.taWebCatalogueItem_Body:not(.taWebCatalogueItem_NoImage) .taWebCatalogueItem_Desc {
    line-height: 1;
}

.df-ModeMobile .taWebCatalogueItem_Desc {
    position: absolute !important;
    width: 50% !important;
    right: 3px !important;
    top: 80px !important;
    left: unset !important;
}

.df-ModeMobile .taWebCatalogueItem_GroupItem .taWebCatalogueItem_Desc{
    top: 22px !important;
}

.df-ModeMobile .taWebCatalogueItem_MixedItem .taWebCatalogueItem_Desc {
    top: 85px;
}

.taWebCatalogueItem_Desc:hover{
    cursor: pointer;
    color: #0645AD;
}


.taWebCatalogueItem_ExDesc{
    display: none;
}

/* Catalogue Item List */

.taWebCatalogueItem_List .taWebCatalogueItem_Item{
    width: 98%;
    height: 75px;
    text-align: left;
}

.taWebCatalogueItem_List .taWebCatalogueItem_Image_Div,
.taWebCatalogueItem_List .taWebCatalogueItem_MixedItem .taWebCatalogueItem_Image_Div,
.taWebCatalogueItem_List .taWebCatalogueItem_StockItem .taWebCatalogueItem_Image_Div,
.taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Image_Div{
    height: 71px;
    width: 71px;
    margin-left: 40px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_Desc{
    width: unset;
    position: absolute;
    left: 150px;
    right: 25px;
    top: 22px;
    margin-left: unset;
    margin-right: unset;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Desc{
    width: 95%;
    left: 5px;
    right: unset;
    top: 6px;
    height: 18px;
    font-weight: normal;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Item{
    height: 32px !important;
    margin: 0 !important;
}


/* Catalogue Item Stock Item */

.taWebCatalogueItem_StockItem{
    width: 215px;
    height: 250px;
    position: relative;
}


.taWebCatalogueItem_MixedItem .taWebCatalogueItem_Image_Div {
    width: 211px;
}

.taWebCatalogueItem_StockItem .taWebCatalogueItem_Image_Div,
.taWebCatalogueItem_CartItem .taWebCatalogueItem_Image_Div{
    cursor: pointer;
    height: 105px;
    width: 211px;
}

.taWebCatalogueItem_Code:hover{
    cursor: pointer;
    color: #0645AD !important;
}

.df-ModeMobile .taWebCatalogueItem_Code,
.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Code {
    position: absolute;
    left: 3px;
    width: 154px;
    top: 115px;
    text-align: center;
}

.taWebCatalogueItem_NoCode .taWebCatalogueItem_Code{
    display: none;
}

.taWebCatalogueItem_StockItem .taWebCatalogueItem_Code,
.taWebCatalogueItem_CartItem .taWebCatalogueItem_Code{
    font-weight: bold;
    color: #000;
    margin-top: 3px;
}


.taWebCatalogueItem_StockItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_CartItem .taWebCatalogueItem_Desc{
    font-weight: normal;
}

.taWebCatalogueItem_Price_SalesUnit_Div {
    width: 100%;
    height: 28px;
    margin-top: 3px;
    text-align: center;
}

.df-ModeMobile .taWebCatalogueItem_Price_SalesUnit_Div {
    position: absolute;
    width: 50%;
    right: 3px;
    top: 20px;
    text-align: left;
}

.taWebCatalogueItem_Price{
    font-size: 20px;
    font-weight: bold;
}

.taWebCatalogueItem_List_Price{
    font-size: 16px;
    text-decoration: line-through #FF0000;
}

.taWebCatalogueItem_Price.taWebCatalogueItem_Discount_Price{
    color: #FF0000;
    padding-left: 5px;
}

.taWebCatalogueItem_SalesUnit{
    padding-left: 5px;
}

.taWebCatalogueItem_QtyAvail{
    margin-top: -3px;
}

.df-ModeMobile .taWebCatalogueItem_StockItem .taWebCatalogueItem_QtyAvail,
.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_QtyAvail {
    position: absolute;
    width: 50%;
    right: 3px !important;
    top: 60px;
    text-align: left;
}

.taWebCatalogueItem_Qty{
    width: 70px;
    position: absolute;
    bottom: 1px;
    right: 92px;
    text-align: center;
}

.taEnquiryOnly .taWebCatalogueItem_Qty{
    display: none;
}

.taWebCatalogueItem_List .taWebCatalogueItem_Qty{
    bottom: unset;
    top: 25px;
    right: 145px;
}

.taWebCatalogueItem_Qty input,
.taWebCatalogueItem_CartLineQty input{
    text-align: center;
    height: 23px !important
}

.taWebCatalogueItem_Qty .WebCon_Inner,
.taWebCatalogueItem_CartLineQty .WebCon_Inner{
    min-height: unset !important;
}

.df-ModeTablet .taWebCatalogueItem_Qty select{
    height: unset;
}

.taWebCatalogueItem_Add {
    position: absolute;
    width: 72px;
    bottom: 1px;
    right: 25px;
}

.taWebCatalogueItem_Add .WebCon_Inner {
    min-height: unset !important;
}

.taEnquiryOnly .taWebCatalogueItem_Add {
    display: none;
}

.taWebCatalogueItem_List .taWebCatalogueItem_Add{
    bottom: unset;
    top: 25px;
    right: 75px;
}

.taWebCatalogueItem_Add Button {
    min-height: 26px !important;
    padding-left: 0px;
    padding-right: 0px;
}

.taWebCatalogueItem_Add i{
    font-size: 14px;
}


.taWebCatalogueItem_Range {
    /* cursor: pointer; */
    position: absolute;
    /* width: 60px; */
    bottom: 6px;
    left: 5px;
    /* color: #787878; */
    text-align: left;
    /* font-size: 18px; */
}

.taWebCatalogueItem_List:not(.taWebCatalogueItem_NoImage) .taWebCatalogueItem_Range{
    top: 1px;
    bottom: unset;
    left: unset;
    right: 86px;
}

.taWebCatalogueItem_Range i{
    cursor: pointer;
    width: 24px;
    font-size: 20px;
    color: #787878;
}

.taWebCatalogueItem_Range .taWebCatalogueItem_Range_Indicator{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 48px;
    height: 24px;
    cursor: pointer;
}

.taWebCatalogueItem_Fav {
    position: absolute;
    right: 3px;
    bottom: 6px;
    color: #348ee6;
    text-align: center;
}

.taEnquiryOnly .taWebCatalogueItem_Delete_Icon {
    display: none;
}

.taEnquiryOnly .taWebCatalogueItem_QtyInCart_Div {
    display: none;
}

.df-ModeDesktop:not(.df-ModeMobile) .taWebCatalogueItem_List:not(.taWebCatalogueItem_NoImage) .taWebCatalogueItem_Fav{
    bottom: unset;
    top: 29px;
    right: 28px;
}

.df-ModeDesktop:not(.df-ModeMobile) .taWebCatalogueItem_List:not(.taWebCatalogueItem_NoImage) .taWebCatalogueItem_CartItem .taWebCatalogueItem_Fav{
    right: 25px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Fav{
    right: 3px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_Fav{
    top: 5px;        
}

.taWebCatalogueItem_Fav .far{
    opacity: 0.7;
}

.taWebCatalogueItem_Fav .fas{
    opacity: 1;
}

.taWebCatalogueItem_Fav i{
    cursor: pointer;
    width: 24px;
    font-size: 20px;
    color: #348ee6;
}



.taWebCatalogueItem_NoDebtor .taWebCatalogueItem_Fav {
    display: none;
}



.taWebCatalogueItem_Qty_Dec {
    position: absolute;
    top: 29px;
    right: 175px;
    text-align: center;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Qty_Dec {
    right: 220px;
    top: 5px;
}

.df-ModeMobile .taWebCatalogueItem_Qty_Dec {
    top: unset;
    bottom: 6px;
    right: 156px;
}


.taWebCatalogueItem_Qty_Dec i{
    cursor: pointer;
    width: 24px;
    font-size: 20px;
    color: #348ee6;
}



.taWebCatalogueItem_Qty_Inc {
    position: absolute;
    top: 29px;
    right: 85px;
    text-align: center;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Qty_Inc {
    right: 130px;
    top: 5px;
}

.df-ModeMobile .taWebCatalogueItem_Qty_Inc {
    top: unset;
    bottom: 6px;
    right: 63px;
}

.taWebCatalogueItem_Qty_Inc i{
    cursor: pointer;
    width: 24px;
    font-size: 20px;
    color: #348ee6;
}

.taWebCatalogueItem_Delete {
    position: absolute;
    text-align: center;
}

.taWebCatalogueItem_StockItem .taWebCatalogueItem_Delete {
    right: 6px;
    bottom: 32px;
    display: none;
}

.taWebCatalogueItem_List .taWebCatalogueItem_StockItem .taWebCatalogueItem_Delete {
    bottom: unset;
    top: 29px;
    right: 56px;
}

.taWebCatalogueItem_StockItem .taWebCatalogueItem_Delete.taWebCatalogueItem_Delete_Show {
    display: unset;
}

.taWebCatalogueItem_CartItem .taWebCatalogueItem_Delete {
    top: 29px;
    right: 55px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_Delete{
    right: 33px;
    top: 5px;        
}

.df-ModeMobile .taWebCatalogueItem_CartItem .taWebCatalogueItem_Delete{
    right: 33px;
    top: unset;
    bottom: 6px;
}

.taWebCatalogueItem_Delete i{
    cursor: pointer;
    font-size: 20px;
    color: #B72025;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Delete{
    right: 33px;
    bottom: 6px;
    top: unset;
}

.taWebCatalogueItem_CartItem .taWebCatalogueItem_Delete i{
    width: 24px;
}

.taWebCatalogueItem_QtyInCart_Div {
    position: absolute;
    bottom: 20px;
    right: 52px;
    background: #B72025;
    height: 28px;
    width: 28px !important;
    border-radius: 28px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
}

.taWebCatalogueItem_QtyInCart_Div_3digits {
    font-size: 90%;
}

.taWebCatalogueItem_QtyInCart_Div_4digits {
    font-size: 75%;
}


.taWebCatalogueItem_List .taWebCatalogueItem_QtyInCart_Div {
    right: 102px;
    bottom: 37px;
    z-index: 1;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_QtyInCart_Div {
    bottom: 16px;
    right: 62px;
    height: 20px;
    width: 20px !important;
    border-radius: 20px;
}


.taWebCatalogueItem_QtyInCart_Div_None {
    display: none;
}

.taWebCatalogueItem_QtyInCart {
    font-weight: bold;
    color: white;
    line-height: 26px;
    text-align: center;
    width: 27px !important;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_QtyInCart {
    line-height: 18px;
    width: 19px !important;
    font-size: 80%;
}



/* Catalogue Item Stock Item List */

.taWebCatalogueItem_List .taWebCatalogueItem_StockItem .taWebCatalogueItem_Code,
.taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Code{
    position: absolute;
    left: 150px;
    top: 10px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Code,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_Code{
    top: 4px;
    left: 5px;
    font-weight: normal;
    margin-top: 3px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_StockItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_List .taWebCatalogueItem_MixedItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Desc{
    width: unset;
    right: 400px;
    top: 30px;
}

.df-ModeDesktop:not(.df-ModeTablet) .taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Desc{
    height: 18px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_MixedItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_Desc{
    top: 4px;
    left: 150px;
    right: 500px;
    height: 18px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage.taWebCatalogueItem_NoCode .taWebCatalogueItem_StockItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage.taWebCatalogueItem_NoCode .taWebCatalogueItem_MixedItem .taWebCatalogueItem_Desc,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage.taWebCatalogueItem_NoCode .taWebCatalogueItem_CartItem .taWebCatalogueItem_Desc{
    left: 3px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_Price_SalesUnit_Div{
    position: absolute;
    top: 13px;
    right: 225px;
    width: 200px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Price_SalesUnit_Div{
    top: 4px;
    right: 230px;
    margin-top: 3px;
    width: 175px;
    height: 18px;
    text-align: left;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_List_Price{
    font-size: inherit;
    width: 70px;
    display: inline-block;
    text-align: right;
    font-size: 90%;
}
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Price,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineAmt{
    font-size: inherit;
    width: 70px;
    text-align: right;
    position: absolute;
    right: 50px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_SalesUnit{
    top: 2px;
    width: 45px;
    text-align: left;
    position: absolute;
    right: 0px;
    font-size: 90%;
}

.taWebCatalogueItem_List .taWebCatalogueItem_QtyAvail{
    position: absolute;
    top: 44px;
    right: 225px;
    width: 200px;
    text-align: center;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_QtyAvail{
    top: 4px;
    right: 380px;
    width: 120px;
    text-align: left;
    margin-top: 3px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Qty,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineQty{
    height: 18px;
    top: 5px;
    right: 125px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Qty .WebCon_Inner,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineQty .WebCon_Inner{
    margin-top: 0px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Qty .WebFrm_Wrapper,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineQty .WebFrm_Wrapper{
    padding-top: 0px;
    padding-bottom: 0px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_Qty Select,
.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineQty Select{
    min-height: 22px !important;
    padding: 0px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Add{
    height: 18px;
    top: 5px;
    right: 55px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Add .WebCon_Inner{
    margin-top: 0px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Add Button{
    min-height: 22px !important;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_StockItem .taWebCatalogueItem_Range{
    right: 192px;
    left: unset;
    bottom: 6px;
}


/* Catalogue Item Cart Item List */

.df-ModeDesktop:not(.df-ModeMobile) .taWebCatalogueItem_List .taWebCatalogueItem_CartItem{
    width: 98%;
    height: 80px;
}

.df-ModeDesktop:not(.df-ModeMobile) .taWebCatalogueItem_List.taWebCatalogueItem_HasCartLineDesc .taWebCatalogueItem_CartItem{
    height: 105px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_HasCartLineDesc .taWebCatalogueItem_CartItem{
    
}

.df-ModeMobile .taWebCatalogueItem_List.taWebCatalogueItem_HasCartLineDesc .taWebCatalogueItem_CartItem{
    height: 230px !important;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage.taWebCatalogueItem_HasCartLineDesc .taWebCatalogueItem_CartItem{
    height: 67px !important;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartLineDesc_Div{
    position: absolute;
    top: 71px;
    left: 148px;
    right: 200px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartLineDesc_Div .WebCon_Inner{
    margin-left: 0px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartLineDesc_Div .WebFrm_Wrapper {
    padding-left: 0px;
}


.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartLineDesc_Div{
    top: 145px;
    left: 8px;
    right: 8px;
}


.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_CartLineDesc_Div{
    top: 34px;
    right: 425px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage.taWebCatalogueItem_NoCode .taWebCatalogueItem_CartItem .taWebCatalogueItem_CartLineDesc_Div{
    left: 1px;
}

.df-ModeTablet .taWebCatalogueItem_CartLineDesc{
    height: unset !important;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartLineAmt{
    font-weight: bold;
    font-size: 20px;
    width: 200px;
    position: absolute;
    top: 13px;
    right: 200px;
    text-align: center;
    height: 28px;
    margin-top: 3px;
}

.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartLineAmt{
    position: absolute;
    width: 50%;
    right: 3px;
    top: 20px;
    text-align: left;
    margin-top: 3px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineAmt{
    top: 6px;
    right: 290px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Price_SalesUnit_Div{
    position: absolute;
    width: unset;
    right: 400px;
    top: 50px;
    left: 150px;
    padding-left: 0px;
    height: unset;
    margin-top: unset;
    text-align: unset;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Price{
    font-size: unset;
    font-weight: unset;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_List_Price{
    font-size: unset;
}

.taWebCatalogueItem_List:not(.taWebCatalogueItem_NoImage) .taWebCatalogueItem_CartItem .taWebCatalogueItem_QtyAvail{
    right: 200px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_Price_SalesUnit_Div{
    right: 55px;
    left: unset;
    top: 7px;
    width: 64px;
    text-align: left;
    padding-left: 6px;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_SalesUnit{
    right: unset;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_Price{
    display: none;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartItem .taWebCatalogueItem_List_Price{
    display: none;
}

.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartItem .taWebCatalogueItem_Price_SalesUnit_Div{
    width: 50%;
    right: 3px;
    left: unset;
    top: 120px;
    margin-top: -3px;
}

.taWebCatalogueItem_List .taWebCatalogueItem_CartLineQty {
    position: absolute;
    top: 23px;
    right: 105px;
    width: 70px;
}

.df-ModeMobile .taWebCatalogueItem_List .taWebCatalogueItem_CartLineQty {
    top: unset;
    bottom: 1px;
    right: 86px;
}

.df-ModeTablet .taWebCatalogueItem_List .taWebCatalogueItem_CartLineQty select{
    height: unset;
}

.taWebCatalogueItem_List.taWebCatalogueItem_NoImage .taWebCatalogueItem_CartLineQty{
    right: 150px;
}


/* - - - - - - - - - - Document List - - - - - - - - - - - */

.taWebDocumentList .taWebDocumentList_Body{
    background-color: #FFFFFF;

    overflow: auto;
    height: 100%;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item{
    margin: 3px;
    background-color: #FFFFFF;
    float: left;

    overflow: hidden;

    width: 95%;
    height: 70px;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item div{
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemImageContainer{
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemImage{
    cursor: pointer;
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemDoc{
    margin: 0px;
    height: auto;
    width: auto;
    margin-left: 10px;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemDoc_Desc{
    height: 20px;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemDoc_Desc p{
    font-weight: bold;
    padding-top: 3px;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemDoc_Text{
    height: 40px;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemDoc_Text a{
    color: blue;
    cursor: pointer;
}

.taWebDocumentList .taWebDocumentList_Body .taWebDocumentList_Item .taWebDocumentList_ItemDoc_Text a:hover{
    text-decoration: underline;
}


.taWebForms_Container {
    background-color: #fff;
    overflow: auto;
}

.df-ModeDesktop:not(.df-ModeTablet) .taWebForms_Container {
	box-shadow: 5px 5px 10px 0px #888;
	position: absolute;
    margin: auto;
}

.df-ModeDesktop:not(.df-ModeTablet) .taWebForms_Container.taWebForms_Container_Longer {
    width: max-content;
    left: 0;
    right: 0;
    padding-right: 20px;
}

.df-ModeDesktop:not(.df-ModeTablet) .taWebForms_Container.taWebForms_Container_Longer_Wider {
    left: 0;
    right: 10px;
}

.df-ModeDesktop:not(.df-ModeTablet) .taWebForms_Container.taWebForms_Container_Wider {
    height: max-content !important;
    top: 0;
    bottom: 0;
}

.df-ModeDesktop:not(.df-ModeTablet) .taWebForms_Container.taWebForms_Container_Fits {
    height: max-content !important;
    top: 0;
    bottom: 0;
    width: max-content;
    left: 0;
    right: 0;
}

.df-ModeDesktop.df-ModeTablet .taWebForms_Container {
	border: 1px solid #000;
}

.taWebForms_Body {
    position: relative;
}

.taWebForms_Item_Error {
    border: 1px solid #B72025;
}

input.taWebForms_Item ,
textarea.taWebForms_Item {
	outline: none;
}

textarea.taWebForms_Item {
	resize: none;
}

input:focus.taWebForms_Item ,
textarea:focus.taWebForms_Item {
	border-bottom: 2px solid #348ee6;
}

.taWebForms_Content {
    position: absolute;
    top: 0;
    left: 0;
}




.xtaWebForms_Item_checkbox{
   border: 1px solid #000;
   background-color: #fff;
}

.xtaWebForms_Item_checkbox:checked {
  border: 1px solid #000;
  color: #0072C6;
}

.xtaWebForms_Item_checkbox:checked::before{
  position: absolute;
  font-size: 18pt;
  
  top: -9px;
  left: -3px;
  
  
  font-family: "material-icons" !important;
  font-style: normal !important;
  font-weight: bolder !important;
  font-variant: normal !important;
  text-transform: none !important;
  content: 'f';
}

/* - - - - - - - - - - Web Gallery - - - - - - - - - - - */

.taWebImageGallery {
    background-color: #ffffff;
    border: 1px solid #BABABA;
    width: 97% !important;
    margin: 10px !important;
    margin-bottom: 5px !important;
}

.df-ModeMobile .taWebImageGallery {
    border: none;
}

.taWebImageGallery_Card{
    background-color: #ffffff;    
    height: 330px !important;
}
    
.taWebImageGallery_Image{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    cursor: zoom-in;
    height: 330px !important;
}

.df-ModeMobile .taWebImageGallery_Image {
    cursor: unset;
}


.taWebImageGallery_ThumbnailGroup{
    width: unset !important;
    margin-left: 11px !important;
    margin-bottom: 4px !important;
}

.taWebImageGallery_ThumbnailBox{
    background-color: #FFFFFF;
    border: 1px solid #BABABA;
    margin: 0px;
    margin-right: 6px;
    float: unset !important;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.taWebImageGallery_ThumbnailBox .WebCon_Inner{
    margin: 0px;
}

.taWebImageGallery_ThumbnailBox{
    width: 50px !important; 
    height: 50px !important;
}

.taWebImageGallery_ThumbnailImage{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    cursor: pointer;
    height: 48px !important;
}


/* - - - - - - - - - - Web Tab Menu - - - - - - - - - - - */

.taMegaMenu ul{
    padding-bottom: 10px;
    max-height: 70%;
    overflow: hidden; 
    overflow-y: auto;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

.df-ModeDesktop:not(.df-ModeTablet) .taNotFullScreen .taMegaMenu ul{
    width: 1000px !important;
    margin: auto !important;
}

.taMegaMenu ul li:hover{
    background-color: unset !important;
}

.taWebMegaMenu_ListItem1 {
    width: 140px !important;
    height: auto !important;
    vertical-align: top;
    background: #ffffff;
    font-weight: bold;
    text-align: center;
    color: #192B69;
    float: unset !important;
    overflow: hidden;
    display: inline-block;
    position: relative;
    padding-left: 10px !important;
}

.taWebMegaMenu_ListText1 {
    margin-top: 10px !important;
    font-size: 13px;
}

.taWebMegaMenu_ListText1:hover {
    text-decoration: underline;
    cursor: pointer;
}

.taWebMegaMenu_ListItem1 .taWebMegaMenu_List2 {
    width: 140px !important;
    text-align: center;
    font-weight: normal;
    color: #000000;
    padding: 5px !important;
}

.taWebMegaMenu_ListText2 {
    margin-top: 8px !important;
    height: auto !important;
    width: 140px !important;
    font-size: 13px;
}

.taWebMegaMenu_ListText2:hover {
    cursor: pointer;
    text-decoration: underline;
}

.taWebMegaMenu_ListText3 {
    color: #999;
    margin: 2px 0px !important;
    height: auto !important;
    width: 140px !important;
    font-size: 13px;
}

.taWebMegaMenu_ListText3:hover {
    cursor: pointer;
    text-decoration: underline;
}

.taWebMegaMenu_ListImageContainer1 {
    position: relative;
    width: 80px !important;
    height: 80px !important;
    cursor: pointer;
    margin-left: 30px !important;
}

.taWebMegaMenu_ListImage1 {
    max-width: 80px !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    cursor: pointer;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.taWebMegaMenu_ListImage2,
.taWebMegaMenu_ListImage3 {
    width: 28px !important;
    height: 28px !important;
    cursor: pointer;
    display: none;
}

.taWebMegaMenu_List2,
.taWebMegaMenu_List3 {
    visibility: unset !important;
    display: unset !important;
    padding: unset !important;
    margin: unset !important;
    position: unset !important;
    left: unset !important;
    height: unset !important;
    opacity: 1 !important;
    width: 140px !important;
    background-color: unset !important;
    box-shadow: unset !important;
    transition: unset !important;
}

.taWebMegaMenu_ListItem2,
.taWebMegaMenu_ListItem3 {
    height: auto !important;
}






/* - - - - - - - - - - Web Range Details - - - - - - - - - - - */

.taWebRangeItem {
    background-color: #FFFFFF;
    border: 1px solid #BABABA;
	padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    width: 97% !important;
    margin: 10px !important;
    margin-bottom: 5px !important;
}

.df-ModeMobile .taWebRangeItem {
    border: none;
}


.taWebRangeItem .taWebRangeItem_Body {
    height: auto;
    width: auto;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_Container {
    height: auto;
    float: left;
    /*ta width: 550px;*/
    padding-left: 3px;
    width: 100%;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_Label {
    padding-left: 5px;
}


.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_Label {
    font-weight: bold;
}


.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown_Current {
    border: 1px solid #BABABA;
    height: 50px;
    margin: 3px;
    cursor: pointer;
    margin-right: 13px;
}



/*.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown_Current:hover ul {
    display: block; /* display the dropdown */
/*}*/

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown_List{
    border: 1px solid #BABABA;
    /*margin: 3px;*/
    /*width: 534px;*/
width: 93%;
    
    /*height: 216px;*/
    overflow-y: scroll;
    overflow-x: hidden;
    
    display: none;
    
    /*box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transition: all 0.5s ease-in;
    list-style: none;
    opacity: 0;*/
    
    
    position: absolute;
    /*margin-top: -278px;*/
    margin-left: 3px;
    background-color: #ffffff;
}


.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown_List li{
    width: 100%;
}


.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown_List.taWebRangeItem_DropDown_ListActive{
    display: inline-block;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown_List .taWebRangeItem_DropDown_ListItem{
    display: inline-block;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_Box {
    margin: 3px;
    background-color: #FFFFFF;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #BABABA;
    float: left;
    overflow: hidden;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    text-align: center;
    line-height: 50px;    
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_Box {
    height: 42px;
    line-height: 42px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_Code {
    margin: 3px 3px 3px 10px;
    background-color: #FFFFFF;
    border: none;
    float: left;
    overflow: hidden;
    width: 50px;
    height: 42px;
    position: relative;
    cursor: pointer;
    text-align: left;
    line-height: 42px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_DropDown_List .taWebRangeItem_Code {
    height: 21px;
    line-height: 21px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_DropDown_List.taWebRangeItem_DropDown_ShowColour .taWebRangeItem_Code {
    height: 42px;
    line-height: 42px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_Name {
    margin: 3px 3px 3px 10px;
    background-color: #FFFFFF;
    border: none;
    float: left;
    overflow: hidden;
    /*ta width: 350px;*/

    width: auto;
    
    height: 42px;
    position: relative;
    cursor: pointer;
    text-align: left;
    line-height: 42px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_DropDown_List .taWebRangeItem_Name {
    height: 21px;
    line-height: 21px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_DropDown_List.taWebRangeItem_DropDown_ShowColour .taWebRangeItem_Name {
    height: 42px;
    line-height: 42px;
}

.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_DropDown .taWebRangeItem_DropDown_Icon {
    margin: 3px 3px 3px 3px;
    background-color: #FFFFFF;
    border: none;
    float: right;
    overflow: hidden;
    width: 42px;
    height: 42px;
    position: relative;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
}

.taWebRangeItem_DropDown_Icon:before {
    /* Pencil on page icon */

    font-family: "dataflex-mobile" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  
    display: inline-block;

    content: "+";
    font-size: 24px;
}


.taWebRangeItem .taWebRangeItem_Body .taWebRangeItem_Box.taWebRangeItem_Selected {
    border: 1px solid #121212;
}

.taWebScanner {
    position: relative;
	background-color: #fff !important;
	overflow: hidden;
	width: 100%;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.taWebScanner::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.taWebScanner_ViewPort {
	position: relative;
	transform-origin: top left;
}

.taWebScanner_ViewPort canvas.drawing, .taWebScanner_ViewPort canvas.drawingBuffer {
	position: absolute;
	left: 0;
	top: 0;
}

.taWebScanner_ViewPort > video {
	max-width: 100%;
	max-height: 100%;
}

.taWebScanner .WebCon_Inner {
	overflow: hidden;
}

.taWebScannerLine {
	background-color: red;
    height: 3px;
    z-index: 2;
    position: absolute;
	left: 15px;
    right: 15px;
	opacity: 0.5;
	box-shadow: 0 0 5px 5px red;
	border-radius: 5px;
}

.taWebScannerLine.taWebScannerLine_Scanned {
	opacity: 1;
	height: 4px;
}

.taWebScannerLine.taWebScannerLine_Scanned.taWebScannerLine_ScannedAccepted {
	background-color: green;
	box-shadow: 0 0 5px 5px green;
}

.taWebScanner_DisplayText {
    background-color: #ffffff;
    font-size: 28pt;
    text-align: center;
}

.taWebSignatureGroup .WebCon_Content {
    padding: 0px !important;
    background-color: #ffffff;
}

.taWebSignatureGroup .WebCon_Inner {
    margin: 0px;
}