﻿.k-grid {
  background: none repeat scroll 0 0 #FFFFFF;
  border-style: none;
  border-width: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  margin: 0 2px 0 0;
  clear: both;
}

.k-grid table {
  empty-cells: show;
  width: 100%;
  border-collapse: separate;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  border-collapse: collapse;
  clear: both;
}

.k-grid .c {
  text-align: center;
}

thead.k-grid-header {
  border-width: 0;
  background-color: var(--color-neutral-5, #eee);
}

.k-grid-header .k-header {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: var(--color-neutral-4, #ccc);
  font-weight: 400;
  overflow: hidden;
  padding: 4px 8px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--color-neutral-5, #eee);
}

.k-grid td {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #E7E7E7 #ffffff #E7E7E7 #ffffff;
  border-color: #bfe2f1 #bfe2f1;
  border-width: 1px 0 1px 0;
  padding: 5px 10px 5px 10px;
}

.k-grid tbody tr.k-alt {
  background: none repeat scroll 0 0 #f7f9fb;
}

.k-grid tbody tr.gridrow_alternate {
  background-color: #f7f9fb;
}

.entitlementGridRow {
  cursor: pointer !important;
}

.k-focusable {
  cursor: default;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-callout, .k-progress, .k-progress-status {
  background-image: url("Silver/sprite.png");
}

ul.k-pager {
  margin: 4px 0px 0 0px;
}

.k-pager-nav {
  display: none;
}

.k-grid .k-grid-pager {
  border-color: #ABABAB;
  border-style: solid;
  /*border-width: 1px 0 0;*/
  border-width: 0;
  line-height: 1.8em;
  overflow: visible;
  padding: 5px 0 4px !important;
  width: 100%;
  background: #fff;
}
.k-grid .k-pager, .k-grid .k-pager-wrap {
  cursor: default;
  float: left;
  margin-right: 7px;
  margin-top: 16px;
}
.k-grid th.k-header {
  border-width: 0;
  height: 32px;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 500;
}
@media (min-width: 1024px), (max-width: 1024px) {
  .k-grid .k-pager .k-pager-numbers,
  .k-grid .k-grid-pager .k-pager-numbers {
    position: relative !important;
    left: 0 !important;
    display: inline-block !important;
  }
  .k-grid .k-pager li,
  .k-grid .k-grid-pager li {
    display: inline !important;
    margin-right: 5px;
  }
  .k-grid .k-pager li > *,
  .k-grid .k-grid-pager li > * {
    -webkit-appearance: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-weight: 500;
    color: var(--color-button-text, #070707);
    cursor: pointer;
    display: block;
    transition: opacity 250ms ease-in-out, color 250ms ease-in-out, background-color 250ms ease-in-out, border-color 250ms ease-in-out;
    font-size: 12px;
    padding: 6px 20px;
    text-align: center;
    background-color: var(--color-button-bg, #fff);
    height: auto;
    border-color: var(--color-neutral-4, #ccc);
    outline: none;
    width: auto !important;
    display: inline !important;
    clear: none;
    line-height: 24px;
    padding: 4px 16px !important;
    font-weight: bold !important;
    font-size: 11px;
    border-radius: 4px !important;
  }
  .k-grid .k-pager li > *:hover,
  .k-grid .k-grid-pager li > *:hover {
    border-color: var(--color-neutral-3, #888);
    cursor: pointer;
    color: var(--color-neutral, #000);
    text-shadow: none;
  }
  .k-grid .k-pager li > *:active,
  .k-grid .k-grid-pager li > *:active {
    background-color: var(--color-active-lighten-8p, #5392DC);
    text-shadow: none;
  }
  .k-grid .k-pager li > *[disabled=disabled], .k-grid .k-pager li > *.disabled,
  .k-grid .k-grid-pager li > *[disabled=disabled],
  .k-grid .k-grid-pager li > *.disabled {
    background: transparent;
    border-color: var(--color-neutral-4, #ccc) !important;
    color: var(--color-neutral-4, #ccc) !important;
    box-shadow: none;
    text-shadow: none;
    cursor: default;
  }
  .k-grid .k-pager li > *[disabled=disabled]:hover, .k-grid .k-pager li > *.disabled:hover,
  .k-grid .k-grid-pager li > *[disabled=disabled]:hover,
  .k-grid .k-grid-pager li > *.disabled:hover {
    box-shadow: none;
    text-shadow: none;
  }
  .k-grid .k-pager li .k-state-active,
  .k-grid .k-pager li .k-state-selected,
  .k-grid .k-grid-pager li .k-state-active,
  .k-grid .k-grid-pager li .k-state-selected {
    border-color: var(--color-button-depressed-darken-10p, #2464af) var(--color-button-depressed-darken-5p, #2870c4) var(--color-button-depressed-darken-5p, #2870c4) var(--color-button-depressed-darken-5p, #2870c4);
    text-shadow: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    background: linear-gradient(to bottom, var(--color-button-depressed-gradient, #317cd5), var(--color-button-depressed-gradient, #317cd5));
    color: var(--color-base, #fff);
    box-shadow: none;
    background-color: var(--color-neutral-5, #eee) !important;
    border: none;
    color: var(--color-neutral-1, #333) !important;
  }
  .k-grid .k-pager li.k-current-page,
  .k-grid .k-grid-pager li.k-current-page {
    display: none !important;
  }
  .k-grid .k-pager-last,
  .k-grid .k-pager-first,
  .k-grid .k-pager-nav.k-state-disabled,
  .k-grid a.k-pager-nav {
    display: none !important;
  }
}

.k-detail-row,
.k-detail-row:hover {
  background: none repeat scroll 0 0 #EBF0F3 !important;
}

.k-grid .k-detail-cell {
  overflow: visible;
  cursor: pointer;
  padding: 2px 7px !important;
  text-align: left;
}

.k-grid .k-detail-cell .k-grid {
  border-color: #b3b3b3 #ffffff #ffffff #b3b3b3;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin: 0 2px 0 0;
  overflow: hidden;
  position: relative;
}

.k-grid .k-detail-cell .k-grid .k-grid-header {
  background-image: none;
}

.k-grid .k-detail-cell .k-grid-header .k-header,
.k-grid .k-detail-cell .k-grid thead tr th {
  background-image: none !important;
  filter: none;
  background-color: #EBF0F3;
  border-bottom: 1px solid #bfe2f1;
}

.k-grid .k-detail-cell .k-grid tbody tr td {
  border-color: #d2d7db;
}

.k-grid .k-detail-cell .k-grid tbody tr,
.k-grid .k-detail-cell .k-grid tbody tr.k-alt,
.k-grid .k-detail-cell .k-grid tbody tr:hover {
  background: none repeat scroll 0 0 #DFE4E7 !important;
}

.k-calendar-container {
  background: none repeat scroll 0 0 #FFFFFF !important;
  border: 1px solid #C5C5C5 !important;
  padding: 0.2em 0.2em 0 !important;
  box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4) !important;
  border-radius: 0 0 0 0 !important;
}

.k-calendar-container .k-header {
  background: #546180;
  background: -moz-linear-gradient(top, #546180 0%, #3b4867 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #546180), color-stop(100%, #3b4867)) !important;
  background: -webkit-linear-gradient(top, #546180 0%, #3b4867 100%) !important;
  background: -o-linear-gradient(top, #546180 0%, #3b4867 100%) !important;
  background: -ms-linear-gradient(top, #546180 0%, #3b4867 100%) !important;
  background: linear-gradient(top, #546180 0%, #3b4867 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#546180", endColorstr="#3b4867",GradientType=0 ) !important;
  border: 1px solid #2e3954 !important;
}

.k-calendar-container .k-header a {
  color: #fff !important;
}

.k-link .k-nav-prev {
  background-position: 0 0 !important;
  display: block !important;
  height: 21px !important;
  width: 20px !important;
}

.k-link .k-nav-next {
  background-position: 0 -21px !important;
  display: block !important;
  height: 21px !important;
  width: 20px !important;
}

.k-calendar-container .k-icon {
  background: url("../Images/datePickerArrows.png") no-repeat scroll 0 0 transparent !important;
  display: block;
  height: 21px;
  width: 20px;
}

.k-calendar-container .k-arrow-prev {
  background-position: 0 0 !important;
  left: 50% !important;
  position: absolute !important;
  top: 0 !important;
}

.k-calendar-container .k-arrow-next {
  background-position: 0 -21px !important;
  right: 50% !important;
  position: absolute !important;
  top: 0 !important;
}

.k-calendar-container .k-state-hover,
.k-calendar-container .k-state-hover:hover,
.k-calendar-container .k-splitbar-horizontal-hover:hover,
.k-calendar-container .k-splitbar-vertical-hover:hover,
.k-calendar-container .k-list > .k-state-hover,
.k-calendar-container .k-state-focused,
.k-calendar-container .k-marquee {
  background-color: transparent !important;
}

.k-calendar-container .k-calendar th {
  background-color: #FFFFFF !important;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  border-bottom-width: 0 !important;
}

.k-calendar-container .k-calendar td {
  cursor: pointer;
  padding: 1px;
  background-color: #fff !important;
}

.k-calendar .k-content .k-link {
  color: #737373 !important;
  display: block !important;
  line-height: 1.8em !important;
  padding: 2px 4px !important;
  text-align: right !important;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 11px;
}

.k-calendar .k-content .k-link {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)) !important;
  background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
  background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
  background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
  background: linear-gradient(top, #ffffff 0%, #ededed 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 ) !important;
  border: 1px solid #DDDDDD !important;
}

.k-calendar-container .k-calendar .k-today a {
  background: none repeat scroll 0 0 #CCC !important;
  border: 1px solid #ABABAB !important;
  box-shadow: none !important;
  color: #363636 !important;
  cursor: default !important;
  filter: none !important;
}

.k-calendar-container .k-calendar .k-state-focused a {
  background: none repeat scroll 0 0 #f6e990 !important;
  border: 1px solid #e1cf55 !important;
  box-shadow: none !important;
  color: #363636 !important;
  cursor: default !important;
  filter: none !important;
}

.k-calendar .k-content .k-other-month .k-link {
  background: transparent !important;
  border: 1px solid #fff !important;
  filter: none !important;
  font-weight: normal !important;
  color: #CCCCCC !important;
}

.k-calendar-container,
.k-calendar td,
.k-calendar .k-link {
  border-radius: 0 0 0 0 !important;
}

.k-scheduler-table tr {
  page-break-inside: avoid;
}
