/*========================================================================================= 
                           Agate .NET MVC Code Libraries 
                        Copyright © 2025, Agate Software, Inc. 
=========================================================================================== 
 Description: This file houses styles for overriding and extending existing Telerik
              functionality. GlobalStyles.css also contains some minor tweaks, search ".k-"
=========================================================================================== */


html {
  --kendo-font-size: 1em !important;
}

/* Classes to make captcha box match other fields*/
.k-form-error {
  font-size: 14px !important;
}

/*.k-textbox > .k-input {
  border-radius: 0px !important;
  border: 1px solid #000000 !important;
}*/

/*.k-textbox {
  border-width: 0px !important;
}*/

.k-button-icon {
  border-radius: 0px !important;
  border-color: #000000 !important;
  color: #000000 !important;
}
/* End captcha classes*/




#gridKendo .k-table-thead {
  background-color: var(--heading);
}

#gridKendo .k-table-tbody, #gridKendo .k-auto-scrollable {
  overflow-y: hidden !important;
}

#gridKendo .k-grid-header-wrap, .k-grid-footer-wrap {
  margin-inline-end: -10px !important;
}

.k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-hierarchy-cell .k-icon:focus {
  background-color: var(--heading);
}

.k-table-thead .k-svg-icon > svg {
  color: var(--text-heading);
}
#gridKendo .k-table-thead .k-link {
  color: var(--text-heading);
}

#gridKendo .k-table-thead .k-grid-filter-menu {
  color: var(--text-heading);
}

.k-table-tfoot, .k-grid-pager, .k-grid-footer {
  background-color: rgba(0,0,0,0);
}

.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
background-color: var(--heading-light); /*var(--kendo-color-primary);*/
}

.k-combobox .k-button {
  background-color: rgba(0,0,0,0);
}
/*
.k-toolbar-item .k-combobox .k-button, .k-toolbar-item .k-clear-value {
  background-color: var(--kendo-color-base, #def4fd);
}

.k-toolbar-item .k-combobox input:hover, .k-toolbar-item .k-combobox input:focus, .k-toolbar-item button:hover, .k-toolbar-item button:focus {
  background-color: var(--kendo-color-base-hover, #cce0e9)
}

.k-clear-value {
opacity: 1
} */

.k-combobox.form-control, .k-datepicker.form-control, .k-timepicker, .k-datetimepicker.form-control {
  padding: 0px;
  display: inline-flex;
}

  .input-group .k-timepicker, .input-group .k-timepicker .form-control {
  display: inline-flex !important;
  }

  .k-combobox.form-control input {
    border: none;
  }
.k-combobox.k-focus {
  border-color: #006DCC !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 111, 207, 0.6)
}
.k-input.k-focus {
  border-color: #006DCC !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 111, 207, 0.6)
}

.k-input.k-focus {
  border-color: black;
}

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

.k-dropzone {
  background-color:rgba(0,0,0,0) !important;
}


/*#region Kendo DateTime picker styles*/

.k-input-button {
  right: 0;
  left: 0;
}

.k-datepicker .form-control, .k-timepicker .form-control, .k-datetimepicker .form-control {
  height: 34px;
}

.k-datepicker.form-control, .k-timepicker.form-control, .k-datetimepicker.form-control {
  border: none;
}

.k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header {
color: var(--text-heading);
}

body .k-datetimepicker .k-select, .k-datetimepicker .k-input-button {
  border-radius: 0;
  height: 38px;
  width: 90px;
}

.k-datetimepicker .k-picker-wrap {
  padding-left: 90px !important;
  padding-right: 0 !important;
}

.k-datetimepicker .k-select .k-link {
  display: inline-block;
  width: 50%;
  height: 34px;
  width: 45px;
  background-color: var(--heading);
  color: var(--text-heading);
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
  right: 0;
  left: 0;
}


body .k-datepicker .k-select, .k-datepicker .k-input-button, .k-timepicker .k-input-button, .k-datetimepicker .k-input-button {
  display: inline-block;
  height: 34px;
  width: 45px;
  background-color: var(--heading);
  color: var(--text-heading);
  margin-left: -1px;
}
  .k-datepicker .k-input-button .k-button-icon, .k-timepicker .k-input-button .k-button-icon, .k-datetimepicker .k-input-button .k-button-icon {
  color: var(--text-heading) !important;
  }


  .k-datepicker .k-picker-wrap {
    padding-left: 45px !important;
    padding-right: 0 !important;
  }

