@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

#allContent {
    margin: 0px auto !important;
    position: relative !important;
    min-height: 100vh !important;
    padding-bottom: 100px !important;
}
.form-control {
    margin: 10px auto !important;
}

.form-check {
    margin: 15px 10px 15px 10px !important;
}

label {
    font-weight: normal !important;
}
.sameexistingaddress {
    margin-bottom: 0px !important;
    margin-left:0px!important;
}
.no-margin{
    margin:0px!important;
}
.deliveryAndAssembly {
    border: 1px solid #D3D3D3;
    display: inline-block;
    min-height: 70px;
    float: none;
    margin: 10px 20px;
    text-align: left;
    max-width: 340px;
}

.table > tbody > tr > th {
    border-top: none !important;
}

.test {
    display: inline-block;
    text-align: left;
    margin: 0px 10px;
}

.finalTotal {
    display: inline-block;
    text-align: left;
    /*margin: 0px 10px;*/
    padding: 10px 20px 10px 20px;
    float: right !important;
    border-bottom: 1px dotted black;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.addressAndTime {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    display: inline-block;
    min-height: 120px;
    float: none;
    text-align: left;
    padding: 20px 20px 5px 20px;
    width: 100%;
    margin-bottom: 10px;
    word-break: break-all;
    position: relative;
}
.billingAddressAndTime {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    display: inline-block;
    min-height: 154px;
    float: none;
    text-align: left;
    padding: 20px 20px 5px 20px;
    width: 100%;
    margin-bottom: 10px;
    word-break: break-all;
    position: relative;
}

.ReviewAndConfirmaddress {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    display: inline-block;
    float: none;
    text-align: left;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    word-break: break-word;
}

.addressAndTimeBox {
    text-align: left;
    display: inline-block;
    float: none;
    margin: auto;
}

.timeslota {
    display: inline-block;
    margin: 5px 10px !important;
    height: 30px;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 5px 0px;
    cursor:pointer;
    
}

.timeslota:hover {
    border: 1px solid #0066ff;
}
.disclaimer {
    font-size: 12px;
}


.ui-datepicker a.ui-state-default {
    border: 1px solid gray;
    border-radius: 50%;
    border-color: #F5F5F5;
    color: #606060;
    background-color: #E8E8E8 !important;
}

.ui-datepicker-trigger {
    margin: 0 0 0 5px;
    vertical-align: text-top;
}

.ui-datepicker {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    padding: 0 !important;
    border-color: #ffffff !important;
    display: inline-block !important;
}

.ui-datepicker-header {
    background-color: #2e6da4 !important;
    background-image: none !important;
    border: none !important;
}

.ui-datepicker-prev span {
    display: none !important;
}

.ui-datepicker-next {
    text-align: center;
}

.ui-datepicker-next span {
    display: none !important;
}

.ui-datepicker-prev {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 7px !important;
    margin: 14px 12px;
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
    height: 14px !important;
    width: 9px !important;
    margin: 5px !important;
}

.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    background-color: transparent !important;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
    height: 12px !important;
    width: 8px !important;
    margin: 14px 12px;
    display: inline-block;
    right: 0 !important;
    top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
    height: 14px !important;
    width: 8px !important;
    margin: 5px;
}

