.k-tooltip {
    max-width: none !important;
}

/* customize switch appearance */
.k-switch-off .k-switch-track {
    background-color: #EFEFEF !important;
    border-color: #4C059C !important;
}

.k-switch-off .k-switch-thumb {
    border-width: 2px !important;
    border-color: #4C059C !important;
}

.k-switch-on .k-switch-thumb {
    background-color: #4C059C !important;
}

.k-switch-on .k-switch-track {
    border-width: 2px !important;
    border-color: #4C059C !important;
    background-color: #EFEFEF !important;
}


.k-textbox {
    border-color: black !important;
}

.k-button-solid-base {
    color: #FFF;
}

.k-grid .k-grid-excel,
.k-grid .k-grid-add,
.k-grid .k-grid-clearfilters {
    color: #FFFFFF !important;
}

.k-grid .k-grid-update,
.k-grid .k-grid-cancel,
.k-grid .k-grid-edit-command,
.k-grid .k-grid-Delete,
.k-grid .k-grid-Edit,
.k-grid .k-grid-edit1,
.k-grid .k-grid-questions,
.k-grid .k-grid-save-command,
.k-grid .k-grid-cancel-command,
.k-grid .k-grid-answers,
.k-grid .k-grid-photos,
.k-grid .k-grid-review,
.k-grid .k-grid-report,
.k-grid .k-grid-facility,
.k-grid .k-grid-questionanswers,
.k-grid .k-grid-remove-command {
    color: #2896BC !important;
}

.k-grid .k-grid-excel,
.k-grid .k-grid-add,
.k-grid .k-grid-clearfilters {
    color:  white;
}

.k-grid .k-grid-update,
.k-grid .k-grid-cancel,
.k-grid .k-grid-edit-command,
.k-grid .k-grid-Delete,
.k-grid .k-grid-edit1,
.k-grid .k-grid-questions,
.k-grid .k-grid-save-command,
.k-grid .k-grid-cancel-command,
.k-grid .k-grid-answers,
.k-grid .k-grid-photos,
.k-grid .k-grid-review,
.k-grid .k-grid-report,
.k-grid .k-grid-facility,
.k-grid .k-grid-questionanswers,
.k-grid .k-button.link-button {
    background-color: inherit;
    border: none;
    text-transform: none;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    border-radius: unset;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
    padding-block-start: 0 !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    box-shadow: none;
    min-width: 0;
    border-bottom: 2px solid #2896BC !important;
}

/*.k-grid .k-grid-add:hover,
.k-grid .k-grid-excel:hover,
.k-grid .k-grid-clearfilters:hover,
.k-grid .k-grid-edit-command:hover,
.k-grid .k-grid-Delete:hover {
    border-color: transparent !important;
    background-color: transparent !important;
}*/

.k-grid-save-command,
.k-grid-cancel-command {
    border-color: transparent !important;
    background-color: transparent !important;
}

.k-grid .k-button.link-button:hover,
.k-grid .k-button.link-button:focus {
    background-color: inherit;
    border-bottom-style: none;
}

.k-grid .k-command-cell.link-button-parent a.k-button {
    background-color: inherit;
    border: none;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
    color: #171718;
    border-radius: unset;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #171718;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 8px;
    box-shadow: none;
    min-width: 0;
}

.k-grid .k-command-cell.link-button-parent a.k-button:hover,
.k-grid .k-command-cell.link-button-parent a.k-button:focus {
    background-color: inherit;
    border-bottom-color: #2896BC;
}

.k-grid td {
    white-space: nowrap;
    padding: 5px;
}

