body {
    font-family: "Roboto", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 12px;
    display: flex;
    color: #000018;
}

.navback-button {
    margin-left: 16rem !important;
    background-color: #FF4A51;
    color: #FFFFFF;
}

    .navback-button:hover {
        background-color: #FF4A51;
    }

.custom-legend {
    margin: 0 0 1em;
    padding: var(--kendo-spacing-0, 0px);
    border-width: 0 0 2px;
    border-style: solid;
    width: 100%;
    font-size: var(--kendo-font-size, inherit);
    font-weight: 700;
    border-color: rgba(0, 0, 0, .08);
}

.content {
    background: #fff;
    height: 100%;
    overflow: auto;
    padding-bottom: 1.1rem;
    width: calc(100% - 250px);
    flex: 1 1 auto;
    padding-top: var(--kendo-spacing-12, 3rem);
}

div#app {
    width: 100%;
    height: 100vh;
}
/*body, td, .k-button, th, .k-tabstrip, span.k-pager-info.k-label {
    color: #424242;
}*/

body, * {
    font-size: 12px;
    line-height: 2;
}

input {
    font-size: 12px !important;
}

.k-tabstrip {
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #12154d;
}


.h1, h1 {
    font-size: 18px;
    margin-bottom: 15px;
}

.position-absolute {
    position: absolute;
}

.right-0 {
    right: 0;
}

.font-large li, .font-large {
    font-size: 12px;
    font-weight: bold;
}

.font-Montserrat {
    font-family: 'Montserrat', sans-serif;
}

.main {
    background: #ffffff;
}

.main-content {
    padding: 1.5rem;
}

.flex {
    display: flex;
}

.flex-auto {
    flex: 1;
}

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

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

.border-radius-50 {
    border-radius: 50%;
}

.bg-gold {
    background: #cbc3a5;
}

.bg-white {
    background: #fff;
}

.bg-grey {
    background: #F1F1F1;
}

.bg-grey2 {
    background: #eee;
}

.bg-grey3 {
    background: #e0e3e9;
}

.bg-gold:hover {
    background: #f4f4f4;
}

.bg-blue {
    background: #09387c !important;
}

    .bg-blue:hover {
        background: #1657b5 !important;
    }

.bg-blue2 {
    background: #09387c !important;
}

.bg-e {
    background: #efefef !important;
}

