/******
**
** homedelivery.deliverySlots
**
******/

/* Style the deliveryslots as a kind of grid */

form.DeliverySlots {
    width: 60%;
    margin: 10px auto 0 auto;
    }

form.DeliverySlots label {
    display: inline-block;
    width: 100px; 
    height: 100px;
    padding: 5px;
    margin: 0;
    position: relative;
    }

form.DeliverySlots label>* {
    display: block;
    text-align: center;
    margin: 0 auto 0 auto;
    width: auto;
    }

form.DeliverySlots label>input {
    height: 50px;
    position: absolute;
    bottom: 0;
    margin-left: 45px;
    }

form.DeliverySlots label.IsNotSlot span {
    color: #888888;
    }

form.DeliverySlots .dDay {
    border-bottom: 2px solid grey;
}

form.DeliverySlots label.IsSlot .dDay {
    border-bottom: 2px solid #db1e26;
    font-weight:bold;
}

form.DeliverySlots .d {
    font-size:14px;
}

form.DeliverySlots label.IsSlot .d {
    font-weight:bold;
}

form.DeliverySlots label.IsSlot.ChosenDelivery .dDay,
form.DeliverySlots label.IsSlot:hover .dDay {
    border-bottom: 2px solid #19883a;;
}

form.DeliverySlots label.ChosenCollection .dDay {
    border-bottom: 2px solid #3853ca;
}

form.DeliverySlots label.IsSlot.ChosenDelivery::after,
form.DeliverySlots label.IsSlot:hover::after  {
    font-family:"Font Awesome 6 Pro";
    color:#19883a;
    content:"\f0d1";
    text-align:center;
    display:block;
}

form.DeliverySlots label.ChosenCollection::after {
    font-family:"Font Awesome 6 Pro";
    color:#3853ca;
    content:"\e2e1";
    text-align:center;
    display:block;
}

.DeliverySlots .SlotInfo {
    margin-bottom:30px;
    display:block;
    font-size:14px;
    font-weight:bold;
}

/******
**
** homedelivery.basket
**
******/

.HomeDelivery .frontBanner {
    background-image: url('https://hire.rugdoctor.co.uk/images/cust/frontHomeDeliveryBanner.png');
}

.ChooseOptions .ProductBasketBackground {
    background-color: #e2e3e5;
    border-color: #d3d6d8;
    padding-bottom:30px;
    padding-top:30px;
    margin-top: 30px;
    margin-bottom:20px;
}

table.ProductBasket {
    margin: 20px auto 20px auto;
    text-align: center;
    max-width:600px;
    min-width:320px;
    }

table.ProductBasket a.WhatsThis {
    display: block;
    cursor: pointer;
    }
table.ProductBasket td.RemoveItem b {
    display: block;
    width: 16px;
    height: 16px;
    }

table.ProductBasket td.RemoveItem.Removable b {
    background: url("https://hire.rugdoctor.co.uk/app/img/img/silk%253Acancel.png/v/1075387666") 0 0 no-repeat;
    }

/* Delivery */
.DeliveryType {
    text-align: right;
    }
.DeliveryType label {
    display: inline-block;
    width: 25%;
    }
.DeliveryType label:first-of-type {
    width: 50%;
    text-align:left;
    }
.DeliveryType input {
    width: auto;
    }
.DeliveryType label:first-child {
    padding-right: 30px;
    }
 
/* Hand Tool */
.HandTool {
    margin: 15px 0 20px 0;
    }
.HandTool label {
    display: inline-block !important;
    width:auto !important;
    margin:0px;
    margin-left:5px;
    margin-right:5px;
    }

.HandTool input {
    width: auto;
    }

.HandTool [type=radio] { 

}

.HandTool label:first-child {
    padding-right: 30px;
    }


/* Primary Product */
.ChoosePrimaryProduct {
    margin: 15px 0 45px 0;
    }
.ChoosePrimaryProduct label {
        text-align:center;
    }

.ChoosePrimaryProduct [type=radio] { 
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
}

/* IMAGE STYLES */
.ChoosePrimaryProduct [type=radio] + img {
    cursor: pointer;
    filter: grayscale(100%);
    max-width:100%;
    min-width:120px;
    margin-bottom:10px;
}

.ChoosePrimaryProduct .primaryProductText {
    border-top:2px solid #db1e26;
    padding-top:10px;
    cursor: pointer;
}

.ChoosePrimaryProduct .primaryProductText:hover,
.ChoosePrimaryProduct input[type=radio]:checked ~ .primaryProductText {
    border-top: 2px solid #19883a;
}

.ChoosePrimaryProduct input[type=radio]:checked ~ .primaryProductText {
    font-weight:bold;
}

.ChoosePrimaryProduct [type=radio] + img:hover {
    filter: grayscale(0%);
}
  
  /* CHECKED STYLES */
.ChoosePrimaryProduct input[type=radio]:checked + img {
    filter: grayscale(0%);
}

.ChoosePrimaryProduct i {
    color:#db1e26;
}

.ChoosePrimaryProduct input {
    width: auto;
    }
.ChoosePrimaryProduct label:first-child {
    padding-right: 30px;
    }




/* Grid of addable products... */
.ProductSet {
    margin: 30px 0; padding: 0;
    text-align: center;
    }

.ProductGrid .Product .Header {
    overflow: hidden;
    }


.Product {
    font-size: 10pt;
    margin: 0; padding: 0;
    margin-top: 20px;
    overflow: hidden;
    padding-left:10px;
    padding-right:10px;
    margin-top:20px;
    
}

