/* Roboto Light (300) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
}

/* Roboto Light Italic (300) */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
}

/* Roboto Regular (400) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

/* Roboto Italic (400) */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
}

/* Roboto Medium (500) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}

/* Roboto Medium Italic (500) */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}

/* Roboto Bold (700) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}

/* Roboto Bold Italic (700) */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
}
* {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}
.h1, h1 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}
h6 {
    font-size: 18px;
    font-weight: bold;
}

.text-underline{
    text-decoration: underline;
}
.flex-0 {
    flex: 1 1 0;
    width: 0px;
}

.flex-auto {
    flex: 1 1 auto;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.field-flex {
    width: calc(20% - 10px);
    margin-bottom: 15px;
}

.field-flex.field-flex-auto {
    width: auto;
}

.overflow-auto {
    overflow: auto;
}

.box-shadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.row-gap {
    row-gap: 10px;
}
.row-gap2 {
    row-gap: 2px;
}
.column-gap {
    column-gap: 10px;
}

.column-gap2 {
    column-gap: 4px;
}

.column-gap3 {
    column-gap: 20px;
}
.column-gap20 {
    column-gap: 20px;
}
.h-100vh {
    height: 100vh;
}
.w-100vw {
    width: 100vw;
}
.color-blue{
    color:dodgerblue;
}
.width-30{
    width:30px;
}
.k-grid-toolbar {
    border: none;
    padding-top: 0;
    background: transparent;
    border-color: transparent;
}
.k-grid {
    overflow: hidden;
    border: none;
    background: transparent;
}

td {
    cursor: pointer;
}
.k-grid .k-table-th, .k-grid-header .k-header.k-grid-header-sticky {
    border-left-width: 1px !important;
    border-color: rgb(226 227 227) !important;
}
.k-grid .k-grid-header .k-table-th:first-child {
    border-inline-start-width: 1px;
}
.k-pager-wrap {
    background: #fff;
    border-color: #eee;
}
.k-window-content {
    background: #f8f8f8;
}
th.k-header {
    font-weight: bold;
}
.k-button.k-primary .k-icon {
    filter: brightness(10) invert(1);
}
.k-grid-pager {
    border-color: #eee;
    background: #eee;
}
.k-master-row .k-grid-content-sticky {
    border-color: rgb(68 71 145 / 27%);
}

.k-grid-header, .k-header, th.k-header, .k-grid-header-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-grid td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > td, .k-filter-row > th {
    border-color: rgb(198 200 255 / 27%);
}

/* width */
*::-webkit-scrollbar {
    width: 6px;
}

/* Track */
*::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
*::-webkit-scrollbar-thumb, .view-scroll-hover:hover::-webkit-scrollbar-thumb {
    background: #e7e5e9;
    border-radius: 5px;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover, .view-scroll-hover:hover::-webkit-scrollbar-thumb:hover {
    background: #c7c4cb;
    }
/* width */
*::-webkit-scrollbar:horizontal {
    height: 6px;
}

/* Track */
*::-webkit-scrollbar-track:horizontal {
    background: #fff;
}

/* Handle */
*::-webkit-scrollbar-thumb:horizontal {
    background: #D3D3D3;
    border-radius: 5px;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:horizontal:hover {
    background: #555;
}
.bg-grey {
    background: #f4f4f4;
}

.bg-grey2 {
    background: #fbf6ff;
}

.bg-grey3 {
    background: #f0f0f0;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.k-icon-button {
    /*background: #fff;*/
}
.k-button-solid-success {
    border-color: #37b400;
    color: #fff;
    background-color: #37b400;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));
}

.k-button-solid-success:hover, .k-button-solid-success.k-hover {
    border-color: #35ad00;
    background-color: #35ad00;
}

.k-icon.k-i-filter-sort-asc-small, .k-icon.k-i-filter-sort-desc-small {
    font-size: 19px;
}
.k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row:hover > td {
    background: #edf1f1;
}

label {
    color: #616161;
}

.k-input:hover, .k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap:hover, .k-datepicker .k-picker-wrap:hover, .k-textbox:hover, .k-textbox.k-state-hover, .k-textarea:hover, .k-textarea.k-state-hover, .k-multiselect .k-multiselect-wrap:hover, .k-dropdowntree .k-multiselect-wrap:hover, .k-multiselect .k-multiselect-wrap.k-state-hover, .k-dropdowntree .k-multiselect-wrap.k-state-hover, .k-multiselect.k-state-focused > .k-multiselect-wrap {
    border-color: rgb(98 99 165);
    background: #fff;
}

.k-input {
  /*  border-color: transparent;*/
    color: #333;
    background-color: #ffffff;
    font-weight: bold;
}
.k-picker:hover .k-icon-button:hover {
    background: transparent;
}

.section-header {
    width: 100%;
    margin-top: 15px;
}

.k-drawer-content {
    height: 100%;
    overflow: auto;
}

.k-drawer.telerik-blazor {
    background: transparent;
    border: none;
    padding: 0;
}

.k-drawer-wrapper {
    height: 100%;
    max-width: 100%;
}

.border-radius {
    border-radius: 5px;
}

.k-menu-vertical > .k-menu-item > .k-menu-link {
    padding: 8px 15px;
}

span.k-in.k-link.k-menu-link .k-icon {
    filter: invert(29%) sepia(10%) saturate(4790%) hue-rotate(204deg) brightness(87%) contrast(87%);
}

span.k-in.k-link.k-menu-link:active .k-icon {
    filter: brightness(0) invert(1);
}

.k-notification-group {
    z-index: 100000;
    margin-top: 50px;
}

.k-notification a.k-icon {
    opacity: 0.4;
}

.data-header {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.color-primary {
    color: #383da2;
}

.r-0 {
    right: 0;
}
 
.t-0 {
    top: 0;
}

.k-toolbar .k-input.k-grid-search {
    width: 180px;
    margin-left: auto;
}
.k-grid .k-grouping-row td, td.k-group-cell {
    background: #d7d3d3 !important;
}
.k-grid .k-grouping-row + tr td{
    border-top:0;
}
.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover {
    background-color: var(--kendo-color-primary-hover, #151515) !important;
    color: #fff !important;
}
.k-grid-filter-menu:hover .k-icon {
    filter: unset;
}
.border-radius-50{
    border-radius:50%;
}
.usermenu {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 250px;
    background: #fff;
    z-index: 1000000;
}
.cursor-pointer{
    cursor:pointer
}
a, .btn-link {
    color: var(--kendo-color-series-b, #151515);
}
a:hover, .btn-link:hover {
    color: var(--kendo-color-primary, #d682fc);
}
.disabled {
    opacity: 0.6;
    pointer-events: none;
}
button.navbar-toggler {
    margin-left: 30px;
    background: #eee;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all linear 0.3s;
    outline: 0 !important;
}
button.navbar-toggler.rotate-nav {
    transform: rotate(180deg);
}
button.navbar-toggler img {
    width: 20px;
}
button.navbar-toggler:hover {
    background: #1d44a1;
}
button.navbar-toggler:hover img {
    filter: brightness(0) invert(1);
}
.input-attachment {
    width: 100px;
}
.logo{
    height: 37px;
}
.page {
    z-index: 1;
}
@media(max-width:1180px) {
    * {
        font-size: 11px;
    }

    button.navbar-toggler {
        height: 30px;
        width: 30px;
        margin-left: 10px;
    }

    .logo {
        height: 30px;
    }

    tr.preservationformheader th {
        font-size: 12px;
        padding: 7px 12px;
        font-weight: 500;
    }
}
.k-toolbar-item {
    margin-left: auto;
}
.k-editor .k-toolbar-item {
    margin-left: unset;
}
@media(max-width:600px) {
   

    img.logo.pcm {
        width: 139px;
    }
    .logo {
        height: 22px;
    }
    .shrinkmenu-True.sidebar.mobilemenu-True {
        left: 0;
    }
}
.k-chip-content * {
    font-size: 11px;
}
.k-input-md .k-clear-value {
    padding: 2px;
}
.k-chip-md {
    padding: 4px 2px;
    min-height: 20px;
}

.k-grid-footer .k-grid-footer-sticky, .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted,
{
    border-color: #dcdedf;
}
.k-chip-solid-base {
    background-color: #ebebeb;
}
.k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-table-alt-row.k-selected > td {
    background-color: var(--kendo-color-primary-subtle, #fbf6ff);
    background-image: none;
}
.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #d682fc) !important;
}
.k-grid-filter-menu .k-icon {
    filter: brightness(0) invert(1);
}
.k-checkbox:checked, .k-checkbox.k-checked, .k-checkbox-wrap .k-checkbox.k-hover, .k-checkbox-wrap .k-checkbox.k-state-hover, .k-checkbox-wrap .k-checkbox.k-state-hovered, .k-checkbox-wrap .k-checkbox:hover {
    border-color: var(--kendo-color-primary, #d682fc);
    color: var(--kendo-color-primary, #d682fc);
    background-color: var(--kendo-color-primary, #d682fc);
}
.k-radio-wrap .k-radio.k-hover, .k-radio-wrap .k-radio.k-state-hover, .k-radio-wrap .k-radio.k-state-hovered, .k-radio-wrap .k-radio:hover,
.k-radio-wrap .k-radio.k-focus, .k-radio-wrap .k-radio.k-state-focus, .k-radio-wrap .k-radio.k-state-focused, .k-radio-wrap .k-radio:focus,
.k-button-solid-base.k-selected, .k-button-solid-base.k-selected,
.k-checkbox-wrap .k-checkbox.k-focus, .k-checkbox-wrap .k-checkbox.k-state-focus, .k-checkbox-wrap .k-checkbox.k-state-focused, .k-checkbox-wrap .k-checkbox:focus,
.k-textarea.k-input.k-state-focus-within, .k-textarea.k-input:focus-within,
.k-switch-on .k-switch-thumb,
.k-switch.k-switch-on.k-hover .k-switch-track, .k-switch.k-switch-on.k-state-hover .k-switch-track, .k-switch.k-switch-on.k-state-hovered .k-switch-track, .k-switch.k-switch-on:hover .k-switch-track,
.k-switch.k-switch-off.k-hover .k-switch-track, .k-switch.k-switch-off.k-state-hover .k-switch-track, .k-switch.k-switch-off.k-state-hovered .k-switch-track, .k-switch.k-switch-off:hover .k-switch-track,
.k-textarea.k-input.k-hover, .k-textarea.k-input.k-state-hover, .k-textarea.k-input.k-state-hovered, .k-textarea.k-input:hover,
.k-textbox.k-input.k-hover, .k-textbox.k-input.k-state-hover, .k-textbox.k-input.k-state-hovered, .k-textbox.k-input:hover,
.k-textbox.k-input.k-hover .k-input-inner, .k-textbox.k-input.k-state-hover .k-input-inner, .k-textbox.k-input.k-state-hovered .k-input-inner, .k-textbox.k-input:hover .k-input-inner,
.k-textbox.k-input.k-focus, .k-textbox.k-input.k-state-focus, .k-textbox.k-input.k-state-focused, .k-textbox.k-input:focus,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-hover, .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-hover, .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-hovered, .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:hover,
 .k-button.k-state-hover, .k-button.k-state-hovered, .k-input.k-focus, .k-input.k-state-focus, .k-input.k-state-focused, .k-input:focus,
.k-numerictextbox.k-input.k-hover, .k-numerictextbox.k-input.k-state-hover, .k-numerictextbox.k-input.k-state-hovered, .k-numerictextbox.k-input:hover {
    border-color: var(--kendo-color-primary, #d682fc);
}
.k-calendar .k-calendar-view .k-today, 
.k-button-solid-base.k-selected, .k-button-solid-base.k-selected,
.k-switch.k-switch-off.k-focus .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-off.k-state-focus .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-off.k-state-focused .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-off:focus .k-switch-thumb-wrap .k-switch-thumb,
.k-switch.k-switch-on.k-focus .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-on.k-state-focus .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-on.k-state-focused .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-on:focus .k-switch-thumb-wrap .k-switch-thumb,
.k-switch.k-switch-on.k-hover .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-on.k-state-hover .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-on.k-state-hovered .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-on:hover .k-switch-thumb-wrap .k-switch-thumb,
.k-switch.k-switch-off.k-hover .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-off.k-state-hover .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-off.k-state-hovered .k-switch-thumb-wrap .k-switch-thumb, .k-switch.k-switch-off:hover .k-switch-thumb-wrap .k-switch-thumb,
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected, .k-list.k-list-md .k-list-content .k-list-ul .k-selected.k-list-optionlabel,
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-hover, .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-hover, .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-hovered, .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:hover,
.k-dropdownlist.k-hover.k-picker-solid, .k-dropdownlist.k-state-hover.k-picker-solid, .k-dropdownlist.k-state-hovered.k-picker-solid, .k-dropdownlist:hover.k-picker-solid {
    background-color: var(--kendo-color-primary, #d682fc);
}
.k-columnmenu-item.k-selected {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary, #ff63 5);
}
.k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
    border-color: var(--kendo-color-warning-hover, #eaaf00) !important;
}
.k-button-solid-dark .k-icon {
    filter: brightness(0) invert(1);
}
.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-grid-column-menu.k-grid-header-menu, .k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-filterable .k-cell-inner .k-grid-column-menu.k-grid-header-menu {
    color: #fff;
}
.k-button-solid-base.k-selected, .k-button-solid-base.k-selected {
    color: var(--kendo-color-on-primary, #ffffff);
}
.bg-primary {
    background-color: var(--kendo-color-primary, #d682fc) !important;
}

.color-on-primary {
    color: var(--kendo-color-on-primary, #ffffff) !important;
}
.k-button-solid-info:hover, .k-button-solid-info.k-hover {
    border-color: var(--kendo-color-info-hover, #3dd5f3);
    background-color: var(--kendo-color-info-hover, #3dd5f3);
}