.box-shadow {
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.cursor-pointer {
    cursor: pointer;
}

.filter-white {
    filter: brightness(0) invert(1);
}

filter-white {
    background-blend-mode: lighten;
    background-color: rgb(243 179 229 / 15%);
    object-position: center;
}

.filter-blue {
    /*filter: invert(55%) sepia(45%) saturate(6910%) hue-rotate(205deg) brightness(108%) contrast(99%);*/
    filter: invert(20%) sepia(98%) saturate(708%) hue-rotate(183deg) brightness(95%) contrast(90%);
}

.filter-grey {
    filter: invert(73%) sepia(0%) saturate(1434%) hue-rotate(222deg) brightness(87%) contrast(85%);
}

.border-bottom {
    border-bottom: 1px solid #efefef;
}

.border-right {
    border-right: 1px solid #efefef !important;
}

.box-shadow {
    box-shadow: 5px 1px 5px 0px #ddd6;
}

.column-gap {
    column-gap: 8px;
}

.column-gap-3px {
    column-gap: 3px;
}

.column-gap-20, .column-gap20 {
    column-gap: 20px;
}

.row-gap {
    row-gap: 10px;
}

.row-gap-5 {
    row-gap: 5px;
}

.row-gap-8 {
    row-gap: 8px;
}

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

.color-grey {
    color: rgba(255,255,255,0.5);
}

.color-grey2 {
    color: #6a6a6a;
}

.color-normal {
    color: #424242;
}

.color-red {
    color: red;
}

.font-italic {
    font-style: italic;
}

.small, small {
    font-size: 90%;
}

.width-15 {
    width: 15px;
}

.width-20 {
    width: 20px;
}

.width-30 {
    width: 30px;
}

.width-33 {
    width: 33%;
}

.width-40 {
    width: 40px;
}

.max-w-100 {
    max-width: 100%;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-8 {
    opacity: 0.8;
}

.zoom-8 {
    zoom: 0.8;
}

.color-blue {
    color: #093c87;
}

.color-blue2 {
    color: #2196f3;
}

.color-green {
    color: #4caf50;
}

.color-brown {
    color: #e48800;
}

.h-10px {
    height: 10px;
}

.h-15px {
    height: 15px;
}

.h-20px {
    height: 20px;
}

.font-smaller {
    font-size: 11px;
}

.badge {
    font-size: 85%;
    padding-top: 0.45em;
}

.feature-badge {
    font-size: 85%;
    line-height: 1;
    padding-top: 0.45em;
}

.badge.badge-users {
    background: #d2fbf1;
    color: #349488;
}

.badge.badge-contactor {
    background: #fdce3e;
    color: white;
}

.textarea-h250 {
    height: 250px;
}

.white-space {
    white-space: break-spaces;
}

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.fullsize-badge {
    font-size: 95%;
}

.k-card-body {
    font-size: 12px;
    background: #f2f3f5;
}

.k-progressbar {
    border-color: #f3f3f3;
    background-color: #f3f3f3;
    border-radius: 15px;
    height: 15px;
}

.k-progress-status *, .k-progress-status {
    font-size: 10px;
    font-weight: bold;
}

.nav-link {
    text-align: left;
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0;
}

.nav-label {
    margin-left: 8px;
    line-height: 1;
}

.sidebar .nav-item a:hover {
    background-color: #192256;
    color: #fff;
}

a.nav-link.active {
    background: #f2f9ff;
    color: #151b43;
}

a.nav-link img {
    filter: invert(32%) sepia(52%) saturate(491%) hue-rotate(148deg) brightness(98%) contrast(90%);
}

a.nav-link.active img {
    filter: invert(19%) sepia(86%) saturate(1844%) hue-rotate(204deg) brightness(87%) contrast(100%);
}

.sidebar .nav-second-level a.nav-link {
    padding-left: 30px;
}

.sidebar .nav-item a {
    color: #fff;
    padding: 20px 12px;
    border-radius: 5px;
    cursor: pointer;
}

.sidebar .nav-item {
    padding: 0 10px;
}

    .sidebar .nav-item .nav-item {
        padding: 0;
    }

.k-button-solid-primary {
    color: #fff;
    min-height: 29px;
}

    .k-button-solid-primary .k-icon {
        filter: brightness(0) invert(1);
        line-height: 0 !important;
    }

.k-icon .k-icon-color {
    fill: black;
}

.k-widget.k-tooltip.k-popup {
    border-color: rgba(0,0,0,0.75);
    background-color: rgba(0,0,0,1);
    color: #fff;
    box-shadow: none !important;
}
/*Grid*/
span.k-textbox.k-grid-search.k-display-flex {
    margin-left: auto;
    border-radius: 5px;
}

.k-toolbar, .k-grid {
    background: transparent;
    border: none;
}

.k-toolbar {
    padding: 8px 0;
}

.k-grid {
    font-size: 12px;
}
/*.k-grid tr.k-alt {
    background-color: rgb(244 248 255);
}*/

.k-master-row.k-alt .k-grid-content-sticky, .k-master-row.k-alt .k-grid-row-sticky, .k-master-row .k-grid-content-sticky {
    background-color: #fff;
}

.k-grid-header th.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted {
    background-color: #e2e2e8
}

.k-master-row .k-grid-content-sticky, .k-grid-header th.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted, .k-master-row.k-alt .k-grid-content-sticky, .k-master-row.k-alt .k-grid-row-sticky {
    box-shadow: 1px 8px 9px 0px #00000024;
}

.k-master-row.k-alt .k-grid-content-sticky {
    background-color: rgb(244, 244, 244);
}

.k-master-row.k-alt:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-content-sticky {
    background-color: #c1cadd;
}

.k-command-cell .k-icon {
    filter: invert(19%) sepia(86%) saturate(1844%) hue-rotate(204deg) brightness(87%) contrast(100%);
}

.k-command-cell .k-button {
    border-radius: 50%;
    border: none;
    background: #fff;
}

tr.k-master-row.customformat td, tr.k-master-row.customformat .k-grid-content-sticky {
    background: #aac9fd;
}

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

tr.k-master-row.customformat.k-selected td {
    background: #c8dbec;
}

tr.k-master-row.customformat:hover .k-grid-content-sticky, .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 {
    background-color: #c2cadd !important;
}

tr.k-master-row:hover td, tr.k-master-row.customformat:hover td {
    background: #d5dae7;
}

tr.k-master-row.customformatedited td, tr.k-master-row.customformatedited .k-grid-content-sticky {
    background: #83ff83 !important;
}
/*.k-icon-button, .k-button.k-button-icon {
    width: 30px;
    height: 30px;
    padding: 4px;
}
.k-button-md.k-icon-button {
    border-radius: 50%;
}*/
.k-picker-solid {
    background: #fff;
    box-shadow: none;
    height: 26px;
}

.k-picker .k-input-button {
    min-height: 100%;
    height: 100%;
}
/*.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: none;
}
*/
.k-grid-search.k-searchbox.k-input {
    width: 210px;
    margin-left: auto;
}
/*scrollbar*/
/* width */
*::-webkit-scrollbar {
    width: 6px;
}

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

/* Handle */
*::-webkit-scrollbar-thumb,
.view-scroll-hover:hover::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    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;
    }

/*menu*/
.nav-second-level.collapse.in {
    display: none;
}

/*loadder*/
.loader-app {
    width: 100vw;
    height: 100vh;
}

.img-loader {
    margin-right: 8px;
    background: #fafafb;
    width: 70px;
    height: 70px;
    animation: ui-pulse 1.1s infinite;
    border-radius: 50%;
    padding: 12px;
}

    .img-loader img {
        width: 100%;
    }

@keyframes ui-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(55, 145, 228, 0.4);
        box-shadow: 0 0 0 0 rgba(55, 145, 228, 1);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(55, 145, 228, 0);
        box-shadow: 0 0 0 10px rgba(55, 145, 228, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(55, 145, 228, 0);
        box-shadow: 0 0 0 0 rgba(55, 145, 228, 0);
    }
}

