body
{
    color: #003865;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
{
    text-transform: capitalize;
    color:#003865 ;
}
.btn-primary 
{
    background-color: #d0006f !important;
    border-color: #d0006f !important;
}
.btn-primary:hover {
    background-color: #9e005a;
    border-color: #9e005a;
}
.btn-light-primary
{
    background-color: #f6cce2;
    border-color: transparent;
    color: #9e005a;
}
.btn-secondary {
    color: #FFF;
    background-color: #003865;
    border-color: #003865;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #012944;
    border-color: #012944;
}
.bg-primary
{
    background-color: #d0006f !important;
}
.bg-secondary
{
    background-color: #003865 !important;
}
.btn-outline-primary{
    border-color: #d0006f;
    color: #FFF;
}
.btn-outline-primary:hover
{
    background-color: #d0006f ;
    color: #FFF;
}
.btn-outline-secondary{
    border-color: #003865;
    color: #003865;
}
.btn-outline-secondary:hover{
    background-color: #003865;
    border-color: #003865;
    color: #FFF;
}
.text-primary, .text-primary:hover
{
    color: #d0006f !important;
}
.text-secondary, .text-secondary:hover
{
    color: #003865 !important;
}
.border-blue
{
    border-color: #365d7b !important;
}

/********** FORM ************/
.form-control,.form-select,.input-group-text    
{
    color: #003865;
    border-color: #003865 !important;
}
.form-control:focus ,.form-select:focus
{
    border-color: rgb(208 0 111 / 20%) !important;
    box-shadow: inset 0 1px 2px rgb(208 0 111 / 1%), 0 0 0 0.18rem rgb(208 0 111 / 25%);
}
.form-select
{
    background-image: url(../assets/img/arrow-down.svg);
}
/****************************/
.header-logo img
{
    width: 55%;
    padding-left: 20px;
}
.home .content
{
    margin-left: 0 !important;
    padding: 0;
}
.slide-bg
{
    position: relative;
}
.slide-bg img
{
    width: 100%;
}
.carousel-caption
{
    bottom: auto;
    top: 30%;
}
/*****/
.home .navbar-theme-primary:not(.headroom)
{
    background-color: #003865;
}
.home .nav-link:hover, .nav-link.active
{
    border-bottom:2px solid #d0006f;
    color: #d0006f;
}
/******* SideBar*********/
.sidebar .nav-item.active > .nav-link,
.sidebar .nav-item .nav-link:hover {
    background-color: #00203a;
}
/******* recognize*********/
.wizard-step h4
{
    font-size: 16px;
    color: #B5B5C3;
}
.wizard .nav-link-wizard.active .wizard-step h4,.wizard .nav-link-wizard .show > .nav-link
{
color: #003865;
}
.wizard .nav-link-wizard.active .wizard-lable .icon-wizard path,
.wizard .nav-link-wizard.active .right-arrow svg path
{
stroke: #003865;
}
.colleague-search .search-bar .form-control
{
    width: 500px;
}
.colleague-media
{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.colleague-name-letter
{
    font-size: 40px;
    font-weight: 300;
    color: #fff;
}
.colleague-contact-details
{
    font-size: 14px;
}
.add-colleague
{
    bottom: 40%;
    right: 16px;
}
.reward-media
{
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
/************/

/************/