.main-error h3, .main-error p {text-align: center}

.main-error {min-height: calc(100vh - 316px);text-align:center;}
.errorDivaligment {margin: 0 auto;margin-top: 60px;}
.main-error {min-height: calc(100vh - 316px);margin-bottom: 60px;padding: 30px 0!important;}
.main-error h3 {font-size: 28px !important;color: #00629B;}
.main-error p {font-size: 14px !important;line-height: 24px;margin:0 0 10px!important;}
.startbtn {background-color: #0099D8;box-shadow: inset 0 0 0 0 #0099D8;border: none;border-radius: 5px;color: #fff;font-size: 22px;font-weight: 600;
height: 41px;padding: 10px 20px;text-decoration: none;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;}
.startbtn:hover, .startbtn:focus {border: none;box-shadow: inset 200px 0 0 0 #00629B;color: #fff;}





/*REFERENCE CSS*/
.spectrum-logo {width: 100%;height: auto;}

.inside-section.iframe_div {background-color: #fff;padding-top: 30px;padding-bottom: 30px;}
.sessionID .fa-copy {color: #0099D8;}
.phone {background-color: #0099D8;border-radius: 3px;color: #fff;display: flex;float: right;justify-content: center;margin-left: 3px;padding: 7px 20px;width: 100%;}
.content-left .content-tab-data .tab-content .table {--bs-table-bg: #F9F9F9;}
.emailsubject,
.new-prod-head h3 {font-family: Arial, Helvetica, sans-serif}
.close,
.scrollup {opacity: 1}
.compare-close,
.offer-table tbody tr:first-of-type {cursor: pointer}
.inside-section {padding: 0px;min-height: calc(100vh - 316px);}
#RightPanel {z-index: 1}
.right-main-address {float: left;margin-bottom: 10px}
.addtxt {color: #3e3e3e;font-size: 16px;line-height: 23px;margin: 2px 0 5px;padding: 0}
a.changeadd-btn {background-color: #0099D8;border: 0;border-radius: 5px;color: #fff;float: left;font-size: 16px;margin: 0;padding: 7px 12px;text-align: center;
transition: all .4s ease-in-out 0s;width: auto;text-decoration: none;}
a.changeadd-btn:hover {box-shadow: inset 200px 0 0 0 #00629B;color: #fff;border: none;text-decoration: none}
#AddressPartialDiv a:nth-child(3) {margin-left: 4px;}
.right-box {background-color: #F9F9F9;border-color: #e4e5ea;border-style: solid;border-width: 1px;float: left;margin-bottom: 10px;padding: 15px;width: 100%;}
.main_filter {margin-bottom: 10px;padding-bottom: 10px;position: relative}
.right-box h5 {color: #36617d;font-size: 17px;line-height: 25px;margin: 0;padding: 0 0 6px}
.right-box h3 {color: #3e3e3e;font-size: 20px;line-height: 25px;margin: 0;padding: 0}
.right-box label {font-weight: 400}
.right-box hr {margin: 5px 0 10px}
div.awesomplete {display: inline-block;position: relative;width: 100%}
.pricefilter-inside {background-color: #F9F9F9;border: 1px solid #e4e5ea;border-radius: 4px;padding: 0;width: 100%;text-align: center}
.main_filter .input-group {font-size: 11px;padding-right: 5px}
.pricefilter-inside .input-group-addon {border: 0;font-size: 11px;width: 10%;float: left;padding: 6px 0;}
#stickyParent,
.button {float: right}
input.mainFilterRange {padding: 6px 0;text-align: center;width: 66% !important;background: #fff;border-bottom: none;border-top: none;border-right: 1px #e4e5ea solid;
border-left: 1px #e4e5ea solid;}
.main_filter:last-child {border-bottom: 0 solid #d3e1e4}
.CompareOffer-Btn,
.button {border: 0;color: #fff;transition: all .4s ease-in-out 0s}
.filterButtonPad {padding-top: 10px}
.button {background-color: #0099D8;border-radius: 5px;display: block;font-size: 16px;margin-left: 3px;padding: 7px 12px;}
.button:hover {box-shadow: inset 220px 0 0 0 #00629B;color: #fff;border: none;text-decoration: none}
.CompareOffer-Btn {background-color: #0099D8;border-radius: 5px;float: left;font-size: 16px;outline: 0;padding: 7px 12px;text-align: center;width: 100%}
.CompareOffer-Btn:focus,
.CompareOffer-Btn:hover {background-color: #02a9e0;color: #fff;outline: 0;text-decoration: none}
.margin-top {margin-top: 12px}
.compare-box {background-color: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);float: left;margin: 5px 0;padding: 10px 10px 10px 0;position: relative;width: 100%;}
.compare-close {position: absolute;right: -5px;top: -6px}
.compare-box > p {color: #3e3e3e;float: left;font-weight: 600;line-height: 14px;margin: 0;padding: 0 10px 5px;width: 100%}
.compare-box input.changeaddress {background: #00629B;border: 0;border-radius: 3px;color: #fff;display: block;float: right;font-size: 13px;margin-left: 3px;padding: 2px 10px;text-decoration: none !important;transition: all .4s ease-in-out 0s}
.compare-box input.changeaddress:hover {
background-color: #02a9e0 !important;
color: #fff;
text-decoration: none
}

.content-left,
.content-tab-data {
float: left;
width: 100%
}

.offer-table tbody {
border-bottom: 1px solid #e4e5ea;
border-top: 1px solid #e4e5ea;
}

.selected {
background-color: #F9F9F9;
}

.offer-table td {
display: table-cell;
height: 100px;
padding: 0 5px;
text-align: left;
vertical-align: middle !important
}

.cct_select,
.provider-logo img,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
vertical-align: top;
}

.provider-logo {
padding-bottom: 16px !important;
padding-top: 10px !important;
position: relative;
width: 18%
}

.offer-count-td h4 span,
span#visibleOfferCount {
border-radius: 3px;
padding: 0 5px;
background-color: #0099D8;
}

.provider-logo img {
height: auto;
width: auto
}

.offer-count-td {
width: 28%
}

.offer-count-td h4 {
color: #3e3e3e;
font-size: 17px;
margin-top: 30px;
padding-left: 10px;
}

.offer-arrow-td {
width: 5%;
}

.offer-count-td h4 span {
color: #fff;
margin: 0
}

span#visibleOfferHeading {
color: #3e3e3e;
font-size: 18px;
font-weight: 400;
margin-left: 0
}

span#visibleOfferCount {
color: #fff;
font-size: 18px;
margin: 0
}

.offer-price-highlights {
float: right;
padding-right: 30px;
width: auto
}

.provider-detail-div,
.top-filter-div {
width: 100%;
float: left
}

.top-pan {
background-color: #02a9e0;
float: left;
position: static !important
}

.no_left_pad {
padding-left: 0
}

.top-pan h5 {
color: #fff;
font-size: 15px;
line-height: 29px;
margin: 0;
padding: 0
}

.pan-detail-div {
background-color: #fff;
float: left;
padding-bottom: 15px
}

.no-pad,
.nopadd {
padding-left: 0;
padding-right: 0
}

.top-filter-div {
background-color: #e3e3e3;
border: 1px solid #cecece;
margin-top: 10px;
padding: 5px 1%;
margin-bottom: 20px
}

.no-offer-box {
border-color: #c3c3c3;
border-style: solid;
border-width: 1px 1px 6px;
background-color: #f6f6f6;
padding: 20px;
min-height: 145px;
width: 70%;
}

.top-chkbox-wraper {
float: left;
margin-top: 5px;
width: 55%
}

.top-chkbox-div {
color: #3e3e3e;
float: left;
font-size: 13px;
margin-right: 10px;
width: auto;
}

.top-chkbox-wraper div[name=hs] {
display: none
}

.top-chkbox-div input[type=checkbox] {
float: left;
margin: 3px 3px 0 0
}

.price-rainge-box {
float: left;
margin-bottom: 0;
margin-top: 5px;
width: 44%;
text-align: right;
}

.price-rainge-box label {
font-size: 13px;
font-weight: 400;
text-align: right;
margin-bottom: 0;
vertical-align: top;
margin-top: 1px;
}

.price-rainge-box .currency-input {
width: auto;
display: inline-block;
}

.currency-input span {
float: left;
font-size: 13px;
margin-top: 1px;
}

.currency-input {
padding: 0;
}

.providerFilterRange {
background-color: #fff;
border: 1px solid #2c6790;
border-radius: 3px;
color: #000 !important;
float: right;
font-size: 12px;
font-weight: 400 !important;
margin: 0 2px;
padding-left: 3px;
width: 71px
}

.btnReset {
background: #0099D8;
border: 0;
border-radius: 3px;
color: #fff;
display: block;
float: right;
font-size: 13px;
margin-left: 3px;
margin-top: 0;
padding: 1px 15px;
transition: all .4s ease-in-out 0s
}

.btnReset:hover {
background-color: #00629B !important
}

.pan-box {
background-color: #fff;
border: 1px solid #e2e2e2;
color: #3d3d3d;
float: left;
margin-top: 10px;
padding: 10px;
position: relative;
width: 100%
}

.offer-price-highlights p {
color: #02a9e0;
font-size: 13px;
margin: 0 0 4px;
padding: 0;
text-align: right
}

.hedinggroup {
float: left;
width: 100%
}

.icons {
float: left;
margin-right: 3px;
margin-top: 4px
}

.hedinggroup h3 {
color: #000;
float: left;
font-size: 19px;
font-weight: 600;
line-height: 25px;
margin: 0;
padding: 0;
width: 80%
}

.offer-box-detail-div {
float: right;
display: contents;
}

.pan-price-compare {
float: left;
margin-top: 12px;
width: 100%
}

.pan-price h5 {
float: left;
font-size: 25px;
margin: 0;
padding: 0;
width: auto;
color: #02a9e0
}

.cartbtn,
.view-detail-button, .offerButtons a {
padding: 7px 12px;
float: right;
transition: all .4s ease-in-out 0s;
display: block
}

.pan-price h5 sub {
font-size: 18px;
position: inherit
}

.cartbtn,
.phone,
.view-detail-button, .offerButtons a {
font-size: 16px
}

.cartbtn {
background-color: #0099D8;
border: 0;
border-radius: 3px;
color: #fff;
margin: 5px 0 5px 3px;
width: 100%;
}

.cartbtn:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
text-decoration: none
}

.view-detail-button, .offerButtons a {
background-color: #0099D8;
border: 0;
border-radius: 3px;
color: #fff !important;
margin: 0 0 5px;
text-decoration: none !important;
width:100%;
}

.offerButtons a {
background-image: none !important;
padding: 7px 14px;
width: 100%;
text-align: center;
cursor: pointer;
}

.offerButtons a:focus {
color: #fff !important
}

.view-detail-button:hover, .offerButtons a:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
text-decoration: none
}

.phone input[type=checkbox] {
float: left;
margin: 3px 3px 0 0
}

.phone label {
color: #fff;
margin-bottom: 0;
margin-top: 0;
font-size: 16px;
}

.offer-box-description {
float: left;
width: 90%
}

.offer-box-description ul {
margin: 15px 0 0;
padding: 0 0 0 0px
}

.offer-box-description ul li {
color: #3e3e3e;
list-style: none url(../images/black-bullet.png);
width: 100%;
float: left;
font-size: 13px;
padding: 0 15px 15px 0px;
margin: 0;
line-height: 18px;
margin-left: 20px;
}

.provider-popup-img img {
width: 20px;
max-width: 20px;
max-height: 20px;
}

.modal-open .modal {
padding-right: 0 !important;
}

.modal-outer {
width: 95%
}

.modal-content,
.new-modal-body,
.new-prod-head {
float: left;
width: 100%
}

.modal-inner {
height: auto
}

.offer-box-heading .icons img {
width: 20px;
max-width: 20px;
max-height: 20px;
margin-right: 4px;
display: inline-block;
}

.offer-feature-box-div {
width: 100%;
float: left;
}

.offers-feature-box {
width: auto;
float: left;
background-color: #e0e0e0;
border-radius: 2px;
margin-right: 5px;
margin-bottom: 20px;
}

.offers-feature-icon {
width: 65px;
float: left;
text-align: center;
}

.offers-feature-icon .fas {
font-size: 30px;
padding: 10px 0;
color: #777;
}

.offers-feature-text {
width: 126px;
float: left;
font-size: 13px;
font-weight: 400;
padding: 7px 10px 7px 0;
}

.offers-feature-text span {
font-weight: 500;
padding-left: 3px;
display: inline-block;
}

.special-box .offers-feature-box {
width: auto;
float: left;
background-color: #02a9e0 !important;
border-radius: 4px;
color: #fff;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 0;
}

.special-box .offers-feature-icon .fas {
color: #fff;
}

.offerbox_ButtonSets .offerButtons {
float: right;
margin-top: 40px;
}

.pan-price-compare h5 {
font-size: 30px;
font-weight: 600;
}

.pan-price-compare h5 sub {
bottom: 0;
font-weight: 400;
font-size: 18px;
}

.offer-main-head h5 {
font-size: 16px;
margin-top: 8px;
margin-bottom: 0;
}



.new-modal-body {
height: auto;
padding-bottom: 20px;
padding-top: 20px
}

.new-prod-head {
background-color: #0099D8
}

.new-drop-bar {
float: right;
width: auto
}

.email-drop,
.tabs-div {
float: left;
width: 100%
}

.new-drop-bar .collapse.show,
.new-drop-bar .collapsing,
.new-drop-bar .show {
background: #02a9e0;
padding: 10px;
position: absolute;
right: 16px;
top: 57px;
width: 245px;
z-index: 99999
}

.email-div {
float: left;
width: auto;
padding: 1px;
}

.emailbtn {
border: 0;
border-radius: 0;
margin: 0;
padding: 10px 7px 10px;
outline: none;
}

.emailbtn:hover {
background-color: transparent;
border: 0;
}

.tabs-div {
margin: 15px 0 25px
}

.invalid-email {
color: #ce0707;
float: right;
font-size: 12px;
margin: 2px 5px 0 0
}

.comparepopup {
list-style: none;
overflow: hidden;
padding: 0;
position: relative;
text-align: center
}

ul.comparepopup li {
border: 1px solid #aaa;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline-block;
margin: 0 -15px 0 22px;
position: relative;
text-shadow: 0 1px #fff;
z-index: 0
}

ul.comparepopup li a {
color: #fff;
text-decoration: none;
float: left;
}

.modal-inner button img {
float: right;
}

ul.comparepopup li a:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
}

.comparepopup li.selected {
border-bottom-color: #fff;
color: #333;
z-index: 2
}

.comparepopup::before {
border-bottom: 1px solid #aaa;
bottom: 0;
content: " ";
left: 0;
position: absolute;
width: 100%;
z-index: 1
}

.comparepopup li::after,
.comparepopup li::before {
border: 1px solid #aaa;
bottom: -1px;
content: " ";
height: 5px;
position: absolute;
width: 5px
}

.comparepopup li::before {
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #afaeae;
left: -6px
}

.comparepopup li::after {
border-bottom-left-radius: 6px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #afaeae;
right: -6px
}

.comparepopup li.selected::before {
box-shadow: 2px 2px 0 #fff
}

.comparepopup li.selected::after {
box-shadow: -2px 2px 0 #fff
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
background-color: #0099D8;
padding: 10px 25px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
background-color: #00629b;
}

.nav-pills > li > a {
background: #0099D8;
border-radius: 4px 4px 0 0;
color: #fff;
padding: 10px 25px;
transition: all .4s ease-in-out 0s
}
/*.nav-pills>li>a:hover,ul.comparepopup li.active,ul.comparepopup li:hover{background:#01325d}*/
.customerInfoInput {
float: left;
margin: 10px 1% 0;
position: relative;
width: 31.333%
}

.customerInfoInput .error-div:nth-child(2) {
top: 78px
}

.customer-info-div .customize-label {
color: #3e3e3e;
font-weight: 400;
margin-top: 0
}

.QuestionPanel .separator-1 hr {
margin: 2px
}

.send-btn {
background-color: #00629B;
border: 0;
border-radius: 3px;
color: #fff;
float: left;
font-size: 16px;
outline: 0;
padding: 7px 15px;
text-align: center;
transition: all .4s ease-in-out 0s;
width: 100%
}

.send-btn:hover {
box-shadow: inset 200px 0 0 0 #000;
color: #fff;
text-decoration: none;
outline: 0
}

.send-btn:focus {
background-color: #006496 !important;
color: #fff;
text-decoration: none;
outline: 0
}

.email-div .send-btn:hover {
background-color: #000
}

.price-height .oldprice {
margin-top: 10px;
text-align: center;
width: 100%
}

/*#orderDetailDiv {
margin-top: 25px
}*/

.compare-fixed-head img {
float: inherit !important
}

.emailsubject {
width: 100%;
float: left;
padding: 8px;
font-size: 13px;
color: #fff;
line-height: normal;
margin-top: 8px
}

.email-drop input[type=text] {
background: #fff;
border: none;
border-radius: 4px;
color: #3a3a3a;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 4px 0 4px 5px;
width: 100%
}

.card-header {
background-color: #02a9e0 !important;
margin-top: 0
}

.scroll {
overflow-y: scroll
}

.compare-data {
height: 335px
}

.new-prod-head h3 {
font-size: 16px;
font-weight: 700;
color: #fff;
margin: 0;
padding: 10px 0 10px 8px;
float: left
}

.heading_h5 {
color: #36617d !important;
font-family: Arial;
font-size: 13px !important;
padding: 8px 0;
margin: 0;
width: 100%;
}

.new-prod-body .popup_scroll { /*height:375px; overflow-y:auto;*/
padding-right: 15px;
width: 100%
}

.prdcnt h3 {
background: #006496;
color: #fff;
float: left;
font-size: 18px;
line-height: 29px;
margin: 0;
padding: 5px 10px;
width: 100%
}



.new-hr {
border: 1px solid #e0e3e4;
float: left;
margin: 0 0 10px;
padding: 0;
position: relative;
width: 100%
}

.new-hr > label {
background: #f6f6f6;
border-bottom: 0 dashed #6e6e6e;
color: #3e3e3e;
float: left;
font-size: 13.5px;
margin: 0 0 8px !important;
padding: 7px 10px;
text-align: left;
width: 100%
}

.QuestionPanel label {
font-weight: 400;
margin-left: 2px;
margin-top: 1px
}

p.fontsize11 {
color: #767676;
font-size: 11px;
font-style: italic;
float: left;
font-family: arial;
margin: 0 0 9px 14px
}

.new-hr > p {
width: 87%;
margin-left: 10px;
}

.verticalScroll .form-control {
margin: 0 0 10px 10px;
width: 40%
}

.cct_select {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
color: #555;
display: block;
float: left;
font-family: Arial;
font-size: 12px;
height: 34px;
line-height: 1.42857;
margin: 0 0 10px;
padding: 7px 5px;
transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
width: 40%
}

div.new-hr > div.bdr {
border-bottom: 1px dashed #e8e8e8;
float: left;
padding-bottom: 5px;
padding-right: 15px;
padding-top: 5px;
width: 100%
}

.QuestionCheckBox,
.QuestionRadio,
.QuestionSelect {
float: left;
padding: 5px 0 5px 15px;
width: 100%
}

.inputSet {
float: left;
margin-bottom: 5px;
margin-top: 5px
}

.inputSet_checkbox,
.inputSet_radio {
float: left
}

.prright {
float: right;
margin-top: 5px
}

.special-box {
background-color: #c0efff;
background-image: url(../../../PublicFacing/CharterSpectrum/images/special-offer-img.png);
background-position: right 0px;
background-repeat: no-repeat;
border: 1px solid #02a9e0
}

.cart-data-sec .send-btn,
.startOffer_btn {
border: 0;
transition: all .4s ease-in-out 0s
}

.saraplus_Iframe {
padding: 0;
width: 100%
}

.QuestionGroup {
float: left;
width: 100%
}

.flright {
float: right
}

.cart-data-sec .send-btn {
border-radius: 5px;
color: #fff;
font-size: 18px;
height: auto;
line-height: 0;
margin: 7px 0 20px;
padding: 20px 16px;
text-align: center;
text-transform: none;
width: auto
}

.cart-data-sec .send-btn:hover {
color: #fff;
text-decoration: none
}

.QuestionPanel ul {
float: left;
margin: 0;
padding: 0 10px 0 28px;
width: 100%
}

.error-div {
background: red;
color: #fff;
font-size: 12px;
padding: 0 5px
}

.inputSet label > label,
.inputSet span > label,
.inputSet > label {
display: inline;
text-align: left;
position: relative;
top: -3px;
}

.childProducts_set {
border-bottom: 1px solid #8d8d8d;
float: left;
width: 100%
}

.cart-left,
.cart-right,
.top-cart-price,
.top-cart-title {
display: block;
padding: 5px 0;
width: 50%;
float: left;
font-family: "Open Sans", sans-serif
}

.cart-left,
.top-cart-title {
color: #2c6790;
font-size: 12px
}

.cart-left a {
color: #006288;
text-decoration: underline
}

.cart-right,
.top-cart-price {
color: #006496;
font-size: 11px;
font-weight: 700;
text-align: right
}

.cart-detail-row {
border-bottom: 1px solid #cbd2d7;
color: #fff;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 12px;
width: 100%
}

.blue-box,
.customer-info-div .box-2 {
border: 1px solid #e0e3e4
}

.cart-detail .cart-detail-row:last-child {
background-color: #3d3d3d;
color: #fff;
font-weight: 700
}

.blue-box h3,
.thankyou-div h5 {
font-weight: 600;
line-height: 29px
}

.cart-detail .cart-detail-row:last-child .cart-left {
color: #fff !important;
padding-left: 5px;
}

.cart-detail .cart-detail-row:last-child .cart-right {
color: #fff;
padding-right: 5px
}

.scrollup {
position: fixed;
bottom: 0;
right: 6px;
font-size: 0px;
display: none;
}

.customerInfoInput .error-div {
font-size: 11px;
position: inherit
}

.thankyou-div h5 {
font-size: 22px;
margin: 10px 0;
padding: 0;
text-align: center
}

.blue-box {
margin-bottom: 10px;
padding: 0
}

.blue-box h3 {
background: #006496;
color: #fff;
font-size: 18px;
margin: 0 0 10px;
padding: 5px 10px
}

.blue-box p,
.blue-row {
color: #3e3e3e;
margin-left: 10px
}

.blue-row {
margin-bottom: 10px
}

.blue-left {
font-weight: 700
}

.startOffer_btn {
background-color: #36617d;
border-radius: 3px;
color: #fff;
float: right;
font-size: 18px;
margin: 10px 0;
padding: 1% 2%;
text-align: center;
text-transform: uppercase;
width: auto
}

.startOffer_btn:hover {
background-color: #154465;
color: #fff;
text-decoration: none
}

.popup-txt {
width: 100%;
padding: 0;
float: left
}

.new-prod-body {
width: 98%;
float: left;
margin: 10px 1%
}

.cross-sale-box p,
.cross-sale-message {
width: 100%;
text-align: center
}

.valuebox_checkbox {
float: left;
margin: 7px 6px 0 0
}

.oldprice {
color: #313131;
float: left;
font-family: "Titillium Web", sans-serif;
font-size: 20px;
margin-right: 8px;
text-decoration: line-through
}

.offersMainDiv {
min-height: 200px
}

#NoOfferFound {
float: left;
background: url(../../../PublicFacing/CharterSpectrum/images/noofferfound.jpg) center top no-repeat;
height: 270px;
width: 100%;
}

.QuestionPanel h4 {
background: #006496;
color: #fff !important;
font-family: arial;
font-size: 15px;
font-weight: 400;
margin: 0;
padding: 7px 10px
}

.provider-name {
text-transform: capitalize
}

.specialoffer-compare {
background-color: #c0efff
}

.notspecialoffer-compare {
background-color: #fff
}

.cross-sale-box {
border-color: #c3c3c3;
border-style: solid;
border-width: 1px 1px 6px;
background-color: #f6f6f6;
padding: 20px;
min-height: 166px;
}

.cross-sale-box p {
font-size: 17px;
line-height: 20px;
margin-bottom: 10px;
width: 100%;
float: left;
}

.cross-sale-box p strong {
font-weight: 700
}

.cross-sale-message {
text-align: center;
width: 100%;
float: left;
}

.cross-sale-message a {
margin-top: 6px;
display: inline-block;
}

.cross-sale-logo > img {
margin: 14px auto 0;
display: block;
text-align: center;
}

.tab-content .cross-sale-box .col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.loading-circle > img {
width: 50%;
margin: 0 auto;
display: block
}

.cross-sale-box .redirect-msg p {
font-size: 11px;
width: 100%;
text-align: center;
line-height: 13px
}

.cross-sale-box a {
background-color: #006496;
border: 0;
border-radius: 3px;
clear: both;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 7px 15px;
text-align: center;
text-decoration: none;
transition: all .2s linear 0s
}

.cross-sale-box a:hover {
text-decoration: none;
background-color: #02a9e0;
cursor: pointer
}

#revese-countdown {
font-size: 55px;
line-height: 42px
}

.loading-circle {
margin: 22px 0 5px;
width: 100%;
text-align: center
}

.special-box .pan-box-head > .offerbox_ButtonSets {
margin-bottom: 10px;
margin-top: 50px
}

.offerButtons {
float: right;
margin-top: 0px;
}

.card-header.collapsed .accordion-toggle::after {
content: "\f107"
}

.card-header .accordion-toggle::after {
color: #fff;
content: "\f106";
float: right;
font-family: FontAwesome;
margin-right: 6px
}

h4 .accordion-toggle {
color: #fff
}

.top-chkbox-wraper > div:nth-child(5) {
display: none
}

#olark-wrapper > #olark-container, #olark-wrapper > .olark-launch-button {
right: 60px !important;
bottom: 70px !important;
}

section {
padding-top: 60px;
padding-bottom: 60px;
}

.footer-sec {
padding-top: 25px;
padding-bottom: 25px;
}

#wizard section {
padding: 0;
}

.customization_sec #LeftPanel {
width: 75%;
display: contents;
}

.customization_sec #RightPanel {
width: 25%;
display: inline-block;
}

.js_morebutton link-showmore, .js_morebutton js_morebutton_less link-showless, .js_morebutton link-showall {
float: left;
}

.pan-price-contract h6 {
float: left;
}

.pricefilter-inside .price-from {
width: 45%;
float: left;
}

.pricefilter-inside .price-from .input-group-addon {
width: 20px;
line-height: 27px;
text-align: center;
padding: 0;
}

.pricefilter-inside .txt-bx {
width: 22px;
float: left;
padding: 0;
line-height: 27px;
text-align: center;
}

.pricefilter-inside .price-to {
width: 42%
}

.offers-HighSpeedInternet-icon + .tooltip > .tooltip-inner {
background-color: rgba(0,0,0,1);
color: #fff;
font-family: 'Assistant', serif;
}

.offers-HighSpeedInternet-icon + .tooltip > .tooltip-arrow {
border-bottom-color: rgba(0,0,0,1);
}

.js_morebutton.js_morebutton_less.link-showless {
display: inline-block;
}

.js_morebutton {
float: left;
padding: 5px;
color: #006496;
cursor: pointer;
}

.new-underline-tabs {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
}

.sub-tab ul li a {
border-right: 1px solid #fff;
color: #fff;
padding: 12px 15px;
line-height: normal;
font-size: 13px;
color: #5b626b;
}

.sub-tab ul li a:hover {
color: #000 !important;
}

.new-underline-tabs > li > a.active {
color: #000 !important;
font-weight: 700;
pointer-events: none;
}

.new-underline-tabs > li:hover > a::after, .new-underline-tabs > li > a.active::after {
-webkit-transform: scale(1);
transform: scale(1);
}

.new-underline-tabs > li > a::after {
content: "";
height: 4px;
position: absolute;
width: 100%;
left: 0;
bottom: -1px;
-webkit-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
-webkit-transform: scale(0);
transform: scale(0);
background: #02a9e0;
}

.main-error h3, .main-error p {
text-align: center
}

.inside-section.iframe_div > .container {
padding-left: 0 !important;
padding-right: 0 !important;
}

.prodLogoCM {
width: 100%;
display: table;
}

.prodLogoCTxt {
width: 100%;
display: inline-block;
}

.prodLogoCTxt h5 {
text-align: center !important;
}



.hidden img {
width: 140px;
margin-right: 10px;
}
.main-error {
min-height: calc(100vh - 316px);
}
.errorDivaligment {
margin: 0 auto;
margin-top: 60px;
}
.startbtn {
background-color: #0099D8;
box-shadow: inset 0 0 0 0 #0099D8;
border: none;
border-radius: 5px;
color: #fff;
font-size: 22px;
font-weight: 600;
height: 41px;
padding: 10px 20px;
text-decoration:none;
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.startbtn:hover, .startbtn:focus {
border: none;
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}

.tab-content > .active {
display: block;
color: #000;
}

.offers-HighSpeedInternet-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-internet.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.offers-specialoffer-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/CharterSpectrum/images/offers-specialoffer-icon.png);
background-repeat: no-repeat;
width: 22px;
margin: 0 8px 0 0;
float: left;
}

.offers-Video-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-tv.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.offers-Wireless-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-wireless-dealer.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.filterContainer .top-chkbox-div > div {
float: left;
}

.offers-Voice-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-phone.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.provider-popup-img {
display: inline-flex;
margin: 0 5px;
}

.provider-popup-img span {
margin: 0 5px;
}

.compare-tab tr {
text-align: center;
}

.fa-angle-up:before {
content: "\f107";
}

.fa-angle-down:before {
content: "\f106";
}

.fa-angle-up::before {
content: "\f107" !important;
}

.fa-angle-down::before {
content: "\f106" !important;
}

.channelMainDiv {
float: left;
width: 100%;
}

.channelList {
border-bottom: 1px solid #e7e7e7;
color: #303030;
font-family: Arial;
font-size: 13px;
float: left;
padding: 10px 0;
margin-right: 15px;
width: 18.5%;
}

/* BBFL style*/
.bbfl-container {
float: left;
width: 100%;
}

.bbfl-offer-disclaimer-link {
color: #0099D8;
cursor: pointer;
float: left;
text-decoration: underline;
width: 100%;
}

.bbfl-offer-disclaimer-link:hover {
color: #181818;
}

.bbfl-iframe-holder {
display: flex;
justify-content: center;
width: 100%;
}

.bbfl-iframe-holder iframe {
border: 1px solid #ccc;
height: 500px;
width: 75%;
}

.main-error h3 {
font-size: 30px;
color: #00629B;
}

.main-error p {
font-size: 16px;
line-height: 24px;
}

.main-error .cta-link .btn {
background-color: #0099D8;
color: #fff;
height: 41px;
font-size: 22px;
font-weight: 600;
padding: 2px 20px;
border-radius: 5px;
}

.main-error .cta-link .btn:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
}

.modal .close img {
width: 20px;
height: auto;
}

#LeftPanel {
float: left;
}

#RightPanel {
float: right;
}

/*REFERENCE CSS*/
/*REFERENCE CSS*/
/*REFERENCE CSS*/

/*REFERENCE CSS*/
/*REFERENCE CSS*/
/*REFERENCE CSS*/


.spectrum-logo {
width: 100%;
height: auto;
}

.inside-section.iframe_div {
background-color: #fff;
padding-top: 30px;
padding-bottom: 30px;
}

.sessionID .fa-copy {
color: #0099D8;
}

.phone {
background-color: #0099D8;
border-radius: 3px;
color: #fff;
display: flex;
float: right;
justify-content: center;
margin-left: 3px;
padding: 7px 20px;
width: 100%;
}

.content-left .content-tab-data .tab-content .table {
--bs-table-bg: #F9F9F9;
}

.emailsubject,
.new-prod-head h3 {
font-family: Arial, Helvetica, sans-serif
}

.close,
.scrollup {
opacity: 1
}

.compare-close,
.offer-table tbody tr:first-of-type {
cursor: pointer
}

.inside-section {
padding: 0px;
min-height: calc(100vh - 316px);
}

#RightPanel {
z-index: 1
}

.right-main-address {
float: left;
margin-bottom: 10px
}

.addtxt {
color: #3e3e3e;
font-size: 16px;
line-height: 23px;
margin: 2px 0 5px;
padding: 0
}

a.changeadd-btn {
background-color: #0099D8;
border: 0;
border-radius: 5px;
color: #fff;
float: left;
font-size: 16px;
margin: 0;
padding: 7px 12px;
text-align: center;
transition: all .4s ease-in-out 0s;
width: auto;
text-decoration: none;
}

a.changeadd-btn:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
border: none;
text-decoration: none
}

#AddressPartialDiv a:nth-child(3) {
margin-left: 4px;
}

