/*body, body > app {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    display: flex;
    overflow: auto;
    height: 100vh;
    width: 100vw;
}*/

* {
    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 {
    padding: 0;
    background: transparent;
    border: none;
}

.k-grid {
    border: none;
}

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;
}
/*tr:first-child th.k-header {
    background: #424242;
    color: #fff;
}*/

/*th.k-header.k-grid-header-sticky .k-i-more-vertical, tr:first-child th.k-header:first-child .k-i-more-vertical {
    color: #fff;
}

.k-grid-content-sticky, .k-grid-row-sticky, .k-grid-footer-sticky {
    border-right: 1px solid rgb(201 201 201 / 25%) !important;
}
*/
/*.k-grid .k-grid-filter:hover {
    border-radius: 3px;
    background: rgba(255,255,255,0.2);
}*/

/*.k-grid tr.k-alt, .k-master-row.k-alt .k-grid-content-sticky, .k-master-row.k-alt .k-grid-row-sticky {
    background: rgb(243 243 243);
}*/

/*.k-grid tr td {
    border-color: inherit;
    border-bottom: none !important;
}*/
/*.k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
    background-color: #b6b6ee;
}
.k-table-tbody .k-table-row.k-selected, .k-table-list .k-table-row.k-selected {
    background: unset;
}

.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
    background-color: #f1f1ff;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgba(38,53,212,0.25);
}
.k-grid tbody tr:not(.k-detail-row):hover, .k-grid tbody tr:not(.k-detail-row).k-state-hover {
    background-color: #f1f1ff;
}
.k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky,
.k-master-row.k-state-hover .k-grid-content-sticky, .k-master-row.k-state-hover .k-grid-row-sticky, .k-master-row.k-alt:hover .k-grid-content-sticky
, tr.k-master-row.k-table-row.closedItem:nth-child(odd):hover > td.k-grid-content-sticky, tr.k-master-row.k-table-row.closedItem:nth-child(even):hover > td.k-grid-content-sticky{
    background-color: #e5e6ff;
}*/
/*tr.k-master-row .k-command-cell.k-grid-content-sticky {
    background: #F2F6FF;
}*/
/*tr.k-alt.k-master-row .k-command-cell.k-grid-content-sticky {
    background: #edf0fb;
}
tr.k-master-row.k-selected .k-command-cell.k-grid-content-sticky {
    background: #c0c2ed;
}
tr.k-master-row.k-selected:hover .k-command-cell.k-grid-content-sticky, .k-master-row.k-alt.k-selected:hover .k-grid-content-sticky {
    background: #c1c2f5;
}
tr.k-alt.k-master-row:hover .k-command-cell.k-grid-content-sticky, tr.k-master-row:hover .k-command-cell.k-grid-content-sticky, tr.k-alt.k-master-row:hover .k-grid-content-sticky {
    background: #eaeafd;
}
tr.k-alt.k-master-row.k-selected:hover .k-command-cell.k-grid-content-sticky, tr.k-master-row.k-selected:hover .k-command-cell.k-grid-content-sticky {
    background: #b5b6ed;
}*/


.k-command-cell .k-icon-button {
    border-radius: 50%;
    border: none;
}

.k-master-row.k-alt .k-grid-content-sticky {
    border-color: rgb(68 71 145 / 27%);
    background: rgb(239 237 237);
}
.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;
}
/*.k-icon-button.k-button-solid:hover .k-icon {
    filter: brightness(0) invert(1);
}*/

/*.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: 8px 8px;
}*/

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;
}

/*.k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td {*/
    /* padding: 3px 13px; */
    /*padding: 8px 13px;
}*/

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

/*.k-state-disabled, .k-widget[disabled], .k-disabled {
    opacity: 0.8;
    background: #eaeaea !important;
    border-color: #d5d5d5 !important;
    color: #999 !important;
}*/

.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;
}
/*.data-latest {
    color: #0082ea;
}*/
.color-primary {
    color: #383da2;
}

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

/*.main-content {
    background: #f4f7f9;
}*/
.k-toolbar .k-input.k-grid-search {
    width: 180px;
    margin-left: auto;
}
.k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid-content-sticky, .k-grid-row-sticky, .k-grid-footer-sticky {
    background: #fff;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    box-shadow: none !important;
    outline: none !important;
}
.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: #9a2acd;
}
a:hover {
    color: #660096;
}
.btn-link:hover {
    color: #660096;
    text-decoration: underline;
}
.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;
}
/*img.logo.pcm {
    height: 50px;
}
}*/

@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 .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon {
    color: #D56F51;
}
/*.k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link {
    padding-block: 0;
}*/
.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-on-primary, #d682fc) !important;
}
.k-grid-filter-menu .k-icon {
    filter: brightness(0) invert(1);
}
.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: var(--kendo-color-primary, #d682fc);
    color: var(--kendo-color-primary, #d682fc);
    background-color: var(--kendo-color-primary, #d682fc);
}
.k-button-solid-primary {
    border-color: #151515;
    color: #151515;
    background: var(--kendo-color-on-primary, #d682fc);
}
.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,
.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 {
    background: var(--kendo-color-primary, #d682fc);
}
.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-focus, .k-textbox.k-input.k-state-focus, .k-textbox.k-input.k-state-focused, .k-textbox.k-input:focus {
    border-color: var(--kendo-color-primary, #d682fc);
}