/* ----- get rid of stuff on shop page -----*/
#buy-now-btn, #buy-now-btn-xs {
    display: none
}
#top-banner {
    display: none;
}
button.navbar-toggler {
    margin-right: .7rem;
}
#vc-content {
    margin-top: 84px;
}
@media (max-width: 896px) {
    /* for both tablet: portrait and phone:portrait */
    #vc-content {
        margin-top: 55px;
    }
}
/*------------------------------------------*/

.countDiv {
    cursor:pointer;
    display:block;
    margin: 6pt 0 0 10pt;
}
.countDiv:hover {
    color:#3a75b8;
    font-weight:bold;
}
.count {
    font-size: 18pt;
}
.inputText {
    margin-bottom:4pt;
    padding-left: 3pt;
}
#frameInfo {
    display:none;
    /*opacity:0;
    transition: opacity 0.5s ease-in-out;*/
}
.tdBorder {
    border:1px solid #c0c0c0;
    padding:4pt 4pt 7pt 4pt;
    border-spacing: 5px;
}
.explanation {
    font-size:0.95em;
}
.section {
    margin-top:10pt;
    margin-bottom: 5pt;
    font-weight:bold;
    font-size:1.1em;
}
.notifyButton {
    cursor: pointer;
    color:white;
    background-color: #3a75b8;
    border-radius: 10pt;
    display: inline-block;
    /*margin-top: 14pt;*/
    padding: 4pt 10pt;
    border: 1px solid #a0a0a0;
    font-size: .9em;
    line-height: 1.2em;
}
.backContinueBtn {
    padding: 3pt 8pt;
    border-radius: 5px;
    background-color: #3a75b8;
    color: white;
    text-transform: uppercase;
    font-size: .85em;
}
.checkMark {
    height: 32px;
    display: none;
    margin: auto;
}
.frameCol2, .frameCol3 {
    display:none;
}
.hrShop {
    margin-top: 15pt;
    margin-bottom: 0pt;
    border-color: #a0a0a0;
}
.gwIcon {
    width:40px;
    cursor:pointer;
}
.gwDiv {
    padding-top:10pt;
    cursor:pointer;
}
#orderSummaryDiv {
    opacity: 0;
    display:flex;
    flex-wrap:wrap;
    margin:10pt 0 0 0;
}
#orderSummaryDiv h3 {
    margin-bottom: 3pt;
}
#reviewOrderTable td{
    line-height: 1.15em;
}
.reviewOrderRight {
    padding: 3pt 0 3pt 0;
    text-align: right;
}
#pwdDiv {
    display:none;
}
#page1 {
    /*margin-top: -15pt;*/
}
#page2 {
    display:none;
}
#phoneExplanation {
    padding-left: 4pt;
    /*font-size: .8em;*/
    font-variant: small-caps;
    display: inline-block;
    line-height: 1.2em;
    vertical-align: top;
    padding-left: 4pt;
}
#shippingInfo {
    display:none;
}
.shipOptionDiv {
    display:inline-block;
    padding:8pt 0 0 8pt;
    font-size:0.95em;
    line-height:1.4em;
    width:175px;
    vertical-align:top;
}
.shipOptionDiv input[type="radio"] {
    transform: scale(1.5);
    vertical-align:middle;
    margin-right: 3pt;
}
@font-face {
font-family: "font-awesome";
src:url("/static/fonts/fa-subset.ttf");
font-weight: normal;
font-style: normal;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #3a75b8;
    font-size:0.9em;
    letter-spacing: 0.5pt;
}
#toast {
    pointer-events: none;
    position:absolute;
    width:100%;
    top:50%;
    left:0;
    /*-webkit-transition: opacity 0.4s, transform 0.4s;
    transform: scale3d(.2,.2,1);
    opacity:0;*/
    transition: -webkit-transform .5s, opacity .5s;
    -webkit-transform: scale3d(.2,.2,1);
    opacity:0;
    text-align: center;
    z-index:2000;
}
#toast-text {
    display: inline-block;
    padding: 30pt;
    border-radius: 5pt;
    font-size: 1.1em;
    line-height: 2.2em;
    color: #800000;
    background-color: #DDDDDD;
    border: 2px solid #800000;
    box-shadow: 5px 5px 10px #808080;
}
.bootstrap-dialog-message {
    font-size: 1.05em!important;
}
.bootstrap-dialog-footer-buttons button {
    background-color: #3a75b8;
    color:white;
    padding: 5pt 20pt 5pt 20pt;
}
.bootstrap-dialog-close-button button {
    font-size:20pt;
    opacity: .6
}
agreementModal .modal-dialog {
    max-width: 85%;
}
#card-container {
    /*width: 100%;*/
    /*max-width: 350px;*/
    /*margin: -10pt auto;*/
    /*transition: opacity .5s;*/
    /*opacity: 0;*/
    border: 1px solid #c0c0c0;
    border-radius: 4pt;
    background-color: #f0f0e8;
    padding: 8pt;
}
.card-wrapper {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
}
#checkOut {
    margin-top: -10pt;
}
#checkOut input {
    width: 200px;
    margin: 10px auto;
    display: inline-block;
    font-size: 1.0em;
    padding-left: 3pt;
}
#cvc {
    display:inline;
    width:50pt;
    margin-left:8pt
}
#expiry {
    display:inline;
    width:60pt
}
#promoError {
    color:red;
    font-size: 0.95em;
    font-weight:bold;
}
#promoError{
    padding-left:3pt;
}
.strikethru {
    text-decoration: line-through;
    color: #808080;
}
#VCF101-sub {
    /*vertical-align: bottom*/
}
@media (max-width: 480px) {
    .bootstrap-dialog {
        margin-top: 50px !important;
    }
    #VCF101-sub {
        vertical-align: inherit;
    }
}
.question-circle {
    vertical-align: text-bottom;
    height:15pt;
    cursor: pointer;
}

