@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #D4BB85 !important;
    scrollbar-color: #894b11 transparent !important;
    scrollbar-width: thin;
}
a, .btn-link {
    color: #fff !important;
    font-weight: bold !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
    min-height: 78%;
}


.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.table-striped {
    background-color: #f3f0eb !important;
}
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.sidebar[b-glti18yda0] {
    background-image: linear-gradient(179deg, rgb(99 57 2) 0%, #855F4A 70%) !important;


}
.top-row[b-glti18yda0] {
    background-color: #38240b !important;
    color: #d69b09 !important;
    font-weight: bold !important;
}
.btn-link {
    color: #d69b09 !important;
    font-weight: bold !important;
}
.btn-link {
    color: #d69b09 !important;
    font-weight: bold !important;
}
.footer {
    background: #38240b; /*#855F4A*/;
    display: block;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    max-width: calc(1600px + 10%);
    padding: 20px 40px 16px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    text-align: center;
}
.mud-table-root .mud-table-head {
    display: table-header-group;
    background-color: #d8b065 !important;
}
.mud-table-header {
    background-color: #d8b065;
}

    .mud-table-header .mud-table-cell {
        color: white !important;
    }
.mud-drawer {
    background-color: #61412e !important; /*#855F4A !important;*/
    /*rgb(92 51 6) !important;*/
}
.mud-appbar {
    color: rgb(255 255 255) !important;
    background-color: #855F4A !important;
}

.mud-input {
    color: #D4BA84 !important;
    font-weight: 600 !important;
}

.mud-table-toolbar {   
    background-color: #855F4A !important;
}

.mud-fab-primary {
    /*color: var(--mud-palette-primary-text);*/
    color: #411f0c !important;
    background-color: #c3890a !important; /*var(--mud-palette-primary)*/;
}
h6, .h6, h5, .h5, h3, .h3 {
    color: #D4BB85 !important;
}
.top-row[b-yaevttgvyz] {
    background-color: #61412e !important;
}

a, .btn-link {
    /* color: #fff !important; */
    color: #D4BB85 !important;
    font-weight: 600 !important;
}

.mud-table-cell {    
    font-weight: bold;
}

.mud-table-root .mud-table-body .mud-table-cell {
    color: rgb(192 141 33) !important;
}

.mud-table-row {
    color: #c08d21 !important;    
    background-color: #fbfaf5 !important;
}

.mud-table {   
    background-color: rgb(132 97 76) !important;    
    font-weight: bold !important;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: rgb(231 213 167) !important;
   
}

.mud-table-root .mud-table-head .mud-table-cell {
    color: rgb(96 67 48) !important;
    font-weight: 600 !important;    
}
.mud-fab-secondary {    
    background-color: #bf5108 !important;
}

.btn-info {
    color: #40210e !important;
    background-color: #c08d21 !important;
    border-color: #c08d21 !important;
    font-weight: bold !important;
    min-width: max-content !important;
}

}

.mud-paper-cutom {
    width: 100% !important;
    color: rgb(208 187 135) !important;
    background-color: rgb(96 67 48) !important;
    border-radius: 0px !important;    
    font-weight: bold !important;
}
.mud-primary {
    background-color: rgb(224 169 33) !important;  /*var(--mud-palette-primary) !important*/
}

.mud-primary-text {
    color: rgb(224 169 33) !important;
    
}
.form-control {
    margin-bottom: 1px !important;   
    width: 75% !important;
}

.mud-theme-primary-fragola {
    color: var(--mud-palette-primary-text) !important;
    background-color: rgb(192 141 33) !important;
    color: #40210e !important;
}

.mud-grid-spacing-xs-3 > .mud-grid-item {
    padding: 5px !important; 
}

.home-statistics-header {
  color:  #411f0c !important;

}

/************************** Order Details Style***********************************/
order-body {
    background: #eee;
}

.order-card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.order-card {
    box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
}

.order-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 1rem;
}

.order-text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

order-a {
    color: #5465ff;
    text-decoration: none;
}
.order-container, .order-container-fluid, .order-container-lg, .order-container-md, .order-container-sm, .order-container-xl, .order-container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .order-container, .order-container-md, .order-container-sm {
        max-width: 720px;
    }
}

.p-5-1 {
    padding: 1px !important;
}
/*.p-5 {
    padding: 5px !important;
}*/
/*********************************************************************************/