.sidebar {
    box-shadow: -20px 2px 0px 20px rgb(213 213 213 / 66%);
    z-index: 100;
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.adminNavMenu.SubNav {
    width: 100%;
}

    .adminNavMenu.SubNav a {
        padding-left: 35px;
    }

.NavMenuCssClass {
    overflow: auto;
    height: 100%;
    flex: auto;
    margin-top: 80px;
}

div.togglepwd {
    position: absolute;
    right: 7px;
    top: 8px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customnotes {
    height: 100px;
}

span.iscancelled.index-tooltip {
    background: red;
    border-radius: 50%;
    display: inline-flex;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

    span.iscancelled.index-tooltip img {
        filter: brightness(0) invert(1);
        width: 15px;
    }

.projdef {
    height: 31px !important;
}

.project-combo {
    padding: 4px 8px;
}

::-webkit-input-placeholder { /* Edge */
    color: #838383;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #838383;
}

::placeholder {
    color: #838383 !important;
}

.form-group {
    margin-bottom: 27px;
}

.k-input-button {
    background: #fff;
}

span.cs-btn {
    position: absolute;
    top: 0;
    background: #37687b;
    color: #fff;
    width: 85px;
    border-radius: 3px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    z-index: 1;
}

label.inputfile:hover .cs-btn {
    background: #575bbf;
}

.cs-field-switch {
    height: 31px;
    width: 175px;
}

.k-switch {
    /*    zoom: 0.65;
*/ transform: scale(0.65)
}

.k-window-actions .k-button-icon {
    filter: brightness(0) invert(1);
}

.k-column-title {
    /*text-transform: capitalize;*/
    font-weight: 600;
}

.k-grid-footer td, .k-group-footer td, .k-grouping-row td {
    font-weight: 500;
}

.k-grid-header .k-header, .k-grid .k-grouping-row td, td.k-group-cell:empty {
    background: #f5f4f6;
}



.k-grid .k-grouping-row td {
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
}

.k-grid-content table, .k-grid-header-wrap > table {
    border-collapse: collapse;
}

.k-grid td, .k-grid-content .k-table-td {
    border: 1px solid #e2e9ef !important;
}

.k-grid-content {
    padding-right: 1px;
    border: 1px solid #e2e9ef !important;
    margin-right: -7px;
}

.k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
    color: #424242;
    /*    background-color: #dde2ed;
*/ border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.k-grid .k-indicator-container {
    margin: 0;
    padding: 0;
    line-height: 1;
    zoom: 0.87;
}

.k-grouping-header {
    padding: 2px 7px 0px;
    line-height: 1;
}

    .k-grouping-header .k-group-indicator {
        background: #1670b3;
        color: #fff;
        font-size: 10px;
        line-height: 1;
    }

        .k-grouping-header .k-group-indicator .k-icon-button .k-icon {
            color: #fff;
            font-size: 12px;
            margin-top: 2px;
            display: inline-flex;
        }

.k-icon-button .k-icon {
    line-height: 0 !important;
}

.k-svg-icon > svg, .k-icon {
    padding-right: 1px;
}

.k-grid tr.k-alt {
    /*    background: #f0f5fd;
*/ background: #fff;
}

.cs-input-wrapper {
    height: 36px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}

.k-notification-group {
    z-index: 10000000;
    top: 50px !important;
}

.main {
    position: relative;
}

.flex.ml-auto.toggledeleted {
    margin-right: -950px;
}

.k-grid-pager {
    border: 1px solid #e2e9ef;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 6px;
}

.k-pager-numbers .k-link.k-selected {
    border-radius: 5px;
}

.cs-switch-lock.k-switch-on .k-switch-track {
    border-color: #219653;
    color: white;
    background-color: #219653;
}

span.template-lock {
    font-weight: bold;
    background: #9593912b;
    padding: 4px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 4px;
    line-height: 1;
    border-radius: 10px;
    padding: 5px 10px;
    font-weight: normal;
}

    span.template-lock.lock-True {
        background: #15cbea21;
        color: #0399ae;
    }

.attachment-line > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}



.k-notification-wrap {
    align-items: center;
}

.customprogressbar {
    width: 130px;
    height: 8px;
    border-radius: 7px !important;
}

.hideCheckbox input.k-checkbox {
    display: none;
}

.k-animation-container-shown {
    z-index: 100000;
}

.select-project {
    padding: 16px 16px 8px 0px;
    font-weight: 600;
}

a, .btn-link {
    color: #12154d;
}

/*.k-button:disabled, .k-button.k-disabled {
    height: 36px;
}*/

/*.k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease {
    padding: 4px 4px;
    height: 36px;
}*/

.border-line {
    border-top: 1px solid #ededed;
    padding-top: 0px;
}

.k-splitter.k-splitter-flex.telerik-blazor.k-splitter-horizontal {
    height: 100%;
}

.k-card-list {
    height: 100%;
    background-color: #ececec;
    border-left: 2px solid #BCBCBC;
    padding: 10px;
}

.k-tilelayout {
    background-color: #fafafa;
    height: 100%;
}

.k-button-solid-error {
    color: red;
    background-color: white
}


.tile-image {
    width: 50px;
    height: auto;
    vertical-align: middle;
    margin-right: 16px;
}

.navbar-brand {
    padding: 24px;
    vertical-align: middle;
}

/*a.navbar-brand > img {
    width: 100%;
    height: fit-content;
    margin-left: 8px;
    align-content: center;
    vertical-align: middle;
}*/

/*span.k-icon.k-i-none:empty {
    display: none;
}*/
hr {
    width: 100%;
}

iframe {
    border: none;
}

.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-content .k-table-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: transparent;
}

.bulk-update-label {
    width: 100%;
    padding-top: 8px;
    /*padding-left: 16px;*/
}

.bulk-update-field {
    margin-right: 16px;
    width: 100%;
}

.bulk-update-container {
    padding: 16px;
    border: 1px solid #d1d1d1;
    background-color: #f5f5f5;
}

.myCustomCellFormatting {
    font-weight: 600;
    background-color: #e8f3f3;
    text-align: right;
    /*border-right: 1px solid #BCBCBC;*/
}

/*  .myCustomCellFormatting:hover {
        background-color: #c7e3e3;

    }*/

.bulk-header {
    font-weight: 600;
    text-align: center;
}

.required-field {
    font-size: smaller;
    font-style: italic;
    color: red;
    padding-top: 4px;
}
/*.cs-combo span.k-clear-value {
    display: none;
}*/
.k-button-solid-primary img.k-image.k-button-icon {
    filter: brightness(0) invert(1);
}
/*.k-button-solid-primary {
    border-color: #2C687B;
    color: #fff;
    background-color: #2C687B;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.02));
    height: 36px;
}

/*    .k-button-solid-primary:hover {
        height: 36px;
    }*/

/*    .k-button-solid-error {
    height: 36px;
}
*/

.bg-white td.k-detail-cell {
    /*    background-color: rgb(242 246 255);
    padding: 24px;*/
}

td.k-detail-cell {
    background-color: #ffffff;
    padding: 24px;
}

.k-hierarchy-cell {
    background-color: white;
}


.bg-white .k-grid tr.k-alt {
    background-color: white;
}

.bg-white .k-hierarchy-cell {
    background-color: white;
}

.bg-white tr.k-master-row.k-alt {
    background-color: white;
}

.bg-white .k-master-row:hover td.myCustomCellFormatting {
    background-color: #c7e3e3;
}

.bg-white td.myCustomCellFormatting {
    font-weight: 600;
}



th .k-header.k-touch-action-none.bulk-header {
    font-weight: 600;
    color: #2C687B;
    text-align: center;
}

.k-dialog-titlebar, .k-window-titlebar {
    color: #00000096;
    background-color: #1670b3;
    padding: 12px 16px;
    text-transform: uppercase;
    padding: 11px 9px;
}

.k-dialog-buttongroup .k-button {
    border-radius: 5px;
}

.k-grid-header .k-header {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    text-align: left;
    border-color: rgb(226, 233, 239) !important;
    border: 1px solid #e2e9ef !important;
    position: relative;
}

.k-cell-inner {
    align-items: center;
}

.k-tilelayout-item-header.k-card-header {
    padding: 12px 15px;
    background: #dce1eb;
    font-weight: bold;
    color: #12154d;
    border: none;
}

h5.k-card-title {
    font-size: 12px;
    font-weight: bold;
}
/*.k-button.cs-favorite {
    background: #19cd20;
    border-color: #19cd20;
}*/
.k-button-solid-secondary {
    border-color: #ddd;
}

.cs-favorite .k-button-icon {
    width: 18px;
}


.sor-template-label {
    font-weight: 600;
    font-size: 16px;
}

.k-checkbox {
    background-color: #fff;
    box-sizing: border-box;
    padding: 0;
    border-color: #c8c8c8;
}

.note {
    color: red;
    font-weight: bold;
}

.k-button-solid-error .k-icon {
    filter: brightness(0) invert(1);
}




.k-tilelayout {
    padding: 0 !important;
}

th .k-column-title, td * {
    font-size: 12px;
}

.bulk-container {
    border: 1px solid rgb(221, 221, 221);
    padding: 17px;
    border-radius: 5px;
    background: #e8f3f3;
    column-gap: 10px;
    flex: 1 1 0;
    font-weight: bold;
    cursor: pointer;
}

.cs-radio:before {
    width: 18px;
    height: 18px;
    display: flex;
    position: absolute;
    background: #fff;
    z-index: 1;
    border: 1px solid #2c687b;
    content: "";
    border-radius: 50%;
    top: -1px;
    left: -1px;
}

.cs-radio:after {
    width: 10px;
    height: 10px;
    display: flex;
    position: absolute;
    background: #fff;
    z-index: 4;
    content: "";
    border-radius: 50%;
    top: 3px;
    left: 3px;
}

.cs-radio {
    position: relative;
}

    .cs-radio.cs-radio-active:after {
        background: #2c687b;
    }

/*.k-progressbar-red {
    border-color: #F6E8E8;
    color: #656565;
    font-weight: 600;*/
/*background-color: #F6E8E8;*/
/*border-radius: 15px;
}

    .k-progressbar-red .k-selected {
        border-color: #9F2C2E;
        color: #fff;
        font-weight: 600;
        background-color: #9F2C2E;
    }

.k-progressbar-green {
    border-color: #D8EBCC;
    color: #656565;
    font-weight: 600;*/
/*background-color: #D8EBCC;*/
/*border-radius: 15px;
}

    .k-progressbar-green .k-selected {
        border-color: #509426;
        color: #fff;
        font-weight: 600;
        background-color: #509426;
    }*/
.k-dropdowngrid-popup th {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

.k-dropdowngrid-popup li {
    border-color: #e2e9ef;
}

    .k-dropdowngrid-popup li span {
        font-size: 12px;
    }

.k-dropdowngrid-popup .k-table-alt-row {
    background: #fff;
}

.k-dropdowngrid-popup li.k-table-row.k-selected, .k-dropdowngrid-popup li.k-table-row.k-selected:focus {
    background: #e4ebf9 !important;
    outline: none !important;
}

    .k-dropdowngrid-popup li.k-table-row.k-selected span {
        font-weight: bold;
        color: #0f154c;
    }

.k-dropdowngrid-popup li.k-table-row:hover {
    background: #d2daeb
}

.sidebar .top-row {
    margin: 12px 0 20px;
}

.editable-text-cs {
    background: #fff;
    display: block;
    padding: 0 4px;
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 20px;
    line-height: 20px;
    text-align: right;
    width: 100%;
    display: block !important;
}

.status-islock-True .editable-text-cs {
    background: none;
    border: none;
    text-align: right;
}

.p-bar-red .k-progressbar .k-selected {
    background: red;
}

.p-bar-red .k-progressbar {
    background: #ff00001f;
}

.p-bar-red .k-progress-status {
    color: red;
    font-weight: bold;
}

.k-progressbar .k-selected {
    border-color: #3a9d3e;
    color: #fff;
    background-color: #3a9d3e;
    font-weight: bold;
}

span.badge.badge-1 {
    background: #58cdd3;
    color: #fff;
    width: 100%;
}

span.badge.badge-4 {
    background: #37cb5b;
    color: #fff;
    width: 100%;
}

span.badge.badge-3 {
    background: #006bff;
    color: #fff;
    width: 100%;
}

span.badge.badge-5 {
    background: #838383;
    color: #fff;
    width: 100%;
}

span.badge.badge-6 {
    background: #df49f6;
    color: #fff;
    width: 100%;
}

span.badge.badge-7 {
    background: #9700ff;
    color: #fff;
    width: 100%;
}

span.badge.badge-2 {
    background: #ffb300;
    color: #fff;
    width: 100%;
}

span.badge.badge-9 {
    background: #f84c4c;
    color: #fff;
    width: 100%;
}

.k-grid .k-grid-aria-root, div.k-grid-header {
    /*    border: 1px solid #e2e9ef;
*/ border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.k-treelist .k-grid-container {
    border: 1px solid #e2e9ef;
}

div.k-grid-header {
    padding-right: 1px;
    border: 1px solid #e2e9ef !important;
    border-bottom: 0px !important;
}

img.flagurl-cs {
    width: 15px;
}

.column-gap2 {
    column-gap: 2px
}

.not-editable {
    color: #0068bb;
    font-weight: bold;
}

.k-input-md, .k-picker-md {
    font-size: 12px;
}

.k-treelist td .k-icon {
    filter: invert(24%) sepia(68%) saturate(6674%) hue-rotate(195deg) brightness(93%) contrast(101%);
}

.k-grid th, .k-grid td, .k-grid-content .k-table-td, .k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td {
    padding: 0px 5px;
}

.k-window-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}

.k-button-md {
    min-height: 26px;
}

.k-link {
    font-size: 12px;
    line-height: 15px;
}

span.badge.badge-Bidder {
    background: #ddeafe;
    color: #2188f7;
}

span.badge.badge-Admin {
    background: #dffee6;
    color: #00ad35;
}

span.badge.badge-BidderAdmin {
    background: #efcf6e7d;
    color: #a57206;
}

span.badge.badge-User {
    background: #fcf3c6;
    color: #e99119
}

span.badge.badge-SuperAdmin {
    background: #ffad00;
    color: #553900;
}

.k-grid-header .k-grid-header-menu.k-active {
    border-radius: 5px;
}

.k-grid-header th {
    /*    text-transform: uppercase;
*/
}

.row-gap30 {
    row-gap: 30px;
}

.k-button-outline-primary .k-button-icon {
    filter: invert(24%) sepia(68%) saturate(6674%) hue-rotate(195deg) brightness(93%) contrast(101%);
}

.k-button-outline-primary.k-button:hover .k-button-icon {
    filter: brightness(0) invert(1);
}

.k-treelist td > * {
    display: table-cell;
    vertical-align: middle;
}

.k-treelist td > .k-input, .k-treelist td > .k-dropdownlist {
    width: 100%;
    display: flex;
}

.k-upload-button {
    background: #F5F5F5;
    border-color: #F5F5F5;
    border-radius: 5px;
}

    .k-upload-button:hover {
        border-color: #F5F5F5;
        background-color: #F5F5F5;
        color: #000000;
    }

.k-icon.k- i-trash, .k-treelist td .k-icon.k-i-trash, .k-command-cell .k-icon {
    filter: invert(26%) sepia(84%) saturate(6163%) hue-rotate(354deg) brightness(99%) contrast(134%);
}

.badge.cs-badge {
    background: #13d35321;
    color: #29a74f;
    padding: 5px 10px;
    font-weight: normal;
    border-radius: 10px;
}

    .badge.cs-badge:before, .template-lock:before {
        content: "";
        width: 5px;
        height: 5px;
        display: inline-block;
        background: #13d353;
        border-radius: 9px;
        vertical-align: middle;
        margin-right: 3px;
    }

    .badge.cs-badge.badge-no {
        background: #ff6c471c;
        color: #c4330e;
    }

        .badge.cs-badge.badge-no:before {
            background: #fd5f36;
        }

.template-lock:before {
    background: #93919a;
}

span.template-lock.lock-True:before {
    background: #14cde8;
}

.k-grid-header .k-grid-header-menu {
    opacity: 0.6;
}

    .k-grid-header .k-grid-header-menu:hover {
        opacity: 1
    }

.k-hierarchy-cell[aria-expanded="true"]::after {
    content: "";
    position: absolute;
    left: 65px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #d4dae7;
    top: 29px;
    z-index: 1;
}

.k-hierarchy-cell:first-child[aria-expanded="true"] {
    border-left: 5px solid #156fb2 !important;
}

.k-grid .k-detail-row .k-detail-cell {
    padding: 10px 20px 20px 20px;
}

.k-filterable > .k-cell-inner .k-link {
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    max-width: calc(100% - 31px);
}

.k-column-title, .k-header {
    white-space: normal !important;
    /*text-transform: uppercase;*/
}

.m-h-300 {
    min-height: 300px;
}

.k-grid .k-hierarchy-cell:hover .k-icon {
    filter: invert(19%) sepia(86%) saturate(1844%) hue-rotate(204deg) brightness(87%) contrast(100%);
}

.w-20b {
    width: calc(20% - 10px);
}

div.k-grid-header, div.k-grid-footer {
    padding: 0;
}

.bidderdashboard-table .k-grouping-header {
    display: none;
}

.file-wrapper {
    padding-bottom: 0.5em !important;
    margin: 0 0 1em;
    padding: var(--kendo-spacing-0, 0px);
    border-width: 0 0 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .08);
    align-items: center;
}

.file-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: none;
    background-color: transparent !important;
    color: #DB1F26 !important;
}