#esd td {
    line-height: 1.3em;
    letter-spacing: normal;
    text-align: center;
    font-size: 10.5pt;
    vertical-align: top;
    padding: 6pt !important;
}
#transit {
    padding: 8pt 0 8pt 8pt;
    font-style: italic;
    font-size: .9em;
    line-height: 1.2em;
    padding-left: 36pt;
    text-indent: -36pt;
}
#extended-leadtime {
    font-style: italic;
    text-align: center;
    font-size: .9em;
    line-height: 1.2em;
    padding-top: 8pt
}
@media screen and (min-width: 760px) {
    #transit { max-width: 60%; }
}
@media screen and (min-width: 1000px) {
    #transit { max-width: 45%; }
}
img.VCF101-hl {
    height: 78px;
    margin-bottom: 8pt;
}
img.VCF156-hl {
    height: 110px;
    margin-bottom: 8pt;
}
@media screen and (max-width: 479px) {
    /* phone styles */
    img.VCF101-hl {
        height: 64px;
    }
    img.VCF156-hl {
        height: 90px;
    }
    #select-table, .headline {
        /*margin-left:-8px;*/
    }
    #select-table {
        width:100%;
    }
    #guaranteeWarranty {
        margin: 0;
    }
   .shipOptionDiv {
        width: 87vw;
        padding: 8pt;
        border: 1px solid #ccc;
    }
    #shippingRadioDiv > div {
        display: block;
    }
}
/* Styles for auto-completing the state value for hearabout, recommended senior facility */
.autocomplete-container {
    position: relative; /* Essential for positioning the suggestions */
    max-width: 400px;
    /*margin: 0 auto;*/
}
#suggestions-box {
    position: absolute;
    width: 100%;
    z-index: 100; /* Ensures it sits above other elements */
    border: 1px solid #ddd;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-top: none;
    max-height: 250px; /* Limits the height for mobile scrolling */
    overflow-y: auto;
    border-radius: 0 0 6px 6px;
}
.suggestion-item {
    padding: 12px;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}
.suggestion-item:last-child {
    border-bottom: none;
}
.suggestion-item:hover, .suggestion-item:active {
    background-color: #e6f7ff; /* Highlight on hover/tap */
}
.result-output {
    margin-top: 20px;
    padding: 15px;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    color: #0c5460;
    border-radius: 6px;
    text-align: center;
}
.hearabout-input {
    display: none;
}
.hearabout-input input {
    margin:2pt 3pt 5pt;
}