@media(min-width: 320px) and (max-width: 767px) {
    #nuc-compare,
    .compare-column,
    .compare-check {
        /* display: none; */
    }
}

#masthead {
    z-index: 997;
}

.compare-nuc-results {
    position: fixed !important;
    left: 0;
    z-index: 998 !important;
}

.compare-column {
    position: relative;
}

.compare-column label {
    position: absolute;
    left: -10%;
    top: -82px;
}

.compare-check-container {
    display: flex;
    justify-content: center;
}

.compare-modal {
    position: fixed;
    background: rgba(0,0,0, .8);
    width: 100%;
    height: 100% !important;
    top: 0%;
}


.modal-icons {
    /* position: fixed; */
    top: 0%;
    z-index: 998;
}

.inner-icons,
.outer-icons {
    font-size: 2em;
}

.inner-icons i {
    color: white;
}

.outer-icons i {
    color: black;
}

.outer-icons img{
    width: 30px;
}

.min-compare-modal {
    right: 13%;
}

.min-compare-modal-outer {
    right: 0%;
}

.max-compare-modal {
    right: 8%;
}

.max-compare-modal-outer {
    right: 0%;
}

.close-compare-modal {
    right: 3%;
}

.close-compare-modal-outer {
    right: 0%;
    cursor: pointer;
}


.close-compare-modal i:hover {
    color: #2B7DC7;
    transition: 500ms;
    cursor: pointer;
}

.close-compare-modal i:not(:hover) {
    color: white;
    transition: 500ms;
}

#nuc-compare {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    z-index: 998;
    position: fixed;
    transition: 1000ms;
    bottom: -31em;
    left: 262px;
    background-color: white;
    border: 2px solid black;
    box-shadow: 0 1px 5px rgb(0 0 0 / 15%);
}

#nuc-compare:hover {
    transition: 1000ms;
    bottom: -1em;
}

.icon-container {
    position: relative;
}

.icon-container tr {
    position: absolute;
    right: -1px;
    top: -1%;
}

.icon-container td {
    border-right: 0;
    border-top: 0;
}

.spec-container {
    border-top: 2px solid black;
}

.compare-head {
    text-align: center;
}

#compare-form {
    position: relative;
}

.spec-advantage {
    color: green;
    font-weight: bold;
}

.select-flex {
    display: flex;
    align-items: center;
}

.compare-select {
    width: 29%;
}

.remove-nuc-container {
    display: none;
}

.remove-nuc-container,
.add-nuc-container {
    position: absolute;
    top: -65%;
    right: 11%;
    text-align: center;
}

.add-nuc,
.remove-nuc {
    font-size: 4em;
}


.compare-submit-container {
    text-align: center;
}

.compare-submit-checkmark {
    text-align: center;
    padding: 10px 5px;
    width: 54%;
    font-size: 1.35em;
    border-radius: 13px;
    border: 0;
}

.compare-submit:hover {
    background-color: lightgray;
}

.option-disabled {
    color: gray;
}

.spec-head {
    width: 14%;
    /* border-left: 2px solid black; */
}

.even-row {
    background-color: rgba(159, 210, 255, 0.4);
}

td, .product-head, .spec-head {
    /* border-right: 2px solid black; */
}

td, .product-head, .spec-head {
    /* border-bottom: 2px solid black; */
}

.product-head, .spec-head {
    /* border-top: 2px solid black; */
}

.product-head {
    width: 15%;
}

.logo-image {
    position: relative;
    border-bottom: 2px solid black;
}

.logo-image img {
    position: absolute;
    width: 44%;
    top: 33%;
    right: 29%;
}

.product-image {
    text-align: center;
    border-bottom: 2px solid black !important;
}

.product-image img {
    width: 31%;
}
.compare-column {
    position: relative;
}

.compare-check-container {
    display: flex;
    justify-content: center;
}





