/* ----------------- General TAG ----------------- */
.shopControls h1{padding:5px 7px !important; margin: 0 !important; border-bottom: 0 !important; background-color:rgba(0,0,0,0.7);}
.popupShopBasket{padding:5px; background-color:#222; color:#fff; float: right; display: table; cursor: pointer;}
.popupShopBasket .totalPrice{font-size:14px; font-weight:bold; text-align:center;}
.popupShopBasket .totalArticle{font-weight:bold; font-size:12px; background-color:#911215; text-align:center; vertical-align: middle; display: table; position: absolute; margin: -87px 0 0 -21px; padding: 5px 0 0 1px; width: 30px; height: 30px;}
.popupShopBasket .basketIcon{display: block; text-align:center; margin: 0 auto !important; padding: 0 0 5px 0 !important; width: 48px !important; height: 48px !important;}
.cestinoBox .contentText{font-size:10px;}
.multiBasketBoxButton{position: absolute; margin: -35px 0 0 -5px; background-color: #333; color: #fff; padding: 5px; border-radius: 5px 5px 0 0; font-weight: bold; vertical-align: bottom; cursor: pointer;}
.basketAddress{}
.multiBasketBoxSelect .basketsTable{width: 100%; border-spacing: 0;}
.multiBasketBoxSelect .basketsTable tbody td{border-left: 1px solid #eee;}
.multiBasketBoxSelect .basketsTable tbody tr:hover td{background-color: #f0f0f0;}
.multiBasketBoxSelect .basketsTable th, .multiBasketBoxSelect .basketsTable td{padding: 3px; text-align: left;}
.multiBasketBoxSelect .basketsTable thead th{background-color: #eee; border-bottom: 2px solid #888; border-left: 1px solid #aaa;}
.multiBasketBoxSelect .basketsTable tfoot td{border-top: 1px solid #bbb;}
.multiBasketBoxSelect .basketsTable tfoot th{border-top: 2px solid #aaa;}
.basketBox{width:250px; right:0; position: fixed; z-index: 100; top: 24%;}
.basketBox .articlesList{display: none; background-color:#eee; padding: 5px 5px 0 5px;}
.basketBox .articlesList tbody{display: table-caption; max-height: 400px; overflow-y: auto; width: 100%;}
.basketBox .articlesList tbody tr{display: inline-table; width: 100%;}
.basketBox .articlesList, .cestinoBox .articlesList{width:100%; font-size:12px;}
.basketBox .articlesList th, .cestinoBox .articlesList th,
.basketBox .articlesList td, .cestinoBox .articlesList td{vertical-align: middle !important; padding: 5px 3px !important; width: auto; display: table-cell !important;}
.basketBox .removeArticleTD, .cestinoBox .removeArticleTD{width: 20px !important; height: 17px !important;}
.basketBox .prz{width:100px !important; text-align:right !important;}
.basketBox .prz .popupHover{float: left;}
.basketBox .prz .popupHover .popupContent{width:150px; z-index: 100;}
.basketBox .removeArticleTD{width:30px !important;}
.basketBox .button{padding:7px 10px; background-color:#000; color:#fff; display:inline-block; margin:0 3px; cursor:pointer; font-weight:bold;}
.articlesList .art:hover td{background:#F5F5F5;}
.articlesList .basketRemoveArticle{cursor:pointer;}
.articlesList .icon{width: 20px !important;}
.articlesList .cestinoRemoveArticle{cursor:pointer;}
.articlesList .totals th{border-top:1px solid #333; font-weight:bold; font-size:14px; border-bottom:0; text-align: left; background-color: #ccc;}
.articlesList td{border-bottom:1px solid #ddd; text-align:left;}
.articlesList .price{width:50px; text-align:right; font-weight:bold; text-align: right !important;}
.artAddBasketTD{width:120px;}
#shopContent .globalBox table{width:100%;}
#shopContent h3{font-size:12pt; padding:3px 0; text-transform: inherit; letter-spacing: 0px;}
#shopContent h2{color:#911215 !important; padding:0; text-align: center; border-bottom: 4px solid #eee;}
#shopContent .popup-box h2{text-align: center;}
#shopContent .price{display:inline-block; float:right; font-weight:bold; font-size:16px; padding:3px 0 0 5px; margin:4px 0 0 0; color:#000;}
#shopContent .price .singlePrice{display: block; font-size: 12px; color: #777; text-align: right;}
#shopContent .price, #shopContent .weight{white-space: nowrap;}
#shopContent .weight{display:inline-block; font-size: 14px; color: #999; padding: 8px 0;}
#shopContent #quantity{display:inline-block; float:left; padding:0 5px; margin:5px 5px 5px 0; -webkit-appearance: menulist;}
#shopContent .button{padding:5px 7px; background-color:#000; color:#fff; margin:0; cursor:pointer; font-weight:bold; font-size: 10pt;}
#shopContent .buttonW{padding:5px 7px; background-color:#777 !important; color:#fff; margin:0 0 4px 0; cursor:pointer; font-weight:bold; font-size: 10pt;}
#shopContent .buttonR{background-color:#F22 !important; border-color:#900 !important; font-size: 16px;}
#shopContent .buttonR:hover{background-color:#F00 !important;}
#shopContent .esaurite{padding:5px 7px; color:#F60; background-color:#fff; border:1px solid #000; margin:0 0 5px 0; font-weight:bold; float:right; display:block;}
#shopContent .addBasket{float:right; display:block; margin:0 0 5px 5px; text-transform: uppercase; font-family: FuturaCondensed,'Trebuchet MS',Arial,Sans-Serif; white-space: nowrap;}
#shopContent .addCestino{display:block; margin:0 auto 5px auto; width:50px; text-align:center; padding:5px; border:1px solid #000; background-color:#fff; cursor:pointer;}
#shopContent .artCestiBox:hover{background-color:#F5F5F5; box-shadow:0 0 10px #999;}
#shopContent .artCestiBox:hover .addCestino{box-shadow:0 0 10px #3A3;}
#shopContent .artSelected{border:1px dotted #DDD; background-color:#F5F5F5;}
#shopContent .controlsSpace{display:block; margin:12px 0 0 0; text-align:right; height:30px;}
#shopContent .text{font-size:11px; display:block; height:52px; overflow:hidden;}
#shopContent .text:hover{background-color:#F5F5F5; cursor:pointer;}
#shopContent .info-button, #shopContent .datasheet-button{display:inline-block; padding:3px 10px; font-size: 14pt; text-align:center; font-weight:bold; cursor:pointer;}
#shopContent .info-button{background-color:#eee; color:#777; }
#shopContent .datasheet-button{background-color:#555; color:#fff; }
#shopContent .datasheet-button:hover{background-color:#777;}
#shopContent .wineBox{}
#shopContent .wineBox:hover{box-shadow: 0 0 7px rgba(0,0,0,0.2);}
#shopContent .wineBox .imgLeft{width:70px;}
#shopContent .singleShopArticle h2{text-transform: uppercase; font-size: 24pt; height: auto;}
#shopContent .singleShopArticle h3{color:#911215; font-size: 20pt; height: auto;}
#shopContent .singleShopArticle h4{font-size: 18pt; height: auto; font-weight: bold;}
#shopContent .singleShopArticle .boxWeight{display: block; margin: 0 0 40px 0; font-size: 18pt;}
#shopContent .singleShopArticle .boxArtImg{display: block; margin: 30px 0;}
#shopContent .singleShopArticle .boxArtImg img{max-width: 50%; max-height: 50%;}
#shopContent .singleShopArticle .boxPrice{display: block; margin: 10px 0;}
#shopContent .singleShopArticle .boxPrice .price{display: block; float: none; padding:0; margin:0 0 10px 0; font-size: 24pt;}
#shopContent .singleShopArticle .boxAddBasket{display: block; margin: 40px 0;}
#shopContent .singleShopArticle .boxAddBasket #quantity{float: none; margin: 0 20px 0 0; padding: 14px 15px 13px 15px; vertical-align: bottom;}
#shopContent .singleShopArticle .boxAddBasket .addBasket{display: inline-block; float: none; margin: 0; padding: 10px 30px; font-size: 16pt; vertical-align: bottom;}
#shopContent .singleShopArticle .boxAddBasket .disponible{color: #911215; text-transform: uppercase; font-weight: bold; font-size: 14pt; margin: 10px 0;}
#shopContent .singleShopArticle .boxText{display: block; margin: 0;}
.shopSearchBar .inputFilter{height: 40px;}
.addBasketCesto{display:none; width:110px; text-align:center; margin:5px auto; padding:5px; background-color:#000; color:#fff; cursor:pointer;}
.minPriceCesti, .addArticleLimit{color:#F33;}
.alertStock{color:#F33; background-color:#FCC; border:1px solid #F33; padding:3px;}
.preOrder{color:#fff; background-color:rgb(226, 163, 47); padding:3px; margin: 0 10px -34px 10px; position: relative; z-index: 10; font-weight: bold; text-align: center;}
.preOrderTitle{display:block; color:#F33;}
.popupShopAddBasket, .popupShopAlertMaxQt{display:none; position:fixed; z-index:100000000; top:0; left:0; width:100%; margin-top:-1px;}
.popupShopAddBasket img, .popupShopAlertMaxQt img{display:block; margin:0 auto 5px auto !important;}
.popupShopAddBasket .box, .popupShopAlertMaxQt .box{display:block; width:400px; margin: 0 auto; padding: 10px; color: #fff; font-weight: bold; border-radius: 0 0 5px 5px; text-align: center;}
.popupShopAddBasket .box{background-color: #063;}
.popupShopAlertMaxQt .box{background-color: #ebc300; color: #000;}
.floatingSectionBox{position:fixed; top:10px; width:280px; margin: 70px 0 0 -5px;}
.boxImage{display:none; position:absolute; background:#fff; padding:5px; margin:-10px 0 0 -170px; width:150px; text-align:center; z-index:100; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.boxImage .boxImageDesc{text-align:left;}
.boxImage .tips{position:absolute; display:block; width:10px; height:20px; margin:2px 0 0 155px;}
.boxImage img{max-width:140px !important; width: auto !important; max-height:115px; padding:0; margin:0; border:0;}
.boxImage .deleteArtButton{display:block; width:100%; margin:0 auto; padding:5px; background:#333; color:#F33; font-weight:bold; border:1px solid #000;}
.boxCesto{width:300px; margin:-10px 0px 0px -320px; text-align:left;}
.boxCesto .tips{margin:2px 0 0 304px;}
.basketList{font-size:14px; width:100%;}
.basketList .desc{text-align:left;}
.basketList .articleWeight{width:100px; text-align:right !important; display: inline !important;}
.basketList .searchBox .article-price{float:right;}
.basketList .searchBox .article-weightUnitDesc{float:right;}
.basketList .weight{width:100px; text-align:center !important;}
.basketList .qty{width:60px; text-align:center !important;}
.basketList .prz{width:100px; text-align:right !important;}
.basketList .admin{width:80px; vertical-align:top; text-align:center;}
.basketList textarea{width:100%;}
.basketList td{border-top:1px solid #ccc; padding:5px 3px;}
.basketList th{background:#eee; padding:5px 3px;}
.basketList .image{width:60px; text-align:center !important;}
.basketList .image img{max-width:80px; max-height:100px;}
.basketList .totals th{border-top:2px solid #aaa; font-size:16px !important; background:#fff; text-align:left;}
.discountPrice{text-decoration: line-through; color:#911215;}
.boxShipDifferentAdress, .consigneDetails{display:none;}
.sameAddressBox{padding:7px 3px;}
.shopDatePickerCPrev{float:left; display:inline-block; margin:0 10px 0 0;}
.shopDateCPrev_Desc{float:left; display:inline-block; width:370px;}
.consignePriceTR{display:none;}
.consigneKMToLong{display:none;}
.consigneKMToLong td{background-color:#f33; color:#fff;}
#map_canvas{display:none;}
.popup-box .text-img{text-align:center;}
.boxContentTitle{font-family: futuraBold,'Trebuchet MS',Arial,Sans-Serif; background-color:#777; padding:5px; margin:0 0 10px 0; color:#fff; border-radius:3px;}
.shopSearchBar{display: block; padding: 0 0 20px 0;}
.shopSearchBar .filterForm{display: inline-block !important; width: auto; float: right; white-space: nowrap;}
.shopSearchBar #articleDisplayOrder{display: inline-block;}
.formWizardButtons{padding: 20px 0; bottom: 0; position: fixed; width: 100%; margin: 0; left: 0; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 1000;}
.notifyBox{background-color:#007F0E; padding: 5px 10px; border-radius: 5px; color:#fff;}
.notifyBox h3{color:#fff; height:auto !important;}
.notifyBox li{color:#fff; list-style: disc;}
.freeConsigneBox{display:inline-block; margin-right: 5px;}
.searchingBox{margin: 40px 0; display: block; width: 100%;}
.searchingBox .searchBar{display:block; position: relative; z-index: 10;}
.searchingBox .searchBar input{width: 100%; padding: 10px 10px 10px 35px; font-size: 16pt; border-bottom: 1px solid #333;background: none;}
.searchingBox .searchBar .iconSearch{background: url(../../img/search.png) no-repeat center center;width: 35px;height: 47px;margin: 0 0 -47px 0;filter: brightness(0.5);}
.searchingBox .searchResults{display:none; position: relative; z-index: 1; background-color: #eee; padding: 30px 20px 20px 20px; margin: -10px 0 0 0; border-radius: 0 0 10px 10px; transition: 0.5s ease-out;}
.searchingBox .searchResults table td{vertical-align: middle !important; padding-right: 5px; border-bottom:1px solid #bbb;}
.searchingBox .searchResults table td:last-child{padding-right: 0px;}
.searchingBox .searchResults h3{font-size: 18px !important;}
.searchingBox .searchResults .addBasket{white-space: nowrap; padding: 5px 10px; margin: 5px 0;}
.searchingBox .searchResults .price, .searchingBox .searchResults .weight{white-space: nowrap; text-align: right;}
.searchingBox.floatingBox{position: fixed; width: 100%; margin: 0; left: 0; border-radius: 0; padding: 10px; z-index: 20;}
.imgArtShop{max-width: 60px !important; max-height: 60px; padding: 0 5px 0 0; float: left;}
.giftBox{display: none;}

/****************************************************************** * Classi Admin per gestionale SHOP ******************************************************************/
.cell-loading{ background: url('/img/admin/load-data.gif') no-repeat top center;}
.modifyCel{ display: none;}
.modifyArticle, .deleteArticle{ cursor: pointer;}
.saveButton, .discardButton, .modifyArticle, .deleteArticle{ padding: 5px; margin: 0; color: #fff; font-weight: bold; cursor: pointer;}
.saveButton, .deleteArticle{ background-color:#911215;}
.discardButton{ background-color:#777; margin-top: 5px;}
.modifyArticle{ background-color:#222;}
.deleteArticle{ margin-top: 5px;}

.orderComplete td{background-color:#beb;}
.ordersTab .articles .total{font-weight: bold;}
.articleTitle{width: 100%;}
.articleQuantity{text-align: center; width: 80px; max-width: 80px;}
.articlePrice{text-align: right; width: 80px; max-width: 80px;}
.articleDesc{font-family: tahoma, Verdana, sans-serif; width: 100%;}
.hide{display:none;}

@media (max-width:650px){
.popupShopBasket{padding: 0; width: 50px;}
.popupShopBasket .basketIcon{padding: 0 !important; width: 30px !important; height: 30px !important;}
.popupShopBasket .totalPrice{font-size: 11px;}
.popupShopBasket .totalArticle{font-size: 12px; position: inherit; margin: 3px 0 0 0px; padding: 6px 0 0 0; width: 100%; height: 25px;}    
.basketBox{top: 90px !important;}
.basketBox .articlesList{margin: 0px 0px 0 -50px; position: absolute;}
.shopSearchBar{text-align: center;}
.shopSearchBar .hasRightButton{display: block; margin: 0 20px; background-color: #ccc;}
.shopSearchBar .inputFilter{background-color: #ccc;}
.shopSearchBar .filterFocus{float: right; margin-top: -40px;}
.shopSearchBar .filterForm{display: table !important; margin: 0 auto;}
.shopSearchBar #articleDisplayOrder{display: block;}
#shopContent .artTD{display: inline-block; width: 100% !important; padding: 0 !important;}
#shopContent .artTD td{padding: 0 !important;}
#shopContent .artTD img{width: auto !important; max-width: 100%; max-height: 400px !important; margin: 0 auto !important; display: block;}
#tabs-riservazione .boxTab .titBox{display: block; width: 70%; padding-top: 9px; padding-bottom: 0; font-size: 16px;}
#tabs-riservazione .boxTab .titBox, #tabs-riservazione .boxTab .single, #tabs-riservazione .boxTab .double{padding-right: 7%;}
#tabs-riservazione .boxTab .single, #tabs-riservazione .boxTab .double{padding-top: 5px; padding-bottom: 0; font-size: 12px;}
#tabs-riservazione .boxTab input, #tabs-riservazione .boxTab select{font-size: 12px; padding: 2px;}
#tabs-riservazione .boxTab .butBox{padding: 20px 0 0 0; font-size: 12px;}
.tabStepPrenota ul{text-align: center;}
.tabStepPrenota li{margin:0 !important;}
.tabStepPrenota .textStep{display: none;}
.tabStepPrenota .attivoStepPrenota{background-color: inherit;}
.basketList thead{display: none;}
.basketList th, .basketList td{border-top: 0 !important;}
.basketList .basketArt .image{border-top: 2px solid #aaa !important;}
.basketList .totals th{border-top: 2px solid #666 !important;}
.basketList .image{text-align: center;}
.basketList .image img{max-width: 100% !important;max-height: 400px !important;}
.floatShopsButtons{margin: 0!important;}
#shopContent .filterForm{display:none !important;}
#shopContent td.artAddBasketTD{width:60px; padding-left: 5px !important;}
.artAddBasketTD .addBasket{text-align:center !important;}
.artAddBasketTD .addBasket p{text-align:center !important;}
.boxImage{margin: 30px 0px 0px; width: 235px;}
.titleArtShop, .qtyArtShop{display: none !important;}
.preOrder{margin: 0 0 -34px 0;}
.artShopBox{border-bottom: 1px solid #aaa; margin-bottom: 20px; padding-bottom: 20px !important;}
}