.ui-datepicker-month {
    border-radius: 2px;
    width: 110px !important;
    height: 22px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    border: none !important;
    margin-right: 17px !important;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-month {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-year {
    border-radius: 2px;
    width: 61px !important;
    height: 22px;
    border: none !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    vertical-align: text-top;
}

.openemr-calendar .ui-datepicker-year {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: rgba(34, 34, 34, 0.87);
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    transform: scaleX(1.0029)
}

.ui-datepicker-month option,
.ui-datepicker-year option {
    color: #3985a0 !important;
    background-color: #fff !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;
}

    .ui-datepicker-month option[selected],
    .ui-datepicker-year option[selected] {
        background-color: #e5edf0 !important;
    }

.ui-datepicker .ui-state-hover {
    /*background: none !important;*/
    border: 0 !important;
}

.ui-datepicker td {
    vertical-align: top;
    width: 33px;
}

.ui-datepicker .ui-state-default {
    border: none !important;
    background: white !important;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    line-height: 24px;
    text-align: center !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: #707070;
    font-size: 13px;
    font-weight: 400 !important;
    margin: 7px 0 0 4px;
}

.openemr-calendar .ui-state-default {
    width: 26px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    margin: 0;
}

.ui-datepicker a.ui-state-default.ui-state-hover {
    border-radius: 50% !important;
    border-color: #2196F3;
    color: #fff !important;
    background-color: #2196F3 !important;
}

.ui-datepicker a.ui-state-active {
    border-color: #2196F3 !important;
    border-radius: 50%;
    background-color: #2196F3 !important;
    color: white !important;
}

.ui-datepicker-calendar thead tr th {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    padding: 0.45em 0.3em !important;
    background-color: white !important;
}



.ui-state-default.ui-datepicker-current {
    float: none !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    border-width: 0 !important;
    border: none;
    vertical-align: top;
    margin: 0 !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
    text-align: center;
    background-color: #3e9aba;
    margin: 0 !important;
    height: 28px;
    padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
    background-color: transparent;
}

.openemr-calendar .ui-datepicker-month {
    background-color: transparent;
}

.openemr-calendar .ui-state-default {
    border: 0 !important;
}

.openemr-calendar .ui-datepicker-month {
    margin-right: 10px !important;
}

.ui-datepicker-calendar {
    margin: 0px !important;
    padding: 5px !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}

.ui-datepicker-group-first .ui-datepicker-calendar {
    border-right: 2px solid #D3D3D3 !important;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 100% !important;
}

.selectedTimeSlot {
    border-color: blue !important;
}

.paymentOptions {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    background-color: #F5F5F5;
    float: none!important;
    margin: 10px auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.customRadioButton {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    /* Hide the browser's default radio button */
    .customRadioButton input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 3px;
    left: 9px;
    height: 16px;
    width: 16px;
    border: 2px solid #ccc;
    border-radius: 50%;
}

/* When the radio button is checked, add a blue background */
.customRadioButton input:checked ~ .checkmark {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
}

/* Show the indicator (dot/circle) when checked */
.customRadioButton input:checked ~ .checkmark:after {
    display: block;
    background-color :#2196F3;
}

/* Style the indicator (dot/circle) */
.customRadioButton .checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


.visa {
    background-image: url("data:image/png;base64,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");
}

.master-card {
    background-image: url("data:image/png;base64,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");
}

.amex {
    background-image: url("http://www.paymentscardsandmobile.com/wp-content/uploads/2015/08/Amex-icon.jpg");
}

/*select {
    border-radius: 4px;
    background-image: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAlElEQVRIx+2VwQ3AIAhFwTiFi7KC7uYGHo1z0Et7MWkjaEiaQOJBDzy/wgdqrXwHWKyAiGAZDnSgHBhC+IfCUgqbKXxgGqhY4QyRQkUK35KLoK01iZd+xZKXRuEfbvdQPPGkAABEhMeLhohE5yfaAufk93791r13zQDmnLNqcOMYg1NKmoJgTRHtmDeaWZvPQweaAi8PXSmZJU3QRAAAAABJRU5ErkJggg==")!important;
    background-position: -50px -50px;
}*/
select:required:invalid {
    color: gray;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}
.headerstyle {
    display: block !important;
    font-size: 1em !important;
    margin-top: 1.33em !important;
    margin-bottom: 1.33em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}
.btn-circle {
    width: 30px !important;
    height: 30px !important;
    padding: 6px 0px !important;
    border-radius: 15px !important;
    text-align: center !important;
}
.itemdescription {
    font-size: 12px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.prodInfoContainer, .productdetailscontainer {
    line-height: 1.2 !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.checkbox-blue {
    font-size:14px!important;
}
.tblShoppingCart .colTotalPrice {
    max-width:200px!important;
    font-weight:
}
.colAssembly{
    padding-top:10px!important;
}
.cart-total-left, .product-price, .cart-total-right span span, .cart-total-right span, yesmob, nomob {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.checkboxcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkboxcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmarkcircle {
    position: absolute;
    top: -18px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #2196F3;
}

/* On mouse-over, add a grey background color */
.checkboxcontainer:hover input ~ .checkmarkcircle {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxcontainer input:checked ~ .checkmarkcircle {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkcircle:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxcontainer input:checked ~ .checkmarkcircle:after {
    display: block;
}
.checkboxcontainer input ~ .checkmarkcircle:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxcontainer .checkmarkcircle:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.deliveryAndAssemblyActive {
    border-color: #2196F3!important;
}

.panel-body{
    position:relative!important;
}
.loadingPanelBody {
    position: fixed !important;
    width: 100%;
    height: 100%;
    /*display: none;
    z-index: -500;
    display: none;*/
    z-index: 1000;
    cursor: context-menu!important;
    opacity: 0.5;
    top: 0;
    left: 0;
    background-color:white;
}
.loadingPanelBodyActive {
    z-index: 1000;  
    display: block!important;
}
.sectionLoader {
    height: 100px !important;
    width: 100px !important;
}
.sectionLoaderContainer {
    position: relative;
    top: 38%;
    height: 100px;
    width: 100px;
    margin: 0 auto;
}
.opcbuttons {
    background: #0058a3 !important;
    box-sizing: border-box;
    border-radius: 30px !important;
    transition: 0.3s;
    margin-top: 2px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}

.opcbuttons:hover {
    background: #3379b5 !important;
    box-sizing: border-box;
    border-color: none !important;
}
.billing-delivery-pay{
    border: none !important;
}
.panel-heading {
    /*background: linear-gradient(to bottom,#0E7FD5 0,#0172C9 100%)!important;*/
    background-color: #f0f0f0 !important;
}
.footer {
    background-color: #0058a3!important;
}
.ItemTotal {
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    white-space: nowrap;
}

.joinikeafamily {
    margin-top: 10px;
    font-size: 14px;
    float: left;
}

.joinikeafamily .joinikeafamilymainmessage {
    font-weight: bold;
}

.joinikeafamily .joinikeafamilymainmessagelink {
    color: #2196F3;
}

.joinikeafamily .joinikeafamilysecondarymessage {
    font-size: 12px;
    color: #aaa;
}

.ikeafamilyprice {
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    white-space: nowrap;
    color: #2196F3;
}

.ikearegularprice {
    font-size: 12px;
    font-weight: bold;
    margin-left: 30px;
    white-space: nowrap;
    color: #aaa;
}

.colTotalAssembly {
    width: 130px;
    padding-left: 11px;
    text-align: center;
    vertical-align: middle;
}

.colTotalAssembly {
    font-weight: bold;
}
.prodName {
    font-weight: bold;
    color: #333;
    font-size: 12px;
}
.glyphicon {
    cursor: pointer;
}
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}
.paymentErrorMessage{
    float: none!important;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.invalidField {
    border-color: red !important;
}
#time {
    padding: 0px 15px!important;
}

.cardlogo {
    height: 26px;
    width: 38px;
}

.ui-datepicker-month,
.ui-datepicker-year {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    font-size: 13px !important;
}

.address-box {
    word-wrap: break-word !important;
    padding-right: 10px !important;
    width: 100% !important;
}

.opcScrollableItem {
    max-height: 350px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: rgb(0,88,163) #dcdcdc;
    padding-right: 15px;
    padding-left: 10px;
}

.checkout-data .order-review-data li span {
    width: 60% !important;
    white-space: normal;
}
.checkoutLayout {
    padding: 15px 30px 15px 30px;
}

input.form-control{
    padding:0px 15px!important;
}
.address-box{
    height:auto!important;
}

.delLine-btn img{
    position: static !important;
    float: none !important;
}
.colProdImg{
    padding:0px!important;
}
.cart-total {
    font-size: 13px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin:0px !important;
    position:initial !important;
}

.ui-dialog .ui-dialog-titlebar,
.ui-button-text-only .ui-button-text,
#terms-of-service-warning-box {
    font-size: small !important;
}

.colTotalPrice span {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.maphidden {
    display: block;
    background-color: #f7f7f7;
    height: 364px;
    width: 100%;
    margin: 10px 0px 0px 0px !important;
}
@media screen and (max-width: 990px) {
    .maphidden{
        display:none!important;
    }
}
@media screen and (max-width: 620px) {
    .opcScrollableItem {
        border: 1px solid gray!important;
    }
   
    .colpad .longText {
        font-size: 10px;
    }

    .colAssembly {
        vertical-align: middle !important;
    }

    .colProdImg img {
        width: 90px;
        height: 90px;
    }

    .tblShoppingCart .colProduct {
        padding-left:0px !important;
    }

    .addressAndTime > .col-sm-2 {
        padding-top: 15px !important;
        min-height: 50px !important;
    }
    .ReviewAndConfirmaddress > .col-sm-2 {
        min-height: 50px !important;
    }
    .checkoutLayout {
        padding: 15px !important;
    }
    .panel {
        margin: 0px 10px 10px 10px;
    }
    .billingAddressAndTime {
        padding-left: 10px;
    }
    .footerdisclaimer {
        margin-top: 5px;
    }
    #allContent {
        width: auto !important;
        padding-bottom: 225px !important;
    }
    
    #confirmcod{
        max-width:360px;
    }

    .deliveryAndAssembly {
        width: 95%;
    }

}

@media (max-width: 500px) {
    .fancybox-wrap iframe {
        -ms-zoom: 0.85;
        -moz-transform: scale(0.8);
        -moz-transform-origin: center left;
        -o-transform: scale(0.8);
        -o-transform-origin: center left;
        -webkit-transform: scale(0.8);
        -webkit-transform-origin: center left;
        transform: scale(0.8);
        transform-origin: center left;
        min-width: 460px !important;
    }
}

@media (max-width: 414px) {
    .fancybox-wrap iframe {
        min-width: 414px !important;
    }
}

@media (max-width: 375px) {
    .fancybox-wrap iframe {
        min-width: 375px !important;
    }
}

@media (max-width: 360px) {
    .fancybox-wrap iframe {
        min-width: 360px !important;
    }
}

@media screen and (max-width: 450px) {
    .opcbuttons {
        margin-bottom: 5px !important;
    }

    .paymentOptions .cardlogocollection {
        width: 100%;
        text-align: inherit !important;
        padding: 0px 0px 0px 50px;
    }

    .continueWithPaymentBtn {
        float: none !important;
        width: 90% !important;
        margin: auto !important;
        padding: 0px !important;
    }

    .ui-dialog {
        width: 300px !important;
    }
}
@media screen and (max-width: 370px) {
    .ui-dialog {
        width: 80% !important;
    }
    .addressRadioButtonBilling {
        margin-top: 50px !important;
    }
    .addressRadioButtonShipping {
        margin-top: 30px !important;
    }

    .billingAddressAndTime {
        padding: 35px 5px 10px 5px;
    }
    .longText {
        font-size: 10px;
    }

    #main .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .btn.longText {
        font-size: 10px;
    }

    .colpad {
        padding: 8px 0px !important;
    }

    .deliveryAndAssembly .col-xs-2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .prodName, .cart-total {
        font-size: small;
    }

    #timeslots-list div .delivery-time {
        padding-left:0px !important;
    }

    #time {
        padding:0px !important;
    }

    .addressAndTime {
        padding:35px 10px 10px 10px !important;
    }

    #main h3 {
        font-size: 15px !important;
    }

    #main .btn.opcbuttons {
        font-weight: normal;
    }

    .addressAndTime > .col-sm-2 {
        padding-top:5px !important;
        min-height:35px !important;
    }
    .ReviewAndConfirmaddress > .col-sm-2 {
        min-height: 35px !important;
    }
    .tandc {
        margin: 5px !important;
    }

    .paymentOptions label.customRadioButton {
        font-size: 14px;
    }

    .paymentOptions .paycancel {
        margin-top: -15px;
    }

    .ui-datepicker .ui-state-default {
        font-size:10px !important;
        width: 20px !important;
        height: 20px !important;
    }

    .ui-datepicker-calendar thead tr th {
        font-size:10px !important;
    }

    .ui-datepicker-calendar thead tr th span {
        margin: -5px !important;
    }

    .ui-datepicker-calendar tbody tr td a, .ui-datepicker-calendar tbody tr td span {
        margin: 0px !important;
    }

    .ui-datepicker {
        font-size: x-small !important;
    }

    .ui-datepicker-prev, .ui-datepicker-next {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .order-details .page-title .finaltitle {
        font-size:18px !important;
    }

    .opcScrollableItem {
        max-height: 300px !important;
        overflow-y: auto !important;
        overflow-x:hidden !important;
        margin-right:20px!important;
    }

    .tblShoppingCart .colProdImg {
        vertical-align: middle !important;
    }

    #main .quantityField input {
        height: 25px !important;
        width: 40px !important;
        font-size: 12px !important;
    }    
    .deliveryAndAssembly {
        max-width: 250px;
    }
    .placeOrderBtn {
        float: none !important;
        margin: auto !important;
        width: 85% !important;
    }
}


