/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}



a, a:hover, a:visited {
    color: #071D32;
    text-decoration: none;
}

    a.btn {
        color: white;
    }

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; 
    background-color:#ffffff;
    /* Vertically center the text there */
}

.k-menu .k-state-hover > .k-link, ul.k-widget, ul.k-menu, ul.k-menu:hover,
ul.k-menu-horizonal,
.k-menu > li.k-item,
.k-horizontal-menu > .k-item
ul.k-menu li.k-item {
    border-style: none;
    border-width: 0px !important;
    background-color: white;
    color: #071D32;
}

.k-menu-expand-arrow {
    width: 16px;
}

main h1 {
    font-size: 1.4em;
    display: none;
}

main {
    margin-left: 20px;
    margin-right: 20px;
}

.pagemenu .k-item {
    font-size: 1.4em;
    color: #071D32;
}

.pagemenu .k-group .k-item {
    font-size: 0.9em;
    color: #071D32;
}

.list-group-item {
    border: none;
}

.pagemenu {
    margin-bottom: 10px;
}

header {
    margin-bottom: 15px;
    background-color: #ffffff;
}

nav {
    padding-bottom: 15px;
}

.module-admin {
    color: #2B6131;
}

.module-datamanagement {
    color: #D75D1E;
}

.module-reporting {
    color: #486591;
}

.module-search {
    color: #8C3F51;
}

.module-timeseries {
    color: #01737D;
}

.module-inventory {
    color: #CB535F;
}

.module-other {
    color: #CA9801;
}

div.module-icons {
    margin-top: 6px;
    margin-left: 14px;
}

div.search-area > #searchButton {
    margin-top: -5px;
}

div.search-area {
    margin-bottom: 10px;
}

input.search-box {
    width: 500px;
    display: inline;
    margin-right: 5px;
}

div.user-menu
{
    margin-bottom:-20px;
}

div.user-menu li.list-group-item {
    padding-right: 5px !important;
}

div.pagemenu a, div.pagemenu span {
    padding-left: 5px !important;
}

.form-group > label {
    color: darkgrey;
    display: block;
}

input.hidden {
    display: none;
}

textarea.form-control {
    width: 450px;
}

span.k-combobox {
    width: 450px;
}

span.k-dropdown-wrap > input.k-input {
    padding: 15px 15px 5px 5px !important;
}

.k-combobox > span.k-dropdown-wrap > span.k-select {
    padding-top: 5px !important;
    border: none;
}

input[type=search]:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

input[type=text], input[type=password], input[type=password], input[type=number], input[type=email], input[type=tel], textarea, select {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border-radius: 5px;
  height: auto;
  border: 1px solid #DDDDDD;
}

  input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  }

  input.form-control[type=text], input.form-control[type=password], input.form-control[type=number], input.form-control[type=email], input.form-control[type=tel], textarea.form-control {
    width: 450px;
    padding: 15px 15px 5px 15px;
    margin: 5px 1px 3px 0px;
  }

    input.form-control[type=text]:focus, input.form-control[type=password]:focus, input.form-control[type=number]:focus, input.form-control[type=email]:focus, input.form-control[type=tel]:focus, textarea.form-control:focus {
      width: 450px;
      padding: 15px 15px 5px 15px;
      margin: 5px 1px 3px 0px;
      border: 1px solid rgba(81, 203, 238, 1);
    }

        input.form-control[type=file]
        {
            border:none;
            margin-left: -12px;
            cursor:pointer;
        }

            input.form-control[type=file]:focus {
                box-shadow: none;
            }

        textarea {
            margin-top: 2px;
        }

    textarea:focus {
        margin-top: 2px;
    }

select.form-control {
    width: 450px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    padding: 15px 15px 5px 15px;
    margin: 5px 1px 3px 0px;
    height: auto;
}

    select.form-control:focus {
        width: 450px;
        padding: 15px 15px 5px 15px;
        margin: 5px 1px 3px 0px;
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
        height: auto;
    }

span.form-control-autocomplete {
    background-color: white;
    padding-bottom: 15px;
    padding-top: 5px;
}

    span.form-control-autocomplete:focus {
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    }

input.form-control-autocomplete {
    margin-top: 5px;
}

span.form-control-autocomplete input:focus {
    box-shadow: none;
}

