h2 {
    font-weight:400;
}

.blazored-toast-container {
    z-index: 9999!important;
}

.btn-success {
    color: #fff !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
    background-image: none !important;
    justify-content:left;
}

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

div.smallerFont,
div.smallerFont .k-filtercell * {
    font-size: 0.9rem;
    line-height: 1.5;
    --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

    div.smallerFont .k-dropdown.k-header.k-dropdown-operator {
        width: calc(8px + 2em) !important;
    }

    div.smallerFont.k-grid td {
        padding-left: 6px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    div.smallerFont .k-grid-edit-cell input {
        font-size: 1rem;
    }

/*.k-button {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
*/
.nav-item {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.top-row[b-gfhp3fixna] {
    border-bottom: 0px solid #d6d5d5;
}
.k-scheduler-footer {
    height: 0;
    overflow: hidden;
}

::-webkit-scrollbar-thumb {
    background: #c4c4c4 !important;
    border-radius: 1px !important;
}

::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
    z-index: 1 !important;
}
.k-input {
    font-size: 14px;
    height: 36px;
}
.myNumericTextbox.k-numerictextbox .k-input {
    text-align: right;
}

.myNumericTextbox.k-numerictextbox .k-input {
    text-align: right;
}

.k-numerictextbox .k-input-inner {
    text-align: right;
}

.k-cell-inner > .k-link {
    padding: 16px 6px;
}

.k-filter-row td, .k-filter-row th {
    border-width: 0 0 1px 1px;
    white-space: nowrap;
    padding: 10px 6px;
}

.k-grid-header th {
    padding-left: 0px !important;
}
.k-column-title {
    padding-left: 0px;
}

.k-input-inner {
    border: 1px solid #dadfe2;
    border-radius: 4px;
    box-shadow: inset 0 4px 3px 0 rgb(0 0 0 / 3%);
    background-color: #ffffff;
}

.k-input {
    height: calc(1.125em + 18px);
    border-bottom-style:none;
}

.filterTextbox
{
    border: 1px solid #dadfe2 !important;
    border-radius: 4px !important;
    box-shadow: inset 0 4px 3px 0 rgb(0 0 0 / 3%) !important;
    background-color: #ffffff !important;
}
.k-input-inner.k-disabled,
.k-disabled > .k-input-inner,
input.k-textbox[disabled] {
    pointer-events: initial;
}

.k-state-disabled, .k-disabled, .k-widget[disabled], .k-disabled {
    outline: none;
    cursor: default;
    opacity: 1 !important;
    pointer-events: none;
    box-shadow: none;
    color:#212529 !important;
}

.k-input-inner {
    z-index:auto;
}
.k-switch-on .k-switch-thumb {
    background-color:#26819D;
}
.k-switch-on .k-switch-track {
    background-color:#26819D;
    opacity:0.8;
}
.k-window-title {
    font-family:Montserrat, Helvetica, Arial, "sans-serif";
    font-size: 24px;
    color: #424242;
}

.k-window-title strong {
    font-weight:400 !important;
  }
  
  .mud-typography-body1 {
    font-size: inherit;
}
.k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding: 16px 6px;
}
.k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th {
    padding: 2px 6px;
}

.blazored-toast-container {
    z-index: 9999 !important;
}
.k-grid-md .k-table-th {
    padding-block: 6px;
    padding-inline: 6px;
}
.mud-switch {
    margin-inline-end: 0px!important;
}
.k-switch-md {
    margin-inline-end: 5px!important;
}
.k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td {
    padding-block: 0px;
    padding-inline: 0px;
}
.e-date-container
{
    height:36px;
}
.e-date-wrapper input 
{
    height:auto !important;
}

.e-date-wrapper
{
    box-shadow: none !important;
}

.valid.modified:not([type=checkbox]) {
    outline: 0px;
}

.e-input-group {
    border-color: #d1d5db !important;
}

.rz-datepicker-calendar th {
    width: 2ch; /* Define a largura do input */
    text-overflow: ellipsis; /* Adiciona reticências ao final do texto oculto */
    overflow: hidden; /* Oculta o texto que ultrapassa o limite máximo de largura */
    white-space: nowrap; /* Evita que o texto seja quebrado em várias linhas */
}
.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: 8px 6px;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    height: 36px;
}
.k-switch-on .k-switch-thumb {
    background-color: #B57F59;
}
.rz-spinner-button {
    background-color: #B57F59 !important;
    background: #B57F59 !important;
    border-color: #B57F59 !important;
}

