* {
    font-family: 'Manrope';
}

body {
    background-color: var(--surface-default);
}
h5 {
    line-height: 32px !important;
    font-weight: 600;
    font-size: 24px;
    margin: 0;
}

/*#region borders*/
.border-default {
    border: var(--border-size-default) solid var(--color-border-neutral-default) !important;
}
.rounded-default {
    border-radius: var(--border-radius-default) !important;
}
.rounded-lg {
    border-radius: var(--border-radius-lg) !important;
}
.rounded-md {
    border-radius: var(--border-radius-md) !important;
}
.rounded-sm {
    border-radius: var(--border-radius-sm) !important;
}

/*#endregion */

/*#region background colors */
.bg-brand-500 {
    background-color: var(--brand-500) !important;
}

/*#endregion */


/*#region brand colors*/
.brand-500 {
    color: var(--surface-brand-highest, #638C1C) !important;
}
.brand-400 {
    color: var(--surface-brand-high, #80A253) !important;
}
.brand-100 {
    color: var(--surface-brand-lowest, #DFE8D4) !important;
}
 /*#endregion*/

/*#region neutral colors */

.neutral-200 {
    color: var(--neutral-200) !important; 
}

.neutral-400 {
    color: var(--neutral-400) !important; 
}

.neutral-500 {
    color: #212529;
}

.neutral-700 {
    color: #465058;
}

.neutral-inverted {
    color: #FFFFFF !important;
}
/*#endregion */

/*#region input styles */



/*#endregion */


/*#region input with event styles */



/*#endregion */

.permissionlbl {
    color: var(--neutral-neutral-500-base, #212529) !important;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.neutral-dmenu {
    color: #212529;
    line-height: 20px !important;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.input-birthdate:focus {
    border: 0.125rem solid #000000 !important;
}

html {
    position: relative;
}

html, body {
    height: 100%;
}

body {
    background-color: #FFFAF9;
}

.card {
    border-radius: 4px;
    box-shadow: 0px 2px 6px 2px rgba(163, 163, 163, 0.15), 0px 1px 2px 0px rgba(163, 163, 163, 0.30) !important;
}

.fs-px-10 {
    font-size: 10px !important;
}

.fs-px-12 {
    font-size: 12px !important;
}

.fs-px-14 {
    font-size: 14px !important;
}

.fs-px-16 {
    font-size: 16px !important;
}

.fs-px-20 {
    font-size: 20px !important;
}

.fs-px-24 {
    font-size: 24px !important;
}


.fs-px-48 {
    font-size: 48px;
}

.text-danger {
    color: #F44336 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.p-12 {
    padding: 12px !important;
}

.p-24 {
    padding: 24px !important;
}

.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500 !important;
}

.my-px-36 {
    margin: 36px 0px;
}

.spinner-border {
    width: 1rem !important;
    height: 1rem !important;
}

.a-pointer {
    cursor: pointer !important;
}

.h-px-16 {
    height: 16px !important;
}

.h-px-20 {
    height: 20px !important;
}

.w-px-16 {
    width: 16px !important;
}

.w-px-20 {
    width: 20px !important;
}

.line-height-normal {
    line-height: normal;
}

.h-px-16 {
    height: 16px !important;
}

.w-px-16 {
    width: 16px !important;
}

.line-height-px-36 {
    line-height: 36px !important;
}

.position-relative {
    position: relative;
}

.top-px-3 {
    top: 3px;
}

.line-height-px-16 {
    line-height: 16px !important;
}

.line-height-px-18 {
    line-height: 18px !important;
}

.line-height-px-20 {
    line-height: 20px !important;
}

.line-height-px-21 {
    line-height: 21px !important;
}

.line-height-px-24 {
    line-height: 24px !important;
}

.form-outline .form-control {
    min-height: auto;
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border: 0;
    transition: all .2s linear;
}

.mr-0 {
    margin-right: 0px !important;
}

.ps-lg-3h {
    padding-left: 2.5rem !important;
}

.mt-2h {
    margin-top: 0.75rem;
}

.mb-2h {
    margin-bottom: 0.75rem;
}

.ml-2h {
    margin-left: 0.75rem;
}

.mr-2h {
    margin-right: 0.75rem;
}

.mx-2h {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.breadcrumb-item a {
    cursor: pointer !important;
}

.no-images-thumbnails-wrapper {
    display: flex;
    column-gap: 15px;
}

.card-inputs.radios {
    flex-direction: row;
    display: flex;
    column-gap: 30px;
}

.h-maxc {
    height: max-content;
}

.radio-card-container {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.radio-card {
    display: flex;
    padding: var(--Font-Size-md, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 4px;
    border: 1px solid #ECECEC;
}

.radio-card.readonly {
    opacity: 0.6;
}

.radio-card .sub-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Font-Size-xs, 12px);
    align-self: stretch;
}

.radio-card .sub-content .content-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.radio-card .sub-content .content-div .content-icon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: var(--Font-Size-xs, 12px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Font-Size-xs, 12px);
    border-radius: var(--Font-LineHeight-xl, 32px);
    background: var(--bg-primary-50, #FFF1F3);
}

.radio-card .radio-btn-wrapper {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
}

.content-icon .material-icons {
    color: var(--bg-primary-800, #A90B21);
}

.content-icon .material-symbols-outlined {
    color: var(--bg-primary-800, #A90B21);
}

.radio-card .radio-button {
    border-color: black !important;
}

    .radio-card .radio-button:checked:after {
        border-color: #000000;
        background-color: #000000 !important;
    }

.radio-btn-wrapper {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.radio-btn-label {
    font-size: 12px;
    font-weight: 400;
    cursor: default;
}

.radio-button:checked {
    background-color: #000000;
    border-color: #000000 !important;
}

    .radio-button:checked:after {
        border-color: #000000;
        background-color: #000000 !important;
    }

.radio-button {
    border-color: black !important;
}

.radio-group-wrapper {
    display: flex;
    flex-direction: column;
}

.radio-group-container {
    display: flex;
    column-gap: 25px;
}

span.radio-group-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.list-item-notes {
    font-size: 12px;
    font-weight: 400;
    color: #3E454C;
}

.card-light-blue {
    background: #F5FBFF;
    border-radius: 4px;
    margin: 0;
    padding: 10px;
}

.card-light-blue-primary-text {
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
}

.input-partial-wrapper .invalid-feedback:not(:empty) {
    margin-bottom: 40px;
}


/*#region buttons */
.btn{

}
.btn-lg{
    height:48px;
    width:150px;
}


/*#endregion */


.row-calendar-button {
    margin-left: -42px;
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
}
.dropdown-menu{
    padding: 0rem 0;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #DFE8D4 !important;
    color: inherit !important; /* optional */
}
.dropdown-item {
    padding: 8px 12px;
}
.dropdown-menu {
    border-radius: 8px;
    background: var(--bg-system-secondary, #FFF);
    /* shadow */
    box-shadow: 0 4px 10px 0 rgba(141, 141, 141, 0.13);
}
.dropdown-menu .dropdown-divider {
    border-top: 1px solid #E5E5E5 !important;
    opacity: 1 !important;
    margin: 0rem;
}

.dropdown-menu hr.dropdown-divider {
    color: #E5E5E5 !important;
    background-color: #E5E5E5 !important;
}

.dropdown-menu.shadow-sm .dropdown-divider {
    border-color: #E5E5E5 !important;
}