.right-box {
background-color: #F9F9F9;
border-color: #e4e5ea;
border-style: solid;
border-width: 1px;
float: left;
margin-bottom: 10px;
padding: 15px;
width: 100%;
}

.main_filter {
margin-bottom: 10px;
padding-bottom: 10px;
position: relative
}

.right-box h5 {
color: #36617d;
font-size: 17px;
line-height: 25px;
margin: 0;
padding: 0 0 6px
}

.right-box h3 {
color: #3e3e3e;
font-size: 20px;
line-height: 25px;
margin: 0;
padding: 0
}

.right-box label {
font-weight: 400
}

.right-box hr {
margin: 5px 0 10px
}

div.awesomplete {
display: inline-block;
position: relative;
width: 100%
}

.pricefilter-inside {
background-color: #F9F9F9;
border: 1px solid #e4e5ea;
border-radius: 4px;
padding: 0;
width: 100%;
text-align: center
}

.main_filter .input-group {
font-size: 11px;
padding-right: 5px
}

.pricefilter-inside .input-group-addon {
border: 0;
font-size: 11px;
width: 10%;
float: left;
padding: 6px 0;
}

#stickyParent,
.button {
float: right
}

input.mainFilterRange {
padding: 6px 0;
text-align: center;
width: 66% !important;
background: #fff;
border-bottom: none;
border-top: none;
border-right: 1px #e4e5ea solid;
border-left: 1px #e4e5ea solid;
}