.canceled {
    color: #0058a3 !important;
}
.checkbox label::before{
    display:none!important;
}
.colPrice{
    width:100%!important;
    font-size:12px!important;
}
.colProduct {
    padding: 5px!important;
}
.colAssembly{
    margin-bottom:0px!important;
}
.allAssemblycheckmark {
    top: -3px !important;
}
.deliveryiconcontainer {
    height: 82%;
    margin: 5px 5px;
    display: inline-block;
    padding: 0px 0px 0px 0px
}
.deliveryicon {
    width: 100%;
    max-width: 80px;
}
/*.opcScrollableItem::-webkit-scrollbar {
    width: 0.8em;
}

.opcScrollableItem::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.opcScrollableItem::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}*/

.panel-primary > .panel-heading {
    border-color: #f0f0f0 !important;
    color: black !important;
}
.panel-primary {
    border-color: #f0f0f0 !important;
}
.activepanel > .panel-heading {
    background-color: rgb(0, 88, 163)!important;
    border-color: #DCDCDC !important;
    color: white !important;
}

.activepanel {
    border-color: #DCDCDC !important;
}
.input-group-addon {
    background: none !important;
    border:none !important;
    font-weight:bold !important;
}
.field-validation-error {
    display: block!important;
}
.editProdQty {
    font-size: 14px;
    font-weight: bold;
    width: 60px!important;
    height: 35px!important;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    
}
.description {
    font-size:12px!important;
}
.xcolTotalPrice {
    font-size: 14px!important;
}