.swal2-container .swal2-header {
    min-width: 100%;
}
.swal2-container .swal2-header .swal2-close:hover,
.swal2-container .swal2-header .swal2-close:focus,
.swal2-container .swal2-header .swal2-close:active {
    box-shadow: none;
    border: 0px;
    color: #d14529;
}
.swal2-container .swal2-actions button.swal2-deny {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    color: #cccccc;
    font-size: 45px;
    line-height: 26px;
    padding: 0px !important;
    margin: 0px !important;
    width: 50px;
    height: 42px;
    border: 0px;
}
.swal2-container .swal2-actions button.swal2-deny:hover,
.swal2-container .swal2-actions button.swal2-deny:focus,
.swal2-container .swal2-actions button.swal2-deny:active {
    background-color: transparent !important;
    color: #d14529;
}
.swal2-content {
    padding-left: 0px;
    padding-right: 0px;
}
#swal2-content > table.comparison {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 998;
    position: relative;
    transition: unset;
    bottom: unset;
    left: unset;
    background-color: none;
    border: 0px;
    box-shadow: unset;
}
#swal2-content > table.comparison > tbody.icon-container {
    display: none;
}
#swal2-content > table.comparison > tbody tr th,
#swal2-content > table.comparison > tbody tr td {
    border: 0px !important;
}
#swal2-content > table.comparison > tbody tr th.spec-head,
#swal2-content > table.comparison > tbody tr td.spec-head {
    border-right: 2px solid #cccccc !important;
}
#swal2-content > table.comparison > tbody tr th.spec-head,
#swal2-content > table.comparison > tbody tr th.product-head {
    font-weight: 800 !important;
}
#swal2-content > table.comparison > tbody tr.spec-head-container th {
    border: 0px !important;
    border-bottom: 2px solid #cccccc !important;
}
@media (max-width: 767px) {
    .swal2-container > .swal2-popup {
        min-width: 100%;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    #swal2-content > table.comparison {
        display: block;
    }
}
@media (max-width: 600px) {
    .cart-btn-div .compare_unit,
    .swal2-container {
        display: none;
    }
}



/* ---------------------------------------------------  New Edits */
#nuc-compare-scroller {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 60vh;
    float: left;

    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-width: none;
    scrollbar-width: thin;
    /* width: calc(100% + 20px); */

    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;

    margin-top: 30px !important;
}
#nuc-compare-scroller #nuc-compare {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 998;
    position: relative;
    transition: unset !important;
    bottom: unset !important;
    left: unset !important;
    background-color: white;
    border: 0px !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
}
#nuc-compare-scroller table#nuc-compare tbody tr td,
#nuc-compare-scroller table#nuc-compare tbody tr th  {
    border: 0px !important;
}

#close-compare {
    display: none !important;
}




#nuc-compare-scroller #nuc-compare thead tr th {
    width: 25%;
    max-width: 25%;
}

#nuc-compare-scroller #nuc-compare .spec-head-container th {
    border-bottom: 1px solid #E8E7E9 !important;
}


#nuc-compare-scroller #nuc-compare .spec-head-container th .image_wrapper {
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    display: block !important;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th .image_wrapper img {
    float: left !important;
    max-height: 100% !important;
    width: auto !important;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th h4 {
    font-family: "Exo 2", Arial, sans-serif;
    font-style: normal;
    text-align: left !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th h4 > a.remove_col {
    display: inline-block !important;
    height: 24px !important;
    width: 24px !important;
    margin-bottom: 0px !important;
    margin-top: 6px;
    float: right;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th h4 > a.remove_col:hover {
    opacity: 0.65 !important;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th h4 > a.remove_col > img {
    width: 100% !important;
    margin-bottom: 0px !important;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th a {
    text-align: left !important;
    display: block !important;
    margin-bottom: 32px !important;
}
#nuc-compare-scroller #nuc-compare .spec-head-container th a i.fa {
    font-size: 22px !important;
    margin-left: 4px !important;
}



#nuc-compare-scroller #nuc-compare tr:not(.spec-head-container) td {
    padding: 24px 28px 24px 28px !important;

    color: #000 !important;
    font-family: "Open Sans" !important;
    font-family: "Exo 2" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}
#nuc-compare-scroller #nuc-compare tr:not(.spec-head-container) td.spec-head {
    padding: 24px 28px 24px 28px !important;
}
#nuc-compare-scroller #nuc-compare tr.spec-head-container th {
    padding: 0px 28px 0px 28px !important;
}
#nuc-compare-scroller #nuc-compare tbody tr:first-child td {
    padding-top: 48px !important;
}