.main_filter:last-child {
border-bottom: 0 solid #d3e1e4
}

.CompareOffer-Btn,
.button {
border: 0;
color: #fff;
transition: all .4s ease-in-out 0s
}

.filterButtonPad {
padding-top: 10px
}

.button {
background-color: #0099D8;
border-radius: 5px;
display: block;
font-size: 16px;
margin-left: 3px;
padding: 7px 12px;
}

.button:hover {
box-shadow: inset 220px 0 0 0 #00629B;
color: #fff;
border: none;
text-decoration: none
}

.CompareOffer-Btn {
background-color: #0099D8;
border-radius: 5px;
float: left;
font-size: 16px;
outline: 0;
padding: 7px 12px;
text-align: center;
width: 100%
}

.CompareOffer-Btn:focus,
.CompareOffer-Btn:hover {
background-color: #02a9e0;
color: #fff;
outline: 0;
text-decoration: none
}

.margin-top {
margin-top: 12px
}

.compare-box {
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
float: left;
margin: 5px 0;
padding: 10px 10px 10px 0;
position: relative;
width: 100%
}

.compare-close {
position: absolute;
right: -5px;
top: -6px
}

.compare-box > p {
color: #3e3e3e;
float: left;
font-weight: 600;
line-height: 14px;
margin: 0;
padding: 0 10px 5px;
width: 100%
}

