/* Override line height for specific classes to match design typography */
.display-st-3, .display-b-1, .display-b-2, .display-b-3, .display-s, .display-xs {
    line-height: 1.4 !important;
}
html{
    scrollbar-width: thin;
}
body {
  font-size: 0.875rem;
}

/* Prevent text decoration on hover/focus for nav items and buttons */
.nav-item a:hover,
a.btn:hover,
.nav-item a:focus,
.nav-link:focus {
    text-decoration: none !important;
}

a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}

/* Horizontal Bar Color */
hr {
    border-top: 1px solid #eee;
    opacity: 1;
}

/*Override Button Properties*/
.btn{
	font-weight: 600;
}

.btn-primary {
    --bs-btn-bg: var(--Primary-primary-6) !important;
    --bs-btn-border-color: var(--Primary-primary-6) !important;
    --bs-btn-hover-bg: var(--Primary-primary-9) !important;
    --bs-btn-hover-border-color: var(--Primary-primary-9) !important;
    &:disabled,&.disabled{
        border-color: #6F7D79 !important;
        background-color: #6F7D79 !important;
    }
}
.btn-outline-primary {
    --bs-btn-color: var(--Primary-primary-6) !important;
    --bs-btn-bg: var(--General-white-1) !important;
    --bs-btn-border-color: var(--Secondary-secondary-7) !important;
    --bs-btn-hover-bg: var(--Primary-primary-6) !important;
    --bs-btn-hover-border-color: var(--Primary-primary-6) !important;
    --bs-btn-hover-color: var(--General-white-1) !important;
    &:disabled,&.disabled{
        border-color: #C8CECC !important;
        background-color: var(--General-white-1) !important;
    }
}

input[type="checkbox"] {
    accent-color: #28256a;
}

/*if we replace old (blue bg header) modal with the updated modal UX then just remove 'modal-header.bg-primary' css*/
.modal-header.bg-primary {
    button.btn-close {
        opacity: 1;
        color: transparent; /* Hide the current 'x' from old close button html */
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    }
}

/*override bootstrap default input focus*/
.form-control {
    height: 34px;
    padding: 6px 12px;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}