html {
    background-color: #d4d4d4;
}

.not-authorized {
    padding: 0 0.5rem;
}

    .not-authorized i {
        padding: 0 1rem;
    }

.naturgy-font {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.btn-back {
    width: 100%;
}

.content-buttons {
    margin-top: 1%;
}

.validation-message {
    color: red;
    font-size: 14px;
    margin-left: 1%;
}

.k-grid th, .k-grid td {
    padding: .1rem 0rem .1rem .4rem !important;
}

.k-dropdown-operator .k-dropdown-wrap .k-select {
    width: unset !important;
    height: unset !important;
}

.k-filtercell .k-filtercell-wrapper > .k-textbox {
    height: 30px !important;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    padding: 0px !important;
    width: unset !important;
    height: unset !important;
}

.content-header {
    padding: 2px .5rem;
}

.k-pager-refresh, .k-pager-numbers .k-link, .k-pager-nav {
    min-width: calc(1.5em + 0.15rem) !important;
    height: unset !important;
}

.k-pager-numbers .k-link {
    padding: .115rem 0 !important;
}

.grid-border {
    margin: auto;
    padding: 0.2%;
    height: 80vh;
}

.item-dropdown-login {
    display: flex;
    cursor: pointer;
}

    .item-dropdown-login:active {
        background-color: #004571;
    }

    .item-dropdown-login i {
        margin: auto 0;
        padding: 0 10px;
    }

.dropdown {
    min-width: 200px;
}

.k-content.k-window-content.k-dialog-content .validation-errors {
    display: grid;
}

.nav-link {
    cursor: pointer;
}

.main-header {
    z-index: 99 !important;
}

.blazored-modal-scrollable .blazored-modal-content {
    overflow-x: hidden;
}

.badge-info b {
    font-size: 13px;
}
/* The emerging W3C standard
   that is currently Firefox-only */
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: #004571 #c2c7d0;
}

    .sidebar::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 300px;
        border: 1px solid #fff;
    }

    .sidebar::-webkit-scrollbar-track {
        background: #c2c7d0;
    }

    .sidebar::-webkit-scrollbar-thumb {
        background-color: #004571;
        border-radius: 300px;
        border: 1px solid #c2c7d0;
    }

    .sidebar::-webkit-scrollbar:hover {
        width: 8px;
    }

.blazored-modal-header {
    padding: 0 0 1rem 0 !important;
}

.navbar {
    padding: .0rem .5rem;
}

h3 {
    font-size: 1.4rem;
}

.tabs-small .k-tabstrip-items .k-link {
    padding: 0.1rem 2rem;
}

.tabs-small .k-tabstrip > .k-content {
    padding: 0.1rem 1rem;
}

.szicomgrid-totalizadores {
    font-size: 12px;
}

.boton-filtro {
    margin-top: 15px;
}

.k-item.k-state-default.k-state-disabled {
    background-color: #f4f6f9;
}

.content-btn-confirm {
    padding-top: 10px !important;
}

    .content-btn-confirm .btn-confirm {
        margin-right: 1%;
    }

.sidebar-collapse #LogoCollapsed {
    margin-right: .8rem;
}

.sidebar-collapse .pl-menu, .sidebar-collapse .pl-submenu {
    padding-left: 0;
}

.pl-menu {
    padding-left: .5rem;
}

.pl-submenu {
    padding-left: 1rem;
}

.blazored-modal-container {
    z-index: 2000 !important;
}

.k-grid-md .k-grid-header .k-grid-filter,
.k-grid-md .k-grid-header .k-header-column-menu,
.k-grid-md .k-grid-header .k-grid-header-menu {
    height: 100% !important;
    bottom: 0 !important;
}

.k-upload-button {
    position: relative !important;
    overflow: hidden;
    direction: ltr;
    box-shadow: none;
    border-color: #e4e7eb !important;
    color: #212529 !important;
    background-color: #e4e7eb !important;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border-width: 0px !important;
}

.k-upload-button:hover {
    border-color: #c7cdd5 !important;
    background-color: #ced3db !important;
}

.k-upload-button:active {
    border-color: #c7cdd5 !important;
    background-color: #ced3db !important;
}

.k-upload-button input {
    font: 170px monospace !important;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.k-upload-button input.k-disabled, .k-upload-button input[disabled] {
    visibility: hidden
}

.k-upload-status .k-button {
    border-width: 0px !important;
}

.k-file-group.k-icon.k-i-file-data {
    font-size: 32px;
    color: #6c757d;
}

.k-file-name-size-wrapper {
    flex: 1 0 0;
    margin-left: 1rem;
}

.k-grid-md .k-table-th > .k-cell-inner {
    /*margin-block: -0.5rem;*/
    margin-inline: 0rem !important;
}


/*cambiar color en border-left*/
.vertical-line {
    border-left: 2px solid #111111;
    height: 100%;
    /*position: absolute;*/
    left: 33.3%;
    /*margin-left: -3px;*/
    top: 0;
    margin-left: 10px;
    margin-right: 10px;
    color: black !important;
}

@media (min-width: 992px) {
    .sidebar-collapse .szicom-footer {
        margin-left: 4.6rem !important;
    }
}

@media (min-width: 768px) {
    .szicom-footer {
        margin-left: 250px !important;
    }
}