.compare-box input.changeaddress {
background: #00629B;
border: 0;
border-radius: 3px;
color: #fff;
display: block;
float: right;
font-size: 13px;
margin-left: 3px;
padding: 2px 10px;
text-decoration: none !important;
transition: all .4s ease-in-out 0s
}

.compare-box input.changeaddress:hover {
background-color: #02a9e0 !important;
color: #fff;
text-decoration: none
}

.content-left,
.content-tab-data {
float: left;
width: 100%
}

.offer-table tbody {
border-bottom: 1px solid #e4e5ea;
border-top: 1px solid #e4e5ea;
}

.selected {
background-color: #F9F9F9;
}

.offer-table td {
display: table-cell;
height: 100px;
padding: 0 5px;
text-align: left;
vertical-align: middle !important
}

.cct_select,
.provider-logo img,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
vertical-align: top;
}

.provider-logo {
padding-bottom: 16px !important;
padding-top: 10px !important;
position: relative;
width: 18%
}

.offer-count-td h4 span,
span#visibleOfferCount {
border-radius: 3px;
padding: 0 5px;
background-color: #0099D8;
}

.provider-logo img {
height: auto;
width: auto
}

.offer-count-td {
width: 28%
}

.offer-count-td h4 {
color: #3e3e3e;
font-size: 17px;
margin-top: 30px;
padding-left: 10px;
}

