.glider-dot.active {
    background: #0077cc;
}
.section.nav>.inner .nav-tile:hover {
    border-bottom: 2px solid #0077cc;
}
.section.digital-services>.inner .detail-area .digital-services-details .digital-services-cta .button-cta-digital-services {
    background: #0077cc;
}
.section.cookie-policy>.inner .cookie-button .button {
   border: 1px solid #0077cc;
   color: #0077cc;
}
.section.cookie-policy>.inner .cookie-text .link {
     color: #0077cc;
}
.section.cookie-policy>.inner .cookie-button .button:hover {
    background-color: #0077cc;
}
.banner {
	background-image: url(../homepage/images/posb-masthead-desktop.gif);
	background-color: #f9f9fa;
}
.searchCollapse .btn-search {
    background-color: #07c;
}
.searchCollapse ol.pop-search-list li a, .searchCollapse ol.pop-search-list li a:hover {
	color: #07c;
}
.section.digital-services>.inner .detail-area .digital-services-details .digital-services-cta .button-cta-digital-services:hover {
	background-color: #07c;
}
#feedback-btn {
    background-color: #0077cc;
    border-color: #0077cc;
}
/* ===================== start for blue color tab pane =================== */
.guide-detail a {
    color: #0077CC;
}
.guide-detail .nav-tabs .nav-item.show .nav-link, .guide-detail .nav-tabs .nav-link.active {
    color: #2E2E2E;
    border-bottom: 2px solid #0077CC;
}

.guide-detail .red {
	color: #0077CC;
}

.survey-wrapper button {
    font-family: "opensans-regular", Arial;
    font-size: 14px;
    color: #0077CC !important;
    text-align: center;
    border: 1px solid #0077CC !important;
    border-radius: 4px;
    background: transparent;
    width: 64px;
    height: 28px;
    outline: none;
    font-weight: bold;
    margin-right: 5px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.survey-wrapper button:hover {
    background: #0077CC !important;
    color: #fff !important;
}

.section.related-section .block ul li a {
    color: #0077cc;
}

/* ===================== end for blue color tab pane =================== */
@media screen and (max-width: 575px) {
	.banner .banner-text {
		font-size: 19px;
	}
	.banner {
		background-image: url(../homepage/images/posb-mashthead-mobile.gif);
	}
    .d-ui .btn:after {
        color: #0077cc;
    }
    .section.menu>.inner .list-menu-parent>.parent-menu>li>.list-menu-child>.child-menu li a:hover {
        border-color:  #0077cc;
    }
}
#feedback-btn:hover {
    background-color: #06b;
    border: 1px solid #06b;
}
/* Article detail */
.section.article-detail a {
   color: #0077CC;
}
.section.article-detail .nav-tabs .nav-item.show .nav-link, .section.article-detail .nav-tabs .nav-link.active {
    color: #0077CC;
    border-bottom: 2px solid #0077CC;
}
.section.article-detail .link-chain {
    color: #0077CC;
}
.section.article-detail .table-layout td:nth-child(1) {
    color: #0077CC;
}
.section.article-detail .v-tab .nav-tabs .nav-link.active {
    color: #0077CC;
}
.section.article-detail .tab-links a.active, .section.article-detail .tab-links li.active {
    color: #0077CC;
}
.section.article-detail .slider-nav .slick-item.slick-current a {
    background: #0077CC;
}
.section.article-detail .slick-dots li.slick-active button:before {
    background: #0077CC;
}
.buttons-wrapper .btn.btn-red, 
.section.article-detail .card-carousel .btn.btn-red, 
.section.article-detail .form-ui .btn.btn-red {
    background: #0077CC;
    border: 1px solid #0077CC;
    color: #fff;
}
.buttons-wrapper .btn.btn-red:hover,
.section.article-detail .card-carousel .btn.btn-red:hover, 
.section.article-detail .form-ui .btn.btn-red:hover {
    background: transparent;
    border: 1px solid #0077CC;
    color: #0077CC;
}
.buttons-wrapper .btn.btn-red.hover-darker:hover {
     background: #0088DD;
     border: 1px solid #0088DD;
}
.section.article-detail .filter-wrapper ul li.clear-data-table, .clear-data-table {
    color: #0077CC;
}
.section.article-detail  .pretty.p-default input:checked ~ .state label:after {
    background-color: #0077CC!important;
    border-color: #0077CC;!
}
.section.article-detail  .range-filter .irs--flat .irs-handle>i:first-child {
    background: #0077CC;
}
.section.article-detail  .range-filter .irs--flat .irs-bar {
    background: #0077CC;
}
.section.article-detail .page-item.active .page-link {
    color: #0077CC;
}

.buttons-wrapper .btn.btn-border, 
.section.article-detail .useful .btn.btn-border {
    color: #0077CC;
    border: 1px solid #0077CC;
}
.buttons-wrapper .btn.btn-border:hover, 
.section.article-detail .useful .btn.btn-border:hover {
    color: #fff;
    background: #0077CC;
}
.section.article-detail .static-table table tbody {
    border-top: 2px solid #0077CC;
}
.section.article-detail .block.left-nav ul li.active a {
    color: #0077CC;
}
.section.article-detail .slider-nav .slick-item a.anchor-text {
    background-color: transparent;
    color: #0077CC;
}
/* Article listing */
.accordion-body a, .popular-articles a {
    color: #0077CC;
}
.popular-articles a:hover {
    color: #0077CC;
}
@media screen and (max-width: 767px) {
    .section.article-detail .slider-nav .step-desc-small strong {
        color: #0077CC;
    }
}