.paymentHeadding {
    float: none !important;
    margin: 10px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.floatingL {
    float: left;
}

.floatingR {
    float: right;
}

.select2-results__options {
    text-align: left;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    font-size: 10px;
}

.editDeleteIconPosition {
    position: absolute;
    top: 10px;
    right: 10px;
}

.editIcon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.deleteIcon {
    width: 24px;
    height: 24px;
}

.tblShoppingCart .colAssembly {
    text-align: center !important;
}

.total-info {
    float: right !important;
    width: auto !important;
    margin-right:16px
}

.field-validation-error{
    text-align:left!important;
}
.cardicons{
    height:25px;
    margin-bottom: 2px;
}
.articleDetails{
    font-size:12px;
}
.confirmationcontainers {
    width: 98%;
    text-align: center;
    margin: 5px 1%;
}
.cancelcodbtn{
    width:40%;
}
.confirmcodbtn {
    width: 40%;
    color: white;
    background-color: #0058a3;
}
.codcontainer {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(80,80,80,0.3);
    top: 0;
    left: 0;
    z-index: 500;
    padding: 0px 25px 0px 25px;
}
#confirmcod {
    position: relative;
    top: 36%;
    /*left: 35%;*/
    height: auto;
    width: auto;
    max-width: 400px;
    padding: 10px;
    border: 7px solid #808080;
    background-color: white;
    margin:0 auto;
}
.size-16px{
    font-size: 16px;
}
.italicfont{
    font-style:italic!important;
}
.defaultikeafont {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.tblShoppingCart{
    margin-top:0px!important;
}
#mainPadding {
    padding: 0px !important;
   
}

