div#clickToReserveBlock {
    margin: 20px 0;
}

div#clickToReserveBlock a.click-to-reserve {
    background-color: #ffffff;
    border: 2px solid #1db97d;
    color: #1db97d;
    border-radius: 4px;
}

div#clickToReserveBlock a.click-to-reserve.disable-click-reserve {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

div#clickToReserveBlock .close {
    visibility: hidden;
}

div#clickToReserveBlock .modal-header {
    background: #4cbb6c;
}
div#clickToReserveBlock .modal-title {
    font-weight: 600;
    color: #fff;
    font-size: 1.125rem;
}

#frmClickToReserve .col-xs-12.col-md-8.col-sm-8 h2, #frmClickToReserve .col-xs-12.col-md-8.col-sm-8 h4 {
    color: #3e4d6c;
}

#frmClickToReserve .form-group.required .control-label:after {
    content:"*";
    color:red;
}

#frmClickToReserve .form-group.required div[class^="col-"] {
    padding-left: 0px;
    margin-bottom: 10px;
}

#frmClickToReserve .form-group.required div[class^="col-"] input {
    border: 1px solid #cccccc;
    background: none;
    border-radius: 0;
}

#ClickToReserveModal .modal-dialog {
    max-width: 830px;
}

#ClickToReserveModal .modal-dialog .modal-header .modal-title {
    color: #6d6e71;
}

#ClickToReserveModal .modal-dialog p, #ClickToReserveModal .modal-dialog a{
    color: #949494;
    font-size: 15px;
}

#ClickToReserveModal .image-container {
    width: 230px;
    height: 230px;
    text-align: center;
    border: 1px solid #c0c0c0;
}

#ClickToReserveModal .image-container img {
    width: 225px;
    height: 225px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#ClickToReserveModal #clickToReserveAddressMap {
    margin-top: 20px;
}

#ClickToReserveModal #clickToReserveAddressMap {
    color: #949494;
    position: relative;
}

#ClickToReserveModal #clickToReserveAddressMap .col-md-7 {
    margin-bottom: 50px;
}

#ClickToReserveModal #clickToReserveAddressMap .store-address {
    margin-bottom: 30px;
}

#ClickToReserveModal #clickToReserveAddressMap .store-address .title {
    color: #3e4d6c;
}

#ClickToReserveModal #clickToReserveAddressMap .store-address .title b {
    font-size: 17px;
}

#ClickToReserveModal #clickToReserveAddressMap a.contact-mail {
    text-decoration: underline;
}

#ClickToReserveModal #clickToReserveAddressMap button.btn.btn-primary {
    /*width: 200px;*/
    /*height: 50px;*/
    /*background-color: #e76249;*/
    /*-webkit-box-shadow: inset 70px 0 30px #eb9367;*/
    /*-moz-box-shadow: inset 70px 0 30px #eb9367;*/
    /*box-shadow: inset 70px 0px 30px #eb9367;*/
    /*border-radius: 4px;*/
    position: absolute;
    bottom: 3px;
    right: 18%;
}

/*#ClickToReserveModal #clickToReserveAddressMap button.btn.btn-primary:hover {*/
    /*background: #eb9368;*/
    /*background: -moz-linear-gradient(left, #47da97 0%, #1bb77b 100%);*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eb9368), color-stop(100%, #eb9368));*/
    /*background: -webkit-linear-gradient(left, #47da97 0%, #1bb77b 100%);*/
    /*background: -o-linear-gradient(left, #47da97 0%, #1bb77b 100%);*/
    /*background: -ms-linear-gradient(left, #47da97 0%, #1bb77b 100%);*/
    /*background: linear-gradient(to right, #eb9368 0%, #eb9368 100%);*/
/*}*/

/* quick-view */
.quickview #ClickToReserveModal
{
    top: -20px;
    right: -20px;
}

@media screen and (max-width: 732px) and (min-width: 320px) {
    div#clickToReserveBlock .close {
        visibility: visible;
    }

    #ClickToReserveModal #clickToReserveAddressMap button.btn.btn-primary {
        position: relative;
        bottom: -5px;
        left: 50%;
        transform: translate(-50%, 0);
        margin-top: 20px;
    }

    #ClickToReserveModal .image-container {
        width: 100%;
    }

    #ClickToReserveModal #frmClickToReserve .col-xs-12.col-md-4.col-sm-12 {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 320px) {
    #ClickToReserveModal .modal-dialog {
        overflow-y: hidden;
    }
    #ClickToReserveModal #clickToReserveAddressMap iframe {
        width: 256px !important;
    }
}