.Product .imgContainer {
    max-width:100%;
    height:209px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Product .imgContainer img {
    max-width:100%;
    max-height:209px;
}

.Product .Header h4 {
    font-size: 14pt;
    margin: 0; padding: 0;
    margin-top: 20px;
    }

.Product .Description {
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: top;
    min-height:120px;
    }

.Product .Links a {
    display: inline-block;
    margin: 5px auto 5px auto;
    background: #B61A1F;
    padding: 10px 12px 10px 12px;
    color: white;
    font-weight: bold;
    }

.Product .Link.findMore a {
    background:grey;
}

.Product .Links p.Link {
    text-align: center;
    display: inline-block;
    }

.Product .CostWeight span {
    font-weight: bold;
    display: inline-block;
    width: 55px;
    text-align: left;
    }

/* Tidy up the basket */
table.ProductBasket thead th {
    border-bottom: 1px solid #aaaaaa;
    }
table.ProductBasket tr.Totals th {
    border-top: 1px solid #aaaaaa;
    }

.HomeDelivery a.StageLink {
    background:#B61A1F;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    color:white;
    margin-left:5px;
    margin-right:5px;
    font-size:14px;
    font-weight:bold;
} 

.HomeDelivery a.StageLink.PreviousStage {
    background:gray;
}

.HomeDelivery a.StageLink.disabled,
.HomeDelivery .secondaryProductsTitle.disabled,
.HomeDelivery .secondaryProductsNotes.disabled   {
    display:none;
}


/* Basket errors */
div.BasketErrors {
    border: 2px solid red;
    padding: 10px;
    margin: 20px auto;
    font-size: 10pt;
    width: 60%;
    }

div.BasketErrors ul {
    list-style: none;
    }
div.BasketErrors li {
    font-weight: bold;
    }

#headwrap .ProductBasketMenu {
    position:relative;
}

#basketSidebarCollapse {
    position:absolute;
    top:10px;
    right:20px;
    color:#db1e26;
    font-size:22px;
}

BODY.hdflow_chooseoptions #basketSidebarCollapse {
    display:none;
}
    

#basket-sidebar {
    min-width:320px;
    max-width: 320px;
    margin-right:-320px;
    min-height: 100vh;
    z-index: 999;
    background: #FFF;
    transition: all 0.3s;
    position:fixed;
    padding-top:40px;
    right:0px;
    text-align:center;
}

#basket-sidebar.active {
    margin-right:0px;
}

#basket-sidebar .ProductBasketWrapper table.ProductBasket {
    font-size:14px;
    padding:0px;
    margin:0px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

#basket-sidebar .alert-danger {
    display:none;
}

.HomeDelivery .ui-dialog-titlebar {
    background:#db1e26;
    color:white;
    border:0px;
    border-radius:0px;
}

.OrderConfirm .summaryInfo {
    margin-top:20px;
    margin-bottom:40px;
}

.OrderConfirm .ProductBasketBackground {
    margin-top:40px;
}

.OrderConfirm .ProductBasketBackground .ProductBasket {
    margin-bottom:40px;
}


/******
**
** homedelivery.success
**
******/

/* Extra styling for the Success page */

table.HomeDeliveryOrder {
    width: 65%;
    margin: 30px auto;
    text-align: center;
    }

table.HomeDeliveryOrder td:first-child,
table.HomeDeliveryOrder th:first-child {
    text-align: left;
    }

table.HomeDeliveryOrder tr:last-child td {
    font-weight: bold;
    }

div.successnotes,
div.inviteafriend,
div.questions.successpage
div.bookingDetails
{
    margin: 40px auto;
    }

div.successnotes a.button.noprint {
    display: block;
    width: 150px;
    margin: 10px auto;
    text-align: center;
    height: auto;
    }

div.bookingDetails {
    text-align: center;
    }

    #surveyButton {
        color: white;
        background: #D8262E;
        border: 0px;
        padding: 7px 30px 7px 30px;
        font-weight: bold;
        font-size: 14px;
        width: auto;
        text-transform: uppercase;
    }
    
    #surveyButton:hover {
        background: #ad1e25;
        transition: 0.5s all;
    }

/******
**
** homedelivery.tweaks
**
******/

.sitebody {
    padding: 10px;
    }

div.pagehomedelivery {
    text-align: center;
    }

.pagehomedelivery h4 {
    font-size:10pt;
 }

.HiddenData {
    display: none;
    }

div.VoucherCode div.VoucherCode {
    text-align: center;
    padding: 10px 0;
    }

div.PageItem {
    margin: 30px 0;
    }
div.PageItem>label {
    font-weight: bold;
    }

div.paymentDetails input[type='submit'] {
    margin: 20px auto 20px auto;
    display: block;
    }

p.DeliveryInstructions {
    text-align: center;
    }

p.DeliveryInstructions span.NoteShow {
    padding-left: 20px;
    }

a.NoteEdit {
    display: block;
    text-align: center;
    }

form.DeliveryNoteForm {
    width: 600px;
    }

form.DeliveryNoteForm span.Submit {
    display: block;
    width: 100%;
    text-align: center;
    margin:0; padding: 0;
    }
form.DeliveryNoteForm textarea {
    display: block;
    width: 90%;
    margin: 10px 5% 10px 5%;
    height: 100px;
    }


div.ProductGrid {
    margin-top: 20px;
    }


div.pageadminhomedelivery div.BookForm .detailbox {
    margin-left: auto;
    margin-right: auto;
    float: none;
    }


table.ProductsOrdered {
    margin-left: auto;
    margin-right: auto;
    }


/* Centre-align all holding page content */
div.hdholdingpage {
    text-align: center;
    }

div.AltAddress {
    text-align: center;
    }

form.bookingform.homedelivery div.AltAddress {
/*    display: none; */
    }


    


/******
**
** homedelivery.stageButtons
**
******/

a.StageLink.disabled {
    pointer-events: none;
    }