.k-grid tr td {
    font-size: 16px !important;
    padding-left: 15px !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.k-grid tr:hover,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected:hover,
.k-grid tr.k-alt,
.k-grid tr.k-alt:hover {
    background: transparent;
    background-color: transparent;
    color: #212529;
}

/* toolbar hover color for links */
.k-grid td.k-state-selected:hover .k-button.link-button,
.k-grid tr:hover .k-button.link-button,
.k-grid tr:hover .k-button.k-button-icontext.k-grid-cancel,
.k-grid tr:hover .k-button.k-button-icontext.k-primary.k-grid-update,
.k-grid td.k-state-selected:hover .k-command-cell.link-button-parent .k-button,
.k-grid tr:hover .k-command-cell.link-button-parent .k-button,
.k-grid tr.k-state-selected .k-button.link-button {
    color: #2896BC;
    border-bottom: 0;
}

.k-grid .k-table-row {
    background-color: white !important;
    border-width: 1px !important;
}

.k-grid .k-table-alt-row {
    background-color: white !important;
    border-width: 1px !important;
}

.k-grid-update,
.k-grid-cancel :hover {
    color: white;
}

.gridTitle {
    background-color: transparent !important;
    color: #FFFFFF !important;
    text-transform: capitalize;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    padding-top: 5px;
    padding-left: 10px;
    cursor: default;
}

.k-grid-gridtitle {
    float: right !important;
    padding-right: 10px;
}

.k-grid-content {
    /* stop bootstrap theme from setting a fixed height */
    height: auto !important;
    /*give grid a min height so loading animation is visible when grid is loading and validators show when adding the first record   */
    min-height: 100px !important;
}

/* set grid header and footer background color */
.k-grid-header .k-header {
    /*background-color: #4C059C !important;*/
    font-size: 16px !important;
}

/*row color*/
.k-grid table {
    background-color: #ffffff !important;
}

.gridTextLink {
    padding-left: 5px;
    color: #39808E;
    text-decoration: underline
}

.gridTextLink:hover {
    color: #171718;
    text-decoration: underline
}

/* remove bottom border color on grid toolbar */
/*.k-header.k-grid-toolbar {
    border-color: #4C059C !important;
}*/

.k-grid-search {
    float: right !important;
    width: 250px !important;
}

.k-grid-norecords {
    display: inline-block !important;
    padding-top: 30px;
}

.k-column-title {
    font-size: 18px !important;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 11px;
    color: #999;
    overflow: visible !important;
    white-space: normal !important;
    vertical-align: text-bottom !important;
}

.grid-footer-totals {
    font-weight: bold;
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.k-grid-header .k-grid-header-menu.k-active {
    background-color: #1C355E
}

.k-grid .k-footer-template {
    background-color: #1C355E !important;
    color: #FFFFFF !important;
}

/*grid popup filter ui*/
.k-action-buttons .k-button {
    padding-top: 6px !important;
    border-width: 2px !important;
    border-color: black !important;
    border-radius: 10px !important;
    color: #444 !important;
}

/*remove icons from grid action links*/
.k-svg-icon.k-svg-i-save.k-button-icon,
.k-svg-icon.k-svg-i-cancel-outline.k-button-icon,
.k-svg-icon.k-svg-i-cancel.k-button-icon,
.k-svg-icon.link-button.k-button-icon,
.k-svg-icon.k-no-icon.k-button-icon {
    display: none;
}

.k-button-icon {
    color: #FFFFFF;
}

form.k-filter-menu .k-textbox {
    border-width: 2px !important;
    border-color: black !important;
    border-radius: 10px !important;
}

form.k-filter-menu .k-dropdownlist {
    border-width: 2px !important;
    border-color: black !important;
    border-radius: 10px !important;
    margin-bottom: 10px;
}

form.k-filter-menu .k-datepicker {
    border-width: 1px !important;
    border-color: black !important;
    border-radius: 10px !important;
    margin-bottom: 10px;
}

.k-toolbar {
    background-color: #4C059C !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block !important;
    border-width: 0;
    border-color: #FFF !important;
}

.k-toolbar-item {
    padding-left: 10px;
}

.k-toolbar .k-button {
    color: #FFF;
}

.k-block, .k-header, .k-grid-header, .k-toolbar,
.k-grouping-header, .k-pager-wrap,
.k-draghandle, .k-treemap-tile,
html .km-pane-wrapper .k-header {
    font-size: 16px !important;
}

.k-input[readonly],
.input-rounded[readonly] {
    background-color: #DFDFDF;
}

.k-multiselect,
.k-multiselect-wrap,
.k-multiselect-wrap:hover {
    border-color: black;
    border-width: 2px;
    border-radius: 10px;
}

.k-multiselect .k-input-inner {
    color: #000000;
}

.form-control-textarea,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-combobox.k-state-default,
.k-textarea,
.k-dropdownlist.k-grid-edit-row.k-textbox {
    border-color: black !important;
    border-width: 2px;
    border-radius: 10px;
}

.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-combobox.k-state-hover,
.k-combobox.k-state-focused,
.k-numeric-wrap.k-state-hover
.k-numeric-wrap.k-state-focused {
    box-shadow: none;
}

.k-dropdown-wrap.k-state-hover > .k-input-rounded,
.k-dropdown-wrap.k-state-focused > .k-input-rounded {
    box-shadow: 0 2px 6px #000000;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    border-radius: 10px !important;
}

.k-grid-pager {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    background-color: #4C059C !important;
    color: #FFFFFF;
}

/*fix nobr right border on left and right pager arrow buttons on grid*/
.k-pager-wrap .k-link {
    border-right-style: solid !important;
    border-right-width: 1px !important;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
    color: #FFFFFF;
}

.k-pager-refresh.k-button.k-button-md.k-button-flat.k-button-flat-base.k-icon-button {
    display: block !important;
}

.k-pager-info.k-label {
    display: block !important;
}

.k-pager-wrap .k-pager-numbers .k-selected,
.k-pager-wrap .k-pager-numbers .k-selected:hover,
.k-pager-wrap .k-pager-numbers .k-state-selected,
.k-pager-wrap .k-pager-numbers .k-state-selected:hover {
    color: #FFFFFF !important;
    background-color: #4C059C !important;
    border-color: #4C059C !important;
}

.k-pager-wrap .k-dropdown, .k-pager-wrap .k-dropdownlist {
    border-color: #FFFFFF !important;
    border-width: 2px !important;
    border-radius: 10px !important;
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    color: #FFFFFF;
    background-color: #4C059C !important;
    border-color: #4C059C !important;
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel {
    color: #FFFFFF;
    background-color: #4C059C;
    border-color: #4C059C;
}

.k-picker-solid {
    border-color: #000000;
    background-color: #FFFFFF;
}

.k-picker-solid:hover,
.k-picker-solid.k-hover {
    background-color: #FFFFFF;
}

.k-input,
.k-picker {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.k-picker .k-input-button {
background-color: #3F51B5
}

.k-input.k-picker,
.k-input.k-combobox,
.k-picker.k-dropdownlist,
.k-input.k-datepicker,
.k-input.k-numerictextbox,
.k-input.k-textbox,
.k-input.k-maskedtextbox {
    border-color: #000000;
    border-width: 2px;
    background-color: #FFFFFF;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.form-control-textarea,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-combobox.k-state-default,
.k-grid-edit-row .k-textbox {
    border-color: black !important;
    border-width: 2px;
}

.k-input.k-datepicker.k-disabled,
.k-input.k-numerictextbox.k-disabled,
.k-input.k-textbox.k-disabled {
    border-color: #ccc !important;
    background-color: #f5f5f5 !important;
}

.k-textbox.k-input.textbox-disabled,
.k-numerictextbox.k-input.numerictextbox-disabled {
    border-color: #ccc !important;
    background-color: #f5f5f5 !important;
}

.k-window-titlebar {
    background-color: #171718;
    color: white;
}

.k-window .k-window-titlebar.k-header {
    background-color: #171718;
    color: #000000;
}

.k-window .k-window-titlebar.k-header .k-window-title {
    font-size: 20px;
}

.k-state-disabled {
    background-color: grey !important;
    color: black !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* tab strip */
.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 15px;
    overflow-x: hidden;
}

.k-tabstrip-items {
    background-color: #3F51B5;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item.k-active {
    background-color: #3F51B5;
    color: #FFFFFF;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-item {
    background-color: #4C059C;
    color: #FFFFFF;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
    margin-bottom: -1px;
    border-bottom-width: 1px;
    border-bottom-color: transparent !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 0;
}

.k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content {
    border-top-width: 1px !important;
}


.k-upload-button {
    background-color: #EFEFEF !important;
    border-color: #212529;
    color: #4C059C;
    font-weight: 700 !important;
    border-radius: 20px !important;
    border-width: 2px !important;
}
.k-upload-button:hover {
    border-color: #3F51B5 !important;
    background-color: #3F51B5 !important;
    color: #FFFFFF !important;
}

/* make checkboxes bigger */
.k-select-checkbox {
    transform: scale(2);
}

/* make grid sort icon bigger */
.k-svg-i-sort-asc-small,
.k-svg-i-sort-desc-small {
    transform: scale(1.5);
}

/* multiselect */
.k-floating-label-container > .k-label, .k-floating-label-container.k-focus > .k-label {
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.k-label.k-input-label {
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.k-input-values {
    background-color: #FFFFFF;
}

.k-button {
    background-color: #3F51B5;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 38px;
}

/*.k-button:hover, .k-button:focus {
    border-color: #3F51B5;
    background-color: #3F51B5;
}*/

/* allow for fontawesome icons to be used with a kendo button */
.k-button .fa {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    margin-left: 0;
}

.k-input-button {
    color: #FFF;
}

.k-numerictextbox.k-input.numerictextbox-disabled {
    color: #000 !important;
    font-weight: 700 !important;
}

.k-numerictextbox.k-input.numerictextbox-noborder {
    border-color: #FFF !important;
    background-color: #C33D3326 !important;
}

.k-numerictextbox.k-input.numerictextbox-estimate-total {
    width: 200px;
    height: 32px;
    margin-top: 10px;
    background-color: transparent !important;
    border: 0;
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.k-numerictextbox {
    width: 200px;
}

.k-numerictextbox .k-input-inner {
    text-align: right;
}

.datepicker-background {
    background-color: #C33D3326 !important;
}

.k-datepicker {
    width: 200px;
}

.k-focus,
.k-input-solid:focus,
.k-input-solid.k-focus {
    border-color: #4C059C !important;
}

.k-table-td {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.k-table-md .k-table-th {
    padding-block: 0;
}


/*date picker calendar header*/
.k-button-flat-base {
    color:  #FFFFFF;
}
.k-header.k-hstack {
    background-color: #4C059C;
}

/*no clue why k-state-disabled is in effect for an enabled calendar*/
table.k-calendar-table.k-content.k-month.k-state-disabled {
    background-color: #FFFFFF !important;
}

.k-card-header {
    background-color: #4C059C;
}

/* fix alignment of select all checkbox in grid header row */
table th input[type="checkbox"] {
    margin-left: 10px;
    margin-bottom: 15px;
}

.k-toolbar-overflow-button {
    visibility: hidden;
}

.k-upload .k-dropzone,
.k-upload .k-upload-dropzone {
    background-color: transparent;
}

.k-radio-label {
    padding-right: 15px;
}

.textAreaInGrid {
    border-radius: var(--kendo-border-radius-md, .375rem);
    width: 100%;
    padding: 10px;
}

.button-help {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 24px !important;
    cursor: none;
}