:root {
   --bs-body-color: #4d5d8d;
   --bs-body-bg: #cbd1d7;
   --bs-body-bg: #ededed;
   --card-bg: #fff;
}


#ot-banner {
   background-image: linear-gradient(#7191b3, #446e9b96 50%, #3f648f98);
   background-color: unset;
}

#ot-banner label.fa {
   color: var(--bs-body-color);
}

#ot-logo,
#navbar-container,
#language-switcher,
#theme-switcher,
#logout-container
{
   background-color: #fff;
}
#ot-logo{
   /* background-image: url("/assets/midax-logo-blue-black.png"); */
   background-image: url("/assets/midax-logo-blue.png");
}


#navbar div.nav-item a.nav-link {
   color:  #343b55;
}
#navbar div.nav-item a.nav-link:hover {
   color:  #446e9b;
}
#navbar div.nav-item a.active {
   color: #3b5090;
   font-weight: bold;
}

#ot-logout-button {
   --color: #446e9b;
}
#ot-logout-button::before {
   color: #446e9b;
}

.card-header-img,
.card-header-label {
   color: #446e9b;
}


.fa:hover {
   color: #446e9b;
}

.card {
   background-color: var(--card-bg);
   box-shadow: 1px 4px 8px 1px #8c9daf7e;
}

.form-check-input {
   border-color: #a2b7cd;
   box-shadow: 0 0 0 .25rem rgba(68, 110, 155, .25);
}

#language-dropdown button.btn-primary {
   color: var(--bs-body-color);
}


#ots-plus-trade-details-tabs div.nav-item a.nav-link,
#ots-hedge-trade-details-tabs div.nav-item a.nav-link {
   color:  #5c606e;
}
#ots-plus-trade-details-tabs div.nav-item a.nav-link:hover,
#ots-hedge-trade-details-tabs div.nav-item a.nav-link:hover {
   color:  #446e9b;
}
#ots-plus-trade-details-tabs div.nav-item a.active,
#ots-hedge-trade-details-tabs div.nav-item a.active {
   color: #3b5090;
}

#ots-plus-trade-details-expiration button.btn-primary,
#ots-hedge-trade-details-expiration button.btn-primary,
#trade-details-expiration button.btn-primary {
   color: var(--bs-body-color);
}

.ots-plus-rr-target-premium-icon,
.ots-plus-rr-target-profit-icon,
.ots-plus-rr-stop-trigger-icon,
.ots-plus-rr-stop-loss-icon,
.ots-plus-vertical-target-premium-icon,
.ots-plus-vertical-target-profit-icon,
.ots-plus-vertical-stop-trigger-icon,
.ots-plus-vertical-stop-loss-icon {
   color: #446e9b; 
}