.btn-edit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: none;
    background-color: transparent !important;
    color: #DB1F26 !important;
}

.btn-edit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: none;
    background-color: transparent !important;
    color: #DB1F26 !important;
}

.k-rounded-lg {
    border-radius: 5px;
}

span.steps {
    font-weight: bold;
    color: #3791e4;
    width: 25px;
    height: 25px;
    background: #e6f3ff;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
}

div.customformat {
    background-color: #aac9fd;
    color: #0058e9;
}

.legend {
    border: 2px solid #4c4c4c0f;
    max-width: 120px;
    text-align: center;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
}

    .legend.customformatSpike {
        background-color: #e8fffd;
        color: #0f58cf;
    }

.customformatSpike {
    background-color: #e8fffd;
}

legend.customformatRogue {
    background-color: #ffeeba;
    color: #d18d00;
}

.customformatRogue {
    background-color: #ffeeba;
}

legend.customformatSpikeRogue {
    background-color: #ffb9b4;
    color: #d9020d;
}

.customformatSpikeRogue {
    background-color: #ffb9b4;
}

legend.customformatNoPrice {
    background-color: #dddddd;
    color: #d9020d;
}

.customformatNoPrice {
    background-color: #dddddd;
}

.customedited {
    background-color: #83ff83;
    border-radius: 3px;
    padding: 2px;
}