.offer-arrow-td {
width: 5%;
}

.offer-count-td h4 span {
color: #fff;
margin: 0
}

span#visibleOfferHeading {
color: #3e3e3e;
font-size: 18px;
font-weight: 400;
margin-left: 0
}

span#visibleOfferCount {
color: #fff;
font-size: 18px;
margin: 0
}

.offer-price-highlights {
float: right;
padding-right: 30px;
width: auto
}

.provider-detail-div,
.top-filter-div {
width: 100%;
float: left
}

.top-pan {
background-color: #02a9e0;
float: left;
position: static !important
}

.no_left_pad {
padding-left: 0
}

.top-pan h5 {
color: #fff;
font-size: 15px;
line-height: 29px;
margin: 0;
padding: 0
}

.pan-detail-div {
background-color: #fff;
float: left;
padding-bottom: 15px
}

.no-pad,
.nopadd {
padding-left: 0;
padding-right: 0
}

.top-filter-div {
background-color: #e3e3e3;
border: 1px solid #cecece;
margin-top: 10px;
padding: 5px 1%;
margin-bottom: 20px
}

.no-offer-box {
border-color: #c3c3c3;
border-style: solid;
border-width: 1px 1px 6px;
background-color: #f6f6f6;
padding: 20px;
min-height: 145px;
width: 70%;
}

.top-chkbox-wraper {
float: left;
margin-top: 5px;
width: 55%
}

.top-chkbox-div {
color: #3e3e3e;
float: left;
font-size: 13px;
margin-right: 10px;
width: auto;
}

.top-chkbox-wraper div[name=hs] {
display: none
}

.top-chkbox-div input[type=checkbox] {
float: left;
margin: 3px 3px 0 0
}

.price-rainge-box {
float: left;
margin-bottom: 0;
margin-top: 5px;
width: 44%;
text-align: right;
}

.price-rainge-box label {
font-size: 13px;
font-weight: 400;
text-align: right;
margin-bottom: 0;
vertical-align: top;
margin-top: 1px;
}

.price-rainge-box .currency-input {
width: auto;
display: inline-block;
}

.currency-input span {
float: left;
font-size: 13px;
margin-top: 1px;
}

.currency-input {
padding: 0;
}

