:root {
    --required-translated-language-content: '';
    --text-dark: #2D3839;
    --text-dark-2nd: #5E6A6C;
    --Text-Dark-Text-Dark-2nd: rgba(26, 26, 26, 0.60);
    --validation-error-code: #ff543e;
    --primary-main: #023E2E;
    --input-border-color: #5E6A6C;
    --input-border-color-Focus: #023E2E;
    --input-font-color: #1A1A1A;
    --white-color: #FFFFFF;
    --disabled-color: rgba(26, 26, 26, 0.12);
    --disabled-font-color: rgba(26, 26, 26, 0.46);
    --secondary-button-hover-background-color: rgba(0, 63, 45, 0.08);
    --primary-button-hover-background-color: #174E3F;
    --light-button-hover-background-color: rgba(0, 63, 45, 0.12);
    --checkbox-default-color: #767676;
    --backgrounds-surface: #FFF;
    --dividers-divider-2nd: #E8EAEA;
    --mud-tabs-border-bottom-color: rgba(0, 63, 45, 0.15);
    --table-hover-background-color: rgba(26, 26, 26, 0.04);
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    font-weight: 700;
    src: url('../css/fonts/calibre/calibre-r-web-bold.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    font-weight: 200 lighter;
    src: url('../css/fonts/calibre/calibre-r-web-light.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    font-style: italic;
    font-weight: 200 lighter;
    src: url('../css/fonts/calibre/calibre-r-web-light-italic.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    font-weight: 500;
    src: url('../css/fonts/calibre/calibre-r-web-medium.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    /*    font-weight:400;*/
    src: url('../css/fonts/calibre/calibre-r-web-regular.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    font-style: italic;
    src: url('../css/fonts/calibre/calibre-r-web-regular-italic.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Calibre-R;
    font-weight: 600;
    src: url('../css/fonts/calibre/calibre-r-web-semibold.woff2') format("woff2")
}

html, body {
    font-family: 'Calibre-R';
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.mud-input > input.mud-input-root-outlined {
    padding: 8px 6px !important;
}

.mud-input > input.mud-input-root {
    font-size: 14px !important;
}

.mud-input-label-inputcontrol {
    transform: translate(4px,8px) scale(1);
}

.mud-input-label-outlined {
    transform: translate(4px,8px) scale(1);
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(12px, -14px) scale(0.9);
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(12px, -14px) scale(0.9);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.mud-input-control .mud-input-label {
    max-width: 94%;
}

.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px,8px) scale(1);
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: small !important;
}

.mud-list-item-text p {
    font-size: 14px;
}

.document-preview-icon-column {
    display: flex !important;
}

.font-small {
    font-size: small !important;
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: var(--required-translated-language-content);
    color: inherit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.06px;
}

.emergency-contact-section .personnel-section .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after,
.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: '';
}

.mud-data-grid .mud-table-cell .column-header, .mud-table .mud-table-cell {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 16px !important;
    letter-spacing: -0.14px !important;
}

.mud-table-root .mud-table-body .mud-table-cell, .mud-table-root .mud-table-body .mud-table-cell a {
    color: var(--text-dark) !important;
    font-variant-numeric: lining-nums tabular-nums;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.14px !important;
}

.mud-pagination .mud-pagination-item .mud-button .mud-button-label {
    color: var(--primary-main);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.06px;
}

.mud-nav-link {
    padding: 16px;
}

    .mud-nav-link[activeclass='active-menu-item'] {
        padding: 16px 16px 16px 10px;
    }

    .mud-nav-link .mud-nav-link-text {
        color: var(--text-dark);
        font-size: 16px;
        font-style: normal;
        font-weight: 400 !important;
        line-height: 24px;
        margin-left: 0px;
    }

.mud-nav-group .mud-nav-link .mud-nav-link-text {
    margin-left: 16px !important;
    font-weight: 400 !important;
}

.mud-nav-group .mud-nav-link[activeclass='active-menu-item'] .mud-nav-link-text .mud-typography {
    margin-left: 12px !important;
}

.left-navigation-collapse .mud-nav-link .mud-nav-link-text {
    text-align: center;
}

.left-navigation .mud-nav-link[activeclass='active-menu-item'] .mud-nav-link-text {
    color: var(--dark-green);
}

.mud-dialog .mud-dialog-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    padding-right: 50px;
}

.mud-alert-message {
    color: var(--text-dark);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.mud-tab {
    text-transform: none;
    color: var(--Text-Dark-Text-Dark-2nd);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.07px;
    line-height: 20px;
    padding: 14px 16px !important;
    min-width: 0px !important;
}

    .mud-tab.mud-disabled {
        color: var(--Text-Dark-Text-Dark-2nd) !important;
    }


.mud-tab.mud-tab-active {
    color: var(--dark-green);
}

.mud-typography-h6 {
    color: var(--text-dark) !important;
}

.mud-input > input.mud-input-root-outlined {
    padding: 16px 12px !important;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 14px !important;
    color: var(--input-border-color);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.06px;
    line-height: 24px !important;
    padding: 4px 0px 0px 0px !important;
}

@media (max-width: 600px) {
    .text-field-small .mud-input-control-input-container > .mud-input-label-inputcontrol {
        font-size: 10px !important;
    }

    .text-field .mud-input-control-input-container > .mud-input-label-inputcontrol {
        font-size: 11px !important;
    }
    
    .text-field-extra-small .mud-input-control-input-container > .mud-input-label-inputcontrol {
        font-size: 9px !important;
    }

}


.mud-input.mud-input-outlined {
    position: relative;
    border-width: 0;
}

    .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 3px;
        border-color: var(--input-border-color);
        border-width: 1px;
        border-style: solid;
    }

    .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
        border-width: 1px;
        border-color: var(--text-dark-2nd);
        border-color: var(--input-border-color-Focus);
    }

    .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
        border-width: 2px;
        border-radius: 3px;
        border-color: var(--input-border-color-Focus);
    }

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label.mud-input-error::after {
    color: var(--validation-error-code);
}

.mud-icon-root {
    width: 24px;
    height: 24px;
}

.mud-input-helper-text.mud-input-error {
    color: var(--validation-error-code) !important;
}

.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    color: var(--text-dark);
}

.global-header .mud-toolbar.mud-toolbar-gutters {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mud-popover.mud-popover-open.mud-popover-top-right {
    width: 210px !important;
}

.header-user-menu .mud-button-root .mud-button-label {
    color: var(--white-color) !important;
    justify-content: left !important;
    font-size: 14px;
    letter-spacing: 0.07px;
    word-wrap: break-word;
}

.header-user-menu .mud-button-text {
    padding: 5px 0px;
}

.global-header .mud-inherit-text .mud-svg-icon {
    fill: var(--dark-green);
}

.mud-button-label {
    color: var(--Misc-White, #FFF);
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 0.06px;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .mud-button-label:has(svg) {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

/*Primary buttons*/
[type=button].mud-button.btn-primary {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
    box-shadow: none;
}

    [type=button].mud-button.btn-primary:hover {
        box-shadow: none;
        background-color: var(--primary-button-hover-background-color) !important;
    }

    [type=button].mud-button.btn-primary.mud-button-filled-size-small {
        padding: 3px 12px;
    }

    [type=button].mud-button.btn-primary.mud-button-filled-size-large {
        padding: 12px 16px;
    }

    [type=button].mud-button.btn-primary:active {
        box-shadow: none !important;
    }

    [type=button].mud-button.btn-primary:focus:not(:focus-visible) {
        outline: 2px solid var(--dark-green);
        outline-offset: 1px;
        box-shadow: none;
    }

    [type=button].mud-button.btn-primary:disabled {
        color: var(--disabled-font-color) !important;
        box-shadow: none;
        background-color: var(--disabled-color) !important;
    }

button.mud-button-root.mud-button.btn-primary:disabled .mud-button-label {
    color: var(--disabled-font-color) !important;
}

/*Secondary buttons*/
[type=button].mud-button-root.mud-button.btn-secondary {
    background-color: var(--white-color) !important;
    outline: 1px solid var(--dark-green);
}

    [type=button].mud-button-root.mud-button.btn-secondary .mud-button-label {
        color: var(--dark-green);
        padding-top: 3px;
        padding-bottom: 3px;
    }

[type=button].mud-button.btn-secondary.mud-button-filled-size-small {
    padding: 3px 12px;
}

[type=button].mud-button.btn-secondary.mud-button-filled-size-large {
    padding: 12px 16px;
}

[type=button].mud-button-root.mud-button.btn-secondary:focus:not(:focus-visible) {
    outline: 1px solid var(--dark-green);
    outline-offset: 0px;
    box-shadow: none;
}

[type=button].mud-button-root.mud-button.btn-secondary:hover {
    box-shadow: none;
    background-color: var(--secondary-button-hover-background-color) !important;
}

[type=button].mud-button-root.mud-button.btn-secondary:disabled {
    outline: 1px solid var(--disabled-font-color) !important;
    box-shadow: none;
    background-color: var(--white-color) !important;
}

    [type=button].mud-button-root.mud-button.btn-secondary:disabled .mud-button-label {
        color: var(--disabled-font-color) !important;
    }

/*Text Buttons*/
button.mud-button-root.mud-button.btn-text {
    background: none;
    box-shadow: none;
}

    button.mud-button-root.mud-button.btn-text .mud-button-label {
        color: var(--dark-green);
    }

[type=button].mud-button.btn-text.mud-button-filled-size-small {
    padding: 3px 12px;
}

[type=button].mud-button.btn-text.mud-button-filled-size-large {
    padding: 12px 16px;
}

button.mud-button-root.mud-button.btn-text:focus:not(:focus-visible) {
    outline: 1px solid var(--dark-green);
    outline-offset: 0px;
    box-shadow: none;
}

button.mud-button-root.mud-button.btn-text:hover {
    box-shadow: none;
    background-color: var(--secondary-button-hover-background-color) !important;
}

button.mud-button-root.mud-button.btn-text:disabled {
    box-shadow: none;
    background-color: transparent !important;
}

    button.mud-button-root.mud-button.btn-text:disabled .mud-button-label {
        color: var(--disabled-font-color) !important;
    }

/*Light button*/

[type=button].mud-button-root.mud-button.btn-light-color {
    background-color: var(--secondary-button-hover-background-color) !important;
    box-shadow: none;
    transition: none !important;
    /*border:none;*/
}

    [type=button].mud-button-root.mud-button.btn-light-color:after {
        transition: none !important;
    }

    [type=button].mud-button-root.mud-button.btn-light-color .mud-button-label {
        color: var(--dark-green);
    }

[type=button].mud-button.btn-light-color.mud-button-filled-size-small {
    padding: 3px 12px;
}

[type=button].mud-button.btn-light-color.mud-button-filled-size-large {
    padding: 12px 16px;
}

[type=button].mud-button-root.mud-button.btn-light-color:focus:not(:focus-visible) {
    outline: 1px solid var(--dark-green) !important;
    outline-offset: 0px;
    box-shadow: none;
}

[type=button].mud-button-root.mud-button.btn-light-color:active {
    outline: 1px solid var(--dark-green) !important;
    outline-offset: 0px;
    box-shadow: none;
}


[type=button].mud-button-root.mud-button.btn-light-color:hover {
    box-shadow: none;
    /*border: none;*/
    background-color: var(--light-button-hover-background-color) !important;
}

[type=button].mud-button-root.mud-button.btn-light-color:disabled {
    color: var(--disabled-font-color) !important;
    box-shadow: none;
    background-color: var(--disabled-color) !important;
}

    [type=button].mud-button-root.mud-button.btn-light-color:disabled .mud-button-label {
        color: var(--disabled-font-color) !important;
    }

.mud-input-helper-text {
    font-size: 12px;
}


@media (min-width: 960px) {
    .work-order-reference-section-row .mud-grid-item-md-2 {
        flex-grow: 0;
        max-width: 19.2%;
        flex-basis: 19.2%;
    }

    .work-order-reference-section-row .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: 31.12%;
        flex-basis: 31.12%;
    }
}

@media (min-width: 960px) {
    .personal-section .mud-grid-item-md-2 {
        flex-grow: 0;
        max-width: 19.2%;
        flex-basis: 19.2%;
    }

    .personal-section .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: 31.12%;
        flex-basis: 31.12%;
    }
}

.mud-disabled > input.mud-input-root {
    color: var(--disabled-font-color);
}

.mud-checkbox .mud-ripple-checkbox .mud-icon-root.mud-svg-icon {
    fill: var(--checkbox-default-color)
}

.mud-input-error .mud-checkbox .mud-ripple-checkbox .mud-icon-root.mud-svg-icon {
    fill: var(--validation-error-code)
}

.Selected .mud-checkbox .mud-ripple-checkbox .mud-icon-root.mud-svg-icon {
    fill: var(--dark-green)
}

.mud-checkbox:focus-within .mud-icon-root {
    outline: 1px solid var(--dark-green);
}

.mud-input-error .mud-checkbox:focus-within .mud-icon-root {
    outline: none;
}

.mud-checkbox .mud-ripple-checkbox:hover {
    background-color: transparent;
}

.mud-checkbox .mud-icon-button {
    padding-right: 16px;
}


.padding-top-bottom-0px .mud-checkbox .mud-icon-button {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mud-checkbox .mud-ripple:active:after {
    transform: none;
    opacity: 0;
    transition: none;
}

.mud-checkbox .mud-disabled .mud-icon-root {
    color: var(--disabled-font-color);
}

.mud-checkbox:focus-within .mud-disabled .mud-icon-root {
    outline: none;
}

.mud-tab-badge {
    margin-top: 8px;
    margin-right: 20px;
    margin-left: 14px;
}

.mud-table-cell {
    border-top: 1px solid var(--dividers-divider-2nd)
}

.mud-table.mud-table-outlined {
    border: none;
}

.mud-table-head .mud-table-cell {
    border-top: 1px solid var(--dividers-divider-2nd);
}

.mud-table-body .mud-table-row:hover {
    background-color: var(--table-hover-background-color);
}

.mud-table-root {
    border-collapse: separate;
}

.mud-typography-h5 {
    line-height: 24px;
}

.mud-typography-h6 {
    line-height: 20px;
}

.mud-typography-subtitle1 {
    line-height: 20px;
}

.mud-nav-item {
    height: auto;
}

.document-preview-table .mud-list.mud-list-padding, .supported-documents-section .mud-list.mud-list-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mud-tabs-toolbar-content {
    border-bottom: 1px solid var(--mud-tabs-border-bottom-color);
}


.mud-table .mud-table-container .mud-table-root .mud-table-head {
    position: sticky;
    top: 0;
    z-index: 1;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child,
.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child {
    border-radius: 0;
}

.mud-typography-body1 {
    line-height: 24px;
}

.mud-select-input > div.mud-input-root-outlined {
    display: flex !important;
    padding: 16px 12px !important;
    font-size: 14px !important;
}

    .mud-select-input > div.mud-input-root-outlined[style="display:none"] {
        width: 0px;
    }

.mud-breadcrumb-separator {
    padding: 0 8px !important;
}

.mud-breadcrumbs .mud-breadcrumb-item a {
    color: var(--dark-green) !important;
    font-size: 14px !important;
}

.mud-checkbox .mud-disabled .mud-icon-root {
    color: var(--disabled-font-color);
    fill: var(--disabled-font-color);
}

.mud-table-empty-row {
    font-weight: 400;
}

html, body * {
    scrollbar-color: auto !important;
    scrollbar-width: auto !important;
}

::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    background-color: #ffffff !important;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255) !important;
    border-radius: 5px !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
    background-color: #D7DADB !important;
}

.mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-success) !important;
}

.progress-bar-section .progress-text {
    color: #676767;
}


.mud-card-content {
    padding: 2px 2px 2px 8px;
    height: 120px;
}

    .mud-card-content .mud-alert {
        padding: 4px 4px;
    }

        .mud-card-content .mud-alert .mud-menu {
            flex-grow: 0;
        }

        .mud-card-content .mud-alert .mud-alert-message {
            width: 100%;
        }

        .mud-card-content .mud-alert .mud-menu .mud-icon-button {
            padding: 12px 2px;
        }

@media (max-width: 768px) {
    .mud-button.full-width-mobile {
        width: 100%;
    }
}
.ams-planned-work-other-type-of-work .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 7px !important;
}

@media (min-width: 960px) {
    .additional-permits-section-row .mud-grid-item-md-2 {
        flex-grow: 0;
        max-width: 19.2%;
        flex-basis: 19.2%;
    }

    .additional-permits-section-row .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: 31.12%;
        flex-basis: 31.12%;
    }
}