.nlpdp-logo {
    max-width: 121px;
    width: 121px;
    height: 65px;
    margin-right: 10px;
}

.align-page-right {
    display: flex;
    justify-content: flex-end;
}

mat-sidenav {
    width: 250px !important;
}

.mat-toolbar {
    display: flex;
    flex-wrap: wrap;
    font-weight: 300;
    height: 75px !important;
    min-height: 58px;
    position: relative;
    z-index: 10;
}

mat-toolbar button {
    height: auto !important;
}

.mat-toolbar.mat-primary {
    background: #005596;
}

.mat-toolbar.mat-accent {
    background: #ddd;
    color: black;
}

img[src="assets/images/logo.svg"] {
    height: 65px;
}

.medigent-js-text {
    font-size: 1.2em;
    color: #fff;
}

.darker {
    opacity: .47;
}

.registered-symbol {
    font-size: .4em;
    position: absolute;
    margin-top: -5px;
}

.remove-left-spacing {
    margin-left: -6px;
}

.dw-header-list-item .remove-top-spacing, .remove-top-spacing-2 {
    margin-top: -8px;
}

.row15 {
    flex-basis: calc(15% - 5px);
}

.row85 {
    flex-basis: calc(85% - 5px);
}

.readonly-field {
    color: grey;
}

.radio-button {
    margin: initial !important;
}

/* Make the text larger over radio buttons */

.radio-text span {
    font-size: 1.3em;
}

/* styles for labels used as text */

.lt-bullet {
    display: list-item;
    margin-left: 1.3em;
    list-style-type: initial;
}

.lt-bullet-dc {
    display: list-item;
    margin-left: 1.3em;
    list-style-type: disclosure-closed;
}

.lt-top-space {
    margin-top: 10px;
}

.lt-multiline {
    margin-top: 5px;
}

mat-radio-label {
    margin-bottom: 10px;
}

.dw-card-header .header-title,
.dw-card-header .header-title .title {
    max-width: 100%
}

.two-fifth {
    flex-basis: calc(40% - 15px);
}

.field-inline-block {
    display: inline-block;
}

.field-padding {
    padding-right: 10px;
}

.justify-start {
    justify-content: flex-start;
}

.items-center {
    align-items: center;
}

.col-gap-15 {
    column-gap: 15px;
}

.flex-grow {
    flex-grow: 1;
}

.field-width-100px {
    flex-basis: 100px;
}

.field-width-150px {
    flex-basis: 150px;
}

.field-width-200px {
    flex-basis: 200px;
}

.field-width-250px {
    flex-basis: 250px;
}

.field-width-300px {
    flex-basis: 300px;
}

.field-width-400px {
    flex-basis: 400px;
}

.field-width-500px {
    flex-basis: 500px;
}

.field-width5 {
    width: 5%;
}

.field-width10 {
    width: 10%;
}

.field-width15 {
    width: 15%;
}

.field-width20 {
    width: 20%;
}

.field-width25 {
    width: 25%;
}

.field-width30 {
    width: 30%;
}

.field-width35 {
    width: 35%;
}

.field-width40 {
    width: 40%;
}

.field-width50 {
    width: 50%;
}

.field-top-margin10 {
    margin-top: 10px;
}

.field-top-margin20 {
    margin-top: 20px;
}

.field-width-auto {
    width: auto;
}

.left-indent{
    padding-left: 50px;
}

/* TODO remove after upgrade to medigent-5.4.x+, this class will be defined in the product */
.tw-ml-6 {
    margin-left: 1.5rem;
}

/* TODO remove after upgrade to medigent-5.4.x+, this class will be defined in the product */
.tw-ml-12 {
    margin-left:3rem;
}

formly-field .mat-form-field-infix {
    width: auto !important; /* Allow field widths to be less than default of 180px */
}

formly-field-mat-multicheckbox {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
    margin-left: 16px;
}

formly-field-mat-multicheckbox mat-checkbox {
    flex-basis: 100%;
}

mat-radio-button label {
    white-space: unset !important;
}

/* Increase the label scale for form fields with a radio or checkbox group  */
.mdc-text-field--filled:has(mat-radio-group) .mdc-floating-label--float-above,
.mdc-text-field--filled:has(formly-field-mat-multicheckbox) .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(0.9);
}

/* Darken the label color for form fields with a radio or checkbox group  */
.mdc-text-field--filled:has(mat-radio-group):not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:has(mat-radio-group):not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label,
.mdc-text-field--filled:has(formly-field-mat-multicheckbox):not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled:has(formly-field-mat-multicheckbox):not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label {
    color: var(--mdc-filled-text-field-input-text-color);
}

.radio-new-line mat-radio-button{
    display: grid !important;    
}


.template-table, .template-table th, .template-table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
  }

.template-table .noborder, .template-table .noborder td{
    border: none;      
 }

 .menu-item-child{
    text-indent: 0 !important;
}

.white-link a {
    text-decoration: underline;
    color: black;
    font-size: 1.176em;    
}

@media screen and (max-width: 930px) {
    .dw-header-list-container {
        flex-direction: row !important;
    }

    .two-fifth,
    .field-width-100px,
    .field-width-150px,
    .field-width-200px,
    .field-width-250px,
    .field-width-300px,
    .field-width-400px,
    .field-width-500px {
        flex-basis: 100%;
    }
}

.dw-footer-row {
    text-align: center;
}

.dw-footer-row span {
    white-space: normal;
}

.divider {
    border-bottom: 1px solid lightgray;
}