.providerFilterRange {
background-color: #fff;
border: 1px solid #2c6790;
border-radius: 3px;
color: #000 !important;
float: right;
font-size: 12px;
font-weight: 400 !important;
margin: 0 2px;
padding-left: 3px;
width: 71px
}

.btnReset {
background: #0099D8;
border: 0;
border-radius: 3px;
color: #fff;
display: block;
float: right;
font-size: 13px;
margin-left: 3px;
margin-top: 0;
padding: 1px 15px;
transition: all .4s ease-in-out 0s
}

.btnReset:hover {
background-color: #00629B !important
}

.pan-box {
background-color: #fff;
border: 1px solid #e2e2e2;
color: #3d3d3d;
float: left;
margin-top: 10px;
padding: 10px;
position: relative;
width: 100%
}

.offer-price-highlights p {
color: #02a9e0;
font-size: 13px;
margin: 0 0 4px;
padding: 0;
text-align: right
}

.hedinggroup {
float: left;
width: 100%
}

.icons {
float: left;
margin-right: 3px;
margin-top: 4px
}

.hedinggroup h3 {
color: #000;
float: left;
font-size: 19px;
font-weight: 600;
line-height: 25px;
margin: 0;
padding: 0;
width: 80%
}

.offer-box-detail-div {
float: right;
display: contents;
}

.pan-price-compare {
float: left;
margin-top: 12px;
width: 100%
}

.pan-price h5 {
float: left;
font-size: 25px;
margin: 0;
padding: 0;
width: auto;
color: #02a9e0
}

.cartbtn,
.view-detail-button, .offerButtons a {
padding: 7px 12px;
float: right;
transition: all .4s ease-in-out 0s;
display: block
}

.pan-price h5 sub {
font-size: 18px;
position: inherit
}

.cartbtn,
.phone,
.view-detail-button, .offerButtons a {
font-size: 16px
}

.cartbtn {
background-color: #0099D8;
border: 0;
border-radius: 3px;
color: #fff;
margin: 5px 0 5px 3px;
width: 100%;
}

.cartbtn:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
text-decoration: none
}

.view-detail-button, .offerButtons a {
background-color: #0099D8;
border: 0;
border-radius: 3px;
color: #fff !important;
margin: 0 0 5px;
text-decoration: none !important;
width: 100%;
}

.offerButtons a {
background-image: none !important;
padding: 7px 14px;
width: 100%;
text-align: center;
cursor: pointer;
}

.offerButtons a:focus {
color: #fff !important
}

.view-detail-button:hover, .offerButtons a:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
text-decoration: none
}

.phone input[type=checkbox] {
float: left;
margin: 3px 3px 0 0
}

.phone label {
color: #fff;
margin-bottom: 0;
margin-top: 0;
font-size: 16px;
}

.offer-box-description {
float: left;
width: 90%
}

.offer-box-description ul {
margin: 15px 0 0;
padding: 0 0 0 0px
}

.offer-box-description ul li {color: #3e3e3e;list-style: none url(../images/black-bullet.png);width: 100%;float: left;font-size: 13px;
padding: 0 0 15px 0px;margin: 0;line-height: 18px;margin-left: 20px;}

.provider-popup-img img {
width: 20px;
max-width: 20px;
max-height: 20px;
}

.modal-open .modal {
padding-right: 0 !important;
}

.modal-outer {
width: 95%
}

.modal-content,
.new-modal-body,
.new-prod-head {
float: left;
width: 100%
}

.modal-inner {
height: auto
}

.offer-box-heading .icons img {
width: 20px;
max-width: 20px;
max-height: 20px;
margin-right: 4px;
display: inline-block;
}

.offer-feature-box-div {
width: 100%;
float: left;
}

.offers-feature-box {
width: auto;
float: left;
background-color: #e0e0e0;
border-radius: 2px;
margin-right: 5px;
margin-bottom: 20px;
}

.offers-feature-icon {
width: 65px;
float: left;
text-align: center;
}

.offers-feature-icon .fas {
font-size: 30px;
padding: 10px 0;
color: #777;
}

.offers-feature-text {
width: 126px;
float: left;
font-size: 13px;
font-weight: 400;
padding: 7px 10px 7px 0;
}

.offers-feature-text span {
font-weight: 500;
padding-left: 3px;
display: inline-block;
}

.special-box .offers-feature-box {
width: auto;
float: left;
background-color: #02a9e0 !important;
border-radius: 4px;
color: #fff;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 0;
}

.special-box .offers-feature-icon .fas {
color: #fff;
}

.offerbox_ButtonSets .offerButtons {
float: right;
margin-top: 40px;
}

.pan-price-compare h5 {
font-size: 30px;
font-weight: 600;
}

.pan-price-compare h5 sub {
bottom: 0;
font-weight: 400;
font-size: 18px;
}

.offer-main-head h5 {
font-size: 16px;
margin-top: 8px;
margin-bottom: 0;
}



.new-modal-body {
height: auto;
padding-bottom: 20px;
padding-top: 20px
}

.new-prod-head {
background-color: #0099D8
}

.new-drop-bar {
float: right;
width: auto
}

.email-drop,
.tabs-div {
float: left;
width: 100%
}

.new-drop-bar .collapse.show,
.new-drop-bar .collapsing,
.new-drop-bar .show {
background: #02a9e0;
padding: 10px;
position: absolute;
right: 16px;
top: 57px;
width: 245px;
z-index: 99999
}

.email-div {
float: left;
width: auto;
padding: 1px;
}

.emailbtn {
border: 0;
border-radius: 0;
margin: 0;
padding: 10px 7px 10px;
outline: none;
}

.emailbtn:hover {
background-color: transparent;
border: 0;
}

.tabs-div {
margin: 15px 0 25px
}

.invalid-email {
color: #ce0707;
float: right;
font-size: 12px;
margin: 2px 5px 0 0
}

.comparepopup {
list-style: none;
overflow: hidden;
padding: 0;
position: relative;
text-align: center
}

ul.comparepopup li {
border: 1px solid #aaa;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline-block;
margin: 0 -15px 0 22px;
position: relative;
text-shadow: 0 1px #fff;
z-index: 0
}

ul.comparepopup li a {
color: #fff;
text-decoration: none;
float: left;
}

.modal-inner button img {
float: right;
}

ul.comparepopup li a:hover {
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
}

.comparepopup li.selected {
border-bottom-color: #fff;
color: #333;
z-index: 2
}

.comparepopup::before {
border-bottom: 1px solid #aaa;
bottom: 0;
content: " ";
left: 0;
position: absolute;
width: 100%;
z-index: 1
}

.comparepopup li::after,
.comparepopup li::before {
border: 1px solid #aaa;
bottom: -1px;
content: " ";
height: 5px;
position: absolute;
width: 5px
}

.comparepopup li::before {
border-bottom-right-radius: 6px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #afaeae;
left: -6px
}

.comparepopup li::after {
border-bottom-left-radius: 6px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #afaeae;
right: -6px
}

.comparepopup li.selected::before {
box-shadow: 2px 2px 0 #fff
}

.comparepopup li.selected::after {
box-shadow: -2px 2px 0 #fff
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #00629B;
    padding: 10px 25px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
background-color: #00629b;
}

.nav-pills > li > a {
background: #0099D8;
border-radius: 4px 4px 0 0;
color: #fff;
padding: 10px 25px;
transition: all .4s ease-in-out 0s
}
/*.nav-pills>li>a:hover,ul.comparepopup li.active,ul.comparepopup li:hover{background:#01325d}*/
.customerInfoInput {
float: left;
margin: 10px 1% 0;
position: relative;
width: 31.333%
}

.customerInfoInput .error-div:nth-child(2) {
top: 78px
}

.customer-info-div .customize-label {
color: #3e3e3e;
font-weight: 400;
margin-top: 0
}

.QuestionPanel .separator-1 hr {
margin: 2px
}