select, option {
    -webkit-appearance: none;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

    .select-wrapper:after {
        content: '\0025BC';
        font: normal normal normal 12px/1 FontAwesome;
        color: darkgray;
        right: 5px;
        top: 7px;
        height: 26px;
        padding: 15px 0px 0px 8px;
        position: absolute;
        pointer-events: none;
    }

select {
    padding-right: 24px;
}

.super-label {
    z-index: 2;
    color: darkgray;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    margin-top: 4px;
    margin-left: 15px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: text;
}

.super-placeholder {
    z-index: 2;
    color: darkgray;
    display: inline-block;
    position: absolute;
    margin-left: 17px;
    margin-top: 12px;
    font-size: 15px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: text;
}

.super-select-label {
    z-index: 2;
    color: darkgray;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    margin-top: 9px;
    margin-left: 16px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: text;
}

.k-window-title {
    color: #2474BB;
    font-weight: bold;
    text-transform: uppercase;
}

input[type=checkbox] {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 5px;
    vertical-align: middle;
    border: 1px solid darkgrey;
    outline: none;
    cursor: pointer;
}

    input[type=checkbox]:checked {
        background-color: #527bc6;
    }

.checkbox + label {
    color: darkgray;
}

.checkbox:checked + label {
    color: black;
}

.checkbox-select-helper {
    background-color: white;
    z-index: 2;
    position: absolute;
    display: none;
}

.window-danger {
    background-color: #dc3545;
    color: white !important;
    text-decoration: none !important;
}

.selection-item {
    overflow: hidden;
    width: 350px;
    padding: 0 10px 0 10px;
}

a.k-grid-filter.k-state-active:after {
    content: '\002022';
}

div.table > div {
    overflow-wrap: break-word;
}

.label {
    font-weight: bold;
}

div.long-text {
    max-height: 100px;
    overflow-y: scroll;
}

.results-long-text {
    max-height: 100px;
    overflow-y: auto;
    text-overflow: ellipsis;
}

div.product > a {
    text-decoration: underline;
    color: darkgrey;
}

.k-loading-mask .k-loading-image {
    background-image: url('../images/Preloader_lsds.gif');
}

/*
dl.inline-flex {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 800px;
    overflow: visible;
    border-collapse: collapse;
}

    dl.inline-flex dt {
        flex: 0 0 50%;
        text-overflow: ellipsis;
        overflow: hidden;
      
    }

    dl.inline-flex dd {
        flex: 0 0 50%;
        margin-left: auto;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    */
dl .inline-flex dd {
    display: inline;
    margin: 0;
}

    dl.inline-flex dd:after {
        display: block;
        content: '';
        width: 150px;
    }

dl.inline-flex dt {
    display: inline-block;
    min-width: 100px;
}

div.d-table.item-detail {
    border-collapse: collapse;
    padding: 10px;
    margin-bottom: 60px !important;
}

    div.d-table.item-detail > div.d-table-row > div.d-table-cell:first-child {
        width: 150px;
        font-weight: bold;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    div.d-table.item-detail > div.d-table-row > div.d-table-cell {
        padding: 5px;
    }

        div.d-table.item-detail > div.d-table-row > div.d-table-cell:last-child {
            max-width: 600px;
            border-bottom: 1px solid #e0e0e0;
        }

    div.d-table.item-detail > div.d-table-row:last-child > div.d-table-cell {
        border-bottom: none;
    }

.k-tabstrip-wrapper {
    height: 100%;
}

div.detail-container {
    position: fixed;
    top: 0;
    bottom: 60px;
    left: 0;
    right: 0;
    margin-bottom: 100px;
    overflow-y: auto;
}

div.detail-footer {
    position: fixed;
    bottom: 0;
    height: 60px;
    background-color: #f3f3f4;
    width: 100%;
    padding: 10px;
    z-index: 3;
}

.k-tabstrip {
    height: 100%;
}

div.k-tabstrip-wrapper > div:first-child {
    background-color: inherit;
    margin: 0px;
    padding: 0px;
}

div.k-tabstrip, div.k-tabstrip:focus {
    box-shadow: none;
    border: none;
}

ul.k-tabstrip-items {
    border: none;
}

div.k-tabstrip > div.k-content {
    min-height: 400px;
    max-height: 85%;
    overflow-y: auto;
}

k-window {
}



body.window > div.detail-container {
    margin: 20px;
}

div.edit-container {
    margin: 20px;
}

div.windowed-container {
    margin: 20px;
}


span.k-menu-link, a.k-menu-link {
    color: #071D32 !important;
}

a > span.fa {
    margin-right: 5px;
}

.upload-adapter .d-table-cell {
    padding-right: 10px;
}

.upload-adapter .d-table-row.section button {
    margin-top: 7px;
}

.progress-wrapper {
    width: 150px;
    border: 1px solid #1b6ec2;
    border-radius: 2px;
    height: 15px;
    margin-top: 10px;
}

    .progress-wrapper .progressbar {
        background-color: #1b6ec2;
        width: 0%;
        height: 100%;
    }


.column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/*--Menu--*/
.k-menu:not(.k-context-menu) > .k-item.k-state-focused {
    box-shadow: none !important;
}

.k-menu-group .k-item > .k-state-active, .k-menu.k-context-menu .k-item > .k-state-active {
    background-color: inherit !important;
}

.k-menu-group .k-item:hover, .k-menu-group .k-item.k-state-hover, .k-menu.k-context-menu .k-item:hover, .k-menu.k-context-menu .k-item.k-state-hover {
    background-color: inherit !important;
}

.k-menu-group .k-item > .k-link > .k-menu-expand-arrow, .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right {
    margin-top: 0px !important;
}

.splash-title {
    top: 100px;
    left: 0;
    z-index: 100;
    position: absolute;
    padding: 20px;
    font-size: xx-large;
    color: white;
}

.product-thumbnail {
  max-width: 120px;
  max-height: 120px;
}

#productDetailImageGallery {
    width: 260px;
    height: 180px;
}

.product-image-container {
    text-align: center;
    margin-top: 5px;
}

form.inline {
    display: inline;
}


/* k overrides */

.k-menu {
    background-clip: padding-box;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .k-menu .k-ie11 {
        background-clip: border-box;
    }

.k-menu-item {
    border-width: 0;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-menu-link {
    padding: 6px 12px;
    outline: 0;
    color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

    .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
    .k-menu-link > .k-image,
    .k-menu-link > .k-sprite {
        margin-right: 4px;
    }

    .k-menu-expand-arrow.k-i-arrow-60-left,
    .k-menu-expand-arrow.k-i-arrow-w::before,
    .k-menu-expand-arrow.k-i-sarrow-w::before,
    .k-menu-expand-arrow.k-i-expand-w::before,
    .k-menu-expand-arrow.k-i-arrow-60-right,
    .k-menu-expand-arrow.k-i-arrow-e::before,
    .k-menu-expand-arrow.k-i-sarrow-e::before,
    .k-menu-expand-arrow.k-i-expand::before,
    .k-menu-expand-arrow.k-i-expand-e::before {
        margin: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .k-menu-expand-arrow.k-i-arrow-60-right,
    .k-menu-expand-arrow.k-i-arrow-e::before,
    .k-menu-expand-arrow.k-i-sarrow-e::before,
    .k-menu-expand-arrow.k-i-expand::before,
    .k-menu-expand-arrow.k-i-expand-e::before {
        right: 4px;
    }

    .k-menu-expand-arrow.k-i-arrow-60-left,
    .k-menu-expand-arrow.k-i-arrow-w::before,
    .k-menu-expand-arrow.k-i-sarrow-w::before,
    .k-menu-expand-arrow.k-i-expand-w::before {
        left: 4px;
    }

.k-menu-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

    .k-menu-horizontal > .k-menu-item + .k-menu-item {
        margin-left: 0;
    }

    .k-menu-horizontal > .k-separator {
        margin: 0 2px;
        width: 0;
        height: auto;
        border-width: 0 0 0 1px;
        border-style: solid;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

.k-menu-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
}

    .k-menu-vertical > .k-menu-item + .k-menu-item {
        margin-top: 0;
    }

    .k-menu-vertical > .k-menu-item > .k-menu-link {
        padding: 4px 8px;
        padding-right: 32px;
    }

    .k-menu-vertical > .k-separator {
        margin: 2px 0;
        height: 0;
        border-width: 1px 0 0;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.08);
        display: block;
    }

.k-menu-popup {
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    max-height: 80vh;
}

.k-menu-group {
    margin: 0;
    padding: 0 0;
    font-size: 14px;
    line-height: 1.4285714286;
    list-style: none;
    display: none;
    position: absolute;
}

.k-menu-popup .k-menu-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.k-menu-group .k-menu-item {
    font-size: 14px;
    line-height: 1.4285714286;
}

    .k-menu-group .k-menu-item + .k-menu-item {
        margin-top: 0;
    }

.k-menu-group .k-menu-link {
    padding: 4px 8px;
    padding-right: 32px;
}

.k-menu-group .k-separator {
    margin: 2px 0;
    height: 0;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.08);
    display: block;
}


.k-grid {
    background-clip: padding-box;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .k-grid .k-ie11 {
        background-clip: border-box;
    }

    .k-grid.k-grid-display-block {
        display: block;
    }

    .k-grid .k-grid-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: hidden;
        position: relative;
    }

    .k-grid .k-grid-aria-root {
        border-color: inherit;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .k-grid table {
        margin: 0;
        width: 100%;
        max-width: none;
        border-width: 0;
        border-color: inherit;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        outline: 0;
    }

    .k-grid thead,
    .k-grid tbody,
    .k-grid tfoot {
        text-align: left;
        border-color: inherit;
    }

    .k-grid tr {
        border-color: inherit;
    }

    .k-grid th,
    .k-grid td {
        padding: 8px 12px;
        border-style: solid;
        border-color: inherit;
        outline: 0;
        font-weight: inherit;
        text-align: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .k-grid th:first-child,
        .k-grid td:first-child {
            border-left-width: 0;
        }

        .k-grid th:focus,
        .k-grid td:focus {
            outline: none;
        }

        .k-grid th .k-placeholder-line,
        .k-grid td .k-placeholder-line {
            width: 80%;
        }

    .k-grid th {
        padding: 8px 12px;
        border-width: 0 0 1px 1px;
        white-space: nowrap;
    }

    .k-grid td {
        border-width: 0 0 0 1px;
        vertical-align: middle;
    }

    .k-grid a {
        color: inherit;
        text-decoration: none;
    }

        .k-grid a:hover {
            text-decoration: none;
        }

    .k-grid table,
    .k-grid .k-grid-header-wrap {
        box-sizing: content-box;
    }

    .k-grid .k-group-col,
    .k-grid .k-hierarchy-col {
        padding: 0;
        width: 32px;
    }

    .k-grid .k-grouping-row p {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .k-grid .k-grouping-row td {
        overflow: visible;
    }

    .k-grid .k-grouping-row + tr td {
        border-top-width: 1px;
    }

    .k-grid .k-grouping-row .k-group-cell,
    .k-grid .k-grouping-row + tr .k-group-cell {
        border-top-width: 0;
        text-overflow: clip;
    }

    .k-grid .k-grouping-row .k-icon {
        margin-left: -4px;
        margin-right: 8px;
        text-decoration: none;
    }

    .k-grid .k-group-footer td {
        border-style: solid;
        border-width: 1px 0;
    }

    .k-grid .k-group-footer .k-group-cell + td {
        border-left-width: 1px;
    }

    .k-grid .k-hierarchy-cell {
        text-align: center;
        padding: 0;
        overflow: visible;
    }

        .k-grid .k-hierarchy-cell > .k-icon {
            padding: 8px 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            outline: 0;
        }

        .k-grid .k-hierarchy-cell + td {
            border-left-width: 0;
        }

    .k-grid[dir="rtl"] thead,
    .k-grid[dir="rtl"] tbody,
    .k-grid[dir="rtl"] tfoot,
    .k-rtl .k-grid thead,
    .k-rtl .k-grid tbody,
    .k-rtl .k-grid tfoot {
        text-align: right;
    }

    .k-grid[dir="rtl"] th,
    .k-rtl .k-grid th {
        white-space: nowrap;
    }

    .k-grid[dir="rtl"] .k-grid-header-wrap,
    .k-rtl .k-grid .k-grid-header-wrap {
        border-width: 0 0 0 1px;
    }

    .k-grid[dir="rtl"] .k-group-indicator .k-button.k-bare,
    .k-grid[dir="rtl"] .k-drag-clue .k-button.k-bare,
    .k-rtl .k-grid .k-group-indicator .k-button.k-bare,
    .k-rtl .k-grid .k-drag-clue .k-button.k-bare {
        margin-left: -2px;
        margin-right: 8px;
    }

    .k-grid[dir="rtl"] .k-group-indicator .k-link .k-icon,
    .k-grid[dir="rtl"] .k-drag-clue .k-link .k-icon,
    .k-rtl .k-grid .k-group-indicator .k-link .k-icon,
    .k-rtl .k-grid .k-drag-clue .k-link .k-icon {
        margin-left: 4px;
        margin-right: -2px;
    }

    .k-grid[dir="rtl"] .k-group-indicator,
    .k-rtl .k-grid .k-group-indicator {
        margin-right: 0;
        margin-left: 4px;
    }

        .k-grid[dir="rtl"] .k-group-indicator + .k-group-indicator,
        .k-rtl .k-grid .k-group-indicator + .k-group-indicator {
            margin-right: 4px;
        }

    .k-grid[dir="rtl"] .k-grid-content-locked,
    .k-grid[dir="rtl"] .k-grid-footer-locked,
    .k-grid[dir="rtl"] .k-grid-header-locked,
    .k-rtl .k-grid .k-grid-content-locked,
    .k-rtl .k-grid .k-grid-footer-locked,
    .k-rtl .k-grid .k-grid-header-locked {
        border-left-width: 1px;
        border-right-width: 0;
    }

    .k-grid[dir="rtl"] th,
    .k-rtl .k-grid th {
        border-width: 0 1px 1px 0;
    }

        .k-grid[dir="rtl"] th:first-child,
        .k-rtl .k-grid th:first-child {
            border-right-width: 0;
        }

    .k-grid[dir="rtl"] td,
    .k-rtl .k-grid td {
        border-width: 0 1px 0 0;
    }

        .k-grid[dir="rtl"] td:first-child,
        .k-rtl .k-grid td:first-child {
            border-right-width: 0;
        }

        .k-grid[dir="rtl"] td.k-hierarchy-cell,
        .k-rtl .k-grid td.k-hierarchy-cell {
            border-right-width: 0;
        }

    .k-grid[dir="rtl"] .k-hierarchy-cell + td,
    .k-rtl .k-grid .k-hierarchy-cell + td {
        border-right-width: 0;
    }

    .k-grid[dir="rtl"] .k-grid-header,
    .k-grid[dir="rtl"] .k-grid-footer,
    .k-rtl .k-grid .k-grid-header,
    .k-rtl .k-grid .k-grid-footer {
        padding-left: 17px;
        padding-right: 0;
    }

        .k-grid[dir="rtl"] .k-grid-header .k-header.k-first,
        .k-rtl .k-grid .k-grid-header .k-header.k-first {
            border-left-width: 0;
            border-right-width: 1px;
        }

        .k-grid[dir="rtl"] .k-grid-header .k-with-icon,
        .k-grid[dir="rtl"] .k-grid-header .k-filterable,
        .k-rtl .k-grid .k-grid-header .k-with-icon,
        .k-rtl .k-grid .k-grid-header .k-filterable {
            padding-left: calc(1.4285714286em + 14px);
            padding-right: 12px;
        }

        .k-grid[dir="rtl"] .k-grid-header .k-grid-filter,
        .k-grid[dir="rtl"] .k-grid-header .k-header-column-menu,
        .k-rtl .k-grid .k-grid-header .k-grid-filter,
        .k-rtl .k-grid .k-grid-header .k-header-column-menu {
            right: auto;
            left: 4px;
        }

    .k-grid[dir="rtl"] .k-filtercell-operator,
    .k-rtl .k-grid .k-filtercell-operator {
        margin-left: 0;
        margin-right: 4px;
    }

    .k-grid[dir="rtl"] .k-dirty,
    .k-rtl .k-grid .k-dirty {
        border-color: currentColor currentColor transparent transparent;
        left: auto;
        right: 0;
    }

    .k-grid[dir="rtl"] .k-edit-cell > .k-textbox,
    .k-grid[dir="rtl"] .k-edit-cell > .k-widget,
    .k-grid[dir="rtl"] .k-edit-cell > .text-box,
    .k-grid[dir="rtl"] .k-grid-edit-row > td > .k-textbox,
    .k-grid[dir="rtl"] .k-grid-edit-row > td > .k-widget,
    .k-grid[dir="rtl"] .k-grid-edit-row > td > .text-box,
    .k-rtl .k-grid .k-edit-cell > .k-textbox,
    .k-rtl .k-grid .k-edit-cell > .k-widget,
    .k-rtl .k-grid .k-edit-cell > .text-box,
    .k-rtl .k-grid .k-grid-edit-row > td > .k-textbox,
    .k-rtl .k-grid .k-grid-edit-row > td > .k-widget,
    .k-rtl .k-grid .k-grid-edit-row > td > .text-box {
        margin-right: -9px;
    }

    .k-grid[dir="rtl"] .k-grid-header-wrap.k-auto-scrollable,
    .k-rtl .k-grid .k-grid-header-wrap.k-auto-scrollable {
        margin-left: -1px;
        margin-right: 0;
    }

    .k-grid[dir="rtl"] .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable,
    .k-rtl .k-grid .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable {
        margin-left: 0;
    }

    .k-grid[dir="rtl"] .k-group-footer td,
    .k-rtl .k-grid .k-group-footer td {
        border-width: 1px 0;
    }

    .k-grid[dir="rtl"] .k-group-footer .k-group-cell + td,
    .k-rtl .k-grid .k-group-footer .k-group-cell + td {
        border-right-width: 1px;
    }

    .k-grid[dir="rtl"] .k-grid-toolbar .k-button + .k-button,
    .k-rtl .k-grid .k-grid-toolbar .k-button + .k-button {
        margin: 0 4px 0 0;
    }

    .k-grid[dir="rtl"] .k-grouping-row .k-icon,
    .k-rtl .k-grid .k-grouping-row .k-icon {
        margin-left: 8px;
        margin-right: -4px;
    }

    .k-grid[dir="rtl"] .k-grid-search,
    .k-rtl .k-grid .k-grid-search {
        float: left;
    }

    .k-grid[dir="rtl"] .k-column-resizer,
    .k-rtl .k-grid .k-column-resizer {
        left: 0;
        right: auto;
    }

    .k-grid .k-dirty-cell {
        position: relative;
    }

    .k-grid .k-dirty {
        border-width: 5px;
        border-color: currentColor transparent transparent currentColor;
        left: 0;
        right: auto;
    }

    .k-grid .k-grid-content-locked + .k-grid-content {
        box-sizing: content-box;
    }

    .k-grid .k-grid-content-expander {
        position: absolute;
        visibility: hidden;
        height: 1px;
        bottom: 1px;
    }

    .k-grid .k-grid-search {
        width: 15.7em;
        float: right;
    }

    .k-grid .k-grid-filter,
    .k-grid .k-header-column-menu,
    .k-grid .k-hierarchy-cell .k-icon {
        border-width: 0;
    }

.k-grid-toolbar {
    padding: 8px 8px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: inherit;
    text-overflow: clip;
    cursor: default;
    display: block;
}

    .k-grid-toolbar > * {
        vertical-align: middle;
    }

        .k-grid-toolbar > * + * {
            margin-left: 4px;
        }


.k-grid-header-wrap,
.k-grid-footer-wrap {
    width: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: inherit;
    position: relative;
    overflow: hidden;
}

    .k-grid-header-wrap.k-auto-scrollable,
    .k-grid-footer-wrap {
        margin-right: -1px;
    }

.k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable {
    margin-right: 0;
}

.k-ie .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable {
    display: inline-block;
}

.k-grid-header,
.k-grid-footer {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 17px;
    border-width: 0;
    border-style: solid;
    border-color: inherit;
}

    .k-grid-header table,
    .k-grid-footer table {
        table-layout: fixed;
    }

div.k-grid-header,
div.k-grid-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.k-ie div.k-grid-header {
    display: block;
}

.k-grid-header {
    border-bottom-width: 1px;
}

    .k-grid-header table {
        margin-bottom: -1px;
    }

    .k-grid-header.k-grid-draggable-header {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        touch-action: none;
    }

    .k-grid-header .k-header {
        position: relative;
        vertical-align: bottom;
        cursor: default;
    }

        .k-grid-header .k-header:first-child {
            border-left-width: 0;
        }

        .k-grid-header .k-header.k-first {
            border-left-width: 1px;
        }

        .k-grid-header .k-header > .k-link {
            margin: -8px -12px;
            padding: 8px 12px;
            line-height: inherit;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            outline: 0;
        }

.k-ie .k-grid-header .k-header > .k-link,
.k-edge .k-grid-header .k-header > .k-link {
    margin: 0;
    padding: 0;
}

.k-grid-header .k-with-icon,
.k-grid-header .k-filterable {
    padding-right: calc(1.4285714286em + 14px);
}

.k-ie .k-grid-header .k-with-icon,
.k-edge .k-grid-header .k-with-icon,
.k-ie .k-grid-header .k-filterable,
.k-edge .k-grid-header .k-filterable {
    padding-right: calc(1.4285714286em + 14px);
}

.k-grid-header .k-header > .k-link:focus {
    text-decoration: none;
}

.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {
    padding: 4px;
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    box-sizing: border-box;
    outline: 0;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    bottom: calc(8px + 0.7142857143em - (1.4285714286em + 8px) / 2);
    z-index: 1;
}

.k-ie .k-grid-header .k-grid-filter,
.k-edge .k-grid-header .k-grid-filter,
.k-ie .k-grid-header .k-header-column-menu,
.k-edge .k-grid-header .k-header-column-menu {
    position: static;
    float: right;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: calc(-1.4285714286em + -10px);
}

.k-grid-header .k-grid-filter:hover,
.k-grid-header .k-header-column-menu:hover {
    cursor: pointer;
}

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm,
.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm {
    vertical-align: text-top;
    margin-left: 7px;
}

.k-grid-header .k-sort-order {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    font-size: 12px;
    margin-top: 2px;
    margin-left: -2px;
}

.k-column-resizer {
    width: 0.5em;
    height: 1000%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: col-resize;
}

.k-grid-footer {
    border-width: 1px 0 0;
}

    .k-grid-footer td {
        height: 1.4285714286em;
    }

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

.k-grid-filter-popup {
    min-width: 200px;
}

.k-grid-column-menu-standalone a.k-grid-filter {
    position: initial;
    display: inline-block;
    margin: -4px 0;
    padding: 4px 8px;
}

.k-grid-columnmenu-popup {
    width: 230px;
}

.k-filter-row {
    line-height: 1.4285714286;
}

    .k-filter-row td,
    .k-filter-row th {
        border-width: 0 0 1px 1px;
        white-space: nowrap;
        padding: 8px 8px;
    }

        .k-filter-row td:first-child {
            border-left-width: 0;
        }

    .k-filter-row .k-multiselect,
    .k-filter-row .k-dropdowntree {
        height: auto;
    }

    .k-filter-row .k-filtercell .k-widget.k-sized-input {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

.k-filtercell {
    width: auto;
    display: -ms-flexbox;
    display: flex;
}

    .k-filtercell > span,
    .k-filtercell .k-filtercell-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .k-filtercell > span > label,
        .k-filtercell .k-filtercell-wrapper > label {
            vertical-align: middle;
        }

        .k-filtercell .k-filtercell-wrapper > .k-widget {
            width: 100%;
        }

        .k-filtercell > span .k-button {
            visibility: visible;
            pointer-events: all;
        }

        .k-filtercell > span .k-button,
        .k-filtercell > span .k-dropdown-operator {
            margin-left: 4px;
        }

        .k-filtercell > span .k-widget {
            width: auto;
        }

    .k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible {
        visibility: visible;
        height: calc(1.4285714286em + 10px);
    }

    .k-filtercell .k-filtercell-operator > .k-button:not(.k-clear-button-visible) {
        visibility: hidden;
        pointer-events: none;
    }

    .k-filtercell .k-filtercell-operator {
        margin-left: 4px;
    }

    .k-filtercell .k-widget:not(.k-dropdown-operator),
    .k-filtercell .k-filtercell-wrapper > .k-textbox {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .k-filtercell .k-filtercell-wrapper > .k-textbox {
        width: 100%;
        min-width: 0;
    }

.k-grid-content,
.k-grid-content-locked {
    border-color: inherit;
    outline: 0;
}

    .k-grid-content table,
    .k-grid-content-locked table {
        table-layout: fixed;
    }

    .k-grid-content tr:last-child td,
    .k-grid-content-locked tr:last-child td {
        border-bottom-width: 0;
    }

.k-grid-content {
    width: 100%;
    min-height: 0;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    -ms-flex: 1;
    flex: 1;
}

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative;
}

.k-grid-edit-row td {
    text-overflow: clip;
}

.k-grid-edit-row .k-widget,
.k-grid-edit-row .k-button,
.k-grid-edit-row .k-textbox {
    height: auto;
}

.k-grid-edit-row .k-edit-cell {
    padding-top: 0;
    padding-bottom: 0;
}

.k-grid-edit-row .k-dirty-cell {
    overflow: visible;
}

.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget:not(.k-switch),
.k-edit-cell > .text-box,
.k-grid-edit-row > td > .k-textbox,
.k-grid-edit-row > td > .k-widget:not(.k-switch),
.k-grid-edit-row > td > .text-box {
    margin-left: -9px;
}

.k-grid-edit-row td > .k-textbox,
.k-grid-edit-row td > .k-widget:not(.k-switch),
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget:not(.k-switch) {
    width: calc(100% + 18px);
}

.k-grid-edit-row td > .k-textbox,
.k-grid-edit-row td > .k-widget,
.k-command-cell > .k-button,
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget {
    vertical-align: middle;
}

.k-grid .k-grid-edit-row td,
.k-grid .k-command-cell,
.k-grid .k-edit-cell {
    padding: 3px 12px;
}

.k-command-cell > .k-button {
    margin-left: 0.16em;
    margin-right: 0.16em;
}

.k-grid > .k-resize-handle,
.k-grid-header .k-resize-handle {
    height: 25px;
    cursor: col-resize;
    position: absolute;
    z-index: 2;
}

.k-grid-pager {
    padding: 8px;
    border-width: 1px 0 0;
    border-color: inherit;
    font-size: inherit;
}

.k-grid-pager-top {
    border-width: 0 0 1px;
}

.k-pager-input .k-numerictextbox {
    margin: 0 7px;
    width: 3em;
}

.k-grid-virtual .k-grid-content .k-grid-table-wrap {
    float: left;
    width: 100%;
}

.k-grid-virtual .k-grid-content .k-grid-table {
    position: relative;
    float: left;
    z-index: 1;
}

.k-grid-virtual .k-grid-content > .k-height-container {
    position: relative;
    float: left;
}

.k-grid-virtual .k-grid-content::after {
    content: "";
    display: block;
    clear: both;
}

.k-width-container {
    position: absolute;
    visibility: hidden;
}

    .k-width-container div {
        height: 1px;
    }

.k-grid-virtual[dir="rtl"] .k-grid-content .k-grid-table,
.k-grid-virtual.k-rtl .k-grid-content .k-grid-table {
    float: right;
}

.k-grid-add-row td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.k-grid-lockedcolumns {
    white-space: nowrap;
}

.k-grid-content,
.k-grid-content-locked,
.k-pager-wrap {
    white-space: normal;
}

.k-grid-content-locked,
.k-grid-footer-locked,
.k-grid-header-locked {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0;
}

    .k-grid-content-locked + .k-grid-content.k-auto-scrollable,
    .k-grid-footer-locked + .k-grid-content.k-auto-scrollable,
    .k-grid-header-locked + .k-grid-content.k-auto-scrollable {
        display: inline-block;
    }

.k-grid-content,
.k-grid-footer-wrap,
.k-grid-header-wrap {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    vertical-align: top;
}

    .k-grid-content.k-auto-scrollable,
    .k-grid-footer-wrap.k-auto-scrollable,
    .k-grid-header-wrap.k-auto-scrollable {
        display: block;
    }

    .k-grid-header-locked > table,
    .k-grid-header-wrap > table {
        margin-bottom: -1px;
    }

.k-grid-header .k-header.k-grid-header-sticky,
.k-grid-header .k-filter-row .k-grid-header-sticky,
.k-grid-content-sticky,
.k-grid-footer-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.k-grid .k-grid-header-sticky,
.k-grid .k-grid-content-sticky {
    border-right-width: 1px;
}

    .k-grid .k-grid-header-sticky + td,
    .k-grid .k-grid-header-sticky + th,
    .k-grid .k-grid-content-sticky + td,
    .k-grid .k-grid-content-sticky + th {
        border-left-width: 0;
    }

.k-header.k-drag-clue {
    overflow: hidden;
}

.k-grid.k-grid-no-scrollbar .k-grid-header {
    padding: 0;
}

.k-grid.k-grid-no-scrollbar .k-grid-header-wrap {
    border-width: 0;
}

.k-grid.k-grid-no-scrollbar .k-grid-content {
    overflow-y: auto;
}

.k-grid-norecords {
    text-align: center;
}

div.k-grid-norecords {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    margin: 0 auto;
    border: 1px solid;
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

    .k-loading-pdf-mask > .k-i-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 64px;
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.k-pdf-export .k-loading-pdf-mask {
    display: none;
}

.k-grid-pdf-export-element {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

    .k-grid-pdf-export-element .k-filter-row {
        display: none;
    }

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important;
}

.k-pdf-export-shadow .k-grid,
.k-pdf-export-shadow .k-grid-content,
.k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible;
}

.k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap,
.k-pdf-export-shadow .k-grid-header-locked + .k-grid-content,
.k-pdf-export-shadow .k-grid-header-locked + .k-grid-footer-wrap {
    width: auto !important;
}

.k-pdf-export-shadow .k-grid-header,
.k-pdf-export-shadow .k-grid[data-role="grid"] .k-grid-footer {
    padding: 0 !important;
}

.k-filter-menu .k-filter-menu-container {
    padding: 0.5em 1em;
}

    .k-filter-menu .k-filter-menu-container .k-action-buttons {
        /*margin: 1em -1em -0.5em;*/
    }

.k-filter-menu .k-widget,
.k-filter-menu .k-radio-list,
.k-filter-menu .k-textbox {
    margin: 0.5em 0;
    width: 100%;
    display: block;
}

    .k-filter-menu .k-widget.k-filter-and {
        width: 6em;
        margin: 1em 0;
    }

.k-filter-menu .k-switch {
    width: 6em;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.k-multicheck-wrap {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
}

.k-filter-selected-items {
    font-weight: bold;
    line-height: normal;
    white-space: nowrap;
    margin: 1em 0 0.5em;
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important;
}

    .k-autofitting th.k-header,
    .k-autofitting td {
        white-space: nowrap !important;
    }

    .k-autofitting .k-detail-row {
        display: none !important;
    }

.k-column-list {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.k-column-chooser-title,
.k-column-list-item {
    padding: 4px 8px;
    padding-right: 32px;
}

.k-column-list-item {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}

.k-columnmenu-item {
    padding: 6px 12px;
    cursor: pointer;
}

    .k-columnmenu-item > .k-icon {
        margin-right: 4px;
    }

.k-columnmenu-item-wrapper {
    border-bottom: 1px solid;
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

    .k-columnmenu-item-wrapper:last-child {
        border-bottom-width: 0;
    }

.k-columnmenu-item-content {
    overflow: hidden;
}

    .k-columnmenu-item-content .k-column-list-item {
        padding-left: 32px;
    }

    .k-columnmenu-item-content .k-filter-menu .k-filter-menu-container {
        padding: 1em 1em;
    }

        .k-columnmenu-item-content .k-filter-menu .k-filter-menu-container .k-columnmenu-actions {
            padding: 1em 0 0;
        }

    .k-columnmenu-item-content .k-columnmenu-actions {
        display: -ms-flexbox;
        display: flex;
        padding: 1em 1em;
    }

        .k-columnmenu-item-content .k-columnmenu-actions .k-button {
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: auto;
            margin: 0 0.5em;
        }

            .k-columnmenu-item-content .k-columnmenu-actions .k-button:first-child {
                margin-left: 0;
            }

            .k-columnmenu-item-content .k-columnmenu-actions .k-button:last-child {
                margin-right: 0;
            }

.k-column-menu .k-menu:not(.k-context-menu) {
    font-weight: 400;
}

[dir="rtl"] .k-columnmenu-item > .k-icon,
.k-rtl .k-columnmenu-item > .k-icon {
    margin-left: 4px;
    margin-right: 0;
}

.k-grid-header,
.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: rgba(0, 0, 0, 0.08);
}

.k-grid-header,
.k-grid-toolbar,
.k-grouping-header,
.k-grid-add-row,
.k-grid-footer {
    color: #071d32;
    background-color: #f3f3f4;
}

.k-drag-clue {
    color: #071d32;
    background-color: #f3f3f4;
}

.k-grid-content {
    background-color: #fff;
}

.k-group-footer td,
.k-grouping-row td,
tbody .k-group-cell {
    color: #071d32;
    background-color: #ededed;
}

.k-grouping-dropclue::before {
    border-color: #071d32 transparent transparent;
}

.k-grouping-dropclue::after {
    background-color: #071d32;
}

.k-grid {
    border-color: rgba(0, 0, 0, 0.08);
    color: #071d32;
    background-color: #fff;
}

    .k-grid tr.k-alt {
        background-color: rgba(0, 0, 0, 0.04);
    }

    .k-grid tbody tr:hover,
    .k-grid tbody tr.k-state-hover {
        background-color: #ededed;
    }

    .k-grid td.k-state-selected,
    .k-grid tr.k-state-selected > td {
        background-color: rgba(36, 116, 187, 0.25);
    }

    .k-grid td.k-state-focused,
    .k-grid th.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

    .k-grid .k-grid-filter,
    .k-grid .k-header-column-menu,
    .k-grid .k-hierarchy-cell .k-icon {
        color: #071d32;
    }

    .k-grid .k-grouping-row {
        background-color: #ededed;
    }

        .k-grid .k-grouping-row .k-icon {
            color: #071d32;
        }

    .k-grid .k-grid-search {
        color: #071d32;
    }

    .k-grid .k-grid-header-locked {
        border-color: rgba(0, 0, 0, 0.2);
        color: #071d32;
        background-color: #e9e9ea;
    }

    .k-grid .k-grid-content-locked {
        border-color: rgba(0, 0, 0, 0.2);
    }

        .k-grid .k-grid-content-locked td {
            border-color: rgba(0, 0, 0, 0.2);
            color: #071d32;
            background-color: #f5f5f5;
        }

        .k-grid .k-grid-content-locked .k-alt td {
            background-color: #e4e4e4;
        }

        .k-grid .k-grid-content-locked .k-state-selected td {
            background-color: #c0d3e4;
        }

        .k-grid .k-grid-content-locked .k-state-selected.k-alt td {
            background-color: #b9ccde;
        }

        .k-grid .k-grid-content-locked .k-state-hover td,
        .k-grid .k-grid-content-locked tr:hover td {
            background-color: #dadada;
        }

        .k-grid .k-grid-content-locked .k-state-selected:hover td,
        .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
            background-color: #b4c7d8;
        }

col.k-sorted,
th.k-sorted {
    background-color: rgba(0, 0, 0, 0.02);
}

.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-sort-order {
    color: #1984c8;
}

.k-grid-header .k-grid-filter:hover,
.k-grid-header .k-header-column-menu:hover,
.k-grid-header .k-hierarchy-cell .k-icon:hover {
    color: #071d32;
    background-color: #b6dbca;
}

.k-grid-header .k-grid-filter:focus,
.k-grid-header .k-header-column-menu:focus,
.k-grid-header .k-hierarchy-cell .k-icon:focus {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.k-grid-header .k-grid-filter.k-state-active,
.k-grid-header .k-header-column-menu.k-state-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    color: #fff;
    background-color: #2474bb;
}

.k-grid-header .k-grid-header-sticky,
.k-grid-header .k-grid-header-sticky.k-sorted {
    border-color: rgba(0, 0, 0, 0.2);
    color: #071d32;
    background-color: #e9e9ea;
}

.k-master-row .k-grid-content-sticky {
    border-color: rgba(0, 0, 0, 0.2);
    color: #071d32;
    background-color: #f5f5f5;
}

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

.k-master-row.k-state-selected .k-grid-content-sticky {
    background-color: #c0d3e4;
}

.k-master-row.k-state-selected.k-alt .k-grid-content-sticky {
    background-color: #b9ccde;
}

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

.k-master-row.k-state-selected:hover .k-grid-content-sticky,
.k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky {
    background-color: #b4c7d8;
}

.k-group-footer .k-grid-footer-sticky {
    background-color: #ededed;
}

.k-group-footer:hover .k-grid-footer-sticky,
.k-group-footer.k-state-hover .k-grid-footer-sticky {
    background-color: #ededed;
}

.k-column-list-item:hover,
.k-columnmenu-item:hover {
    color: #071d32;
    background-color: #b6dbca;
}

.k-columnmenu-item.k-state-selected {
    color: #fff;
    background-color: #2474bb;
}

.k-column-menu .k-menu:not(.k-context-menu) {
    border-color: rgba(0, 0, 0, 0.08);
    color: #071d32;
    background-color: #f6f6f6;
}

    .k-column-menu .k-menu:not(.k-context-menu) .k-item {
        color: #071d32;
    }

        .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover,
        .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-hover {
            color: #071d32;
            background-color: #b6dbca;
        }

        .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected {
            color: #fff;
            background-color: #2474bb;
        }

        .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus,
        .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-focused {
            box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
        }

.k-grid-norecords-template {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.08);
}

.k-text-selection ::selection,
.k-widget ::selection,
.k-block ::selection,
.k-panel ::selection,
.k-pane-wrapper ::selection,
.k-view ::selection,
.k-progressbar ::selection,
.k-numerictextbox ::selection,
.k-flatcolorpicker ::selection,
.k-combobox ::selection,
.k-dateinput ::selection,
.k-datepicker ::selection,
.k-datetimepicker ::selection,
.k-timepicker ::selection,
.k-dropdown ::selection,
.k-dropdowntree ::selection,
.k-multiselect ::selection,
.k-maskedtextbox ::selection,
.k-rating ::selection,
.k-window ::selection,
.k-drawer ::selection,
.k-notification ::selection,
.k-breadcrumb ::selection,
.k-pager-wrap ::selection,
.k-panelbar ::selection,
.k-card ::selection,
.k-splitter ::selection,
.k-spreadsheet ::selection,
.k-scheduler ::selection,
.k-chat ::selection,
.k-mediaplayer ::selection,
.k-pdf-viewer ::selection,
kendo-scrollview.k-scrollview-wrap ::selection,
div.k-scrollview ::selection,
.k-chart ::selection,
.k-sparkline ::selection,
.k-stockchart ::selection {
    background-color: #1984c8;
    color: #fff;
}


.k-pager-wrap {
    padding: 8px 8px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    cursor: default;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .k-pager-wrap .k-link {
        text-decoration: none;
        outline: 0;
        font: inherit;
        background-color: inherit;
    }

        .k-pager-wrap .k-link:focus,
        .k-pager-wrap .k-link.k-state-focus {
            z-index: 2;
        }

    .k-pager-wrap .k-widget,
    .k-pager-wrap select.k-dropdown,
    .k-pager-wrap select.k-dropdowntree {
        font-size: inherit;
    }

    .k-rtl .k-pager-wrap .k-i-arrow-end-left,
    .k-rtl .k-pager-wrap .k-i-seek-w::before,
    .k-rtl .k-pager-wrap .k-i-arrow-60-left,
    .k-rtl .k-pager-wrap .k-i-arrow-w::before,
    .k-rtl .k-pager-wrap .k-i-sarrow-w::before,
    .k-rtl .k-pager-wrap .k-i-expand-w::before,
    .k-rtl .k-pager-wrap .k-i-arrow-60-right,
    .k-rtl .k-pager-wrap .k-i-arrow-e::before,
    .k-rtl .k-pager-wrap .k-i-sarrow-e::before,
    .k-rtl .k-pager-wrap .k-i-expand::before,
    .k-rtl .k-pager-wrap .k-i-expand-e::before,
    .k-rtl .k-pager-wrap .k-i-arrow-end-right,
    .k-rtl .k-pager-wrap .k-i-seek-e::before,
    .k-rtl .k-pager-wrap .k-i-seek-w,
    .k-rtl .k-pager-wrap .k-i-arrow-w,
    .k-rtl .k-pager-wrap .k-i-arrow-e,
    .k-rtl .k-pager-wrap .k-i-seek-e,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
    .k-pager-wrap[dir="rtl"] .k-i-seek-w::before,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-w::before,
    .k-pager-wrap[dir="rtl"] .k-i-sarrow-w::before,
    .k-pager-wrap[dir="rtl"] .k-i-expand-w::before,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-e::before,
    .k-pager-wrap[dir="rtl"] .k-i-sarrow-e::before,
    .k-pager-wrap[dir="rtl"] .k-i-expand::before,
    .k-pager-wrap[dir="rtl"] .k-i-expand-e::before,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
    .k-pager-wrap[dir="rtl"] .k-i-seek-e::before,
    .k-pager-wrap[dir="rtl"] .k-i-seek-w,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
    .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
    .k-pager-wrap[dir="rtl"] .k-i-seek-e,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
    [dir="rtl"] .k-pager-wrap .k-i-seek-w::before,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-w::before,
    [dir="rtl"] .k-pager-wrap .k-i-sarrow-w::before,
    [dir="rtl"] .k-pager-wrap .k-i-expand-w::before,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-e::before,
    [dir="rtl"] .k-pager-wrap .k-i-sarrow-e::before,
    [dir="rtl"] .k-pager-wrap .k-i-expand::before,
    [dir="rtl"] .k-pager-wrap .k-i-expand-e::before,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-end-right,
    [dir="rtl"] .k-pager-wrap .k-i-seek-e::before,
    [dir="rtl"] .k-pager-wrap .k-i-seek-w,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
    [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
    [dir="rtl"] .k-pager-wrap .k-i-seek-e {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.k-pager-input,
.k-pager-sizes,
.k-pager-info {
    margin-left: 1em;
    margin-right: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}

.k-pager-nav,
.k-pager-numbers .k-link,
.k-pager-refresh {
    min-width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .k-pager-nav:hover,
    .k-pager-numbers .k-link:hover,
    .k-pager-refresh:hover {
        z-index: 2;
    }

.k-state-disabled.k-pager-nav,
.k-pager-numbers .k-state-disabled.k-link,
.k-state-disabled.k-pager-refresh {
    color: inherit;
}

.k-pager-nav {
    padding: 4px 4px;
    border-width: 0;
    border-style: solid;
}

.k-pager-numbers-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
}

    .k-pager-numbers-wrap select.k-dropdown,
    .k-pager-numbers-wrap select.k-dropdowntree {
        cursor: pointer;
        display: none;
    }

.k-pager-numbers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .k-pager-numbers li {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .k-pager-numbers .k-link {
        padding: 4px 4px;
        border-width: 0;
        border-style: solid;
    }

    .k-pager-numbers .k-state-selected {
        cursor: inherit;
        z-index: 2;
    }

.k-pager-input .k-textbox {
    margin: 0 1ex;
    width: 3em;
}

.k-pager-sizes .k-dropdown,
.k-pager-sizes .k-dropdowntree,
.k-pager-sizes > select {
    margin-right: 1ex;
    width: 5em;
}

.k-rtl .k-pager-sizes .k-dropdown,
.k-rtl .k-pager-sizes .k-dropdowntree,
.k-rtl .k-pager-sizes > select,
[dir="rtl"] .k-pager-sizes .k-dropdown,
[dir="rtl"] .k-pager-sizes .k-dropdowntree,
[dir="rtl"] .k-pager-sizes > select {
    margin-left: 1ex;
    margin-right: 0;
}

.k-pager-info {
    text-align: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-order: 9;
    order: 9;
}

.k-pager-refresh {
    margin-left: auto;
    -ms-flex-order: 10;
    order: 10;
}

.k-rtl .k-pager-refresh,
[dir="rtl"] .k-pager-refresh {
    margin-left: 0;
    margin-right: auto;
}

.k-pager-sm {
    overflow: visible;
}

    .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
    .k-pager-sm .k-pager-numbers-wrap select.k-dropdowntree {
        width: 5em;
        display: -ms-flexbox;
        display: flex;
    }

    .k-pager-sm .k-pager-numbers-wrap {
        margin-left: 1em;
        margin-right: 1em;
        height: calc(1.4285714286em + 10px);
        box-sizing: border-box;
        border-color: inherit;
    }

    .k-rtl .k-pager-sm .k-pager-numbers-wrap,
    .k-pager-sm[dir="rtl"] .k-pager-numbers-wrap,
    [dir="rtl"] .k-pager-sm .k-pager-numbers-wrap {
        margin-left: 1em;
        margin-right: 1em;
    }

    .k-pager-md .k-pager-info,
    .k-pager-sm .k-pager-info,
    .k-pager-sm .k-pager-sizes,
    .k-pager-sm .k-pager-numbers {
        display: none;
    }

.k-pager-wrap {
    color: #071d32;
    background-color: #f3f3f4;
}

.k-pager-nav.k-link:hover,
.k-pager-refresh:hover,
.k-state-hover.k-pager-nav.k-link,
.k-state-hover.k-pager-refresh {
    color: #071d32;
    background-color: #b6dbca;
}

.k-state-selected.k-pager-nav.k-link,
.k-state-selected.k-pager-refresh {
    color: #fff;
    background-color: #2474bb;
}

.k-pager-nav.k-link:focus,
.k-pager-refresh:focus,
.k-state-focus.k-pager-nav.k-link,
.k-state-focus.k-pager-refresh {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}

.k-pager-numbers .k-link {
    color: #1984c8;
}

    .k-pager-numbers .k-link:hover,
    .k-pager-numbers .k-link.k-state-hover {
        color: #1984c8;
        background-color: rgba(36, 116, 187, 0.08);
    }

    .k-pager-numbers .k-link:focus,
    .k-pager-numbers .k-link.k-state-focus {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 0 2px rgba(36, 116, 187, 0.12);
    }

    .k-pager-numbers .k-link.k-state-selected {
        color: #1984c8;
        background-color: rgba(36, 116, 187, 0.2);
    }

.k-pager-md .k-pager-numbers .k-current-page .k-link,
.k-pager-sm .k-pager-numbers .k-current-page .k-link {
    border-color: rgba(0, 0, 0, 0.08);
    color: #071d32;
    background-color: #f3f3f4;
}

    .k-pager-md .k-pager-numbers .k-current-page .k-link:hover,
    .k-pager-md .k-pager-numbers .k-current-page .k-link.k-state-hover,
    .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
    .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover {
        border-color: rgba(0, 0, 0, 0.15);
        color: #071d32;
        background-color: #b6dbca;
    }

.k-pager-md .k-pager-numbers.k-state-expanded,
.k-pager-sm .k-pager-numbers.k-state-expanded {
    border-color: rgba(0, 0, 0, 0.08);
    color: #071d32;
    background-color: #f6f6f6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
}

    .k-pager-md .k-pager-numbers.k-state-expanded .k-link:hover,
    .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-hover,
    .k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover,
    .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover {
        color: #071d32;
        background-color: #b6dbca;
    }

    .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
    .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected {
        color: #fff;
        background-color: #2474bb;
    }

.k-panelbar {
    background-clip: padding-box;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    list-style: none;
    display: block;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .k-panelbar .k-ie11 {
        background-clip: border-box;
    }

    .k-panelbar > .k-item {
        background-clip: padding-box;
        border-width: 0;
        border-style: solid;
        border-color: inherit;
        display: block;
    }

        .k-panelbar > .k-item .k-ie11 {
            background-clip: border-box;
        }

        .k-panelbar > .k-item > .k-link {
            padding: 8px 8px;
            color: inherit;
            background: none;
            text-decoration: none;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: center;
            align-content: center;
            position: relative;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
            transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

        .k-panelbar > .k-item + .k-item {
            border-top-width: 1px;
        }

    .k-panelbar .k-group {
        margin: 0;
        padding: 0;
        border-width: 0;
        border-color: inherit;
        color: inherit;
        background-color: transparent;
        list-style: none;
    }

        .k-panelbar .k-group > .k-item {
            display: block;
        }

            .k-panelbar .k-group > .k-item > .k-link {
                padding: 4px 8px;
                color: inherit;
                text-decoration: none;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-line-pack: center;
                align-content: center;
                position: relative;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                cursor: default;
                transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            }

    .k-panelbar .k-panelbar-expand,
    .k-panelbar .k-panelbar-collapse {
        margin-top: -0.5em;
        position: absolute;
        top: 50%;
        right: 8px;
    }

    .k-panelbar .k-link > .k-image,
    .k-panelbar .k-link > .k-sprite {
        margin-right: 4px;
    }

    .k-panelbar[dir="rtl"] .k-panelbar-expand,
    .k-panelbar[dir="rtl"] .k-panelbar-collapse,
    .k-rtl .k-panelbar .k-panelbar-expand,
    .k-rtl .k-panelbar .k-panelbar-collapse {
        right: auto;
        left: 8px;
    }

    .k-panelbar[dir="rtl"] .k-link > .k-image,
    .k-panelbar[dir="rtl"] .k-link > .k-sprite,
    .k-rtl .k-panelbar .k-link > .k-image,
    .k-rtl .k-panelbar .k-link > .k-sprite {
        margin-left: 4px;
        margin-right: 0;
    }

.k-panelbar {
    border-color: rgba(0, 0, 0, 0.08);
    color: #071d32;
    background-color: #f3f3f4;
}

    .k-panelbar > .k-item > .k-link {
        color: #1984c8;
        background-color: #fff;
    }

        .k-panelbar > .k-item > .k-link .k-icon {
            color: #071d32;
        }

    .k-panelbar > .k-item.k-state-active > .k-link,
    .k-panelbar > .k-item.k-state-expanded > .k-link {
        color: inherit;
        background-color: transparent;
        font-weight: 500;
    }

    .k-panelbar > .k-item > .k-link:hover,
    .k-panelbar > .k-item > .k-link.k-state-hover {
        color: #156fa8;
        background-color: #ebebeb;
    }

    .k-panelbar > .k-item > .k-link.k-state-selected {
        color: #fff;
        background-color: #2474bb;
    }

        .k-panelbar > .k-item > .k-link.k-state-selected .k-icon {
            color: inherit;
        }

        .k-panelbar > .k-item > .k-link.k-state-selected:hover,
        .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover {
            background-color: #216bac;
        }

    .k-panelbar > .k-item > .k-link.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }

    .k-panelbar .k-group > .k-item > .k-link:hover,
    .k-panelbar .k-group > .k-item > .k-link.k-state-hover {
        background-color: #e0e0e0;
    }

    .k-panelbar .k-group > .k-item > .k-link.k-state-selected {
        color: #fff;
        background-color: #2474bb;
    }

        .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
        .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover {
            background-color: #216bac;
        }

    .k-panelbar .k-group > .k-item > .k-link.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
    }


.k-button {
    background-clip: padding-box;
    border-radius: 2px;
    padding: 4px 8px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    line-height: 1.4285714286;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    position: relative;
}

    .k-button .k-ie11 {
        background-clip: border-box;
    }

    .k-button:disabled,
    .k-button.k-state-disabled {
        outline: none;
        cursor: default;
        opacity: 0.6;
        -webkit-filter: grayscale(0.1);
        filter: grayscale(0.1);
        pointer-events: none;
        box-shadow: none;
    }

    .k-button::-moz-focus-inner {
        padding: 0;
        border: 0;
        outline: 0;
    }

    .k-button:hover,
    .k-button:focus {
        text-decoration: none;
        outline: 0;
    }

    .k-button .k-icon,
    .k-button .k-image,
    .k-button .k-sprite {
        color: inherit;
        -ms-flex-item-align: center;
        align-self: center;
        position: relative;
    }

.k-button-icontext {
    overflow: visible;
}

    .k-button-icontext .k-icon,
    .k-button-icontext .k-image,
    .k-button-icontext .k-sprite {
        margin: 0 4px 0 -4px;
    }

    .k-button-icontext.k-rtl .k-icon,
    .k-button-icontext.k-rtl .k-image,
    .k-button-icontext.k-rtl .k-sprite,
    .k-rtl .k-button-icontext .k-icon,
    .k-rtl .k-button-icontext .k-image,
    .k-rtl .k-button-icontext .k-sprite,
    .k-button-icontext[dir="rtl"] .k-icon,
    .k-button-icontext[dir="rtl"] .k-image,
    .k-button-icontext[dir="rtl"] .k-sprite,
    [dir="rtl"] .k-button-icontext .k-icon,
    [dir="rtl"] .k-button-icontext .k-image,
    [dir="rtl"] .k-button-icontext .k-sprite {
        margin: 0 -4px 0 4px;
    }

.k-button-icon {
    width: calc(1.4285714286em + 10px);
    height: calc(1.4285714286em + 10px);
    padding: 4px;
}

    .k-button-icon .k-text,
    .k-button-icon .k-button-text {
        display: none;
    }

.k-dropdown-button.k-state-focused,
.k-dropdown-button:focus {
    outline: 0;
}

.k-dropdown-button.k-widget {
    border-radius: 2px;
    border-width: 0;
    display: inline-block;
}

.file-upload-details {
    width: 450px;
}

body.splash-supplier-access {
    background-position-y: 80px;
    background-position-x: center;
    background-image: url("../images/Splash_background_supplier_access.png");
    background-repeat: no-repeat;
}

.splash-head-container {
    margin: auto;
    display: flex;
    flex-direction: row;
    max-width: 1900px;
}

.splash-title {
    width: 100%;
    text-align: center;
}

#splashContainer {
    max-width: 1900px;
}

#customerLogo {
    margin: 20px;
    flex: 1;
    vertical-align: middle;
}

#signIn {
    margin: 20px;
    text-align: right;
    flex: 1;
}


#companyLogo {
    margin: 20px;
    flex: auto;
    text-align: center;
}

.display-none {
    display: none;
}

.result-message > button {
    margin: 3px;
}

.result-message > p {
    padding: 3px;
}

.rule-preview {
    max-height: 80vh;
    overflow: auto;
    font-size: small;
}

.rule-preview-table > tbody > tr > td {
    padding-right: 8px;
    padding-bottom: 8px;
    width: 60%;
    vertical-align:top;
}
    .rule-preview-table > tbody > tr > td {
        width: 45%;
    }

    .rule-preview-table > tbody > tr > td:first-child {
        font-weight:500;
        width:10%;
    }

.k-menu-expand-arrow {
    margin-left: 4px;
    margin-right: -4px;
    position: relative;
}

ul.k-group > li > span > span > span.k-menu-expand-arrow-icon {
    margin-top: -25px !important;
}

.detail-image {
    width: 270px;
    margin: 30px;
}

.product-image-container, .photo {
    margin-top: 5px;
    height: 100%;
    width: 100%;
    text-align: center;
}

.product-image-detail {
    max-width: 250px;
    max-height: 250px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.detail-info-container {
    flex: 1;
}

.detail-name-price-action-container {
    display: flex;
    flex-direction: row;
}

 .detail-result-name-price-container .unit {
    font-size: x-small;
}

 .detail-result-name-price-container .name {
    font-size: large;
    display: block;
    color: #071D32;
}

 .detail-result-name-price-container .specialremark {
    color: #FF6600;
    font-size: small;
    font-style: italic;
    margin-left: 30px;
}

.product-detail-specialremark {
    font-size: small;
    color: #FF6600;
    display: block;
    margin-left: 0px;
    font-style: italic;
}

.detail-sub-section
{
    font-size:small;
}
.detail-sub-section th, .detail-sub-section .label {
    font-weight: 500;
}

.detail-result-name-price-container .price {
    color: #2474BB;
}

.detail-main-container {
    display: flex;
    border-bottom: 1px solid black;
    min-height:270px;
    padding:5px;
}
.detail-info-container {
  margin:auto;
}

input.k-checkbox:checked{
    color:white;
}

.notification-area {
    font-weight: bold;
    font-size: 16px;
}

.k-sprite.notification-settings, .k-sprite.notification-event-type {
    display: none;
}
.notification-settings {
    font-weight: 500;
    font-size: 15px;
}

.notification-event-type {
    font-weight: 500;
}

.notification-level {
    font-style: italic;
}
.supplier-portal-logo
{
    margin-left:45%;
    margin-top:-30px;
}

.supplier-portal-background {
    background-color: #E5EEF7;
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.column-portal {
    flex: 50%;
    margin:15px;
    background-color:#ffffff;
    border-radius:8px;
    height:420px;
}

/* Clear floats after the columns */
.row-portal {
    display: flex;
}

.portal-section-header {
    padding: 8px;
    color: #ffffff;
    font-size: larger;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #89B3DC;
    font-weight: 600;
}

.portal-download {
    color: #89B3DC;
    display:flex;
    flex-direction:row;
}

    .portal-download > div{
        margin: 60px 30px 0 30px;
    }
    .portal-download p {
        margin: 1px;
        font-weight: 600;
        font-size: large;
        color: #89B3DC;
    }


.column-portal .k-grid td
{
    padding:3px 3px 3px 3px;
    white-space:nowrap;
    word-break:break-all;
}

#supplierdatagrid, #suppliernotesgrid {
    margin: 10px;
}

a.feedback-form, a.lsds-info {
    font-weight: 500;
    color: #2674BA;
    margin-left:20px;
}

div.portal-section-content
{
    padding:10px;
}

span.info
{
    font-size:x-large;
}

.fit-control {
    width: unset !important;
}
#succeededDiv > div
{
    background-color:white;
}

div.portal-upload-note
{
    margin-top:15px;
    margin-left:5px;
}

div.upload > div > input[type=submit]
{
    margin-left:20px;
}

.core-product-selection
{
    /*min-width: 700px;*/
}

.elipsis-200 {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

table.notes-editor{
  height:450px;
}

  table.notes-editor iframe.k-content {
    height: 400px; /* 50px less than the Editor height */
  }

/*Supplier portal*/
.k-loading-mask {
    z-index: 10007;
}

div.progess-wait-message {
    z-index: 10008;
    color: #e5e5e5;
    font-weight: 600;
    position: absolute;
    top: 55%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, 0);
    background-color: #2474BB;
    padding: 4px;
}

textarea.messages
{
    width:100%;
    height:200px;
    overflow:scroll;
}