.footerdisclaimer {
    display: block;
    width: auto;
    margin-left: 31px;
    color: white;
}
.paymentbuttons{
    min-width:120px;
}

.cancelDeletebtn {
    width: 40%;
}

.removeItembtn {
    width: 40%;
    color: white;
    background-color: #0058a3;
}

.deletepopupcontainer {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(80,80,80,0.3);
    top: 0;
    left: 0;
    z-index: 500;
}

.ui-dialog {
    border: 7px solid #808080!important;
    border-radius:0px!important;
    top:33%!important;
    margin:0 auto;
}
.ui-dialog-titlebar-close{
    display:none!important;
}
.ui-button-text-only {
    display: block !important;
    margin: 5px auto !important;
}
.ui-dialog-buttonset{
    float:none!important;
}

.ui-dialog-buttonset > button:nth-child(1) {
        width: 40% !important;
        color: white !important;
        background: #0058a3 !important;
}
.ui-dialog-buttonset > button:nth-child(2) {
    width: 40% !important;
}
.ui-dialog-titlebar {
    background: #fff !important;
    border: none !important;
}
.ui-dialog-buttonpane {
    border: none !important;
}

#timeslots-list div {
    padding: 5px 0px !important;
}
.logoContainer.halfBox {
    margin-left: 20px!important;
    margin-bottom: 10px!important;
}