.text-right {
    text-align: right !important;
    width: 100%;
    display: block !important;
    pointer-events: none !important;
}

.not-editable.text-right {
    color: #0068bb;
    font-weight: bold;
    text-align: right !important;
    width: 100%;
    display: block !important;
    pointer-events: none;
}

.module {
    background: #e8f3f3;
}

.k-button-solid-info .k-button-icon {
    filter: brightness(0) invert(1);
}

td.text-right2 {
    pointer-events: none;
    text-align: right !important;
}

    td.text-right2 span {
        width: 100%;
        text-align: right;
        display: block;
    }

@media print {
    @page {
        size: landscape;
    }
}

.k-progressbar-horizontal > .k-selected {
    width: calc(var(--kendo-progressbar-value, 0 )*1%);
}

.k-grid .k-hierarchy-cell > .k-icon, .k-grid .k-drag-cell > .k-icon {
    padding: 5px 0;
}

.k-pager-numbers .k-selected {
    padding: 4px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    min-height: 25px;
}

.k-input-md .k-input-values {
    padding: 0
}

.k-pager-md .k-pager-info {
    display: block;
}

.k-pager-numbers-wrap {
    align-items: center;
}

.k-pager-numbers {
    height: 25px;
}

span.k-icon.k-i-none {
    min-width: 11px;
}