.rz-spinner-button:hover {
    background-color: #9a6a4a !important;
    background: #9a6a4a !important;
    border-color: #9a6a4a !important;
}

/* Radzen Numeric com seletores alternativos */
.rz-numeric button,
.rz-spinner button,
.rz-inputtext + button,
button.rz-button.rz-button-icon-only {
    background-color: #B57F59 !important;
    background: #B57F59 !important;
    border-color: #B57F59 !important;
}

.rz-numeric button:hover,
.rz-spinner button:hover,
button.rz-button.rz-button-icon-only:hover {
    background-color: #9a6a4a !important;
    background: #9a6a4a !important;
    border-color: #9a6a4a !important;
}

/* Numeric Ano específico */
.numeric-ano button,
.numeric-ano .rz-spinner-button,
.numeric-ano .rz-button {
    background-color: #B57F59 !important;
    background: #B57F59 !important;
    border-color: #B57F59 !important;
}

.numeric-ano button:hover,
.numeric-ano .rz-spinner-button:hover {
    background-color: #9a6a4a !important;
    background: #9a6a4a !important;
    border-color: #9a6a4a !important;
}
/* Radzen Dropdown - chips/tags selecionados */
.rz-multiselect-chip,
.rz-chip {
    background-color: #B57F59 !important;
    border-color: #B57F59 !important;
}

.rz-multiselect-chip:hover,
.rz-chip:hover {
    background-color: #9a6a4a !important;
    border-color: #9a6a4a !important;
}

/* Radzen Dropdown - item selecionado na lista */
.rz-dropdown-item.rz-state-highlight,
.rz-listbox-item.rz-state-highlight,
.rz-multiselect-item.rz-state-highlight {
    background-color: #B57F59 !important;
}

.rz-radiobutton-box.rz-state-active {
    background-color: #B57F59;
}
.rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
    background-color: #a55217 !important;
}
.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-top-color: #B57F59;
}
.rz-tabview-nav li a {
    color: #B57F59;
}
.rz-tabview-nav:hover li a {
    color: #B57F59 !important; 
}
.rz-tabview-nav li a, .rz-tabview-nav li a:not([href]):not([class]) {
    color: #B57F59;
}
.rz-tabview-nav:hover li a, .rz-tabview-nav:hover li a:not([href]):not([class]) {
    color: #B57F59;
}
.rz-chkbox-box.rz-state-active {
    background-color: #B57F59;
}
.k-switch-on .k-switch-track {
    background-color: #B57F59;
}
.rz-tabview-nav li a, .rz-tabview-nav li:hover {
    color: #B57F59 !important;
}
.customized-grid .k-filtercell .k-numerictextbox .k-input-spinner.k-spin-button {
    display:none;
}
:root {
    --rz-tabs-tab-color: #B57F59 !important; /* Substitua pelo valor de cor desejado */
    --rz-tabs-tab-selected-top-border-color: #B57F59;
    --rz-tabs-tab-hover-color: #B57F59;
    --rz-tabs-tab-focus-color: #B57F59;
}

/* Espaçamento entre icon e texto nos botões MudBlazor */
.mud-button-label .mud-button-icon-start {
    margin-left: -8px;
    margin-right: 4px;
    margin-inline-start: -8px;
    margin-inline-end: 4px;
}