.send-btn {
background-color: #00629B;
border: 0;
border-radius: 3px;
color: #fff;
float: left;
font-size: 16px;
outline: 0;
padding: 7px 15px;
text-align: center;
transition: all .4s ease-in-out 0s;
width: 100%
}

.send-btn:hover {
box-shadow: inset 200px 0 0 0 #000;
color: #fff;
text-decoration: none;
outline: 0
}

.send-btn:focus {
background-color: #006496 !important;
color: #fff;
text-decoration: none;
outline: 0
}

.email-div .send-btn:hover {
background-color: #000
}

.price-height .oldprice {
margin-top: 10px;
text-align: center;
width: 100%
}

/*#orderDetailDiv {
margin-top: 25px
}*/

.compare-fixed-head img {
float: inherit !important
}

.emailsubject {
width: 100%;
float: left;
padding: 8px;
font-size: 13px;
color: #fff;
line-height: normal;
margin-top: 8px
}

.email-drop input[type=text] {
background: #fff;
border: none;
border-radius: 4px;
color: #3a3a3a;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 4px 0 4px 5px;
width: 100%
}

.card-header {
background-color: #02a9e0 !important;
margin-top: 0
}

.scroll {
overflow-y: scroll
}

.compare-data {
height: 335px
}

.new-prod-head h3 {
font-size: 16px;
font-weight: 700;
color: #fff;
margin: 0;
padding: 10px 0 10px 8px;
float: left
}

.heading_h5 {
color: #36617d !important;
font-family: Arial;
font-size: 13px !important;
padding: 8px 0;
margin: 0;
width: 100%;
}

.new-prod-body .popup_scroll { /*height:375px; overflow-y:auto;*/
padding-right: 15px;
width: 100%
}

.prdcnt h3 {
background: #006496;
color: #fff;
float: left;
font-size: 18px;
line-height: 29px;
margin: 0;
padding: 5px 10px;
width: 100%
}



.new-hr {
border: 1px solid #e0e3e4;
float: left;
margin: 0 0 10px;
padding: 0;
position: relative;
width: 100%
}

.new-hr > label {
background: #f6f6f6;
border-bottom: 0 dashed #6e6e6e;
color: #3e3e3e;
float: left;
font-size: 13.5px;
margin: 0 0 8px !important;
padding: 7px 10px;
text-align: left;
width: 100%
}

.QuestionPanel label {
font-weight: 400;
margin-left: 2px;
margin-top: 1px
}

p.fontsize11 {
color: #767676;
font-size: 11px;
font-style: italic;
float: left;
font-family: arial;
margin: 0 0 9px 14px
}

.new-hr > p {
width: 87%;
margin-left: 10px;
}

.verticalScroll .form-control {
margin: 0 0 10px 10px;
width: 40%
}

.cct_select {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
color: #555;
display: block;
float: left;
font-family: Arial;
font-size: 12px;
height: 34px;
line-height: 1.42857;
margin: 0 0 10px;
padding: 7px 5px;
transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
width: 40%
}

div.new-hr > div.bdr {
border-bottom: 1px dashed #e8e8e8;
float: left;
padding-bottom: 5px;
padding-right: 15px;
padding-top: 5px;
width: 100%
}

.QuestionCheckBox,
.QuestionRadio,
.QuestionSelect {
float: left;
padding: 5px 0 5px 15px;
width: 100%
}

.inputSet {
float: left;
margin-bottom: 5px;
margin-top: 5px
}

.inputSet_checkbox,
.inputSet_radio {
float: left
}

.prright {
float: right;
margin-top: 5px
}

.special-box {
background-color: #c0efff;
background-image: url(../../../PublicFacing/CharterSpectrum/images/special-offer-img.png);
background-position: right 0px;
background-repeat: no-repeat;
border: 1px solid #02a9e0
}

.cart-data-sec .send-btn,
.startOffer_btn {
border: 0;
transition: all .4s ease-in-out 0s
}

.saraplus_Iframe {
padding: 0;
width: 100%
}

.QuestionGroup {
float: left;
width: 100%
}

.flright {
float: right
}

.cart-data-sec .send-btn {
border-radius: 5px;
color: #fff;
font-size: 18px;
height: auto;
line-height: 0;
margin: 7px 0 20px;
padding: 20px 16px;
text-align: center;
text-transform: none;
width: auto
}

.cart-data-sec .send-btn:hover {
color: #fff;
text-decoration: none
}

.QuestionPanel ul {
float: left;
margin: 0;
padding: 0 10px 0 28px;
width: 100%
}

.error-div {
background: red;
color: #fff;
font-size: 12px;
padding: 0 5px
}

.inputSet label > label,
.inputSet span > label,
.inputSet > label {
display: inline;
text-align: left;
position: relative;
top: -3px;
}

.childProducts_set {
border-bottom: 1px solid #8d8d8d;
float: left;
width: 100%
}

.cart-left,
.cart-right,
.top-cart-price,
.top-cart-title {
display: block;
padding: 5px 0;
width: 50%;
float: left;
font-family: "Open Sans", sans-serif
}

.cart-left,
.top-cart-title {
color: #2c6790;
font-size: 12px
}

.cart-left a {
color: #006288;
text-decoration: underline
}

.cart-right,
.top-cart-price {
color: #006496;
font-size: 11px;
font-weight: 700;
text-align: right
}

.cart-detail-row {
border-bottom: 1px solid #cbd2d7;
color: #fff;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 12px;
width: 100%
}

.blue-box,
.customer-info-div .box-2 {
border: 1px solid #e0e3e4
}

.cart-detail .cart-detail-row:last-child {
background-color: #3d3d3d;
color: #fff;
font-weight: 700
}

.blue-box h3,
.thankyou-div h5 {
font-weight: 600;
line-height: 29px
}

.cart-detail .cart-detail-row:last-child .cart-left {
color: #fff !important;
padding-left: 5px;
}

.cart-detail .cart-detail-row:last-child .cart-right {
color: #fff;
padding-right: 5px
}

.scrollup {
position: fixed;
bottom: 0;
right: 6px;
font-size: 0px;
display: none;
}

.customerInfoInput .error-div {
font-size: 11px;
position: inherit
}

.thankyou-div h5 {
font-size: 22px;
margin: 10px 0;
padding: 0;
text-align: center
}

.blue-box {
margin-bottom: 10px;
padding: 0
}

.blue-box h3 {
background: #006496;
color: #fff;
font-size: 18px;
margin: 0 0 10px;
padding: 5px 10px
}

.blue-box p,
.blue-row {
color: #3e3e3e;
margin-left: 10px
}

.blue-row {
margin-bottom: 10px
}

.blue-left {
font-weight: 700
}

.startOffer_btn {
background-color: #36617d;
border-radius: 3px;
color: #fff;
float: right;
font-size: 18px;
margin: 10px 0;
padding: 1% 2%;
text-align: center;
text-transform: uppercase;
width: auto
}

.startOffer_btn:hover {
background-color: #154465;
color: #fff;
text-decoration: none
}

.popup-txt {
width: 100%;
padding: 0;
float: left
}

.new-prod-body {
width: 98%;
float: left;
margin: 10px 1%
}

.cross-sale-box p,
.cross-sale-message {
width: 100%;
text-align: center
}

.valuebox_checkbox {
float: left;
margin: 7px 6px 0 0
}

.oldprice {
color: #313131;
float: left;
font-family: "Titillium Web", sans-serif;
font-size: 20px;
margin-right: 8px;
text-decoration: line-through
}

.offersMainDiv {
min-height: 200px
}

#NoOfferFound {
float: left;
background: url(../../../PublicFacing/CharterSpectrum/images/noofferfound.jpg) center top no-repeat;
height: 270px;
width: 100%;
}

.QuestionPanel h4 {
background: #006496;
color: #fff !important;
font-family: arial;
font-size: 15px;
font-weight: 400;
margin: 0;
padding: 7px 10px
}

.provider-name {
text-transform: capitalize
}

.specialoffer-compare {
background-color: #c0efff
}