.k-datepicker .k-select .k-link {
  display: inline-block;
  width: 50%;
  height: 34px;
  width: 45px;
  background-color: var(--heading);
  color: var(--text-heading);
}

.k-datepicker .k-button, .k-timepicker .k-button, .k-datetimepicker .k-button {
  border-left: 2px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

  .k-datetimepicker .k-button + .k-button {
  border-left: 1px solid black;
  }

span.k-datepicker .k-select, span.k-datepicker .k-select + .k-select {
  right: 0;
  left: 0;
}


body .k-timepicker.k-select {
  width: 45px;
  display: inline-block;
  width: 50%;
  height: 34px;
  width: 45px;
  background-color: var(--heading);
  color: var(--text-heading);
}

.k-timepicker .k-picker-wrap {
  padding-left: 45px !important;
  padding-right: 0 !important;
}

.k-timepicker .k-select {
  display: inline-block;
  height: 34px;
  width: 45px !important;
  background-color: var(--heading);
  color: var(--text-heading);
}

.k-timepicker span.k-picker-wrap.k-state-default, .k-timepicker span.k-picker-wrap.k-state-disabled {
  width: calc(100% - 45px);
}

span.k-timepicker .k-select, span.k-timepicker.k-select + .k-select {
  right: 0;
  left: 0;
}

.k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
  border-radius: 0 !important;
}

.k-dropdown-wrap {
  border-color: black !important;
  border-radius: 0 !important;
}

.k-state-disabled, .k-state-disabled input, .k-state-disabled iframe {
  cursor: not-allowed !important;
  pointer-events: initial;
}

  .k-state-disabled:not(.input-group-addon), .k-state-disabled input, .k-state-disabled iframe {
    background-color: #eee;
  }


  .k-state-disabled span, .k-state-disabled button, .k-state-disabled [role="button"]{
    cursor: not-allowed !important;
    pointer-events: none !important;
  }



