/* Override Bootstrap's primary color */
.btn-primary {
  
}

.btn-tab {
    background-color: #ccd0da !important;
    border:  #ccd0da !important;
}

.btn-tab.is-active, .btn-primary, .scrollup:hover, .btn-tab--outline.is-active .btn-tab__icon, .dap_user_profile_table .userProfileSubmitButton{
    background-color: #50a1d5 !important;
    border: #50a1d5 !important;
}

.btn-tab__icon, .text-primary, .text-primary:hover, .a-link.text-primary:hover, .navigation__link:hover, .navigation__link.is-active, .copy-link__icon, .text-primary-blue{
    color: #50a1d5 !important;
}

.scrollup{
    color: #50a1d5 !important;
    border: 0.0625rem solid  #50a1d5 !important;
}

.scrollup:hover {
 color : #fff !important;   
}
.a-link.text-primary:after, .dropdown-link:hover, .circle-number {
    background : #50a1d5 !important;
}

.text-primary-red, .text-primary-red:hover{
    color: #db2729 !important;
}


.card-hover:hover {
    border: 1px solid #50a1d5 !important;   
}

.page-link {
    color: #50a1d5 !important;
    border: 1px solid #50a1d5 !important;
}

.is-active {
    /*color : #50a1d5 !important;*/
}

.btn-tab--outline .btn-tab__icon, .btn-tab.btn-tab--outline.is-active .btn-tab__icon.me-2 {
    background: #fff !important;
}
.btn-tab--outline.is-active {
    color : #343f52 !important;
}

.main .step-icon:before {
    background: #fff !important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    box-shadow: none !important;
}

.copy-link {
    border: 0.25rem dashed #50a1d5 !important;
}

.page-link:hover {
    color : #fff !important;
    background: #50a1d5 !important;
}

.header-logo {
    background : linear-gradient(0deg, #000 0%, #000 100%) !important;
}
.bg-primary {
    background-color: #659fd0 !important;
}

.alert-blue{
    color: #659fd0  !important;
    background-color: #e9f0fd  !important;
    border-color: #e9f0fd !important;
}
.card-header{
    background-color: #e9f0fd !important;
}

.table-primary {
    --bs-table-bg: #e9f0fd !important;
    border-color: #cdd5e0 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  
}

/* Override other Bootstrap components that use the primary color */
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
  
}

/* Add more overrides as necessary */