html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ font-family:Montserrat, serif; font-size:14px; height: 100%; margin: 0; padding: 0; }
header { height: 50px !important; }
header #btnLoadFromCSV { margin-top: 0px !important; }
header #header-top-right { padding-top: 6px !important;}
header #header-top-right > span, #menuTopArredo span, #menuTopBrand span, #menuTopServizi span, #menuTopEdilizia span { color: #008080 !important; }

header #divGlobalSearchContainer { display:none; position: relative; left:0; z-index: 999; width: 85%; }
header #divGlobalSearchContainer #txtGlobalSearch { width:100%; padding:5px 40px 5px 40px !important; border:1px solid #008080; border-radius:5px; }
header #divGlobalSearchContainer #txtGlobalSearch:focus { outline:none }
header #divGlobalSearchAutocompleteForMobile { display:none; max-height: 50vh; overflow: auto; background-color:#eee; position:absolute; top:34px; left:0; z-index:200; text-align:left; width:calc(100% - 40px); margin-left:20px; text-transform:none; padding-bottom:15px; border-radius:0 0 5px 5px;}
header #divGlobalSearchAutocompleteForMobile ul { margin:0 30px; padding:0; }
header #divGlobalSearchAutocompleteForMobile ul li { list-style-type:none; padding:5px 0; }
header #divGlobalSearchAutocompleteForMobile ul li.searchItemType { background-color:#ddd; padding:5px 30px; font-size:14px; margin:0 -30px;  }
header #offcanvasRightForMobile .flag-icon { margin-right: 10px;}