.notspecialoffer-compare {
background-color: #fff
}

.cross-sale-box {
border-color: #c3c3c3;
border-style: solid;
border-width: 1px 1px 6px;
background-color: #f6f6f6;
padding: 20px;
min-height: 166px;
}

.cross-sale-box p {
font-size: 17px;
line-height: 20px;
margin-bottom: 10px;
width: 100%;
float: left;
}

.cross-sale-box p strong {
font-weight: 700
}

.cross-sale-message {
text-align: center;
width: 100%;
float: left;
}

.cross-sale-message a {
margin-top: 6px;
display: inline-block;
}

.cross-sale-logo > img {
margin: 14px auto 0;
display: block;
text-align: center;
}

.tab-content .cross-sale-box .col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.loading-circle > img {
width: 50%;
margin: 0 auto;
display: block
}

.cross-sale-box .redirect-msg p {
font-size: 11px;
width: 100%;
text-align: center;
line-height: 13px
}

.cross-sale-box a {
background-color: #006496;
border: 0;
border-radius: 3px;
clear: both;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 7px 15px;
text-align: center;
text-decoration: none;
transition: all .2s linear 0s
}

.cross-sale-box a:hover {
text-decoration: none;
background-color: #02a9e0;
cursor: pointer
}

#revese-countdown {
font-size: 55px;
line-height: 42px
}

.loading-circle {
margin: 22px 0 5px;
width: 100%;
text-align: center
}

.special-box .pan-box-head > .offerbox_ButtonSets {
margin-bottom: 10px;
margin-top: 50px
}

.offerButtons {
float: right;
margin-top: 0px;
}

.card-header.collapsed .accordion-toggle::after {
content: "\f107"
}

.card-header .accordion-toggle::after {
color: #fff;
content: "\f106";
float: right;
font-family: FontAwesome;
margin-right: 6px
}

h4 .accordion-toggle {
color: #fff
}

.top-chkbox-wraper > div:nth-child(5) {
display: none
}

#olark-wrapper > #olark-container, #olark-wrapper > .olark-launch-button {
right: 60px !important;
bottom: 70px !important;
}

section {
padding-top: 60px;
padding-bottom: 60px;
}
section#hero-section {padding: 0;}
.footer-sec {
padding-top: 25px;
padding-bottom: 25px;
}

#wizard section {
padding: 0;
}

.customization_sec #LeftPanel {
width: 75%;
display: contents;
}

.customization_sec #RightPanel {
width: 25%;
display: inline-block;
}

.js_morebutton link-showmore, .js_morebutton js_morebutton_less link-showless, .js_morebutton link-showall {
float: left;
}

.pan-price-contract h6 {
float: left;
}

.pricefilter-inside .price-from {
width: 45%;
float: left;
}

.pricefilter-inside .price-from .input-group-addon {
width: 20px;
line-height: 27px;
text-align: center;
padding: 0;
}

.pricefilter-inside .txt-bx {
width: 22px;
float: left;
padding: 0;
line-height: 27px;
text-align: center;
}

.pricefilter-inside .price-to {
width: 42%
}

.offers-HighSpeedInternet-icon + .tooltip > .tooltip-inner {
background-color: rgba(0,0,0,1);
color: #fff;
font-family: 'Assistant', serif;
}

.offers-HighSpeedInternet-icon + .tooltip > .tooltip-arrow {
border-bottom-color: rgba(0,0,0,1);
}

.js_morebutton.js_morebutton_less.link-showless {
display: inline-block;
}

.js_morebutton {
float: left;
padding: 5px;
color: #006496;
cursor: pointer;
}

.new-underline-tabs {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
}

.sub-tab ul li a {
border-right: 1px solid #fff;
color: #fff;
padding: 12px 15px;
line-height: normal;
font-size: 13px;
color: #5b626b;
}

.sub-tab ul li a:hover {
color: #000 !important;
}

.new-underline-tabs > li > a.active {
color: #000 !important;
font-weight: 700;
pointer-events: none;
}

.new-underline-tabs > li:hover > a::after, .new-underline-tabs > li > a.active::after {
-webkit-transform: scale(1);
transform: scale(1);
}

.new-underline-tabs > li > a::after {
content: "";
height: 4px;
position: absolute;
width: 100%;
left: 0;
bottom: -1px;
-webkit-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
-webkit-transform: scale(0);
transform: scale(0);
background: #02a9e0;
}

.main-error h3, .main-error p {
text-align: center
}

.inside-section.iframe_div > .container {
padding-left: 0 !important;
padding-right: 0 !important;
}

.prodLogoCM {
width: 100%;
display: table;
}

.prodLogoCTxt {
width: 100%;
display: inline-block;
}

.prodLogoCTxt h5 {
text-align: center !important;
}



.hidden img {
width: 140px;
margin-right: 10px;
}

.main-error {
min-height: calc(100vh - 316px);
}

.errorDivaligment {
margin: 0 auto;
margin-top: 60px;
}

.startbtn {
background-color: #0099D8;
box-shadow: inset 0 0 0 0 #0099D8;
border: none;
border-radius: 5px;
color: #fff;
font-size: 22px;
font-weight: 600;
height: 41px;
padding: 10px 20px;
text-decoration: none;
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.startbtn:hover, .startbtn:focus {
border: none;
box-shadow: inset 200px 0 0 0 #00629B;
color: #fff;
}

.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}

.tab-content > .active {
display: block;
color: #000;
}

.offers-HighSpeedInternet-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-internet.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.offers-specialoffer-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/CharterSpectrum/images/offers-specialoffer-icon.png);
background-repeat: no-repeat;
width: 22px;
margin: 0 8px 0 0;
float: left;
}

.offers-Video-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-tv.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.offers-Wireless-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-wireless-dealer.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.filterContainer .top-chkbox-div > div {
float: left;
}

.offers-Voice-icon {
text-indent: -9999px;
background-image: url(../../../PublicFacing/SpectrumOffer/images/icon-phone.png);
background-repeat: no-repeat;
width: 18px;
margin: 0;
float: left;
height: 18px;
background-size: contain;
}

.provider-popup-img {
display: inline-flex;
margin: 0 5px;
}

.provider-popup-img span {
margin: 0 5px;
}

.compare-tab tr {
text-align: center;
}

.fa-angle-up:before {
content: "\f107";
}

.fa-angle-down:before {
content: "\f106";
}

.fa-angle-up::before {
content: "\f107" !important;
}

.fa-angle-down::before {
content: "\f106" !important;
}

.channelMainDiv {
float: left;
width: 100%;
}

.channelList {
border-bottom: 1px solid #e7e7e7;
color: #303030;
font-family: Arial;
font-size: 13px;
float: left;
padding: 10px 0;
margin-right: 15px;
width: 18.5%;
}

/* BBFL style*/
.bbfl-container {
float: left;
width: 100%;
}

.bbfl-offer-disclaimer-link {
color: #0099D8;
cursor: pointer;
float: left;
text-decoration: underline;
width: 100%;
}

.bbfl-offer-disclaimer-link:hover {
color: #181818;
}

.bbfl-iframe-holder {
display: flex;
justify-content: center;
width: 100%;
}

.bbfl-iframe-holder iframe {
border: 1px solid #ccc;
height: 500px;
width: 75%;
}

.main-error h3 {
font-size: 30px;
color: #00629B;
}

.main-error p {
font-size: 16px;
line-height: 24px;
}

.main-error .cta-link .btn {
background-color: #0099D8;
color: #fff;
height: 41px;
font-size: 22px;
font-weight: 600;
padding: 2px 20px;
border-radius: 5px;
}
.main-error .cta-link .btn:hover {box-shadow: inset 200px 0 0 0 #00629B;color: #fff;}
.modal .close img {width: 20px;height: auto;}
#LeftPanel {float: left;}
#RightPanel {float: right;}
.offer-box-description ul li {
background-repeat: no-repeat;
background-position: -10px 0;}
.modal .close img {width: 20px;height: auto;}