html, body {background-color: #fff; color: #000;}
a, a:hover,  a:focus, a:active{color:#3197e9;}
.req{color: #f00;}    
.btn-primary, .btn-primary:hover{background-color: #3197e9; border-color: #3197e9;}
.header .navbar-fixed-top{background-color: rgba(0,0,0,1);}
.navbar-right.navbar-top > li:nth-child(1)::before{background:url(../images/icon-signin.png) no-repeat left center;}
.navbar-right.navbar-top > li:nth-child(2)::before{background:url(../images/icon-signup.png) no-repeat left center;}
.navbar-right.navbar-top > li:nth-child(3)::before{background:url(../images/icon-faqs.png) no-repeat left center;}
.navbar-right.navbar-top > li:nth-child(4)::before{background:url(../images/icon-phone.png) no-repeat left center;}
.navbar-right.navbar-top > li:nth-child(5)::before{background:url(../images/icon-language.png) no-repeat left center;}
.navbar-right.navbar-top > li a{color: #EEE;}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {color: #FFF; background-color: transparent;}
.navbar-right.navbar-bottom > li a, .navbar-right.navbar-inner > li a{color: #FFF;}
.navbar-right.navbar-top > li a:hover, .navbar-right.navbar-bottom > li a:hover, .navbar-right.navbar-bottom > li a:focus, .navbar-right.navbar-bottom > li a:active, .navbar-right.navbar-inner > li a:hover, .navbar-right.navbar-inner > li a:focus, .navbar-right.navbar-inner > li a:active{color: #fff;}
.navbar-default .navbar-top.navbar-nav>.open>a,
.navbar-default .navbar-top.navbar-nav>.open>a:hover,
.navbar-default .navbar-top.navbar-nav>.open>a:focus {background-color: transparent; color: #FFF;}

.dropdown-menu{background-color: #333;}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus{background-color: #000; color: #FFF !important;}
.banner-content {background-color: rgba(0, 0, 0, 0.5); color: #FFF;}
.banner-content a{background-color: #000; color:#fff; }
.btn-group a{background-color: #FFF; border: 1px solid #3197e9;}
.btn-group a:hover{background-color: #3197e9; border: 1px solid #3197e9; color: #FFF;}
.home-features{background-color: #f2f2f2;}
.fb-wrap{background-color: #FFF;}
.fb-header-title{background-color: rgba(0,0,0,0.3); color: #FFF;}
.fb-body p{color: #333;}
ul.fb-tick li{color: #666;}
ul.fb-tick li::before{background:url(../images/icon-check-black.png) no-repeat left center; }
ul.fb-rates li{border-bottom: 1px solid #f9f9f9; color: #666;}
.footer {background-color: #000;}
.copyright{color: #999;}
.footer-nav ul li a{color: #FFF;}
.footer-nav ul li a:hover{color: #3197e9;}

#myModal .modal-header{background-color: #FFF; color: #333;}
#myModal .modal-body{background-color: #FFF;}
#myModal .close{color: #666;}
#myModal .modal-content{border-color: rgba(255,255,255,0.25);}
.loginform label{color: #666;}
.loginform input[type="text"],
.loginform input[type="password"],
.loginform input[type="email"]{border-color: #ddd;}
.loginform .form-group .checkbox{color:#696E74;}
.loginform .btn-submit{background-color: #3197e9;}
.loginform h6{color:#333;}
.registeruser{color: #FFF;}
.signup-now{color: #FFF;}
.coverage-banner h2 {color: #FFF;}
.swMain > ul li > a:before {background-color: #eee;}
.swMain > ul li > a.selected:before, 
.swMain li > a.done:before {border-color: #3197e9;}
.swMain > ul .stepNumber {background-color: #eee; border: 5px solid #eee; color: #666;}
.swMain > ul li > a.selected .stepNumber {background-color: #3197e9; border-color: #eee; color: #FFF;}
.swMain ul li > a.done .stepNumber {background-color: #3197e9; border-color: #3197e9; color: #fff;}
.swMain ul li > a.done.wait .stepNumber {background-color: #F6F6F6 !important; color: #CCC !important;}
.swMain > ul li .stepDesc {color: #666;}
.swMain > ul li > a.selected .stepDesc, .swMain li > a.done .stepDesc {color: #3197e9;}
.zipcode-box{background-color: rgba(49,151,233,0.05); border: 1px solid rgba(49,151,233,0.2);}
.zipcode-col label{color: #666;}
.zipcode-col .form-control {border: 1px solid #ddd; color: #666;}
.btn-inactive{background-color: #CCC; color: #FFF;}
.btn-inactive:hover, .btn-inactive:focus, .btn-inactive:active, .btn-inactive:active:hover, .btn-inactive.active:hover{background-color: #CCC; color: #FFF;}
.btn-active{background-color: #3197e9; color: #FFF;}
.btn-active:hover, .btn-active:focus, .btn-active:active, .btn-active:active:hover, .btn-active.active:hover{background-color: #3197e9; color: #FFF;}
.ad-banner-1{background-color: #3197e9;}
ul.check li::before{background:url(../images/icon-check.png) no-repeat left center;}
.modal-common .modal-header {background-color: rgba(49, 151, 233,0.75); color: #fff;}
.note {background-color: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.2);}
.modal-common .form-control {border: 1px solid #ddd; color: #666;}
.btn-submit {background-color: #3197e9; color: #FFF;}
.btn-submit:hover {color: #FFF;}   
.close {color: #FFF;}

.accordion {border-top: 1px solid #c7c8ca; border-bottom: 1px solid #c7c8ca; background-color: #e2e2e2;}
.accordion__tabs li a:hover {color: #3197e9; background: url("../images/vb_backg_features.png") top left repeat-y; background-color: #f8f8f8;}
.accordion__tabs li.active a {color: #3197e9; background: url("../images/vb_backg_features.png") top left repeat-y;	background-color: #f8f8f8;}
.accordion__tabs li.active a:hover {color: #3197e9;	background-color: #f8f8f8;}
.accordion__tabs li.active a:focus {color: #3197e9; background-color: #f8f8f8;}
.accordion__tabs a {color: #404040;}
.accordion__bullet {background-color: #3197e9;}
.accordion__column a {color: #3197e9;}
.accordion__icon {background-image: url("../images/sprite.png");}
.accordion-title {color: #3197e9;}
.accordion-toggle a {color: #3197e9;}
.accordion-faq {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.accordion-faq .panel {border-bottom: 1px dashed #ccc;}
.panel-title .accordion-faq__question {background-color: #ffffff; color: #3197e9;}
.panel-title .accordion-faq__question.collapsed {color: #333;}
.accordion-faq__question.collapsed .accordion-faq__toggle-icon::before {color: #333;}
.accordion-faq__question .accordion-faq__toggle-icon::before {color: #3197e9;}
.accordion-faq__answer h4 {color: #333;}

/* -------------------------------------------------------- */
/* mWallet Summary									    	*/
/* -------------------------------------------------------- */
.sec-block p{color: #666;}
.overview-wrap .fb-body{background-color: #FFF;}
.overview-wrap .fb-body p{color: #666;}
.overview-block table{background-color: #fff;}
.overview-block table th{background-color: #3197e9; color: #fff;}
.overview-block table td{color: #666;}
.overview-wrap .fb-header{background-color: #3197e9; color: #fff;}

/* Service Activation */
.service-activation .panel-default > .panel-heading.active-panel {border-color: #000;}
.service-activation .panel-default > .panel-heading.active-panel a {color: #000;}
.service-activation .panel-default > .panel-heading.active-panel i {color: #000;}
.rateplan-th {background-color: #3197e9; color:#fff;}
.section-rateplanlist .modal-header, .displayNote .modal-header{background-color: #3197e9; color: #FFF; }

/* Easy Accordion Tabs */
.resp-tab-active {border: 1px solid #3197e9 !important; border-top: 4px solid #3197e9 !important;}
.resp-tab-content {border-color: #3197e9 !important;}

.sh-middle-pane-body a{color: #3197e9;}
.sh-middle-pane h1{color: #000;}
.sh-middle-pane h1 span a{color: #3197e9;}
.sh-middle-pane p{color: #999;}
#get-quote-accordion .panel-default {background-color: #f9f9f9;} 
#get-quote-accordion .panel-default > .panel-heading {background: #ffffff;}
#get-quote-accordion .panel-default > .panel-heading .panel-title > a{color: #999;}
#get-quote-accordion .panel-default > .panel-heading .panel-title span {background-color: #d5d5d5; color: #FFF;}
#get-quote-accordion .panel-default > .panel-heading.active-panel{background-color: #3197e9;}
#get-quote-accordion .panel-default > .panel-heading.active-panel span{background-color: #FFF !important; color: #3197e9;}
#get-quote-accordion .panel-default > .panel-heading.active-panel a{color: #FFF;}
#get-quote-accordion .panel-disable{background-color: #FFF;}
#get-quote-accordion .panel-edit {background-color: #666;}
#get-quote-accordion .panel-edit a {color: #FFF;}
#get-quote-accordion .panel-edit-arrow {border-color: #333 transparent transparent transparent;}
#get-quote-accordion .panel-change {background-color: #3197e9;}
#get-quote-accordion .panel-change a {color: #FFF;}
#get-quote-accordion .panel-change-arrow {border-color: #3197e9 transparent transparent transparent;}
.step-count {color: #000;}
#get-quote-accordion .step-complete {background-color: #3197e9; color: #FFF;}
#get-quote-accordion .step-complete-arrow {border-color: transparent #3197e9 transparent transparent;}
#get-quote-accordion .panel-default > .panel-heading .panel-title span {background-color: #d5d5d5;}
#get-quote-accordion .panel-body-selected-content p {color: #000;}
.PhoneItems .well {background-color: #fff;  border-color: #3197e9 #ddd #ddd #ddd;}
.phones-footer {background-color: #f6f7f9;}
.phone-price {color: #3197e9;}
.btn-modal.btn-yes{background-color: #3197e9; color: #FFF;}
.btn-modal.btn-no{background-color: #e74c3c; color: #FFF;}
.download-brochure i {color: #f00;}
.close:focus, .close:hover {color: #FFF;}
.spinner{color: #3197e9;}

#get-quote-accordion .panel-default > .panel-heading.active-panel{
	border-color: #3197e9;
    border-style: solid;
    border-width: 3px 0 0;
    background-color: #000;
}

#get-quote-accordion .panel-default > .panel-heading.active-panel i{    
    color: #ffffff;
}

#get-quote-accordion .panel-default > .panel-heading.active-panel a{color: #ffffff;}

/*White Nav icon*/ 
.navbar_new_white.navbar-right.navbar-top > li:nth-child(1)::before{background:url(../images/icon-signin.png) no-repeat left center !important;}
.navbar_new_white.navbar-right.navbar-top > li:nth-child(2)::before{background:url(../images/icon-signup.png) no-repeat left center !important;}
.navbar_new_white.navbar-right.navbar-top > li:nth-child(3)::before{background:url(../images/icon-faqs.png) no-repeat left center !important;}
.navbar_new_white.navbar-right.navbar-top > li:nth-child(4)::before{background:url(../images/icon-phone.png) no-repeat left center !important;}
.navbar_new_white.navbar-right.navbar-top > li:nth-child(5)::before{background:url(../images/icon-language.png) no-repeat left center !important;}
.navbar_new_white.navbar-right.navbar-top > li a {color: #fff !important;}
.navbar_new_white.navbar-right.navbar-bottom > li a, .navbar-right.navbar-inner > li a {color: #fff;}
.navbar_new_white.navbar-right.navbar-top > li .dropdown-menu a {color: #000 !important; background-color: transparent;}

 /*BLACK Nav icon*/ 
.navbar_new_black.navbar-right.navbar-top > li:nth-child(1)::before{background:url(../images/icon-signin-Black.png) no-repeat left center !important;}
.navbar_new_black.navbar-right.navbar-top > li:nth-child(2)::before{background:url(../images/icon-signup-Black.png) no-repeat left center !important;}
.navbar_new_black.navbar-right.navbar-top > li:nth-child(3)::before{background:url(../images/icon-faqs-Black.png) no-repeat left center !important;}
.navbar_new_black.navbar-right.navbar-top > li:nth-child(4)::before{background:url(../images/icon-phone-Black.png) no-repeat left center !important;}
.navbar_new_black.navbar-right.navbar-top > li:nth-child(5)::before{background:url(../images/icon-language-Black.png) no-repeat left center !important;}
.navbar_new_black.navbar-right.navbar-top > li a {color: #000 !important;}
.navbar_new_black.navbar-right.navbar-bottom > li a, .navbar-right.navbar-inner > li a {color: #000;}
.navbar_new_black.navbar-right.navbar-top > li .dropdown-menu a {color: #fff !important; background-color: #fff;}

@media (max-width: 767px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #666;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #FFF;}
	.navbar-right.navbar-top{border-bottom: 1px solid #333;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #FFF;}
    .accordion__tabs li a {border-color: #c7c8ca;}
    .accordion__tabs li.active a {background-color: #f8f8f8;}
    .accordion__tabs li.active a:focus {background-color: #f8f8f8;} 
    .accordion .panel {background-color: #f8f8f8;}
}  
@media screen and (min-width: 768px) {
    .accordion__tabs li {border-bottom: 1px solid #c7c8ca;}
    .accordion__tabs.nav-tabs li a:hover {background-color: #f8f8f8;}
     .accordion__column .panel {border-bottom: 1px dashed #CCCCCC; background-color: #f8f8f8;}
     accordion__group {background-color: #f8f8f8;}
}