/* default.css */


/* 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,
.navbar .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after,
.navbar .navbar-nav .nav-item .nav-link.active.dropdown-toggle::after,
.navbar .navbar-nav .nav-item .nav-link:focus.dropdown-toggle::after,
.navbar .navbar-nav .nav-item .nav-link:active.dropdown-toggle::after,
.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,
.nav-sticky .navbar-nav .nav-item .nav-link.active .dropdown-toggle:after,
.blog-title:hover,
.error_message,
.features-icon i,
.service-blog svg,
.tns-outer .tns-controls button {
    color: #407da0 !important;
}



/* background-color */
.bg-primary,
.btn-primary,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active,
.nav-sticky .nav-btn,
.mode-btn,
.features-icon:hover,
.container-filter li a.active,
.container-filter li a:hover ,
.tns-outer .tns-nav button:focus,
.tns-outer .tns-nav button:hover,
.tns-outer .tns-nav button:active,
.tns-outer .tns-nav button.active,
.tns-outer .tns-nav button.tns-nav-active,
.filter-options li:hover,
.filter-options li.active{
    background-color: #407da0 !important;
}
/* border */
.btn-primary,
.btn-outline-primary,
.nav-sticky .nav-btn,
.mode-btn,
.form-control:focus,
.erroe_message,
.container-filter li a.active,
.container-filter li a:hover,
.filter-options li:hover,
.filter-options li.active {
    border: 1px solid #407da0 !important;
}

/* border-color */
.form-control:focus,
.form-check-input:checked,
.border-primary,
.pagination .page-item .page-link.active,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover
 {
    border-color: #407da0 !important;    
}

/* rgba */
.bg-soft-primary,
.form-select:focus,
.tns-outer .tns-nav button {
    background-color: rgba(64,125,160,0.6) !important;
}

/* lighten */
.form-control:focus {
    border-color: lighten(#407da0, 36%);
}

/*darken*/
.tns-outer .tns-controls button.active button {
    background-color: darken(#407da0, 2%) !important;
}