#main {
    padding-left: 10px;
    padding-right: 10px;
}
.colImg{
    width:100px;
}
.floatingTableHeader
{
    margin-left:10px;
}
.colQuantity {
    min-width: 90px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.colProduct, editProdQty, .colOutOfStockErr ul li, #continueShopping a {
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.breadcrumbs{
    margin:0!important;
}
.opcScrollableItem::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
}

.opcScrollableItem::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.opcScrollableItem::-webkit-scrollbar-thumb {
    background-color: #0058a3;
    border: 2px solid transparent;
}
table.tblShoppingCart thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}
.tblShoppingCart tr th{
    font-weight:normal!important;
}
.tblShoppingCart tr th.colTotalPrice{
    padding-right:7px;
}

@media screen and (min-width: 992px) {
    .rowFlex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .colFlex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .fullHeight {
        height: 100%;
    }

    .address-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .address-flex > [class*='col-'] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .address-flex > [class*='col-'] > div {
        height: 100%;
    }
    .addressRadioButtonBilling {
        top: 35%;
        margin-top: 0px;
    }
    .addressRadioButtonShipping {
        top: 35%;
        margin-top: 0px;
    }
}

@media screen and (max-width: 992px) {
    .addressRadioButtonBilling {
        margin-top: 40px;
    }
    .addressRadioButtonShipping {
        margin-top: 30px;
    }
}

.codoptcontainer {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(80,80,80,0.3);
    top: 0;
    left: 0;
    z-index: 500;
    padding: 0px 25px 0px 25px;
}

#confirmCodOtp {
    position: relative;
    top: 36%;
    height: auto;
    width: auto;
    max-width: 500px;
    padding: 10px;
    border: 7px solid #808080;
    background-color: white;
    margin: 0 auto;
}

.codverifyButtonsContainer {
    margin-top: 10px;
}
.otpButtons {
    width: 98%;
    text-align: center;
    margin: 5px 1%;
}
div.boxclose {
    float: right;
    /*margin-top: -30px;
    margin-right: -30px;*/
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 50%;
    background: white;
    font-size: 21px;
    display: inline-block;
    line-height: 0px;
    padding: 9px 4px 11px 4px;
}

.boxclose:before {
    content: "×";
    color: gray;
}
.otpdisclaimers {
    font-style: italic;
    color: gray;
    padding: 10px 10px 5px 10px;
}
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.otperrorMessage {
    color: #db5755 !important;
    font-style: initial !important;
}
.totalAmountDisplayed {
    font-size: 16px!important;
    font-weight: 700!important;
}
.footerBottom {
    bottom: 0px;
    position: absolute;
    width: 100%;
}

select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}

.directionLTR {
    direction: ltr !important;
}
.opcBackbutton {
    border: 1px solid black !important;
    background: #e6e6e6 !important;
    color: black !important;
    background-color: transparent !important;
}

    .opcBackbutton:hover {
        background-color: transparent !important;
        box-sizing: border-box;
        border: 1px solid black !important;
        color: black !important;
    }

.voucher-label-bold, .giftcard-label-bold, .wallet-label-bold {
    font-size: 14px;
    font-weight: bold;
/*    margin-left: 15px;*/
}

.giftcard-check-status-success-label, .wallet-check-status-success-label {
    color: #090;
    vertical-align: text-bottom;
}

.giftcard-check-status-fail-label, .wallet-check-status-fail-label {
    color: #cf0000;
    vertical-align: text-bottom;
}

.voucher-list-container, .giftcard-list-container, .wallet-list-container {
    float: none !important;
    margin: 0 auto
}

.voucher-item-outer-container, .giftcard-item-outer-container, .wallet-item-outer-container {
    float: left;
}

.voucher-item-container, .giftcard-item-container, .wallet-item-container {
    display: flex;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    background: aliceblue;
}

.voucher-item-code, .giftcard-item-code, .wallet-item-code {
    font-size: 10px;
    width: 100%
}

.voucher-item-delete, .giftcard-item-delete, .wallet-item-delete {
    width: 14px
}

.voucher-apply-success, .giftcard-apply-success, .wallet-apply-success {
    color: #090;
}

.voucher-apply-fail, .giftcard-apply-fail, .wallet-apply-fail {
    color: #cf0000;
}

.giftcard-check-status-container {
    margin-left: 15px;
}

.giftcard-check-status-img {
    width: 15px;
}

.wallet-check-status-container {
    margin-left: 15px;
    margin-top: 5px;
}

