/* color */
.text-primary,
.btn-outline-primary,
.bg-soft-primary,
.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link:focus,
.navbar .navbar-nav .nav-item .nav-link.active,
.nav-sticky .navbar-nav .nav-item .nav-link:hover,
.nav-sticky .navbar-nav .nav-item .nav-link:active,
.nav-sticky .navbar-nav .nav-item .nav-link:focus,
.nav-sticky .navbar-nav .nav-item .nav-link.active,
.client-carousel .carousel-control-next:after,
.client-carousel .carousel-control-prev:after{
    color: #377dff !important;
}

/* background-color */
.bg-primary,
.btn-primary,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-soft-primary:hover,
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active,
.nav-sticky .nav-btn {
    background-color: #377dff !important;
}

/* border */
.btn-primary,
.btn-outline-primary,
.nav-sticky .nav-btn {
    border: 1px solid #377dff !important;
}

.navbar .navbar-nav .nav-item .nav-link.active::before,
.client-carousel .carousel-control-prev, 
.client-carousel .carousel-control-next,
.bg-soft-primary {
    background-color: rgba(55, 125, 255, 0.1);
}

.btn-soft-primary {
    background-color: rgba(55, 125, 255, 0.1);
    color: #377dff;
}
.navbar .nav-btn{
    border: 1px solid rgba(55, 125, 255, 0.3);
}
.svg-primary {
    fill: rgba(55, 125, 255, 0.2);
    color: #377dff;
}
.filter-tab li.active{
    border-bottom: 1px solid #377dff;
}
.lines .line{
    background:  rgba(55, 125, 255, 0.1);
}
.lines .line:after{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, #377dff), to(#377dff));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #377dff 75%, #377dff 100%);
}