/* Navigation */
.mud-drawer {
    background-color: transparent;
}

.mud-container.main-container {
    background-color: #fff;
    border-radius: 15px;
    min-height: calc(100vh - 20px);
}

.mud-navmenu {
    margin: 0 40px;
}

.mud-nav-link {
    font-weight: normal;
    border-left: 2px solid #205d53;
}

    .mud-nav-link.active, .mud-nav-link:hover {
        background: linear-gradient(90deg, #192E30 0%, #0A493F 100%);
        border-left: 2px solid #0D9488;
    }

.mud-nav-link-text {
    color: #F0FDFA;
}

/*.mud-nav-link.active .mud-nav-link-text {
    font-weight: bold;
}*/

.navigation-header {
    color: #B1DEBA;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.navigation-logo {
    width: 100%;
    margin: 40px 0 30px 0;
}


/* Headers*/
h4.mud-typography {
    font-size: 20px;
    font-weight: bold;
}


/* Buttons */
.mud-button {
    padding: 15px 25px;
}

/* Form elements */
.mud-input > input.mud-input-root-outlined {
    padding: 13.5px 14px !important;
  
}
.mud-input-outlined-border {
    border-color: #E5EBEA !important;
}

div.mud-input-helper-text.mud-input-error:before {
    font-family: "Font Awesome 5 Free";
    content: "\f071";
    position: absolute;
    vertical-align: middle;
    font-weight: 900;
    left: 0;
    margin-right: 10px;
    top: 1px;
}

.mud-input-helper-text.mud-input-error{
    margin-left: 12px;
}

.mud-input-control{
    flex-direction: column-reverse;
    margin-bottom: 16px;
}

.mud-input.mud-input-outlined .mud-input-outlined-border{
    border-width: 2px;
}

.mud-input>input.mud-input-root-outlined.mud-input-root-adorned-start{
    padding-left: 0!important;    
}

[custom-placeholder]::placeholder { /* Most modern browsers support this now. */
    color: #424242!important;
    font-weight: normal;
    font-size: 14px!important;
    opacity: 1!important;
}

.mud-input-control.mud-input-control-margin-normal{
    margin-top:2px;
}

.mud-container:has(.customer-page), .mud-main-content:has(.customer-page), .mud-layout:has(.customer-page) {
    padding: 0;
    margin: 0;
}

.dialog-headless .mud-dialog-title {
    display: none;
}

.dialog-headless.mud-dialog .mud-dialog-content.mud-dialog-no-side-padding {
    padding: 0;
}

svg.header-icon {
    font-size: 72.5px;
    color: rgb(167, 224, 213);
    background: rgb(0, 128, 105);
    border-radius: 40px;
}

/* Buttons */
button.mud-button-root {
    font-size: 16px !important;
}
button.mud-button-filled.mud-button-root {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

    button.mud-button-filled.mud-button-root.mud-button-filled-primary {
        background-color: rgb(0, 157, 129) !important;
    }

/* Inputs */
input.mud-input-slot.mud-input-root.mud-input-root-outlined {
    box-shadow: 0px 5px 10px rgba(1,1,1,0.03);
}

.mud-input-control-helper-container .px-2 {
    padding-left:0 !important;
}