.csdesc {
    white-space: normal;
}

.k-dialog-content {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 25px 16px;
}

.k-dialog-wrapper .k-dialog {
    display: flex;
    flex-direction: column;
}

.k-window-actions {
    margin: 0;
    border-top: 1px solid #ddd;
}

div#blazor-error-ui {
    display: none !important;
}

.primarysensor img {
    filter: invert(38%) sepia(67%) saturate(4115%) hue-rotate(333deg) brightness(87%) contrast(99%);
}

.primarysensor img, .setprimary img {
    width: 19px;
}

.primarysensor:hover img, .setprimary:hover img, .viewcaleb:hover img {
    filter: brightness(0) invert(1);
}

.primarysensor, .setprimary {
    transform: scale(0.7);
    margin-left: 5px !important;
}

.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
    margin-top: 0;
}

legend.k-form-legend:empty {
    display: none;
}

.k-toolbar-item {
    margin-left: auto;
}

#form-add-info {
    .k-numerictextbox.k-input

{
    height: 50%;
    width: 100% !important;
}

}

#location-map {
    .k-map

{
    height: 300px;
}

}

.k-numerictextbox.k-input {
    height: 100% !important;
    width: 100% !important;
}

/* 未授权页面样式 - 更新版 */
.unauthorized-main {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f5f8fb;
    min-height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.unauthorized-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 550px;
    width: 100%;
}

.unauthorized-box {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    padding: 40px;
    width: 100%;
    text-align: center;
    animation: fadeIn 0.5s ease;
    border: 1px solid rgba(0,0,0,0.05);
}

.unauthorized-icon-container {
    margin: 0 auto 24px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unauthorized-icon {
    width: 50px;
    height: 50px;
    color: #FF4A51;
    animation: pulse 2s infinite;
}

.unauthorized-box h2 {
    color: #333;
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 600;
}

.unauthorized-box p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}