﻿.k-drawer-mini .k-drawer-wrapper {
  width: 80px;
}

/*.k-loader {
    width: 100%;
}*/
.k-loader-canvas {
  margin: auto;
}

.k-drawer {
  position: fixed;
  top: 122px !important;
  height: calc(100vh - 232px);
  min-height: calc(100vh - 232px);
  max-height: calc(100vh - 232px);
  overflow-y: auto;
}

ul {
  padding-left: 0rem;
}

.k-drawer-overlay .k-drawer {
  z-index: 1020 !important;
}

.k-overlay {
  z-index: 1019 !important;
}

/*
.k-picker {
    background-color: #ffffff !important;
    color: #000000 !important;
}
*/
.k-button,
.k-input,
.k-list-item,
.k-picker,
.k-drawer {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/*.k-form-field{
    color: #ffffff;

}
.k-form-label{
    color: #ffffff;
}

.k-input:focus, .k-input.k-focus {
    box-shadow: 0 0 0 0.25rem rgba(210, 16, 52, 0.25) !important;
}

.k-input-solid {
    border-color: rgb(73, 80, 87);
    color: #FFFFFF;
    background-color: rgb(33, 37, 41);
}

    .k-input-solid:focus, .k-input-solid.k-focus {
        border-color: #86b7fe;
        color: #FFFFFF;
        background-color: rgb(33, 37, 41);
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .k-input-solid:focus-within {
        border-color: #86b7fe;
        color: #FFFFFF;
        background-color: rgb(30, 34, 38);
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
        border-color: #dc3545;
    }

        .k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon {
            color: #dc3545;
        }

        .k-input-solid.k-invalid:focus, .k-input-solid.k-invalid.k-focus, .k-input-solid.ng-invalid.ng-touched:focus, .k-input-solid.ng-invalid.ng-touched.k-focus, .k-input-solid.ng-invalid.ng-dirty:focus, .k-input-solid.ng-invalid.ng-dirty.k-focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }

        .k-input-solid.k-invalid:focus-within, .k-input-solid.ng-invalid.ng-touched:focus-within, .k-input-solid.ng-invalid.ng-dirty:focus-within {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }

    .k-input-solid .k-input-prefix {
        color: #6c757d;
    }

    .k-input-solid .k-input-suffix {
        color: #6c757d;
    }

    .k-input-solid .k-input-separator {
        border-color: #dee2e6;
    }

.k-picker-solid {
    border-color: #ffffff;
    color: #212529;
    background-color: #ffffff;
}

    .k-picker-solid:hover, .k-picker-solid.k-hover {
        border-color: #e6e6e6;
        background-color: #ececec;
    }

    .k-picker-solid:focus, .k-picker-solid.k-focus {
        border-color: #dfdfdf;
        background-color: #e6e6e6;
        box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
    }

    .k-picker-solid:focus-within {
        border-color: #dfdfdf;
        background-color: #e6e6e6;
        box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
    }

    .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty {
        border-color: #dc3545;
    }

        .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon {
            color: #dc3545;
        }

        .k-picker-solid.k-invalid:focus, .k-picker-solid.k-invalid.k-focus, .k-picker-solid.ng-invalid.ng-touched:focus, .k-picker-solid.ng-invalid.ng-touched.k-focus, .k-picker-solid.ng-invalid.ng-dirty:focus, .k-picker-solid.ng-invalid.ng-dirty.k-focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }

        .k-picker-solid.k-invalid:focus-within, .k-picker-solid.ng-invalid.ng-touched:focus-within, .k-picker-solid.ng-invalid.ng-dirty:focus-within {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }
*/