#nuc-compare-scroller #nuc-compare tr td del {
    display: none !important;
}
#nuc-compare-scroller #nuc-compare tr td ins,
#nuc-compare-scroller #nuc-compare tr td ins * {
    text-decoration: none !important;
}


#nuc-compare-scroller #nuc-compare tr td a.configure_btn {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;

    background: #0075FB !important;

    color: #FFFFFF !important;

    font-family: "Open Sans" !important;
    font-family: "Exo 2" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important;

    margin-top: 20px !important;

    background: #0075FB !important;
    color: #ffffff !important;
    opacity: 1 !important;
}
body #nuc-compare-scroller #nuc-compare tr td a.configure_btn:hover {
    background: #0064D6 !important;
    opacity: 1 !important;
}
body #nuc-compare-scroller #nuc-compare tr td a.configure_btn:focus,
body #nuc-compare-scroller #nuc-compare tr td a.configure_btn:active {
    background: #004DB0 !important;
    opacity: 1 !important;
}

#nuc-compare-scroller #nuc-compare tr td a.contact_sales_btn {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;

    min-width: 100% !important;

    font-family: "Open Sans" !important;
    font-family: "Exo 2" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important;

    margin-bottom: 24px !important;

    padding: 10px 10px !important;

    background: #FEDD00 !important;
    color: #101820 !important;
    opacity: 1 !important;
}
body #nuc-compare-scroller #nuc-compare tr td a.contact_sales_btn:hover {
    background: #E5C800 !important;
    opacity: 1 !important;
}
body #nuc-compare-scroller #nuc-compare tr td a.contact_sales_btn:focus,
body #nuc-compare-scroller #nuc-compare tr td a.contact_sales_btn:active {
    background: #CCB100 !important;
    opacity: 1 !important;
}

#nuc-compare-scroller #nuc-compare tr#configure_row td,
#nuc-compare-scroller #nuc-compare tr#contact_row td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#nuc-compare-scroller #nuc-compare tr#configure_row td a {
    margin-bottom: 8px !important;
}
#nuc-compare-scroller #nuc-compare tr#configure_row td a:hover {
    opacity: 0.75 !important;
}


.even-row {
    background: #ffffff !important;
}
.turbo_boost_row {
    background: #F5F5F7 !important;
    outline: 1px solid #F5F5F7 !important;
}


@media only screen and (max-width: 1300px) {
    #ajax-content-wrap ul.cards li.product button.snuc__card_compare,
    #ajax-content-wrap ul.cards li.product a.build-btn {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    #ajax-content-wrap ul.cards li.product a.build-btn {
        margin-top: 8px !important;
    }
}


@media only screen and (max-width: 767px) {
    #snuc__conmapre_buttons_container {
        margin-top: 40px !important;
    }

    #nuc-compare-scroller {
        overflow-x: scroll !important;
    }
    #nuc-compare-scroller #nuc-compare {
        min-width: 880px !important;
    }

    body #nuc-compare-scroller table#nuc-compare thead tr th.spec-head:first-child,
    body #nuc-compare-scroller table#nuc-compare tbody tr td.spec-head:first-child {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding: 24px 0px 24px 0px !important;
        max-width: 80px !important;
        width: 80px !important;
    }
}

@media only screen and (max-width: 768px) {
    #snuc__conmapre_buttons_container,
    #ajax-content-wrap ul.cards li.product button.snuc__card_compare {
        display: none !important;
    }
    #ajax-content-wrap ul.cards li.product a.build-btn {
        margin-top: 36px !important;
    }
}