.k-dropdown-wrap.k-state-focused {
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.k-dropdown-wrap .k-select {
  background-color: white;
}

.k-list {
border: 1px solid black;
}

.k-list .k-item:not(.k-state-selected,.k-state-focused,.k-state-hover) {
  background-color: white !important;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
  border-radius: 0 !important;
  border: thin solid #484B54;
}


.k-animation-container, .k-list-container, .k-list-scroller, .k-item {
  box-shadow: none !important;
}

.k-list-container {
border: 1px solid black;
}

  .k-list-scroller, .k-list-scroller .k-item {
    background-image: none;
    background-color: white;
    color: black;
  }

    .k-list-scroller .k-item.k-state-hover, .k-list-scroller .k-item.k-state-selected, .k-list-scroller .k-item.k-state-focused, .k-list-scroller .k-list-item.k-focus, .k-list-scroller .k-list-item:hover, .k-list-item.k-selected {
      background-image: none;
      background-color: #1967D2;
      color: white;
    }

    .k-list-scroller .k-list-item.k-focus .k-list-item-text span, .k-list-scroller .k-list-item:hover .k-list-item-text span {
      color:white !important
    }

  .k-list-item, .k-list-custom-value, .k-list-optionlabel {
    transition-duration:0ms;
    transition-timing-function: linear;
  }

.k-combobox input {
  height: 34px;
}

.k-toolbar .k-combobox input {
  height: 100%;
  background-color: white; /*var(--kendo-color-base, #def4fd);*/
}

.k-combobox.invalid-after-save, .k-input.invalid-after-save .form-control, .k-input.invalid-after-save .k-input-button  {
  border: none !important;
}

.k-input .k-button + .k-button {
border-left: 1px solid black !important;
}

span.k-combobox .k-dropdown-wrap.k-state-focused {
  border-color: #006DCC !important;
}

.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar {
  background-image: unset;
  background-position: unset;
  background-color: unset;
  border-color: unset;
}

span.k-picker-wrap.k-state-default, span.k-picker-wrap.k-state-disabled {
  border-color: black;
  height: 34px;
  border-radius: 0;
  width: calc(100% - 90px);
}

span.k-picker-wrap.k-state-focused {
  border-color: #006DCC !important;
}

/*
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: 0px !important;
}
*/
.k-datepicker > span.k-picker-wrap.k-state-default, .k-datepicker > span.k-picker-wrap.k-state-disabled {
  width: calc(100% - 45px);
}

span.k-link.k-link-date {
  border-right: 1px dashed;
}

.k-picker-wrap span.k-select {
  height: 34px;
  border: none;
}

span.k-widget.k-datetimepicker.form-control {
  width: 100%;
}

.k-picker-wrap input {
  height: 34px;
}

.k-grid thead tr:first-child:hover,
.k-grid thead tr:first-child th .k-link:hover,
.k-grid thead tr:first-child th .k-grid-filter:hover {
  background-color: initial;
}

.k-filter-menu-container .k-textbox {
}
/*#endregion*/


/*#region Kendo Input styles*/

.k-widget.k-upload.k-header.k-upload-empty {
  border-radius: 0;
}

.k-button.k-upload-button {
  border-radius: 0;
  background-image: none;
  color: var(--text-heading);
  background-color: var(--accent);
  height: 2rem;
  margin-right: 0;
}

  .k-button.k-upload-button.k-state-focused, .k-button.k-upload-button:hover, .k-upload-button:focus {
    color: var(--text);
    background-color: var(--accent-light);
  }

.k-upload-button.k-state-focused, .k-upload-button:focus {
  border: 2px solid black !important;
  box-shadow: none !important;
}

li.k-file.k-file-success > strong.k-upload-status {
  position: static;
}

.k-widget.k-upload.k-header {
  border-radius: 0;
}

.k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint {
  text-align: left;
  margin-left: 10px;
}

a.k-file-name {
  color: var(--highlight) !important;
}

/*
  a.k-file-name:visited {
    color: var(--highlight-light) !important;
  }*/


.k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before {
  border-left-color: var(--highlight);
  border-bottom-color: var(--highlight);
}

span.k-file-size {
  color: var(--highlight);
}

span.k-file-extension {
  color: var(--highlight);
  left: 0;
}

strong.k-upload-status.k-upload-status-total {
  color: var(--highlight);
  margin-left: 0;
}

span.k-select > .k-link {
  color: var(--text-heading);
  background-color: var(--heading);
}

div.k-window {
  z-index: 66001 !important;
}

span.k-widget.k-colorpicker.k-editor-widget {
  width: 2em;
}

/* Telerik - Kendo UI Upload */
.k-clear-selected, .k-upload-selected {
  display: none !important;
}
.k-combobox .k-clear-value+.k-input-button {
  border: none;
}

.k-widget {
  background-color: white;
}

.k-file {
  border-bottom: 0px !important;
}

.k-upload-files {
  padding-bottom: 0px;
}

.k-dropzone {
  display: flex;
}

  .k-dropzone em {
    display: inline;
    text-align: center;
    margin: 0 auto;
    color: #5E7985 !important;
  }

.k-upload-status {
  margin-top: 10px;
}

.k-upload.disabled {
  cursor: not-allowed !important;
  opacity: .8
}

  .k-upload.disabled * {
    cursor: inherit !important;
  }

  .k-upload.disabled .k-upload-files, .k-upload.disabled .k-upload-files {
    cursor: auto !important;
  }

    .k-upload.disabled .k-upload-files a {
      cursor: pointer !important;
    }

.k-editor {
  min-height: 195px;
}

/*this is 250px in kendo.common.css. It's causing issues with RTE, though. If new issues arise, check those*/
table.k-editor:not([style]) {
  height: 100% !important;
}

.invalid-after-save .k-upload {
  border: none !important;
}

.input-group.invalid-after-save .k-picker-wrap {
  border: 1px solid #e80c3b !important;
}

.k-combobox .k-input {
  border: none !important;
  box-shadow: none !important;
}
.k-combobox:hover {
  border: 1px solid
}

.k-combobox:not(.invalid-after-save) .k-dropdown-wrap {
  border: 1px solid !important;
}

.invalid-after-save.k-combobox .k-dropdown-wrap {
  border: 1px solid #e80c3b !important;
}


.k-dropdown-wrap.k-state-focused {
  border-color: #006DCC !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 111, 207, 0.6)
}

.k-dropdown-wrap {
  height: 34px !important;
}

.k-combobox {
  width: 100% !important
}

.k-coloreditor-views .k-colorpalette {
  align-self: auto;
}

.k-chart-overlay {
  background-color: white;
  z-index: 0;
}