.wallet-check-status-img {
    width: 15px;
}

.wallet-check-status-span {
    vertical-align: text-bottom;
}

.blueaccountlinkedmessage {
    margin-left: 40px;
    margin-bottom: 15px;
    color: #3379b5;
    font-size: 20px;
    font-weight: bold;
}

.blueaccountlinkedmessage img {
    width: 30px;
}

.staff-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Darkened background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

#staff-popup-otp {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    text-align: center;
}

.staff-otp-disclaimers {
    padding: 10px 10px 5px 10px;
}

.staff-otp-bold {
    font-weight: bold;
}

.error-message-otp{
    color: red;
}

.disabled-div-vouchers {
    color: #888; /* Text color for disabled look */
    opacity: 0.7; /* Adjust the opacity to visually disable the div */
    pointer-events: none; /* Disable pointer events */
}

.disabled-div-vouchers-message {
    text-align: center;
    color: red;
}

.autocomplete-drop-down {
    position: relative;
}

.cities-input {
    height: 3.5rem;
    padding: 1em 0.5em;
    position: relative;
    transition: outline 0.2s ease;
    transition-delay: 0.2s;
    font-size: 14px !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: #555;
    background: url('images/select-arrow-down.png') no-repeat 98% center !important;
    background-size: 8px !important;
}

.cities-input-container {
    height: 3.5rem;
    position: relative;
    margin-bottom: 10px;
}



.cities-list-container {
    position: relative;
    height: auto;
}

.cities-list-container {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    opacity: 0;
    position: relative;
    transform: scaleY(0);
    visibility: hidden;
    transform-origin: center top;
    /*  transition: all 0.3s ease;*/
}

    .cities-list-container.visible {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }

.cities-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    max-height: 14.5em;
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto;
    border: 1px solid #ccc;
    font-size: 14px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;  
}

.licity {
    cursor: pointer;
    padding: 0.5em 0;
    /*transition: background 0.5s ease;
         width: 50vw;*/
    width: 100%;
    text-align: left;
    padding-left: 15px !important;
    font-size: 14px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}

    .licity:hover {
        background-color: rgb(3 98 180);
        color: rgb(255 255 255);
    }

.ul-removeheight {
    height: 0px;
}

.ul-margin {
    margin-top: -10px;
}
.autocomplete-drop-down-area {
    position: relative;
}
.divareaheight {
  height:50px;
}
.divareaerror {
    margin-bottom:-15px;
}
.area-input {
    height: 3.5rem;
    padding: 1em 0.5em;
    position: relative;
    transition: outline 0.2s ease;
    transition-delay: 0.2s;
    font-size: 14px !important;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
    color: #555;
    background: url('images/select-arrow-down.png') no-repeat 98% center !important;
    background-size: 8px !important;
}


.area-input-container {
    height: 3.5rem;
    position: relative;
  margin-bottom: 10px;
}

.area-list-container {
    position: relative;
    height: auto;
}

.area-list-container {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    opacity: 0;
    position: relative;
    transform: scaleY(0);
    visibility: hidden;
    transform-origin: center top;
    /*  transition: all 0.3s ease;*/
}

    .area-list-container.visible {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }

.area-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    max-height: 16.5em;
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto;
    border: 1px solid #ccc;
    font-size: 12px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}
.liarea {
    cursor: pointer;
    padding: 0.5em 0;
    /*transition: background 0.5s ease;
         width: 50vw;*/
    width: 100%;
    text-align: left;
    padding-left: 15px !important;
    font-size: 12px;
    font-family: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', -apple-system, sans-serif !important;
}

    .liarea:hover {
        background-color: rgb(3 98 180);
        color: rgb(255 255 255);
    }


.waystopay-label-bold {
    font-size: 16px;
    font-weight: bold;
}

.waystopayHeader {
    float: none !important;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

#main h2 {
    font-size: 22px !important;
    font-weight: bold !important;
}

#main .panel-border {
    border: 1px solid #D3D3D3;
    border-radius: 2px;
}

.opc-panel-heading {
    margin: 20px 0;
}
#panel-delivery-pay {
    display: none;
}

.btn-additional-payment{
    padding: 7px 20px !important;
}

.opc-error-box {
    background-color: #CC0008;
    color: #FFFFFF !important;
    padding: 10px 10px;
    display: block;
}

.disabled-div-payment {
    color: #929292;
    pointer-events: none;
}