.highlight {
    background-color: #fff34d;
    
}
.pad10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.text-center {
    text-align: center !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clearfix {
    display: block;
}

.text-large1 {
    font-size: 36px;
    font-weight: bold;
}

.text-large2 {
    font-size: 30px;
    font-weight: bold;
}

.text-large3 {
    font-size: 24px;
    font-weight: bold;
}

.text-large4 {
    font-size: 18px;
    font-weight: bold;
}

.text-large5 {
    font-size: 14px;
    font-weight: bold;
}

.pb-1 {
    padding-bottom: 10px;
}

.link-underline {
    text-decoration: underline;
}

.text-black {
    color: #000 !important;
}

.loginlabel {
    font-weight: bold;
    font-size: 12px;
}

#divCartBox {
    position: fixed;
    top: 20% !important;
    text-align: left !important;
    float: left !important;
}

.btnwide {
    width: 400px !important;
}


/** SPINNER CREATION **/

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/** MODAL STYLING **/

#loadMe {
    position: fixed;
    top: 20% !important;
}
.loader-modal-content {
    border-radius: 0px;
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
    background-color: #fff;
}

.loader-modal-backdrop.show {
    opacity: 0.75;
}

.cookie-banner { position: fixed; bottom: 0; /* Position relative to the viewport */ left: 0; width: 100%; background-color: #f8f9fa; border-top: 1px solid #dee2e6; padding: 10px 0; display: none; /* Initially hidden */ z-index: 1000; /* Ensure it's on top */ }

    .cookie-banner p { margin-bottom: 0; }

.lineheight16 { line-height: 16px; }


.card-internalblue { border-color: #c5e7f0; border-width: 1px !important; border-radius: .3rem; background: #f1f9ff; font-size: .8em; margin-top: 1rem !important; }

  .card-internalblue > .card-header { color: #426f8c; background-color: #ddecf6; border-color: #ddecf6; font-weight: bold; padding: 8px 15px; font-size: 1.3em }

    .card-internalblue > .card-header > .card-title { margin: 0; }

    .card-internalblue > .card-header + .card-collapse > .card-body { border-top-color: #ddecf6; background: #ddecf6; }

    .card-internalblue > .card-header .badge { color: #426f8c; background-color: #ddecf6; }

  .card-internalblue > .card-footer + .panel-card > .card-body { border-bottom-color: #ddecf6; }

  .card-internalblue .card-body a { color: #426f8c; font-weight: normal; }

    .card-internalblue .card-body a:hover { color: #426f8c; font-weight: bold; text-decoration: underline; }

.uppercase { text-transform: uppercase; }

.text-underline { text-decoration: underline; }