﻿/* Kendo Talkoot Modifications */

/* Talkoot brand blue is : #6dc8e5 */

.k-grid-header th.k-header,
.k-grid td {
  box-sizing: border-box;
}

.k-grid-header th.k-header {
  border-color: rgba(0, 0, 0, 0.08);
  border-width: 1px;
}

.k-window {
  border-radius: 4px;
}

.k-window-content {
  padding: 0px 16px 16px;
}

.k-window-titlebar {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
  border-bottom: none;
  padding: 16px;
}

.k-window-actions {
  padding: 0;
  border-width: 0;
}

.k-window-action .k-i-close::before {
  content: "\00d7";
  font-size: 28px;
  font-weight: 600;
  margin: -7px 0 0 -4px;
}

.k-window-title {
  font-size: 16px!important;
}

.k-detail-row {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.k-grid .k-detail-row .k-detail-cell {
  padding-left: 5rem;
}

.k-grid a {
  color: #337ab7;
  outline: none;
}

.k-grid a:hover {
  color: #23527c;
  text-decoration: underline;
}

.k-tabstrip-items .k-link {
  padding: 4px 12px;
}

.k-tabstrip-top>.k-tabstrip-items-wrapper {
  border-color: #6dc8e5;
}

.k-tabstrip-content.k-active, .k-tabstrip>.k-content.k-active {
  border: 1px solid #6dc8e5;
}

.k-tabstrip-content, .k-tabstrip>.k-content {
  border-radius: 0;
}

.k-grid-header th.k-header {
  border-width: 0;
  border-left-width: 1px;
}

.k-grid-header th.k-header:nth-child(2),
.k-grid-header th.k-header:first-child {
  border-color: #fafafa;
}

.k-tabstrip-items-wrapper .k-item {
  color: #424242;
  border-top-width: 2px;
}

.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item {
  border-color: rgba(0, 0, 0, 0.08);
  border-bottom-color: #6dc8e5;
  background-color: #fff;
}

.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item:hover {
  background-color: #6dc8e5;
  border-color: #6dc8e5;
  color: #424242;
}

.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active {
  border-color: #6dc8e5;
  border-bottom-color: transparent;
  background-color: #fff;
}

.k-tabstrip-top.k-tabstrip-scrollable>.k-tabstrip-items-wrapper .k-item {
  margin-bottom: 0;
}

.k-tabstrip.k-tabstrip-scrollable>.k-tabstrip-items-wrapper.k-hstack>.k-button {
  border-width: 0;
  border-bottom: 1px solid #6dc8e5 !important;
  border-radius: 0;
  opacity: 1 !important;
}

.k-loading-image::before,
.k-loading-image::after {
  font-size: 2rem;
}

.k-grid .k-selected td {
  background: #d9edf7;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #333;
}

.k-grid-filter.k-active {
  background-color: #dadada;
}

.k-grid tbody tr:hover, .k-grid td.k-selected:hover {
  background-color: #fcf8e3;
  color: #333;
}

.k-pager-sizes .k-dropdownlist{
    width:auto;
}

.k-pager-numbers .k-link {
  border-color: transparent;
  height: auto;
}

.k-widget.k-tooltip {
  background-color: #fff;
  border-color: #eee;
  border-width: 1px;
}

.k-tooltip .k-callout {
  color: #6dc8e5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.k-grid .k-dirty {
  border-width: 3px;
  border-color: #f31700 transparent transparent #f31700;
}

.k-grid tr:first-of-type td {
  border-top-width: 1px;
}

.k-grid td {
  border-width: 0px 0px 1px;
}

.k-grid td.k-focus,
.k-grid .k-master-row>td.k-focus {
  box-shadow: none;
}

.k-grid td,
.k-grid-header th.k-header {
  padding: 6px 8px;
}

.k-grid td:nth-child(n+3),
.k-grid-header th.k-header:nth-child(n+3) {
  padding: 6px 16px;
}

.k-alt,
col.k-sorted {
  background: #fff;
}

.k-grid-pager {
  border-width: 0;
}

.k-notification {
  padding: 0;
  border-radius: 0;
  border-color: #ccc;
  font-size: 13px;
}

.k-checkbox:checked::before {
  display: none;
}

.k-popup-edit-form .k-edit-buttons {
  display: flex;
  flex-direction: row-reverse;
  justify-content: end;
  padding-bottom: 16px;
}

.k-popup-edit-form .k-edit-buttons .k-grid-update {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  padding: 6px 12px;
}

.k-popup-edit-form .k-edit-buttons .k-grid-cancel {
  color: #D9534F;
  font-weight: 500;
  background-color: #FFF;
  border-color: #D9534F;
  padding: 6px 12px;
}

.k-popup-edit-form .k-edit-buttons .k-grid-update .k-button-text {
  content: "Save";
}

.k-popup-edit-form .k-edit-buttons .k-grid-update .k-icon {
  display: none;
}

.k-widget .k-detail-row * {
  box-sizing: border-box !important;
}

.k-column-title, .k-grid .k-column-title { white-space: normal; text-overflow: ellipsis; height: auto; overflow: visible; }