/* TelerikTabStrip - Fundo cinzento para toda a barra */
.k-tabstrip-items-wrapper {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    padding: 0px;
    line-height: 4px;
}
.k-tabstrip-content {
    padding: 0;
    overflow: hidden;
}
.k-tabstrip-items .k-link {
    padding: 14px 16px;
}
/* Fundo na cor da aplicação para a aba selecionada */
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active {
    background-color: var(--mud-palette-appbar-background);
    color: white;
    border: none;
    border-radius: 5px;
}
/* Desativa o texto em maiúsculas nas abas */
.k-tabstrip-items-wrapper .k-item {
    text-transform: none;
}
.k-tabstrip-items {
    text-transform: none;
    border-radius: 5px;
}
.k-tabstrip-items .k-active {
    background-color: var(--mud-palette-appbar-background);
    color: white;
    border-radius: 5px;
}
.k-tabstrip-item:hover {
    font-weight: 600;
}

/* Alinhamento de colunas TelerikGrid */
th.align-right .k-cell-inner > .k-link {
    justify-content: right;
    margin-right: 27px;
}
th.align-center .k-cell-inner > .k-link {
    justify-content: center;
}

/* SfDatePicker - Estilização */
/* Dia selecionado */
.e-datepicker .e-selected {
    background-color: #B57F59 !important;
    color: white !important;
}

/* Dia atual ("Today") */
.e-datepicker .e-today {
    background-color: #9a6a4a !important;
    color: white !important;
}

/* Botão "Today" */
.e-datepicker .e-action::before {
    content: "Hoje";
    background-color: #B57F59 !important;
    color: white !important;
}

/* Dias ativos */
.e-datepicker .e-day {
    color: #333 !important;
}

/* Dias inativos */
.e-datepicker .e-disable {
    color: #ccc !important;
}

/* Calendário - dia selecionado e focado */
.e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: #B57F59;
    color: #fff !important;
}

/* Calendário - dia atual */
.e-calendar .e-content .e-today {
    background-color: #9a6a4a;
    color: #fff !important;
}

/* Calendário - dia selecionado */
.e-calendar .e-content td.e-selected span.e-day {
    background-color: #B57F59;
    color: #fff !important;
}

/* Hover nos dias */
.e-calendar .e-content td:hover span.e-day {
    background-color: #d4a88a !important;
    color: #fff !important;
}

/* Toast Info - cor da aplicação */
.blazored-toast-info .blazored-toast-icon {
    color: #B57F59 !important;
}
.blazored-toast-info {
    border-top: 6px solid #B57F59 !important;
}

/* Grid link cell - estilo para células clicáveis */
.grid-link-cell {
    cursor: pointer;
    color: #B57F59;
    text-decoration: underline;
}
.grid-link-cell:hover {
    color: #9a6a4a;
    text-decoration: underline;
}

/* Grid de detalhes - fonte mais pequena */
div.smallerFont2,
div.smallerFont2 .k-filtercell * {
    font-size: 0.8rem;
    line-height: 1.4;
}
div.smallerFont2.k-grid td {
    padding: 2px 4px;
}
div.smallerFont2 .k-grid-header th {
    padding: 4px 4px !important;
}
div.smallerFont2 .k-cell-inner > .k-link {
    padding: 8px 4px;
}

/* Radzen - override primary color variables */
:root {
    --rz-primary: #B57F59;
    --rz-primary-light: #B57F59;
    --rz-primary-lighter: rgba(181, 127, 89, 0.15);
    --rz-on-primary: #fff;
    --rz-on-primary-lighter: rgba(0, 0, 0, 0.87);
}


/* RadzenCheckBox hover styles */
.rz-chkbox-box:hover {
    border-color: #B57F59 !important;
}
.rz-chkbox-box.rz-state-active {
    background-color: #B57F59 !important;
    border-color: #B57F59 !important;
}
.rz-chkbox-box.rz-state-active:hover {
    background-color: #9a6a4a !important;
    border-color: #9a6a4a !important;
}
.heightNumeric {
    height: 37px;
}