/* ----------------- 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;}
.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{padding-top: 40px;}
#shopContent .globalBox .boxOrderController{box-shadow: 0 0 5px #0000004d; padding: 0;}
#shopContent .globalBox:hover .popup-button + div{padding: 5px;}
#shopContent .globalBox:hover .popup-button{box-shadow: 0 0 20px #0000004d; cursor: pointer;}
#shopContent .globalBox .text-content{padding: 10px;}
#shopContent .globalBox .imgFullCenter, #shopContent .globalBox .imgFullTop{margin: 0;}
#shopContent h2{color:#911215 !important; padding:40px 0 0 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 .weight{display:inline-block; font-size: 12px; color: #aaa; padding: 8px 0;}
#shopContent #quantity{display:inline-block; float:left; padding:0; margin:5px 5px 5px 0;}
#shopContent .button{padding:5px 7px; background-color:#000; color:#fff; margin:0; cursor:pointer; font-weight:bold; font-size: 10pt;}
#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{display:block; margin:0 0 0 5px; text-transform: uppercase; font-family: FuturaCondensed;}
#shopContent .popupFix-bg .addBasket{float:right; font-size: 16pt;}
#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{display:inline-block; padding:3px 10px; font-size: 14pt; text-align:center; font-weight:bold; background-color:#555; color:#fff; cursor:pointer;}
#shopContent .info-button:hover{background-color:#777;}
#shopContent .wineBox{}
#shopContent .wineBox .imgLeft{width:70px;}
#shopContent .singleShopArticle h2{text-transform: uppercase; font-size: 24pt; height: auto;}
#shopContent .singleShopArticle .boxWeight{display: block; margin: 0 0 10px 0; font-size: 24pt;}
#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;}
.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;}
.popupShopAddBasket{display:none;}
.popupShopAddBasket .return-button, .popupShopAddBasket .cancel-button{padding: 5px 10px; width: 40%; font-size: 12pt !important; text-transform: uppercase;}
.popupShopAddBasket img{display:block; margin:0 auto 5px auto !important;}
.popupShopAddBasket .box{display:block; text-align: center; margin: 5px 0 20px 0;}
.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 .qty{width:60px; text-align:center !important;}
.basketList .prz{width:80px; 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{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;}
.boxSelectors{display: block; margin: 20px auto; width: 80%;}
.boxSelectors select{width: 100%;}
.boxSelectors .sel-img{display: inline-block; width: 25%; text-align: right; padding-right: 10px;}
.boxSelectors .sel-img img{width: 100%;}
.boxSelectors .sel-text{display: inline-block; width: 75%; text-align: left; vertical-align: top;}
.boxSelectors .text-description{font-size: 11pt; padding: 5px 0;}
#shopContent .tdCols .popupFix-box .text-price{display: inline-block;float: left;width: auto;font-weight: bold;color: #911215;font-family: futuraBold;font-size: 18pt; padding: 3px 0;}
#verifyConsigneAddress, .buttonVerifyConsigneAddress, .boxConsigneAddress, .boxInformation{display: inline-block;}
.boxConsigneAddress{width: 49%; white-space: nowrap;}
.boxConsigneAddress .required{background-color: #9112154d !important;}
.buttonVerifyConsigneAddress{margin: 0 !important; padding: 7px 0 !important; width: 40%; text-transform: uppercase; font-family: futuraBold; font-size: 14pt; background-color: #fff; color: #000; border-radius: 40px; cursor: pointer;}
#verifyConsigneAddress{background: transparent; color: #fff; border-bottom: 1px solid #fff; padding: 10px 10px 8px 10px; width: 50%;}
#verifyConsigneAddress::placeholder, #verifyConsigneAddress:-ms-input-placeholder, #verifyConsigneAddress::-ms-input-placeholder{color: #aaa !important; font-style: italic;}
.boxMessaging,.boxAlertLocation{display: none; background-color: #e95411; margin: 10px -10px -10px -10px; padding: 10px;}
.modConsigneImg{height: 60px; vertical-align: middle; padding-right: 5px;}
.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;}
.boxConsigne{display:inline-block;}
.boxConsigne:hover{background-color: #eee;}
.boxSelected{background-color: #ddd;}
#retireOnShop{zoom:2;}
/****************************************************************** * 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;}
.articleQuantity{text-align: center; width: 40px; max-width: 40px;}
.articlePrice{text-align: right; width: 60px; max-width: 60px;}
.articleDesc{font-family: tahoma, Verdana, sans-serif; width: 100%;}

@media (max-width:850px){
.boxConsigneAddress{width: 100%;}
}

@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: 70px !important;}
.basketBox .articlesList{margin: 0px 0px 0 -50px; position: absolute;}
.shopSearchBar{text-align: center;}
.shopSearchBar .hasRightButton{display: block; margin: 0 auto;}
.shopSearchBar .filterForm{display: table !important; margin: 0 auto;}
.shopSearchBar .filterForm{float: none; padding-top: 20px;}
.shopSearchBar #articleDisplayOrder{display: block;}
#shopContent .popupFix-box{width: 100% !important; top: 0 !important; border-radius: 0 !important; bottom: 0 !important;}
#shopContent .popupFix-box .boxSelectors .sel-img{padding-right: 0;}
#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;}
}