html, body {
    background-color: #fff;
    color: #fff;
}

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(49,151,233,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 !important;
}

.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;
}
/*Classes fro new theme*/
.section-dark {
    background-color: #01AEFA !important;
    background: none;
}

.section-light {
    background-color: #fafafa !important;
    color:#000;
    background: none;
}
.section-medium {
    background-color: #fff;
    color: #000;    
    background: none;
}

.section-bg {
    /* background: url(/managementconsole/assets/templates/template1/images/16400000/Panel_background.png) no-repeat center top / cover;*/
    background-color: #01AEFA !important;
    background: none;
}
.section-main-bg {
    background-color: #01AEFA !important;
    background: none;
}
.footer-bg {
    /* background: url(/managementconsole/assets/templates/template1/images/16400000/Panel_background.png) no-repeat center top / cover;*/
    background-color: #01AEFA !important;
    background: none;
}

.header .navbar-fixed-top {
    background-color: #01AEFA !important;
}
.navbar-right.navbar-top > li a {
    /*background-color: #7BDDEF;*/
    color: #fff
}
.clssigue .navbar-nav .open .dropdown-menu {
    background-color: #7BDDEF !important;
    color: #fff
}
/*end Classes fro new theme*/
.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: #3197e9;
        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-blue.png) no-repeat left center;
    }

ul.fb-rates li {
    border-bottom: 1px solid #f9f9f9;
    color: #666;
}

.footer {
    background-color: rgba(49,151,233,1);
}

.copyright {
    color: #fff;
}

.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(49,151,233,0.05);
    border: 1px solid rgba(49,151,233,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: #3197e9;
}

    .service-activation .panel-default > .panel-heading.active-panel a {
        color: #000;
    }

    .service-activation .panel-default > .panel-heading.active-panel i {
        color: #3197e9;
    }

.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: #f39c12;
}

    #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;
}

/*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_new_white.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_new_black.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: rgba(255,255,255,0.5);
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

    .navbar-right.navbar-top {
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }

    .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;
    }
}