.pointer { cursor:pointer;}
.vedi_tutti { width: 8%; text-align: right; border-bottom: 1px solid #6d6d6d; margin-bottom: 0; margin-top: 5px; float: right !important; } /* dismissing with new login */
.aus-button-danger { border: 1px solid #dc3545;border-radius: 5px;color: #dc3545;font-size: 1em;padding: 5px 10px; }
.aus-button-danger:hover { color: #fff; background-color: #dc3545;font-size: 1em;padding: 5px 10px; }
.w-30 { width: 30% !important; }
.aus-color-gray { color: #6d6d6d !important; }
.hover-ottanio:hover { color:#008080!important; }
#iconHelp { font-size: 24px; color: #000 !important; }
#iconHelp:hover { color: #e0a920 !important; }
#modalChooseColumn .ulListOfColumns { border: 1px solid #ddd; list-style-type: none; margin-top: 20px; } /* da capire che modal sono e da modificare in classe */
#modalChooseColumn .ulListOfColumns li { padding: 10px 20px; border-bottom: 1px solid #ddd; cursor: pointer; } /* da capire che modal sono e da modificare in classe */
#modalChooseColumn .ulListOfColumns li:hover { background: #008f9e; color: #fff; } /* da capire che modal sono e da modificare in classe */
.data-disp-div { text-align: left; margin: 0 auto; float: none !important; }
.data-disp-div .new-element-btn { float: right; margin-top: -1px; padding: 5px 12px; background-color: #e0a920; border-color: #e0a920; box-shadow: none; outline: none; }
.table-striped tbody tr:nth-of-type(2n+1):hover { background-color: #ddedf9; cursor: pointer; }
.table-striped tbody tr:hover { background-color: #ddedf9; cursor: pointer; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { padding-left:30px; padding-right:0; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { content:'' !important; }
table.dataTable thead .sorting_asc { background: url("https://cdn.datatables.net/1.10.0/images/sort_asc.png") no-repeat center left; }
table.dataTable thead .sorting_desc { background: url("https://cdn.datatables.net/1.10.0/images/sort_desc.png") no-repeat center left; }
table.dataTable thead .sorting { background: url("https://cdn.datatables.net/1.10.0/images/sort_both.png") no-repeat center left; }
#dataDispTable tr.group { background: #e0f1f3; }
.dataTables_length { float: left; padding-right: 2%; border-right: 1px solid #ddd; }
.innerRowBorder { border: 1px solid #008f9e; border-radius: 10px; }
#dataDispTable_length label { justify-content: left; }
.tblLength { float: left; padding-right: 2%; border-right: 1px solid #ddd; }
.tblLength label select { margin: 0 5px; }
table.dataTable { clear: both; margin-top: 16px !important; margin-bottom: 16px !important; max-width: none !important; border-collapse: separate !important; }
#dataDispTable_paginate, #tblBrowseCategories_paginate, #tblStockMovements_paginate { float: right; padding-top: 8px; }
.dataTables_info { float: left; padding-left: 2%; }
.pagination li { width: fit-content; padding: 0px 8px; }
.pagination li a { color: #485258; }
#dataDispTable_wrapper .col-sm-6 { padding-left: 0; }
.control-label { text-align: left !important; }
#flashMessageSuccess, #flashMessageError { position: fixed; right: 32px; bottom: 8px; z-index: 9999; display: none; }
#messToShowConf { color: red; height: 16px; display: inline-block; font-size: 12px; font-weight: bold; text-align: center; }
#responsedata .form-control { height: 32px; width: 100%; border: none; box-shadow: none; }
#checkListPass { background: #efefef; padding: 8px; margin: 8px 0 8px 0; } /* da capire come centralizzare al meglio */
#checkListPass li { list-style-type: none; font-size: 14px; margin: 8px 0; } /* da capire come centralizzare al meglio */
#checkListPass li i { color: gray; font-size: 20px; } /* da capire come centralizzare al meglio */
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: .8rem; font-weight: normal !important; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0 .25rem .25rem 0 !important; }
.familyList, .categoryList, .supplierList, .brandList { max-height: 160px; margin-top: 16px; overflow:auto; }
#familyList div, #categoryList div, #supplierList div, #brandList div { border-bottom: 1px solid #ddd; padding: 5px 0; }
#familyList div:hover, #categoryList div:hover, #supplierList div:hover, #brandList div:hover { background-color: #f7f7f7; color: #000; cursor: pointer; }
.sliderTitle { width: 100%; margin-right: 20px; padding-bottom: 6px; }
.vedi_tutti {width: 8%;text-align: right;border-bottom: 1px solid #6d6d6d;margin-bottom: 0;margin-top: 5px;float: right !important;}
.timerIcon { position: absolute; top: 8px; left: 8px; width: 40px !important; }
#orderingPage li {list-style-type: none;padding: 8px 8px;color: #6d6d6d;}
#orderingPage li:hover { background-color: #ccc; }
#sidebar { box-shadow: 0 0 7px 0 grey; top: 50px !important;}
#wishListData { list-style-type: none; margin-bottom: 0px;}
#wishListData .btn { border: 1px solid #008080;}
#sidebar ul li img { vertical-align: middle;}
header #header-top-right #ddlMenuLng { border-top: 6px solid #008080; min-width: 300px; background-color: rgba(255, 255, 255, 0.9); }
#languageMenu .fa-caret-up {display:none; font-size: 25px; top: 28px;left: 25px;}
.border_line { width: 100%; border-bottom: 1px solid #6d6d6d; margin: 8px 0; }
#btnAddToWishlist { width: 250px; padding: 8px;}
#pageShopCart #finalPaymentSec .table tr td:last-child { text-align: right; color: #6d6d6d;}
#pageShopCart #btnGoToSummary, #pageShopCart #btnClearCart, #pageCartSummary #btnCloseOrder {padding: 16px;border-radius: 8px;margin-bottom: 8px;width: 100%;cursor: pointer;}
/* shop page start */
#pageShop { padding: 0px 32px 32px 88px !important;}
#divBanner, #divBanner2 { padding:80px; background: #eef9fd; background-image: url("/assets/images/shop_top.png"); background-size: cover; background-position: bottom; }
#divBanner span, #divBanner2 span { font-size: 30px; display: block; font-weight: 600; margin-bottom: 20px; }
#divBanner button, #divBanner2 button { background: white; padding: 8px 30px; border-radius: 5px; }
.first_row_deals { margin: 16px 0 8px 0; padding: 8px 0; color: #6c6c6c;}
.first_row_deals h3 { float: left; letter-spacing: -1px; }
.img_here { padding: 0; background-color: #ddd; color: #6d6d6d; text-align: center; }
#carousel_brands .img_here img { height: auto; }
.card-title small { font-weight: 400 !important; text-decoration: line-through; font-size: 11px; }
.carousel-item { width: 119% !important;}
.carousel-item a:hover { text-decoration: none; }
.carousel-inner { margin-left: 8px !important; width: 98% !important;}
.carousel-control-prev { left: -16px !important; width: 3% !important; }
.carousel-control-next { right: -16px !important; width: 3% !important; }
.owl-prev { position: absolute; left: -40px; top: 40%; color: #E0A920 !important; }
.owl-next { position: absolute; right: -40px; top: 40%; color: #E0A920 !important; }
button:focus { outline: 0;  }
.owl-dots { display: none; }
.owl-carousel .disabled { display: block !important; }
#carousel_flash_discount .img_here i { top: 8px; left: 8px; color: palevioletred; font-size: 30px; }
.owl-item.active { background: none !important; }
.owl-item.active .card { border: 0 !important;}
#divBrand .card button { background-color:#14848c; color:white; }
.badge_for_deals { padding: 4px 16px; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%); color: palevioletred; margin-left: 8px; }
.lnkShowAll { font-weight:normal; color:#6d6d6d; text-decoration: none; font-size: 18px; }
.lnkShowAll:hover { /* color: #E0A920; */ color: #008080; text-decoration: none; }
.titleInTeal:hover { cursor: pointer; color: #008080;}
/* End */

.card { transition: top 0.5s ease 0s, box-shadow 0.5s; top: 0; }
.card-body { background-color: #eee; line-height: initial; font-size: 0.9rem; border-radius: 0 0 5px 5px; color: #6d6d6d;}
.card:hover { box-shadow: 3px 4px 7px -3px #aaa; top:-3px }
.card-price { margin-bottom: 1rem; color:#14848c; font-weight: bold; }
.card-price small { font-weight: 400 !important; text-decoration: line-through; font-size: 11px; margin-left: 10px; color: #666; }
.general-box {transition: top 0.5s ease 0s, box-shadow 0.5s; top: 0;}
.general-box:hover {box-shadow: 3px 4px 7px -3px #aaa; top: -3px; position: relative;}
.quickToCart {top: 90% !important; left: 80% !important; color: #6f6f6f !important; width:30px !important; }
.quickToWishList { top: 16px; right: 16px; font-size: 24px; color: #6d6d6d; width: 30px !important; }
#deleteModal .modal-body { padding: 16px 32px; } /* da capire come gestire tutte queste modali uguali */
.card-body .card-text ol, .card-body .card-text ul { margin-left: 24px; }
.bgColLightGrey { background-color:#eef9fd; }
#bgGlobalDarkBackground { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0, 0, 0, 0.5); z-index:100; font-size:18px; }
.modal .modal-footer { border-top:none; }
.modal .modal-footer .aus-button-standard { border: 1px solid #999 !important; }
.modal .modal-header .btn-close, .modal .modal-header .close { display:none; }
.modal {text-align: center;}
@media screen and (min-width: 768px) {  .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%;} }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
.btn.bgcolOcraInvert { padding: 8px 16px; background-color: transparent !important; }
.btn.bgcolOcraInvert:hover { padding: 8px 16px; border: 2px solid #008f9e; background-color: #008f9e !important; color: #fff !important; }
.aus-flexible-width { flex: 1; }
.auz-fit-content { width: fit-content; }
.heading_border_bottom { border-bottom: 1px solid #6d6d6d; }
.help_page label { color: #000; }
.help_page input, .help_page textarea, .help_page select { border-radius: 8px; }
#pageShopCart #wishListData .btn { border: 1px solid #ddd; }
#pageShopCart #wishListData li { height: 32px; }
#pageShopCart #wishListData { list-style-type: none; }
#pageShopCart #wishListData li a { color: #6d6d6d !important; display: block; text-decoration: none; }
#pageShopCart #wishListData li a:hover { border-bottom: 1px solid #008f9e; cursor: pointer; }
#megamenuEdilizia li a span, #megamenuFurniture li a span, #megamenuService li a span { padding: 0 !important; }
.owl-carousel .owl-nav button { font-size: 56px !important; }
.boxShadow { border-radius: 8px; -webkit-box-shadow: 3px 4px 7px -3px #aaa; -moz-box-shadow: 3px 4px 7px -3px #aaa; box-shadow: 3px 4px 7px -3px #aaa; }
/*#pageShopCartSummary #cartItems li { border-bottom: 1px solid #aaa; margin-bottom: 16px; background-color: white; }*/
.owl-dots { display: none; }
.color-gray:hover { color: #999999; }
#staff_Avatar { height: 100px; width: 100px; border-radius: 50%; margin: 0 auto; background-position: center; background-size: cover; }
#productsPage .owl-item a, #productsPage #productList a, #pageShopFlashDiscountPage #productList a { color: #6d6d6d; text-decoration: none; }
#productsPage #numOfProducts, #pageShopFlashDiscountPage #numOfProducts { background: #ddd; padding: 5px 15px; font-size: 16px; border-radius: 10px; }
#productsPage #filterContainer, #pageShopFlashDiscountPage #filterContainer { text-align: right; }
#productsPage #filterContainer div, #pageShopFlashDiscountPage #filterContainer div { border-left: 1px solid #ddd; display: inline-block; padding: 10px 15px; }
#productsPage #orderingPage, #pageShopFlashDiscountPage #orderingPage { z-index: 9; background-color: #eee; min-width: max-content; display: none; }
#productsPage #orderingPage li, #pageShopFlashDiscountPage #orderingPage li { list-style-type: none; padding: 8px 8px; color: #6d6d6d; }
#productsPage #orderingPage li:hover, #pageShopFlashDiscountPage #orderingPage li:hover { background-color: #ccc; }
#productsPage #pagination_buttons li, #pageShopFlashDiscountPage #pagination_buttons li { list-style-type: none; display: initial; color: #6d6d6d; }
#productsPage #lnkOrderBy, #productsPage #lnkFilterBy, #pageShopFlashDiscountPage #lnkOrderBy { color: #008f9e; cursor: pointer; }
.rowH3heading { border-left: 5px solid transparent; transition: top 0.5s ease 0s, box-shadow 0.5s; top: 0; position: relative;}
.rowH3heading:hover{ top: -3px; box-shadow: 3px 4px 7px -3px #aaa;}
.rowH3heading h3 {font-weight:700;margin-bottom:8px; color:#6d6d6d;}
.rowH3heading h3 a:hover { color:#14848c !important; }
.borderColumnStyle {border-left:1px solid #6d6d6d;}
.shopeCartStyle {padding:8px;border:1px solid #14848c; width: fit-content;margin: 0 auto; border-radius: 10%;}
.borderStyleBlue {border-bottom: 1px solid #14848c;;}
#tabcontentService .serviceTabButton .btn{ background: #ffffff;color: #008f9e;border: 1px solid #008f9e; }
#tabcontentService .serviceTabButton button.disabled{ background: #eee;color: #444;border: 1px solid #eee;cursor: not-allowed; }
#tabcontentService #searchSubService {background: transparent;}
#tblAddress { border: 0px !important;}
#pageStaffDetail .mainFile {min-height:270px; background-color:white; color:#008f9e;}
.fileStyle {background-color: #ddd;color:#6d6d6d; left: 40%;top: 15%;padding: 40px;border-radius: 10px;}
.rowsData { border-left: 6px solid transparent;}
.rowsData:hover { border-left: 6px solid #008f9e;background-color: #ddd;}
#pageProfessionals .addprofessional {border: 1px solid #6d6d6d !important;}
#pageProfessionals .addprofessional:hover {background-color:#6d6d6d !important;}
#pageShop .aus-carousel > div:first-child > div:last-child {font-size: 1.50em !important;}
.searchIconDataTable { float: left; padding: .375rem .75rem; border: 1px solid #ced4da; border-right: none; border-radius: 5px; margin-right: -10px; }
.dataTables_filter input { padding-left: 20px;}
.dataTables_filter .form-control{background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);background-repeat: no-repeat;background-color: #fff;background-position: 0px 4px !important;}
#shopMenu a:hover { text-decoration: none !important; }
#pageShopBrowseCategories a:hover { text-decoration: none !important; }
#pageStaff ul li a:hover{ text-decoration: none;}
#pageStaff .searchStaff {background-color: #fff !important; width:350px;}
#pageStaffDetail .staffDetailDanger { color:#dc3545; text-decoration:none; }
#pageStaffDetail .staffDetailDanger:hover{ text-decoration:underline; }
#pageProductDetail #txtColorPicker { height: 32px; width: 32px; margin-right: 5px; }
#pageProfessionalProfile .lnkShowAll {color:#6d6d6d;}
#pageProfessionalProfile .modalForm select { border-radius: 10px;}
#pageProfessionalProfile .modalForm select:required:invalid { color: gray;}
#pageProfessionalProfile .modalForm option[value=""][disabled] { display: none; }
#pageProfessionalProfile .modalForm option { color: black; }
.selectedForServices { font-weight: bold; }
.service-checkbox {
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    display: inline-block !important;
}
#tblContracts {margin-top: 24px;}
.aus-card > .table-responsive { padding:16px; position:relative; }
.billDiv { min-width: 400px; }
#lstCategories div { word-break: break-word; }
#mobileHeaderMenuBurger { padding: 12px 16px 0px 0px; float: right;}
.cartItemManagement small { padding-right: 16px;}
#modalAllServices .modal-dialog {width: 80% !important; }
#wishListData li, #modalAddRemoveWishListSelection ul li, #productWishLists li { height: 32px; list-style-type: none; }
#wishListData li a:hover, #pageCart #wishListData li a:hover, #modalAddRemoveWishListSelection ul li a:hover, #productWishLists li a:hover {border-bottom: 1px solid #008080;cursor: pointer;}
#wishListData li a, #modalAddRemoveWishListSelection ul li a, #productWishLists li a {display: block;text-decoration: none; color: #485258;}

/* Footer */
#iconBackTop { cursor:pointer; position: absolute; top: 8px; right: 30px; z-index: 95; }
footer { background-color: #6c6c6c; min-height: 200px; color: white; position: relative}
footer h3 { font-weight: 600; color: #fff; }
footer ul { list-style-type: none; padding: 0; margin-bottom: 0; }
footer a { text-decoration: none; color: #fff; }
footer a:hover { text-decoration: none; color: #E0A920; }
footer #footerCredits { padding-bottom:20px;font-size:0.7em; }
footer #footerCredits a {margin:0 10px; }
footer #footerLinksContainer { display: inline-flex; padding:32px 0; width:100%; position:relative; }
footer #footerLinksContainer > div { margin-right: 30px;  }
footer #footerLinksContainer > div:last-child { margin-right:0; position: absolute; right: 0; }
footer #paymentIconContainer img { width: 50px; text-align: right; }
footer #footerLinksContainer h3{font-weight: 600; font-size: 1.7rem;margin-bottom: 0.5rem;}
footer #footerLinksContainer li{line-height: 1.5;font-size:14px;}
.btn.bgcolOcra { padding:10px 16px; background-color:#008080 !important; color:white !important; }

footer #footerAus { min-width:80px; }
footer #footerCustomerCare { max-width:240px; }
footer #footerBusiness { max-width:180px; }
footer #footerBuy { max-width:250px; }
footer #footerNewsletter { max-width:430px; }

/*header thin*/
#headerThin { background-color: white; }
#headerThin > div { border-bottom: 1px solid #ccc; }
#headerThinTopMenu { padding: 0; margin: 0; list-style-type: none;}
#headerThinTopMenu li { display: inline-block; padding: 0 16px; }
#headerThinTopMenu li a { color: #000;font-size:14px !important; }
#headerThinTopMenu .flag-icon {margin-right:10px;}
#headerThin #forLangSelector {font-size: 14px; z-index: 999; min-width: 300px; right: 80px; top: 40px; background-color: rgba(255, 255, 255, 0.9); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-top: 8px solid #008f9e;}
#headerThin #forLangSelector::before {content: '\25E2'; position:absolute; transform: rotateZ(225deg); color: #008f9e; top: -17px; left: calc(50% - 5px); width: 10px;}
#headerThin #forLangSelector .accordion-button:not(.collapsed) { color: #0c63e4; background-color: rgba(224, 169, 32, 0.1); }
#headerThin #forLangSelector ul { padding:0; }
#headerThin #forLangSelector ul li { width:100%; padding:10px 0 10px 10px; cursor: pointer; }
#headerThin #forLangSelector ul li:hover { background-color: #eee; }

/* login standard */
#pageLogin #loginContainer, #pageLogin #forget-pass{ padding: 30px; background-color: white;z-index: 99; max-width: 400px; margin: 0 auto; border-radius: 5px; box-shadow: 5px 5px 15px -5px #999; }

/* login from optin */
.loginPageFromOptin { font-size: 16px; background-color: white; }
.loginPageFromOptin > div { padding:128px 0; }
.loginPageFromOptin > div:last-of-type { padding:0 0 60px; }
.loginPageFromOptin h1 { text-align:center; margin-bottom:32px; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 60px; font-weight: 500; color:#212529; }
.loginPageFromOptin h1 > span { color:#E0A920; font-weight:900; font-family:'Abhaya Libre',Georgia,"Times New Roman",serif; }
.loginPageFromOptin .big { font-size:20px; color:white; font-weight: 600; }
.loginPageFromOptin .card { margin-top:40px; height: 260px; line-height: 200px; justify-content: center; padding: 32px; border-radius: 20px; box-shadow: 5px 5px 15px -5px #333; }
.loginPageFromOptin .card > span { display: inline-block; vertical-align: middle; line-height: normal; }
.loginPageFromOptin .card b { display: block; color:#E0A920; margin-bottom: 15px }
.loginPageFromOptin h3 { font-family: 'Abhaya Libre',Georgia,"Times New Roman",serif; font-size: 60px; }
.loginPageFromOptin #loginContainer, .loginPageFromOptin #forget-pass{ padding: 30px; background-color: white;z-index: 99; max-width: 400px; position: absolute; right: 20%; top: -70px; border-radius: 5px; box-shadow: 5px 5px 15px -5px #999; }
.loginPageFromOptin #loginContainer label { width:100px; }
.loginPageFromOptin #loginContainer .input-fields { border-bottom:1px solid #9e9e9e; margin-bottom:16px; text-align:center; background-color:#fff; display:inline-block; width:calc(100% - 200px) }
.loginPageFromOptin #loginContainer a { color: #008f9e; }
.loginPageFromOptin .txtOptin { font-size: 18px; margin-bottom: 20px; }
.loginPageFromOptin #btnSignIn, .loginPageFromOptin #btnSendRecoveryPsw { width: 100%; color: #6d6d6d; font-size: 20px !important; border-color: #008f9e !important; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; }
.loginPageFromOptin #btnSignIn:hover, .loginPageFromOptin #btnSendRecoveryPsw:hover { background-color:#008f9e; color:white }
.loginPageFromOptin .disclaimer { font-size:.7em;display:block;margin-bottom:16px }
.loginPageFromOptin .disclaimer a, #forget-pass a { color:#008f9e; }
.loginPageFromOptin #forget-pass a { color:#008f9e; text-decoration: none;}
.loginPageFromOptin #err { display: none; color: red; background: #ffe8e8; padding: 3px; font-size: .8em; text-align: center; margin-top: 10px; border-radius: 3px; }



@media screen and (max-width: 1399px) {
    footer { margin-left:0px !important; width:100% !important; }
    footer #footerLinksContainer > div { margin-right: 0; width: 25%; float: left; margin-bottom: 64px; }
    footer #footerLinksContainer > div:last-child { position: relative; max-width: 100vw; width: 100% !important; margin-bottom: 0; }
    footer #footerLinksContainer > div:last-child > div { width: 50%; margin: 0 auto; }
    footer #footerAus { width: 15% !important; margin-left: 10%; }
    footer #footerNewsletter { max-width:auto; }
    footer #footerLinksContainer { display: inline-block; padding: 48px 0 24px; }
}

@media screen and (max-width: 992px) {
    footer #footerLinksContainer > div { width: 50% !important; margin-left:0 !important;max-width:none; }
    footer #footerLinksContainer > div:last-child > div { width: 70% !important; margin: 0 auto; }
    #paymentIconContainer { text-align: center!important; margin-top: 16px; }
    #lockIconDiv { text-align: center!important; }
    #staffNoticeboardTable {width: 100% !important; margin-bottom: 16px !important;}
    #noticeboardModal {width: 100% !important;}
    #com-author { width: 60%;}
    /* #shopMenu, #header-top-right {display: none !important;} */
    #shopMenu, #languageMenu, #iconHelp, #iconProfile {display: none !important;}
    #mobileHeaderMenuBurger {display: block !important;}
    #offcanvasRightForMobile .list-group a span { color: #008080 !important; }
    header #btnLoadFromCSV { margin-right: 0px !important; float: none !important; width: 100% !important; margin-bottom: 8px;}
    #footerCredits .row .col-12:last-child a { display: block; margin-bottom: 4px;}
    #pageShopBrowseCategories .categoryBox, #pageServices .categoryBox { width: 25% !important; word-break: break-word;}
    #modalAllServices .modal-dialog {width: 90% !important; max-width: 90% !important; }
}

@media screen and (max-width: 768px) {
	.hide_on_mobile { display: none; }
	#show_on_mobile { display: block; }
	#small_images_portion_for_dt { display: none;}
	#small_images_portion_for_mb { display: block;}
	#small_images_portion_for_mb .col-2 {float: left;margin: 16px 4px;}
    footer #footerLinksContainer > div:last-child > div { width: 100%; margin: 0 auto; }
    .aus-container { padding: 32px !important; }
    #pageShop {padding: 0px 32px 32px 32px !important;}
    #mob-sidebar-menu-burger { display: block !important; position: relative; z-index: 200; float: left; padding: 12px 0px 12px 12px;}
    .tableButtonsContent { position: relative !important; left: 0 !important; margin-bottom: 16px !important;}
    .tableButtonsContent .btn { margin-bottom: 8px !important;}
    #deleteStaffSec .aus-button-delete-permanently {width: 40% !important; margin: 0 auto;}
    #dataDispTable_filter { text-align: right !important;}
    #supplierDataTableSection .data-disp-div h2:first-child { float: none !important; }
    #filterContainer { text-align: center !important; }
    #pageCourses #filterContainer div:first-child { border-left: none !important; }
    #com-author { width: 45%;}
    .cartIconDiv { padding: 8px !important; }
    .cartIconDiv div:first-child { margin-top: 0px !important; }
    /* #mobileHeaderMenuBurger { padding: 0px 16px 0px 0px !important; } */
    #pageShop #adv_shop .row #adv_shop_second_col { background-size: auto 100% !important; background-position: center !important; background-repeat: no-repeat !important; }
    .quickToCart { top: 94% !important; left: 90% !important; }
    #pageShopCart #cartItems li img {max-width: 100% !important;}
    #pageShop #adv_shop .row #adv_shop_first_col { background-position: center !important;}
    #pageShopBrowseCategories .categoryBox, #pageServices .categoryBox { width: 40% !important; }
    #pageShopCartSummary .first-section {padding-right: calc(var(--bs-gutter-x) * .5) !important;}
    #pageProfessionalProfile .sliderTitle, #pageProfessionalProfile .vedi_tutti {font-size:18px !important;}
    #selectedAlphabet {text-align: left !important; padding-left: 8px;}
    #modalAllServices .form-check {padding-left:0px !important;}
    #pageProfessionalProfile #coursesTitle, #pageProfessionalProfile #certificationTitle, #pageProfessionalProfile #projectTitle {height:auto !important;}
    /* #shopMenu {display: none !important;} */

}

@media screen and (max-width: 580px) {
	body, html { height: calc(100% - 0) !important; }
	.fixed-bottom { position: relative; }
	#login_footer {min-height: auto;}
	.vertical_center { width: auto; }
    #tabcontent-staff .data-disp-div .aus-button-primary { float: none !important; margin-left: 0px;}
    #deleteStaffSec .aus-button-delete-permanently {width: 60% !important; margin: 0 auto;}
    .courseImageDiv { height: auto !important;}
    #tabcontent-logistic .col-sm { margin-bottom: 16px; }
    .billDiv { min-width: auto !important; }
    .helpName {margin-bottom: 1.5rem;}
    #filterContainer { margin-top: 16px; }
    #filterContainer #lnkOrderBy { border-left: none !important; }
    #productsPage .quickToCart { top: 92% !important; left: 88% !important;}
    #footerCredits .row .col-12 { text-align: center !important;}
    #footerCredits .row .col-12:first-child {margin-bottom: 8px !important;}
    .detailManagemanetTabs {display: none;}
    .tabForMobileView {display: block !important;}
    .tabForMobileView .nav {display: list-item !important; position: relative !important; z-index: 1 !important;}
    .tabForMobileView .nav-tabs .nav-link {width: 100%; border-radius: 0px !important;}
    #divBanner, #divBanner2 { padding: 50px !important; background-size: auto 100% !important; background-position: right !important; background-repeat: no-repeat !important; }
    .quickToCart { top: 92% !important; left: 88% !important; }
    .cartItemManagement { text-align: center !important; }
    #divBanner span, #divBanner2 span {font-size: 20px !important;}
    #pageShop #adv_shop .row #adv_shop_first_col > div {width: 100% !important;}
    #pageShopBrowseCategories .categoryBox, #pageServices .categoryBox { width: 38% !important; }
    #pageShopBrandDetail .input-group.w-50 {width: 100% !important;}
    #listOfFormats .col, #listOfMaterial .col {width: 33.3% !important;flex: inherit !important; margin-bottom: 16px;}
    #listOfFormats .col input, #listOfMaterial .col input {margin-right: 0px !important;}
    #certificationContent .col-sm-6:last-child, #coursesContent .col-sm-6:last-child {text-align:center !important;}
    .uploadModalButtons {position: relative !important; right: 0px !important; margin-top:8px !important;}
}

@media screen and (max-width: 687px) {
    #pageStaff .searchStaff { width: inherit !important; margin-bottom: 16px;}
    #staffNoticeboardTable .aus-button-primary { margin-left: 0px !important; width: 100% !important;}
}

@media screen and (max-width: 575px) {
    .packageStatus {text-align: center !important;}
    .packageStatus .aus-switch label {margin: 0 auto !important;}
    #productList .rowH3heading .mbScreen:nth-last-child(2) { border-left: none !important; }
    .mbScreen { margin-top: 16px !important; }
}

@media screen and (max-width: 550px) {
    .clear {clear: both;}
    .dataTables_filter {text-align: right !important;}
}

@media screen and (max-width: 500px) {
    .modal-dialog { width: auto !important; }
    #pageStaff .searchStaff { width: inherit !important; margin-bottom: 16px;}
    #staffNoticeboardTable .aus-button-primary { margin-left: 0px !important; width: 100% !important;}
    #tabcontent-general .text-end button { margin-bottom: 8px !important; }
    #tabcontent-addresses, #tabcontent-orders, #tabcontent-attachments, #tabcontent-invoices { padding: 0px !important;}
    #tabcontentAttachments, #pageUserProfile #tabcontent-addresses { padding: 8px !important;}
    #txtSearchSellProduct { width: calc(100% - 75px) !important;}
    .infoTip { width: auto !important ;}
    #flashDiscountTimer { position: relative !important; white-space: pre; padding: 5px 5px 5px 0px !important; margin-left: 0px !important; }
    .badge_for_deals { clip-path: none !important; }
    #pageShopBrowseCategories .categoryBox, #pageServices .categoryBox { width: 88% !important; }
    #pageShopCart #cartItems li .spUdm {width: auto !important;}
    #selectedAddressSection li .boxShadow div:first-child {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}

@media screen and (max-width: 474px) {
    #filterContainer div:last-child { border-left: none !important; }
    #filterContainer #pagination_buttons { border-left: none !important; }
}

@media screen and (max-width: 450px) {
    .aus-m64 { margin: 8px !important;}
    .aus-button-standard, .aus-button-primary, .aus-button-delete-permanently { margin-bottom: 8px !important; }
    #deleteStaffSec .aus-button-delete-permanently {width: 80% !important; margin: 0 auto;}
    #noticeboardModal h2:first-child { width: 90% !important; }
    #tabcontent-applications .searchStaff {width: 100% !important; margin-bottom: 8px;}
    #tabcontent-applications .searchStaff input {width: 100% !important; margin-right: 0px !important;}
    .cartItemManagement span { display: inline-block; }
    #pageShopCartSummary #cartItems li .removeFromCart {margin-left: 0px !important;}
}

@media screen and (max-width: 399px) {
    .aus-button-standard, .aus-button-primary, .aus-button-delete-permanently, .dataTables_filter input, .dataTables_filter label, .aus-button-danger { width: 100% !important; }
    .dataTables_filter input { margin-left: 0px !important;}
    #com-author { width: 85% !important;}
    .courseImageDiv { height: auto !important;}
    #sectorsList span { display: inline-block;}
    .titleDiv {padding-left: 0px !important; padding-right: 0px !important; }
    .titleDiv h1 { word-break: break-word; font-size: 48px !important; }
    #pageShopCart #cartItems li .spQty {width: 50px !important;}
    #txtRedeemCoupon {width: 100% !important; margin-bottom: 8px !important;}
    header #header-top-right { padding-right: 8px !important; }
}

@media screen and (max-width: 300px) {
    #staffWallContainer h2 {word-break: break-all;}
    #pageShopBrowseCategories .categoryBox, #pageServices .categoryBox { width: 82% !important; }
}